﻿@media screen and (min-width:1700px) {
	.terWord {
	    height: 260px;
	    overflow-y: auto;
	    padding-top: 20px;
	}
}

@media screen and (max-width:1600px) {
	.About {
		width: 90%;
		margin: auto;
		padding-top: 75px;
		padding-bottom: 50px;
	}

	.timeTree {
		max-width: 90%;
		margin: 0 auto;
		position: relative;
	}


	.cwNav a {
		font-size: 20px;
	}

	.br1 {
		color: rgb(197, 197, 197);
		font-size: 24px;
		margin-bottom: 18px;
	}

	.brSame {
		width: 33.3%;
		margin-right: 4%;
		padding: 20px;
		border: 1px solid rgb(238, 238, 238);
		display: flex;
		align-items: center;
		justify-content: space-between;
		position: relative;
		transition: all 0.5s ease 0s;
	}

	.br2 {
		color: rgb(54, 54, 54);
		font-size: 28px;
		font-family: ÃƒÂ¥Ã‚Â®Ã¢â‚¬Â¹ÃƒÂ¤Ã‚Â½Ã¢â‚¬Å“;
		letter-spacing: 1px;
	}

	.Flag {
		width: 90%;
		margin: 85px auto auto;
		display: flex;
		align-items: center;
		padding-bottom: 80px;
	}

	.localAt {
		display: none;
		align-items: center;
		width: 90%;
		margin: auto;
	}

	.sideNav {
		display: flex;
		align-items: center;
		padding-top: 38px;
		width: 90%;
		margin: auto;
	}

	.conn2_right {
		width: 90%;
		margin: auto auto auto 5%;
		position: relative;
		display: inline-block;
		height: 100%;
		vertical-align: top;
	}

	.inner {
		margin: 0px auto;
		padding-left: 6vw;
		padding-right: 6vw;
	}

	.header {
		padding-left: 6vw;
	}

	.troBox {
		width: 90%;
		margin: auto auto 45px;
		position: relative;
		z-index: 99;
	}

	.proTit {
		width: 90%;
		margin: auto;
		padding-top: 50px;
		padding-bottom: 20px;
		font-size: 30px;
		color: rgb(51, 51, 51);
		font-weight: 600;
	}

	.sideNav a {
		font-size: 20px;
	}

	.inDesc p {
		margin: auto;
		line-height: 36px;
		color: rgb(51, 51, 51);
		font-size: 16px;
		text-indent: 2em;
		font-family: YIN;
		width: 95%;
	}

	.introFlex {
		display: flex;
		align-items: center;
		padding-top: 90px;
		padding-bottom: 90px;
	}

	.organBox {
		width: 92%;
		margin: auto auto 60px;
	}

	.leadFlex {
		display: flex;
		flex-wrap: wrap;
		width: 92%;
		margin: auto;
	}

	.sciTit {
		width: 92%;
		margin: auto;
	}

	.expertBox,
	.exBottom {
		width: 92%;
	}
}


@media screen and (max-width:1500px) {
	.days {
    font-size: 31px;
    margin-left: 10px;
}
	.Progress {
		padding-top: 55px;
		padding-bottom: 80px;
		position: relative;
		margin-top: 40px;
	}

	.gr3 {
		display: flex;
		align-items: center;
		justify-content: center;
		color: rgb(30, 74, 158);
		font-size: 34px;
		margin-bottom: 12px;
		position: relative;
		z-index: 99;
	}

	.topLogo {
		display: flex;
		padding: 22px 0px;
		position: relative;
		z-index: 999;
		align-items: center;
	}

	.topLogo p {
		font-size: 32px;
		color: rgb(51, 51, 51);
		font-family: ÃƒÂ¥Ã‚Â®Ã¢â‚¬Â¹ÃƒÂ¤Ã‚Â½Ã¢â‚¬Å“;
		margin-left: 45px;
		padding-left: 45px;
		border-left: 2px solid rgb(200, 200, 200);
		line-height: 28px;
	}

	.w80 {
		width: 92%;
		margin: auto;
	}

	.orPic {
		overflow: hidden;
		width: 90%;
		margin: 0px auto auto;
		position: relative;
	}

	.leadFlex {
		display: flex;
		flex-wrap: wrap;
		width: 90%;
		margin: auto;
	}

	.orTit {
		color: rgb(0, 0, 0);
		font-weight: 600;
		padding-top: 40px;
		padding-bottom: 40px;
		text-align: center;
	}

	.Article {
		width: 88%;
		margin: 50px auto 35px;
	}

	.icName {
		font-size: 30px;
		text-align: center;
		color: rgb(51, 51, 51);
		margin-bottom: 15px;
	}

	.icDate {
		display: flex;
		justify-content: center;
		margin-bottom: 30px;
	}
}

@media screen and (max-width:1400px) {
	.timeTree {
		max-width: 98%;
		margin: 0 auto;
		position: relative;
	}

	.beWord {
		font-size: 18px;
		color: rgb(255, 255, 255);
		padding: 0px 15px;
		position: relative;
		z-index: 99;
		transition: all 0.6s;
	}

	.pl1 {
		font-weight: 600;
		color: rgb(0, 0, 0);
		font-size: 18px;
	}

	.ter1 {
		font-size: 28px;
		letter-spacing: 1px;
		color: rgb(0, 0, 0);
		font-weight: 600;
		margin-bottom: 3px;
	}

	.ter2 {
		font-size: 18px;
		padding-bottom: 15px;
		border-bottom: 1px solid rgb(225, 225, 225);
		color: rgb(0, 0, 0);
	}

	.reBack {
		display: flex;
		align-items: center;
		color: rgb(255, 255, 255);
		width: 145px;
		height: 45px;
		justify-content: center;
		background: rgb(31, 77, 158);
	}

	.cwNav {
		display: flex;
		align-items: center;
		padding-bottom: 3vw;
		margin: auto;
	}

	.spt1 {
		font-size: 26px;
		color: rgb(31, 77, 158);
		letter-spacing: 1px;
		font-weight: 600;
		padding-bottom: 20px;
		border-bottom: 2px solid rgb(31, 77, 158);
		display: inline;
		position: relative;
		z-index: 999;
	}

	.topLogo {
		display: flex;
		padding: 20px 0px;
		position: relative;
		z-index: 999;
		align-items: center;
	}

	.fx1 {
		align-items: center;
		font-size: 26px;
		color: rgb(0, 0, 0);
		font-weight: 600;
		margin-bottom: 18px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
	}

	.orFlex {
		width: 50%;
		background: rgb(255, 255, 255);
		padding: 25px 35px;
		transition: all 0.5s ease 0s;
		border: 5px solid rgb(255, 255, 255);
	}

	.fx2 {
		font-family: YIN;
		font-size: 15px;
		color: rgb(102, 102, 102);
		line-height: 32px;
		margin-bottom: 30px;
	}

	.w80 {
		width: 95%;
		margin: auto;
	}

	.organBox {
		width: 88%;
		margin: auto auto 60px;
	}

	.Science {
		background: url(../images/star.jpg) 0% 0% / cover no-repeat;
		padding-top: 65px;
		height: 680px;
		position: relative;
		z-index: 99;
	}

	.sciTit>p:nth-child(1) {
		font-size: 2.2vw;
		color: rgb(255, 255, 255);
		letter-spacing: 1px;
		font-weight: 600;
		margin-bottom: 20px;
	}

	.leadFlex {
		display: flex;
		flex-wrap: wrap;
		width: 98%;
		margin: auto;
	}

	.sciTit {
		width: 98%;
		margin: auto;
	}

	.expertBox,
	.exBottom {
		width: 98%;
	}

	#timeline {
		width: 90%;
		height: 470px;
		margin: auto;
		position: relative;
		padding-bottom: 40px;
		overflow: hidden;
	}

	.Flag {
		margin: 75px auto auto;
		display: flex;
		align-items: center;
		padding-bottom: 80px;
	}

	.giTit {
		font-size: 22px;
		color: rgb(51, 51, 51);
		font-weight: 600;
		width: 10%;
		margin-right: 5%;
	}

	.lab1 {
		color: rgb(51, 51, 51);
		margin-bottom: 8px;
		letter-spacing: 1px;
		font-weight: 600;
	}

	.Lab {
		padding-top: 40px;
		padding-bottom: 40px;
		text-align: center;
	}

	.giveSame {
		padding: 30px 35px;
		display: flex;
		align-items: flex-start;
		border-bottom: 1px solid rgb(229, 229, 229);
	}

	.giBox li {
		font-size: 18px;
		color: rgb(102, 102, 102);
		line-height: 38px;
	}

	.About {
		width: 90%;
		margin: auto;
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.sideNav {
		display: flex;
		align-items: center;
		padding-top: 40px;
		width: 86%;
		margin: auto;
	}

	.navBox {
		margin-top: 0;
		position: relative;
		z-index: 99;
		padding: 0px 0px;
		padding-bottom: 0;
	}

	.introFlex {
		display: flex;
		align-items: center;
		padding-top: 85px;
		padding-bottom: 85px;
	}

	.sideNav a::before {
		bottom: -40px;
	}

	.sideNav a::after {
		bottom: 0;
	}

	.ho2 {
		font-size: 25px;
		margin-top: 28px;
		color: rgb(255, 255, 255);
		font-weight: 600;
		text-align: center;
		letter-spacing: 1px;
	}

	.ho3 {
		font-size: 18px;
		margin-top: 20px;
		color: rgb(255, 255, 255);
		line-height: 30px;
		text-align: center;
	}

	.Hope {
		background: url(../images/hope.jpg) 0% 0% / cover no-repeat;
		height: 330px;
		margin-top: 50px;
	}

	.hoBox {
		height: 330px;
	}

	.troWord {
		font-family: YIN;
		font-size: 16px;
		color: rgb(85, 85, 85);
		line-height: 38px;
		margin-bottom: 18px;
		text-indent: 2em;
	}

	.proTit {
		width: 98%;
		margin: auto;
		padding-top: 40px;
		padding-bottom: 20px;
		font-size: 30px;
		color: rgb(51, 51, 51);
		font-weight: 600;
	}
}

@media screen and (max-width:1300px) {
	.sicTit {
		font-size: 26px;
		letter-spacing: 1px;
		color: rgb(31, 77, 158);
		font-weight: 600;
		margin-top: 35px;
		margin-bottom: 30px;
	}

	.af1 {
		color: rgb(255, 255, 255);
		font-size: 18px;
		font-weight: 600;
		margin-bottom: 15px;
		position: relative;
		z-index: 99;
	}


	.sic1 {
		font-size: 24px;
		letter-spacing: 1px;
		color: rgb(31, 77, 158);
	}

	.wh2 {
		width: 32px;
		height: 3px;
		background: rgb(30, 74, 158);
		margin-bottom: 25px;
		margin-right: 6px;
	}

	.w80 {
		width: 100%;
		margin: auto;
	}

	.eachLead {
		/* width: 48.5%; */
		/* margin-right: 3%; */
		/* margin-bottom: 3%; */
		/* padding: 30px; */
		/* background: rgb(255, 255, 255); */
	}

	.leName span {
		font-size: 26px;
		font-weight: 600;
		margin-right: 12px;
	}

	.leName {
		font-size: 20px;
		color: rgb(30, 74, 158);
		margin-bottom: 10px;
	}

	.leadWho {
		margin-bottom: 20px;
	}

	.orPic {
		overflow: hidden;
		width: 100%;
		margin: 0px auto auto;
		position: relative;
	}

	.leadFlex {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		margin: auto;
	}

	.Article {
		width: 95%;
		margin: 45px auto 30px;
	}

	.icleBox {
		padding-bottom: 20px;
	}

	.icDate {
		display: flex;
		justify-content: center;
		margin-bottom: 25px;
	}

	.br2 {
		color: rgb(54, 54, 54);
		font-size: 26px;
		font-family: ÃƒÂ¥Ã‚Â®Ã¢â‚¬Â¹ÃƒÂ¤Ã‚Â½Ã¢â‚¬Å“;
		letter-spacing: 1px;
	}

	.br1 {
		color: rgb(197, 197, 197);
		font-size: 24px;
		margin-bottom: 15px;
	}

	.Brand {
		display: flex;
		padding-top: 40px;
		padding-bottom: 20px;
	}

	.br1 {
		color: rgb(197, 197, 197);
		font-size: 24px;
		margin-bottom: 10px;
	}

	.br2 {
		color: rgb(54, 54, 54);
		font-size: 22px;
		font-family: ÃƒÂ¥Ã‚Â®Ã¢â‚¬Â¹ÃƒÂ¤Ã‚Â½Ã¢â‚¬Å“;
		letter-spacing: 1px;
	}

	.brSame {
		width: 33.3%;
		margin-right: 4%;
		padding: 16px;
		border: 1px solid rgb(238, 238, 238);
		display: flex;
		align-items: center;
		justify-content: space-between;
		position: relative;
		transition: all 0.5s ease 0s;
	}

	.Brand {
		display: flex;
		padding-top: 35px;
		padding-bottom: 15px;
	}

	.venSame {
		width: 23.8%;
		margin-top: 1.5%;
		margin-right: 1.5%;
		background: rgb(241, 245, 252);
		padding: 30px 30px 20px;
	}

	.Invention>a:nth-child(4n+4) {
		margin-right: 0px;
	}

	.Invention>a:nth-child(5n+5) {
		margin-right: 1.5%;
	}

	.Adv {
		display: flex;
		align-items: center;
		width: 95%;
		margin: auto;
		position: relative;
		z-index: 99;
	}

	.About {
		width: 94%;
		margin: auto;
	}

	.conn2_right {
		width: 98%;
		margin: auto auto auto 1%;
		position: relative;
		display: inline-block;
		height: 100%;
		vertical-align: top;
	}

	.troBox {
		width: 98%;
		margin: auto auto 1%;
		margin-bottom: 40px;
	}

	.Flag {
		width: 94%;
		margin: 70px auto auto;
		display: flex;
		align-items: center;
		padding-bottom: 80px;
	}

	.foLink a {
		padding: 0px 15px;
		border-right: 2px solid rgb(212, 212, 212);
		font-size: 16px;
		align-items: center;
		color: rgb(136, 136, 136);
		line-height: 18px;
		width: 6em;
	}

	.fl2 {
		font-size: 15px;
		color: rgb(51, 51, 51);
		line-height: 38px;
		text-indent: 2em;
		font-family: YIN;
		width: 96%;
	}
}

@media screen and (max-width:1200px) {
	.days {
    font-size: 26px;
    margin-left: 10px;
}

	.exCipe {
		overflow: hidden auto;
		color: rgb(85, 85, 85);
		padding-right: 15px;
		font-family: YIN;
	}

	.exCipe {
		height: 210px;
		overflow-y: auto;
	}

	.exCipe::-webkit-scrollbar {
		width: 3px;
	}

	.exCipe::-webkit-scrollbar-thumb {
		border-radius: 10px;
		box-shadow: rgb(31, 77, 158) 0px 0px 5px inset;
		background: rgb(31, 77, 158);
	}

	.exCipe::-webkit-scrollbar-track {
		box-shadow: rgb(210, 219, 236) 0px 0px 5px inset;
		border-radius: 0px;
		background: rgb(210, 219, 236);
	}

	.beWord {
		font-size: 17px;
		color: rgb(255, 255, 255);
		padding: 0px 15px;
		position: relative;
		z-index: 99;
		transition: all 0.6s;
	}

	.af1 {
		color: rgb(255, 255, 255);
		font-size: 16px;
		font-weight: 600;
		margin-bottom: 15px;
		position: relative;
		z-index: 99;
	}

	.cwNav a {
		font-size: 18px;
	}

	.ter1 {
		font-size: 24px;
		letter-spacing: 1px;
		color: rgb(0, 0, 0);
		font-weight: 600;
		margin-bottom: 3px;
	}

	.mt20 {
		padding-top: 40px;
	}

	.spt1 {
		font-size: 22px;
		color: rgb(31, 77, 158);
		letter-spacing: 1px;
		font-weight: 600;
		padding-bottom: 15px;
		border-bottom: 2px solid rgb(31, 77, 158);
		display: inline;
		position: relative;
		z-index: 999;
	}

	.spt2 {
		height: 2px;
		width: 100%;
		background: rgb(225, 225, 225);
		position: relative;
		position: relative;
		margin-top: 15px;
	}

	.sysBg {
		padding: 0px 35px;
		padding-top: 5px;
		padding-bottom: 40px;
		background: #fff;
	}

	.speTit {
		padding: 25px 0px 25px;
	}

	.Material {
		display: flex;
		padding: 35px;
		background: rgb(255, 255, 255);
		position: relative;
		z-index: 99;
	}

	.jobTit>p:nth-child(1) {
		color: rgb(0, 0, 0);
		margin-bottom: 8px;
		font-weight: 600;
	}

	.st1 {
		letter-spacing: 1px;
		font-weight: 600;
		text-align: right;
		margin-bottom: 16px;
		color: rgb(255, 255, 255);
		font-size: 25px;
	}

	.st2 {
		width: 32px;
		height: 3px;
		background: rgb(255, 255, 255);
		margin-bottom: 30px;
	}

	.jobTit>p:nth-child(2) {
		color: rgb(31, 77, 158);
		margin-bottom: 15px;
		font-weight: 600;
	}

	.jobTit {
		margin-top: 30px;
		margin-bottom: 22px;
		text-align: center;
	}

	.ta1 {
		font-size: 26px;
		color: rgba(255, 255, 255, 0.9);
		padding: 30px 0px 15px;
		font-weight: 600;
	}

	.tactForm {
		width: 65%;
		padding: 0px 55px 35px;
	}

	.sicTit {
		font-size: 24px;
		letter-spacing: 1px;
		color: rgb(31, 77, 158);
		font-weight: 600;
		margin-top: 30px;
		margin-bottom: 25px;
	}

	.sic1 {
		font-size: 20px;
		letter-spacing: 1px;
		color: rgb(31, 77, 158);
	}

	.Toge {
		margin-top: 35px;
	}

	.Model {
		box-shadow: rgb(220 220 220) 1px 1px 10px 1px;
		padding: 20px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		font-size: 20px;
		color: rgb(51, 51, 51);
	}

	.gr1 {
		font-size: 25px;
		text-align: center;
		color: rgb(102, 102, 102);
		margin-bottom: 15px;
		position: relative;
		z-index: 99;
	}

	.gr2 {
		color: rgb(0, 0, 0);
		font-size: 25px;
		margin-bottom: 15px;
		text-align: center;
		position: relative;
		z-index: 99;
	}

	.gr3 {
		display: flex;
		align-items: center;
		justify-content: center;
		color: rgb(30, 74, 158);
		font-size: 30px;
		margin-bottom: 9px;
		position: relative;
		z-index: 99;
	}

	.Progress {
		padding-top: 0;
		padding-bottom: 50px;
		position: relative;
		margin-top: 40px;
	}

	.m1 {
		font-size: 22px;
		color: rgb(51, 51, 51);
		margin-right: 40px;
	}

	.messForm {
		font-family: YIN;
		background: rgb(255, 255, 255);
		padding: 0px 60px;
	}

	.exTit {
		font-size: 24px;
		color: rgb(255, 255, 255);
		letter-spacing: 1px;
		font-weight: 600;
		margin-bottom: 25px;
	}

	.sciTit>p:nth-child(2) {
		font-size: 17px;
		color: rgb(255, 255, 255);
		margin-bottom: 0px;
		line-height: 38px;
		width: 80%;
	}

	.Science {
		background: url(../images/star.jpg) 0% 0% / cover no-repeat;
		padding-top: 65px;
		height: 650px;
		position: relative;
	}

	.ex1 {
		font-size: 20px;
		letter-spacing: 1px;
		font-weight: 600;
	}

	.exSame {
		width: 33.3%;
		margin-right: 2%;
		padding: 30px 25px;
		background: rgb(255, 255, 255);
		box-shadow: rgb(220 220 220) 1px 1px 10px 1px;
	}

	.exDesc {
		display: flex;
		align-items: center;
		color: rgb(30, 74, 158);
		margin-bottom: 15px;
	}

	.exCipe {
		font-size: 15px;
		color: rgb(102, 102, 102);
		line-height: 34px;
		font-family: YIN;
	}

	.leName span {
		font-size: 22px;
		font-weight: 600;
		margin-right: 12px;
	}

	.orTit {
		color: rgb(0, 0, 0);
		font-weight: 600;
		padding-top: 35px;
		padding-bottom: 35px;
		text-align: center;
	}

	.or1 {
		display: none;
	}

	.or2 {
		text-align: right;
	}

	.or2 img {
		width: 40%;
	}

	.orTit {
		color: rgb(0, 0, 0);
		font-weight: 600;
		padding-top: 20px;
		padding-bottom: 20px;
		text-align: center;
	}

	.organBox {
		width: 100%;
		margin: auto auto 0;
		padding: 0 15px;
		padding-top: 10px;
		padding-bottom: 30px;
	}

	.orPic {
		overflow: hidden;
		width: 100%;
		margin: 0px auto auto;
		position: relative;
		left: 0;
	}

	.adv2 {
		margin-left: 10px;
		color: rgb(85, 85, 85);
		font-size: 16px;
	}

	.ar1 {
		font-size: 16px;
		color: rgb(51, 51, 51);
		margin-bottom: 10px;
		position: relative;
		z-index: 99;
		transition: all 0.6s ease 0s;
	}

	.Art {
		display: flex;
		flex-wrap: wrap;
		padding-top: 35px;
		padding-bottom: 30px;
	}

	.ar2 {
		font-size: 20px;
		color: rgb(51, 51, 51);
		margin-bottom: 20px;
		line-height: 36px;
		position: relative;
		z-index: 99;
		transition: all 0.6s ease 0s;
	}

	.troBox {
		width: 98%;
		margin: auto auto 1%;
		margin-bottom: 30px;
	}

	.troWord {
		font-family: YIN;
		font-size: 15px;
		color: rgb(85, 85, 85);
		line-height: 35px;
		margin-bottom: 14px;
		text-indent: 2em;
	}

	.num {
		font-family: YIN;
		font-size: 38px;
		color: rgb(30, 74, 158);
	}

	.troParh {
		font-family: YIN;
		font-size: 15px;
		color: rgb(85, 85, 85);
		line-height: 35px;
	}

	.ho2 {
		font-size: 22px;
		margin-top: 28px;
		color: rgb(255, 255, 255);
		font-weight: 600;
		text-align: center;
		letter-spacing: 1px;
	}

	.ho3 {
		font-size: 15px;
		margin-top: 15px;
		color: rgb(255, 255, 255);
		line-height: 26px;
		text-align: center;
	}

	.abTit {
		margin-bottom: 20px;
	}

	.Hope {
		background: url(../images/hope.jpg) 0% 0% / cover no-repeat;
		height: 300px;
		margin-top: 50px;
	}

	.hoBox {
		display: flex;
		justify-content: center;
		height: 300px;
	}

	.fl2 {
		font-size: 15px;
		color: rgb(51, 51, 51);
		line-height: 35px;
		text-indent: 2em;
		font-family: YIN;
		width: 96%;
	}

	.Flag {
		margin: 55px auto auto;
		display: flex;
		align-items: center;
		padding-bottom: 80px;
	}

	.giTit {
		font-size: 20px;
		color: rgb(51, 51, 51);
		font-weight: 600;
		width: 10%;
		margin-right: 5%;
	}

	.Lab {
		padding-top: 35px;
		padding-bottom: 35px;
		text-align: center;
	}

	.giBox li {
		font-size: 16px;
		color: rgb(102, 102, 102);
		line-height: 38px;
	}

	.giveSame {
		padding: 26px 35px;
		display: flex;
		align-items: flex-start;
		border-bottom: 1px solid rgb(229, 229, 229);
	}

	.About {
		width: 90%;
		margin: auto;
		padding-bottom: 50px;
	}

	.abBox p {
		font-size: 15px;
		line-height: 40px;
		color: rgb(51, 51, 51);
		overflow: hidden;
		text-indent: 2em;
		font-family: YIN;
	}

	.sideNav a {
		font-size: 18px;
	}

	.sideNav {
		display: flex;
		align-items: center;
		padding-top: 50px;
		width: 86%;
		margin: auto;
	}

	.navBox {
		margin-top: -166px;
		position: relative;
		z-index: 99;
		padding: 40px 0px;
		padding-bottom: 0;
	}

	.introFlex {
		display: flex;
		align-items: center;
		padding-top: 70px;
		padding-bottom: 70px;
	}


	.inner {
		margin: 0px auto;
		padding-left: 4vw;
		padding-right: 4vw;
	}

	.header {
		padding-left: 4vw;
	}

	.header {
		padding-left: 4vw;
	}

	.index-nav-con {
		width: 80%;
		display: flex;
		justify-content: flex-end;
		margin-right: 2%;
	}

	.index-header-right {
		width: 13%;
		display: flex;
		align-items: center;
		justify-content: center;
		border-left: 1px solid rgba(255, 255, 255, 0.2);
		height: 90px;
	}

	.localAt {
		width: 90%;
	}

	.sideNav {
		display: flex;
		align-items: center;
		padding-top: 50px;
		width: 90%;
		margin: auto;
	}

	.sideNav a {
		font-size: 17px;
		padding-bottom: 25px;
	}

	.sideNav {
		display: flex;
		align-items: center;
		padding-top: 30px;
		width: 90%;
		margin: auto;
	}

	.navBox {
		margin-top: 0;
		position: relative;
		z-index: 99;
		padding: 0px 0px;
		padding-bottom: 0;
	}

	.sideNav a::after {
		position: absolute;
		content: "";
		right: 20%;
		width: 0px;
		height: 2px;
		background: rgb(30, 76, 158);
		transition: all 0.5s ease 0s;
		bottom: -0;
	}

	.sideNav a::before {
		bottom: -25px;
	}

	.introFlex {
		display: flex;
		align-items: center;
		padding-top: 55px;
		padding-bottom: 55px;
	}

	.inDesc p {
		margin: auto;
		line-height: 32px;
		color: rgb(51, 51, 51);
		font-size: 15px;
		text-indent: 2em;
		font-family: YIN;
		width: 95%;
	}

}

@media screen and (max-width:1000px) {
	.foLink{
	 font-size: 14px;
	  margin-top: 5px;
	}
	.withTel{
		display: block;
		margin-top: 15px
	}
	.withTel p{
		margin-top: 10px;
	}
	.days {
    font-size: 17px;
    margin-left: 10px;
}
	.ressFlex {
	    display: inherit;
	    flex-wrap: wrap;
	    width: 100%;
	}
	.footRess {
	    display: inherit;
	    align-items: center;
	    justify-content: space-between;
	    padding:30px 0px 25px;
	    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	}
	.ressFlex p {
	    width: 100%;
	    font-size: 14px;
	    color: rgba(255, 255, 255, 0.5);
	    word-spacing: 15px;
	    margin-bottom: 7px;
	}

	.pcIcon_box{
		display: none;
	}
	.eoWord{
		font-size: 14px;
		margin-top: 8px;
	}
	.Set{
		float: none;
		left: auto;
		display: flex;
		position: relative;
		overflow-x: scroll;
		width: 100%;
		white-space: nowrap;
		box-sizing: border-box;
		border-top: none;
		border-left: none;
		border-right: none;
		overflow-y: hidden;
	}
	.mapBg {
	  display: none;
	}
	.footEwm{
		display: none;
	}
	.videos video{
		width: 90vw!important;
		height: 50vw!important;
	}
	.vclose {
	    position: absolute;
	    right: 0;
	    top: -65px;
	    border-radius: 100%;
	    cursor: pointer;
	}
	.videos {
	    position: fixed;
	    left: 50%;
	    top: 45%;
	    margin-left: -45vw;
	    margin-top: -10vh;
	    z-index: 100;
	}
	.conn2_right .img img {
		height: 100%;
		float: left;
		width: 40%;
		min-height: auto;
		max-height: inherit;
	}

	.item-video a {
		position: absolute;
		top: 16%;
		left: 50%;
		transform: translate(-30px, -30px);
		width: 60px;
		height: 60px;
		z-index: 99;
	}

	.video-popwrap video {
		width: 80vw !important;
		height: 50vw !important;
	}

	.placeBox {
		border-bottom: 1px solid rgb(229, 229, 229);
		padding-bottom: 1px;
	}

	.wapDesign .swiper-pagination-bullet-active {
		background: rgb(31, 77, 158);
		opacity: 1;
	}

	.pcDesign {
		display: none;
	}

	.wapDesign {
		display: block;
	}

	.Place {
		margin-top: 0;
		float: none;
		left: auto;
		display: flex;
		position: relative;
		overflow-x: scroll;
		width: 100%;
		white-space: nowrap;
		box-sizing: border-box;
		border-top: none;
		border-left: none;
		border-right: none;
		margin-bottom: 0;
	}

	.pc-ban {
		display: none;
	}

	.wapBanner {
		display: block;
	}

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

	.sysBg table {
		font-family: 'YIN';
		width: 100%;
	}

	.sysBg tbody th,
	.sysBg tbody td {
		border: 2px solid rgb(120,120,120);
		padding: 4px 3px;
		text-align: center;
		font-size: 13px;
		line-height: 20px;
		font-family: 'YIN';
		position: relative;
	}

	.sysBg tbody p,.table-container p {
		padding: 4px 0px;
		font-size: 13px;
		line-height: 20px;
		font-family: 'YIN';
	}

	.table-container {
		width: 100%;
		overflow-y: auto;
		overflow-x: auto;
	}

	.speBg.scoll-top {
		background: #fff;
		box-shadow: 1px 1px 10px 1px rgb(220, 220, 220);
	}

	.speBg.scoll-top .menu-handler span::after,
	.speBg.scoll-top .menu-handler span::before {
		content: "";
		position: absolute;
		display: inline-block;
		width: 100%;
		height: 3px;
		left: 0px;
		background-color: rgb(31, 77, 158);
		transition-duration: 0.3s, 0.3s;
		transition-delay: 0.3s, 0s;
	}

	.speBg.scoll-top .menu-handler span {
		position: relative;
		display: block;
		margin: 25.5px auto 0px;
		width: 28px;
		height: 3px;
		background-color: rgb(31, 77, 158);
		transition-duration: 0.3s, 0.3s;
		transition-delay: 0.3s, 0s;
	}

	.Contact::after {
		display: none;
	}

	.slide_items li {
		float: left;
		font-size: 20px;
		width: 110px;
		text-align: center;
		position: relative;
		z-index: 99;
	}

	.slide_items li span {
		color: rgb(136, 136, 136);
		font-size: 16px;
		display: block;
		position: relative;
		top: 22px;
		/* font-weight: 600; */
		transition: all 0.6s;
	}

	.slide_items li.on span {
		font-size: 18px;
		color: rgb(31, 77, 158);
		top: 20px;
	}

	.slide_items li.on div {
		display: inline-block;
		width: 24px;
		height: 24px;
		background-color: none;
		border-radius: 13px;
		padding: 6px;
		box-sizing: border-box;
		margin-top: 24px;
		border: 1px solid rgb(31, 77, 158);
	}

	.timeTree {
		max-width: 100%;
		margin: 0 auto;
		position: relative;
		padding: 0 15px;
	}

	.Process {
		background: rgb(241, 245, 252);
		padding-bottom: 20px;
	}

	.slide-content {
		margin-top: 5px;
	}

	.News {
		padding: 0 15px;
		display: inherit;
	}

	.newsFlex {
		width: 100%;
		margin-right: 0;
		background: rgb(255, 255, 255);
	}

	.newsTit {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 15px 20px;
		border-bottom: 1px solid rgb(229, 229, 229);
	}

	.eachTit a {
		font-size: 18px;
		color: rgb(102, 102, 102);
		margin-right: 25px;
	}

	.eachNews {
		display: inherit;
	}

	.Gent {
		padding: 20px 15px 10px 15px;
		width: 100%;
		display: inherit;
		border-right: 1px solid rgb(229, 229, 229);
	}

	.gentDesc {
		width: 100%;
		margin-right: 0;
		margin-top: -10px;
	}

	.ge1 span {
		margin-right: 8px;
		font-size: 30px;
		color: rgb(30, 74, 158);
		font-weight: 600;
		font-family: PIN;
	}

	.ge2 {
		font-size: 16px;
		color: rgb(0, 0, 0);
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		word-break: break-all;
		margin-bottom: 10px;
	}

	.ge3 {
		font-size: 14px;
		color: rgb(136, 136, 136);
		line-height: 24px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		margin-bottom: 12px;
	}

	.gentPic {
		width: 100%;
		overflow: hidden;
		margin-top: 15px;
	}

	.Car {
		width: 100%;
		padding: 0 15px 20px;
	}

	.Company {
		width: 100%;
		display: inline-block;
		background: url("../images/build.jpg") 0% 0% / cover no-repeat;
		padding: 20px 15px;
	}


	.plSame {
		width: 242px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-right: 1px solid rgb(229, 229, 229);
		padding: 17px 15px;
		height: auto;
	}

	.pl1 {
		font-weight: 600;
		color: rgb(0, 0, 0);
		font-size: 16px;
	}

	.co1 {
		font-size: 20px;
		color: rgb(255, 255, 255);
		letter-spacing: 1px;
		font-weight: 600;
		margin-bottom: 12px;
	}

	.co2 {
		margin-bottom: 15px;
		width: 30px;
		height: 3px;
		background: rgb(255, 255, 255);
	}

	.co3 {
		font-size: 14px;
		color: rgba(255, 255, 255, 0.9);
		line-height: 30px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		margin-bottom: 20px;
	}

	.co4 {
		display: flex;
		align-items: center;
		font-size: 15px;
		color: rgb(255, 255, 255);
		letter-spacing: 1px;
	}

	.banner {
		margin-top: 60px !important;
	}

	.Download {
		display: inherit;
		flex-wrap: wrap;
		margin-top: 30px;
		margin-bottom: 0;
	}

	.downSame {
		width: 100%;
		margin-right: 0;
		padding: 15px 0;
		border-bottom: 1px solid rgb(225, 225, 225);
		display: flex;
		align-items: flex-start;
	}

	.Download>a:nth-child(2) {
		border-top: none;
	}

	.downDesc {
		margin-left: 15px;
	}

	.down1 {
		font-size: 15px;
		margin-bottom: 8px;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		word-break: break-all;
		color: #000;
	}

	.mt20 {
		padding-top: 30px;
	}

	.Material {
		display: inherit;
		padding: 20px 15px;
		background: rgb(255, 255, 255);
		position: relative;
		z-index: 99;
	}

	.terPic {
		width: 100%;
		overflow: hidden;
		border: 5px solid rgb(241, 245, 252);
	}

	.terDesc {
		width: 100%;
		margin-left: 0;
		margin-top: 20px;
	}

	.ter1 {
		font-size: 18px;
		letter-spacing: 1px;
		color: rgb(0, 0, 0);
		font-weight: 600;
		margin-bottom: 5px;
	}

	.ter2 {
		font-size: 15px;
		padding-bottom: 15px;
		border-bottom: 1px solid rgb(225, 225, 225);
		color: rgb(0, 0, 0);
	}

	.terWord {
		height: auto;
		overflow-y: auto;
		padding-top: 12px;
	}

	.askNow {
		display: inline-block;
		width: 105px;
		height: 44px;
		text-align: center;
		line-height: 44px;
		border-radius: 4px;
		letter-spacing: 1px;
		font-size: 15px;
		color: rgb(255, 255, 255);
		margin-right: 20px;
		background-color: rgb(31, 77, 158);
	}

	.localFlex {
		margin: auto;
		display: none;
	}

	.cwNav a::after {
		position: absolute;
		content: "";
		right: 25%;
		width: 0px;
		height: 2px;
		background: rgb(30, 76, 158);
		transition: all 0.5s ease 0s;
		bottom: -25px;
	}

	.cwNav .on::after {
		width: 50%;
	}

	.cwNav a::before {
		position: absolute;
		content: "";
		left: 25%;
		/* width: 0px; */
		height: 2px;
		background: rgb(30, 76, 158);
		transition: all 0.5s ease 0s;
		bottom: -25px;
	}

	.cwMt {
		margin-top: 20px;
		position: relative;
		z-index: 99;
		padding-bottom: 15px;
	}

	.cwNav a {
		font-size: 15px;
		color: rgb(102, 102, 102);
		border-right: 2px solid rgb(180, 180, 180);
		font-family: 'PIN';
	}

	.cwNav .on {
		color: rgb(0, 0, 0);
		font-weight: 600;
	}

	.localFlex .nowAt a,
	.localFlex .nowAt p {
		color: #000;
	}

	.askNum>p:nth-child(2) {
		font-size: 24px;
		color: rgb(31, 77, 158);
		font-family: YIN;
	}

	.terAsk {
		margin-top: 15px;
		display: flex;
		align-items: center;
	}


	.pt30 {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.sysBg {
		padding: 0px 15px;
		padding-top: 5px;
		padding-bottom: 20px;
		background: #fff;
	}

	.speTit {
		padding: 20px 0px 20px;
	}

	.spt1 {
		font-size: 18px;
		color: rgb(31, 77, 158);
		letter-spacing: 1px;
		font-weight: 600;
		padding-bottom: 15px;
		border-bottom: 2px solid rgb(31, 77, 158);
		display: inline;
		position: relative;
		z-index: 999;
	}

	.speUl li {
		margin-bottom: 8px;
		display: flex;
		align-items: baseline;
		font-size: 14px;
		color: rgb(85, 85, 85);
		line-height: 24px;
		font-family: YIN;
	}

	.speUl li p {
		width: 95%;
	}

	.runDesc {
		margin-bottom: 0;
		font-size: 14px;
		color: rgb(85, 85, 85);
		font-family: YIN;
		line-height: 26px;
	}

	.Run {
		display: inherit;
		padding-top: 0;
	}

	.runSame {
		width: 100%;
		margin-right: 0;
		background-color: rgb(241, 245, 252);
		padding: 0;
		border-radius: 8px;
		margin-top: 40px;
	}

	.run2 {
		font-size: 14px;
		color: rgb(51, 51, 51);
		text-align: center;
		line-height: 32px;
		font-family: YIN;
		padding: 0px 15px 20px 15px;
		margin-top: -2px;
	}

	.run1 {
		font-size: 15px;
		color: rgb(255, 255, 255);
		font-weight: 600;
		padding: 12px 0;
		border-radius: 30px;
		width: 80%;
		margin: auto;
		background: rgb(31, 77, 158);
		text-align: center;
		margin-top: 0;
		position: relative;
		top: -20px;
	}

	.gymFlex {
		display: inherit;
		align-items: center;
	}

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

	.gy2 {
		width: 100%;
		margin-left: 0;
		font-size: 14px;
		line-height: 28px;
		color: #555555;
		font-family: 'YIN';
		margin-top: 15px;
	}

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

	.gyTit {
		padding: 0 0 20px 0;
		font-size: 18px;
		color: rgb(31, 77, 158);
		font-weight: 600;
		letter-spacing: 1px;
	}

	.sys2 {
		font-size: 14px;
		line-height: 28px;
		font-family: 'YIN';
		letter-spacing: 1px;
		margin-top: -5px;
	}

	.index-video .swiper-wrapper .swiper-slide {
		width: 100%!important;
		cursor: pointer;
		margin-right: 0!important;
	}

	.askFlex {
		display: inherit;
		margin-bottom: 20px;
	}

	.askPut>p:nth-child(1) {
		color: #000;
		font-size: 15px;
		letter-spacing: 1px;
		margin-bottom: 15px;
		font-family: YIN;
	}

	.askPut {
		width: 100%;
		margin-right: 0;
		margin-bottom: 15px;
	}

	.askPut>input {
		color: rgb(170, 170, 170);
		font-size: 15px;
		padding: 15px;
		background: rgb(241, 245, 252);
		border-radius: 3px;
		font-family: YIN;
		letter-spacing: 1px;
		width: 100%;
	}

	.askWhole>p:nth-child(1) {
		color: #000;
		font-size: 15px;
		letter-spacing: 1px;
		font-family: YIN;
		margin-bottom: 15px;
	}

	.askWhole>textarea {
		color: rgb(170, 170, 170);
		font-size: 15px;
		padding: 15px;
		background: rgb(241, 245, 252);
		border-radius: 3px;
		width: 100%;
		font-family: YIN;
		letter-spacing: 1px;
		height: 100px;
	}

	.giveUp {
		display: inline-block;
		background: rgb(31, 77, 158);
		font-size: 15px;
		letter-spacing: 1px;
		color: rgb(255, 255, 255);
		width: 50%;
		height: 45px;
		line-height: 45px;
		text-align: center;
		margin: 22px auto auto 25%;
		margin-bottom: 10px;
	}

	.speUl li span {
		display: inline-block;
		width: 6px;
		height: 6px;
		border-radius: 50%;
		background-color: rgb(31, 77, 158);
		margin-right: 15px;
	}


	.menuOpen .speBg .menu-handler span {
		background-color: #fff;
	}

	.menuOpen .speBg .menu-handler span::before {
		background-color: #fff;
		;
	}

	.menuOpen .speBg .menu-handler span::after {
		background-color: #fff;
		;
	}

	.speBg .menu-handler span {
		background-color: rgb(31, 77, 158);
	}

	.speBg .menu-handler span::before {
		background-color: rgb(31, 77, 158);
	}

	.speBg .menu-handler span::after {
		background-color: rgb(31, 77, 158);
	}

	.bannerTop {
		padding-top: 0;
	}

	.Order {
		margin-top: 16px;
		display: inherit;
		transition: all 0.6s ease 0s;
		transition: all 0.6s;
	}

	.orFlex {
		width: 100%;
		background: rgb(255, 255, 255);
		padding: 20px 15px;
		transition: all 0.5s ease 0s;
		border: 5px solid rgb(255, 255, 255);
	}

	.fx1 {
		align-items: center;
		font-size: 20px;
		color: rgb(0, 0, 0);
		font-weight: 600;
		margin-bottom: 18px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
	}

	.fx1 span {
		width: 4px;
		height: 20px;
		display: inline-block;
		background: rgb(31, 77, 158);
		margin-right: 15px;
		position: relative;
		top: 3px;
	}

	.fxpan {
		display: inline-block;
		margin-left: 10px;
		width: 62px;
		height: 23px;
		background: url(../images/row1.png) 0% 0% / cover no-repeat;
		transition: all 0.5s ease 0s;
	}

	.fx2 {
		font-family: YIN;
		font-size: 14px;
		color: rgb(102, 102, 102);
		line-height: 30px;
		margin-bottom: 15px;
	}

	.fx3 {
		display: flex;
		align-items: center;
		width: 165px;
		height: 52px;
		justify-content: center;
		background: rgb(241, 245, 252);
		border-radius: 4px;
		font-family: YIN;
		color: rgb(0, 0, 0);
		transition: all 0.5s ease 0s;
		position: relative;
	}

	.orImg {
		overflow: hidden;
		width: 100%;
		border: 5px solid rgb(31, 77, 158);
	}

	.fxw {
		font-size: 15px;
	}

	.Stand {
		background: url(../images/join.jpg) 0% 0% / cover no-repeat;
		height: 440px;
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		padding-right: 25px;
		justify-content: center;
		margin-top: 30px;
	}

	.st1 {
		letter-spacing: 1px;
		font-weight: 600;
		text-align: right;
		margin-bottom: 15px;
		color: rgb(255, 255, 255);
		font-size: 20px;
	}

	.st2 {
		width: 32px;
		height: 3px;
		background: rgb(255, 255, 255);
		margin-bottom: 25px;
	}

	.st3 {
		font-size: 16px;
		line-height: 34px;
		color: rgb(255, 255, 255);
		font-family: YIN;
	}

	.Stand {
		background: url(../images/join.jpg) 0% 0% / cover no-repeat;
		height: 240px;
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		padding-right: 25px;
		justify-content: center;
		margin-top: 30px;
	}

	.jobTit>p:nth-child(1) {
		color: rgb(0, 0, 0);
		margin-bottom: 4px;
		font-weight: 600;
	}

	.jobMenu {
		display: flex;
		align-items: center;
		justify-content: space-between;
		background: rgb(245, 245, 245);
		padding: 15px;
		font-size: 15px;
		font-weight: 600;
		letter-spacing: 1px;
	}

	.jobTit {
		margin-top: 25px;
		margin-bottom: 15px;
		text-align: center;
	}

	.jobKindcon {
		border: 1px solid rgb(229, 229, 229);
		margin-bottom: 30px;
	}

	.jobNeed {
		padding: 20px 15px;
		background: rgb(255, 255, 255);
		border-top: 1px solid rgb(220, 220, 220);
		display: none;
	}

	.j1 {
		margin-bottom: 10px;
	}

	.j2 {
		width: 100%;
	}

	.jobNeed p {
		font-size: 14px;
		color: rgb(102, 102, 102);
		line-height: 23px;
		letter-spacing: 1px;
		font-family: YIN;
		margin-top: 7px;
	}

	.j1 {
		font-size: 15px;
		color: rgb(51, 51, 51);
		font-weight: 600;
		width: auto;
	}

	.jobFlex {
		display: inherit;
		align-items: baseline;
		margin-bottom: 8px;
	}

	.jobMore {
		display: flex;
		padding: 15px 15px;
		background: rgb(255, 255, 255);
		justify-content: space-between;
		font-size: 14px;
		color: rgb(51, 51, 51);
		font-family: YIN;
		letter-spacing: 1px;
		border-top: 1px solid rgb(229, 229, 229);
		cursor: pointer;
		align-items: center;
	}

	.jobMenu>p:nth-child(4) {
		display: none;
	}

	.jobMore>li:nth-child(4) {
		display: none;
	}

	.Contact {
		display: inherit;
		box-shadow: rgb(220 220 220) 1px 1px 10px 1px;
		margin-top: 35px;
	}

	.tactInfor {
		width: 100%;
	}

	.tactTop {
		background: rgb(30, 76, 158);
		padding: 0px 15px 20px;
	}

	.ta1 {
		font-size: 20px;
		color: rgba(255, 255, 255, 0.9);
		padding: 25px 0px 15px;
		font-weight: 600;
	}

	.ta2 {
		font-size: 14px;
		line-height: 24px;
		color: rgba(255, 255, 255, 0.7);
		margin-bottom: 6px;
	}

	.tactBottom {
		background: rgb(56, 92, 168);
		padding: 15px 15px;
	}

	.tactForm {
		width: 100%;
		padding: 0px 15px 25px;
	}

	.tactFlex {
		display: inherit;
		align-items: center;
	}

	.tactPut {
		width: 100%;
		margin-right: 0;
		border-bottom: 1px solid rgb(220, 220, 220);
		padding: 18px 0px;
	}

	.confirm {
		display: inline-block;
		background: rgb(31, 77, 158);
		font-size: 15px;
		letter-spacing: 1px;
		color: rgb(255, 255, 255);
		width: 50%;
		border-radius: 30px;
		height: 46px;
		line-height: 46px;
		text-align: center;
		margin: 25px auto auto 25%;
	}

	.networkimg {
		display: none;
	}

	.Market {
		padding-top: 35px;
		text-align: center;
	}

	.Market>p:nth-child(1) {
		color: rgb(0, 0, 0);
		font-size: 20px;
		font-weight: 600;
		letter-spacing: 1px;
		margin-bottom: 4px;
	}

	.Market>p:nth-child(2) {
		font-size: 15px;
		color: rgb(85, 85, 85);
		letter-spacing: 1px;
	}

	.map2 {
		display: block;
		margin-bottom: 25px;
	}

	.tactWhole {
		width: 100%;
		border-bottom: 1px solid rgb(220, 220, 220);
		padding: 18px 0px;
	}

	.tactPut>p:nth-child(1) {
		color: rgb(136, 136, 136);
		font-size: 15px;
		letter-spacing: 1px;
		margin-bottom: 8px;
	}

	.tactWhole>p:nth-child(1) {
		color: rgb(136, 136, 136);
		font-size: 15px;
		letter-spacing: 1px;
		margin-bottom: 8px;
	}

	.tactWhole>textarea {
		color: rgb(0, 0, 0);
		font-size: 18px;
		height: 40px;
		font-family: PIN;
		width: 100%;
	}

	.tactPut>input {
		color: rgb(0, 0, 0);
		font-size: 16px;
		font-family: PIN;
	}

	.With {
		margin-top: 20px !important;
		position: relative;
		display: inherit;
		align-items: flex-end;
	}

	.withPic {
		width: 100%;
		overflow: hidden;
		position: relative;
		z-index: 99;
		margin-top: 30px;
	}

	.withDesc {
		width: 100%;
		margin-left: 0;
		position: relative;
		z-index: 99;
		margin-top: 20px;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}

	.pubTit {
		font-size: 20px;
	}

	.wh2 {
		width: 32px;
		height: 3px;
		background: rgb(30, 74, 158);
		margin-bottom: 20px;
		margin-right: 6px;
	}

	.wh3 {
		font-size: 14px;
		line-height: 30px;
		color: rgb(85, 85, 85);
		font-family: YIN;
	}

	.sicTit {
		font-size: 18px;
		letter-spacing: 1px;
		color: rgb(31, 77, 158);
		font-weight: 600;
		margin-top: 25px;
		margin-bottom: 25px;
	}

	.basicBox {
		display: flex;
		font-family: YIN;
		flex-wrap: wrap;
	}

	.basicBox>ul:nth-child(2n+2) {
		margin-right: 0;
	}

	.sicSame {
		width: 49%;
		margin-right: 2%;
		box-shadow: rgb(230 230 230) 1px 1px 10px 1px;
		border-radius: 4px;
		padding: 20px 15px 25px;
		position: relative;
		margin-bottom: 5px;
	}

	.sic1 {
		font-size: 18px;
		letter-spacing: 1px;
		color: rgb(31, 77, 158);
	}

	.sicDesc {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 15px;
	}

	.sicWord {
		font-size: 14px;
		color: rgb(85, 85, 85);
		line-height: 24px;
		position: relative;
		z-index: 99;
	}

	.sicNum {
		color: rgb(242, 242, 251);
		text-align: right;
		font-size: 59px;
		font-family: YIN;
		font-weight: 600;
		position: absolute;
		right: 10px;
		bottom: -7px;
	}

	.typeBox {
		display: inherit;
	}

	.typeSame {
		width: 100%;
		margin-right: 0;
		overflow: hidden;
		background: rgb(241, 245, 252);
		margin-bottom: 12px;
	}

	.tyWord {
		padding: 18px 15px 15px;
		font-size: 14px;
		color: rgb(51, 51, 51);
		line-height: 22px;
		background: rgb(241, 245, 252);
		font-family: YIN;
	}

	.typeCon {
		margin-bottom: 15px;
	}

	.Model {
		margin-top: 40px;
		box-shadow: rgb(220 220 220) 1px 1px 10px 1px;
		padding: 15px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 16px;
		color: rgb(51, 51, 51);
	}

	.Toge {
		margin-top: 25px;
		padding: 0 15px;
	}

	.m1 {
		font-size: 18px;
		color: rgb(51, 51, 51);
		margin-right: 0;
		margin-bottom: 5px;
	}

	.wholePut .put1 {
		padding: 15px;
	}

	.wholePut {
		display: flex;
	}

	.wholePut .put1 {
		width: 8em;
	}

	.wholePut .put2 {
		width: 65%;
		padding: 15px 0;
	}

	.reNow {
		width: 100%;
		margin: 22px auto 30px;
		padding: 12px;
		background: rgb(31, 77, 158);
		color: rgb(255, 255, 255);
		font-size: 16px;
		letter-spacing: 1px;
		transition: all 0.5s ease 0s;
		border: 1px solid transparent;
		cursor: pointer;
	}

	.cwNav .on::before {
		position: absolute;
		content: "";
		left: 39%;
		/* width: 0px; */
		height: 2px;
		background: rgb(30, 76, 158);
		transition: all 0.5s ease 0s;
		bottom: -14px;
		width: 24%;
	}

	.cwNav {
		float: none;
		left: auto;
		display: flex;
		position: relative;
		overflow-x: scroll;
		width: 100%;
		white-space: nowrap;
		box-sizing: border-box;
		border-top: none;
		border-left: none;
		border-right: none;
		display: flex;
		align-items: center;
		background: rgb(255, 255, 255);
		font-size: 14px;
		font-family: YIN;
		padding: 0px 0px 15px 0;
	}

	.cwNav a {
		padding: 0 15px;
		width: 200px;
	}

	.Progress {
		padding-top: 30px;
		padding-bottom: 30px;
		position: relative;
		margin-top: 40px;
	}

	.gr1 {
		font-size: 18px;
		text-align: center;
		color: rgb(102, 102, 102);
		margin-bottom: 10px;
		position: relative;
		z-index: 99;
	}

	.gr2 {
		color: rgb(0, 0, 0);
		font-size: 18px;
		margin-bottom: 10px;
		text-align: center;
		position: relative;
		z-index: 99;
	}

	.gr3 {
		display: flex;
		align-items: center;
		justify-content: center;
		color: rgb(30, 74, 158);
		font-size: 20px;
		margin-bottom: 8px;
		position: relative;
		z-index: 99;
	}

	.gr3 img {
		width: 10%;
		position: relative;
		top: -4px;
		margin-right: 10px;
	}

	.gr4 {
		color: rgb(102, 102, 102);
		font-size: 16px;
		text-align: center;
		position: relative;
		z-index: 99;
		width: 80%;
		margin: auto;
		line-height: 26px;
	}

	.nowAt a {
		color: rgb(136, 136, 136);
		margin-right: 5px;
		transition: all 0.5s ease 0s;
	}

	.nowAt p {
		color: rgb(136, 136, 136);
		margin-right: 5px;
	}

	.messForm {
		font-family: YIN;
		background: rgb(255, 255, 255);
		padding: 0px 15px;
	}

	.Welcome {
		font-size: 15px;
		color: rgb(51, 51, 51);
		padding-top: 20px;
		padding-bottom: 18px;
		line-height: 33px;
	}

	.headPos .menu-handler {
		width: 64px;
		float: right;
		height: 54px;
		cursor: pointer;
		position: absolute;
		top: 2px;
		left: 0px;
	}

	.formFlex {
		display: inherit;
		flex-wrap: wrap;
	}

	.halfPut {
		width: 100%;
		margin-right: 0;
		margin-bottom: 3%;
		display: flex;
		align-items: center;
		background: rgb(241, 245, 252);
		padding-left: 15px;
		border-radius: 4px;
	}

	.put1 {
		font-size: 15px;
		color: rgb(51, 51, 51);
		width: 6em;
	}

	.put2 {
		padding: 15px;
		width: 70%;
	}

	.compAt {
		display: flex;
		justify-content: flex-end;
	}

	.compA,
	.menuBg {
		display: none;
	}

	.compSearch {
		width: 268px;
		padding: 7px 15px;
		border-radius: 25px;
		border: 1px solid rgb(170, 170, 170);
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.topLogo {
		display: inherit;
		padding: 15px 0px;
		position: relative;
		z-index: 999;
		align-items: center;
	}

	.headPos .menu-handler span {
		background: rgb(31, 77, 158);
	}

	.headPos .menu-handler span::after,
	.headPos .menu-handler span::before {
		background: rgb(31, 77, 158);
	}

	.sciTit>p:nth-child(1) {
		font-size: 20px;
	}

	.artFlex {
		width: 49%;
		margin-right: 2%;
		margin-bottom: 2%;
		display: inline-block;
		transition: all 0.6s ease 0s;
	}

	.Art>a:nth-child(2n+2) {
		margin-right: 0;
	}

	.Art>a:nth-child(3n+3) {
		margin-right: 2%;
	}

	.Art>a:nth-child(6n+6) {
		margin-right: 0px;
	}

	.artDesc {
		padding: 15px 10px;
		box-shadow: rgb(235 240 252) 1px 3px 8px 1px;
		position: relative;
	}

	.ar1 {
		font-size: 14px;
		color: rgb(51, 51, 51);
		margin-bottom: 8px;
		position: relative;
		z-index: 99;
		transition: all 0.6s ease 0s;
	}

	.ar2 {
		font-size: 15px;
		color: rgb(51, 51, 51);
		margin-bottom: 10px;
		line-height: 22px;
		position: relative;
		z-index: 99;
		transition: all 0.6s ease 0s;
	}

	.Art {
		display: flex;
		flex-wrap: wrap;
		padding: 0 15px;
		padding-top: 25px;
		padding-bottom: 0px;
	}

	.Brand {
		display: inherit;
		padding: 0 15px;
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.brSame {
		width: 100%;
		margin-right: 0;
		padding: 6px 25px;
		border: 1px solid rgb(238, 238, 238);
		display: flex;
		align-items: center;
		justify-content: space-between;
		position: relative;
		transition: all 0.5s ease 0s;
		margin-top: 10px;
	}

	.br1 {
		color: rgb(197, 197, 197);
		font-size: 18px;
		margin-bottom: 8px;
	}

	.br2 {
		color: rgb(54, 54, 54);
		font-size: 16px;
		font-family: ÃƒÂ¥Ã‚Â®Ã¢â‚¬Â¹ÃƒÂ¤Ã‚Â½Ã¢â‚¬Å“;
		letter-spacing: 1px;
	}

	.Invention {
		padding: 0 15px;
	}

	.Invention>a:nth-child(2n+2) {
		margin-right: 0px;
	}

	.venSame {
		width: 49.2%;
		margin-top: 1.5%;
		margin-right: 1.5%;
		background: rgb(241, 245, 252);
		padding: 10px 10px 15px;
	}

	.ven2 {
		font-size: 14px;
		color: rgb(51, 51, 51);
		margin-top: 16px;
		text-align: center;
	}

	.changePage {
		padding-top: 25px;
		padding-bottom: 30px;
	}

	.changePage a {
		padding: 8px 20px;
		background: rgb(255, 255, 255);
		margin-right: 0;
		margin: 0 10px;
	}

	.changePage>a:last-child {
		margin-right: 0px;
		padding: 8px 20px;
	}

	.changePage a,
	.pageEnter,
	.changePage p {
		display: none;
	}

	.prevpage,
	.nextpage {
		display: block !important;
	}

	.Adv {
		display: flex;
		flex-wrap: wrap;
		padding-bottom: 20px;
		padding-top: 20px;
	}

	.advSame {
		width: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.Adv>div:nth-child(1),
	.Adv>div:nth-child(2) {
		margin-bottom: 15px;
	}

	.num {
		font-family: YIN;
		font-size: 24px;
		color: rgb(30, 74, 158);
	}

	.fh {
		font-weight: 600;
		position: relative;
		display: inline-block;
		top: -9px;
		left: 4px;
		font-size: 14px;
		color: rgb(30, 74, 158);
	}

	.adv1 {
		position: relative;
		top: 0px;
	}

	.adv2 {
		margin-left: 10px;
		color: rgb(85, 85, 85);
		font-size: 14px;
	}

	.sideNav {
		float: none;
		left: auto;
		display: flex;
		position: relative;
		overflow-x: scroll;
		width: 100%;
		white-space: nowrap;
		box-sizing: border-box;
		border-top: none;
		border-left: none;
		border-right: none;
		overflow-y: hidden;
	}

	.sideFor a {
		padding: 0 !important;
	}

	.navTop {
		border-bottom: 1px solid rgb(225, 225, 225);
	}

	.localAt p,
	.localAt a {
		margin-right: 8px;
		font-size: 14px;
		color: rgb(102, 102, 102);
		letter-spacing: 1px;
	}

	.navBox {
		background: none;
		margin-top: 0;
		position: relative;
		z-index: 99;
		padding: 0px 0px 0 0;
		padding-bottom: 0;
		border-bottom: none;
	}

	.sideNav a {
		width: 200px;
		padding: 0 15px;
		margin-bottom: 13px;
		overflow: initial;
	}

	.sideNav a::before {
		bottom: -18px;
		height: 15px;
		top: 4px;
	}

	.sideNav a::after {
		bottom: -13px;
	}

	.inDesc p {
		margin: auto ;
		line-height: 34px;
		color: rgb(51, 51, 51);
		font-size: 15px;
		text-indent: 2em;
		font-family: YIN;
		width: 100%;
	}

	.introBox {
		width: 50%;
		padding-right: 2%;
		padding-left: 30px;
		position: relative;
	}

	.inTit {
		text-align: center;
		font-weight: 600;
		letter-spacing: 1px;
		margin-bottom: 20px;
		color: rgb(51, 51, 51);
	}

	.sideNav a {
		font-size: 15px;
	}

	.pubTit {
		font-size: 20px;
	}

	.localAt {
		width: 100%;
		padding: 0 15px;
	}

	.sideNav {
		padding: 15px 5px 0px 5px;
		display: flex;
		align-items: center;
		width: 100%;
		margin: auto;
	}

	.inDesc p {
		margin: auto;
		line-height: 30px;
		color: rgb(51, 51, 51);
		font-size: 14px;
		text-indent: 2em;
		font-family: YIN;
		width: 100%;
	}

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

	.index-logo {
		display: flex;
		height: 100%;
		height: auto;
		align-items: center;
	}

	.inner {
		max-width: 100%;
		margin: auto;
		padding-left: 0;
		padding-right: 0;
	}

	.header {
		padding-left: 15px;
	}

	.introFlex {
		display: inherit;
		align-items: center;
		padding-top: 25px;
		padding-bottom: 25px;
	}

	.introBox {
		width: 100%;
		padding-right: 15px;
		padding-left: 15px;
		position: relative;
	}

	.footer {
		padding: 35px 15px;
	}

	.foBelong {
		padding: 35px 15px;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.foBelong {
		padding: 15px 15px;
		display: inherit;
		align-items: center;
		justify-content: space-between;
	}

	.footer {
		padding: 18px 15px;
		display: inherit;
	}

	.foDesc>p:nth-child(2) {
		color: rgb(30, 74, 158);
		font-size: 26px;
		font-family: YIN;
	}

	.foLocal {
		width: 200px;
		padding: 10px 14px;
		font-size: 14px;
		color: rgb(102, 102, 102);
		border: 1px solid rgb(220, 220, 220);
		cursor: pointer;
		appearance: none;
		background: url(../images/tri.png) 96% center no-repeat scroll transparent;
		margin-top: 15px;
	}

	.fow {
		font-size: 14px;
		color: rgb(136, 136, 136);
		font-family: YIN;
	}

	.foLink a {
		padding: 0px 15px;
		border-right: 2px solid rgb(212, 212, 212);
		font-size: 14px;
		align-items: center;
		color: rgb(136, 136, 136);
		line-height: 15px;
		width: auto;
		margin-top: 0;
	}

	.foLink a:first-child {
		padding-left: 0;
	}

	.About {
		width: 100%;
		margin: auto;
		padding-top: 30px;
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 25px;
	}

	.abBox p {
		font-size: 14px;
		line-height: 30px;
		color: rgb(51, 51, 51);
		overflow: hidden;
		text-indent: 2em;
		font-family: YIN;
	}

	.Lab {
		padding: 0 15px;
		padding-top: 25px;
		padding-bottom: 20px;
		text-align: center;
	}

	.pubTit {
		font-size: 20px;
	}

	.lab2 {
		color: rgb(51, 51, 51);
		font-size: 14px;
	}

	.Give {
		margin: 0 15px;
	}

	.giveSame {
		padding: 15px;
		display: inherit;
		align-items: flex-start;
		border-bottom: 1px solid rgb(229, 229, 229);
	}

	.giTit {
		font-size: 16px;
		color: rgb(51, 51, 51);
		font-weight: 600;
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
	}

	.giBox {
		width: 100%;
		margin-top: 0;
	}

	.giBox li {
		font-size: 15px;
		color: rgb(102, 102, 102);
		line-height: 26px;
		margin-top: 6px;
	}

	.Sale {
		margin-bottom: 30px;
		display: inherit;
		margin-top: 0;
		padding: 0 15px;
	}

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

	.saPic img {
		float: left;
		width: 100%;
		min-height: auto;
	}

	.saDesc {
		width: 100%;
		box-shadow: rgb(232 237 245) 1px 1px 8px 1px;
	}

	.saDesc p {
		font-size: 15px;
		color: rgb(51, 51, 51);
		padding: 12px 15px;
		height: 20%;
		display: flex;
		align-items: center;
		line-height: 24px;
	}

	.Flag {
		width: 100%;
		margin: 30px auto auto;
		display: inherit;
		align-items: center;
		padding: 0 15px;
		padding-bottom: 30px;
	}

	.flagPic {
		width: 100%;
		overflow: hidden;
		margin-bottom: 25px;
	}

	.flagDesc {
		width: 100%;
		margin-left: 0;
		position: relative;
	}

	.fl2 {
		font-size: 14px;
		color: rgb(51, 51, 51);
		line-height: 30px;
		text-indent: 0;
		font-family: YIN;
		width: 100%;
		margin-top: 15px;
	}

	.troWord {
		font-family: YIN;
		font-size: 14px;
		color: rgb(85, 85, 85);
		line-height: 30px;
		margin-bottom: 6px;
		text-indent: 2em;
	}

	.conn2_right .img img {
		height: 100%;
		float: left;
		width: 100%;
	}

	.con2_imgWbox {
		margin-right: 0;
	}

	.conn2_right {
		width: 100%;
		margin: auto;
		position: relative;
		display: inline-block;
		height: 100%;
		vertical-align: top;
		padding: 0 15px;
	}

	.mapBg {
		top: 2%;
	}

	.conn2_right .img img {
		margin-bottom: 20px;
	}

	.troBox {
		width: 100%;
		margin: auto auto 0%;
		margin-bottom: 15px;
		padding: 0 15px;
	}

	.troParh {
		font-family: YIN;
		font-size: 14px;
		color: rgb(85, 85, 85);
		line-height: 30px;
	}

	.Hope {
		background: url(../images/hope.jpg) 0% 0% / cover no-repeat;
		height: auto;
		margin-top: 0px;
		padding: 30px 0;
	}

	.hoBox {
		display: inherit;
		justify-content: center;
		height: auto;
	}

	.ho2 {
		font-size: 18px;
		margin-top: 15px;
		color: rgb(255, 255, 255);
		font-weight: 600;
		text-align: center;
		letter-spacing: 1px;
	}

	.ho3 {
		font-size: 14px;
		margin-top: 10px;
		color: rgb(255, 255, 255);
		line-height: 22px;
		text-align: center;
	}

	.hoBox>div:nth-child(1) {
		margin-top: 0;
	}

	.hoSame {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		margin-top: 25px;
	}

	.proTit {
		width: 100%;
		margin: auto;
		padding: 0 15px;
		padding-top: 25px;
		padding-bottom: 0;
		font-size: 18px;
		color: rgb(51, 51, 51);
		font-weight: 600;
	}

	#dates {
		padding-left: 0px;
		padding-right: 0px;
	}

	#dates li {
		float: left;
		width: 100px;
		height: 90px;
		font-size: 16px;
		text-align: center;
		position: relative;
		top: 19px;
		color: rgb(102, 102, 102);
	}

	#dates a {
		color: rgb(102, 102, 102);
		width: 100px;
		height: 100px;
		line-height: 100px;
		display: block;
		position: relative;
		font-size: 15px;
		margin-top: -52px;
	}

	.Deve {
		display: inherit;
	}

	#timeline {
		width: 100%;
		height: auto;
		padding: 0 15px;
		margin: auto;
		position: relative;
		padding-bottom: 40px;
		overflow: hidden;
	}

	#prev {
		left: 15px;
		top: 35px;
	}

	#next {
		right: 15px;
		top: 35px;
	}

	#timeline::after {
		content: '';
		position: absolute;
		left: 20px;
		top: 48px;
		right: 20px;
		height: 2px;
		background: rgb(219, 228, 242);
		z-index: 0;
	}

	.vePic {
		width: 100%;
		overflow: hidden;
		margin-right: 0;
	}

	.veEvent>p:nth-child(2) {
		font-size: 14px;
		color: rgb(102, 102, 102);
	}

	.veEvent>p:nth-child(1) {
		font-size: 15px;
		color: #000;
		margin-bottom: 3px;
	}

	.veEvent {
		margin-bottom: 0;
		margin-top: 15px;
	}

	.veDesc {
		width: 100%;
	}

	.Article {
		width: 100%;
		margin: 25px auto 15px;
		padding: 0 15px;
	}

	.icName {
		font-size: 20px;
		text-align: center;
		color: rgb(51, 51, 51);
		margin-bottom: 10px;
	}

	.icDate>span:nth-child(2) {
		display: none;
	}

	.icDate {
		display: flex;
		justify-content: center;
		margin-bottom: 15px;
	}

	.icleBox p {
		overflow: hidden;
		font-size: 14px;
		color: rgb(102, 102, 102);
		line-height: 30px;
		margin-bottom: 10px;
	}

	.icleLink {
		display: inherit;
		align-items: center;
		justify-content: space-between;
		padding-top: 20px;
		padding-bottom: 20px;
		border-top: 1px solid rgb(229, 229, 229);
		font-family: YIN;
	}

	.icleLink .backTo {
		display: none;
	}

	.icleBtn a:first-child {
		margin-bottom: 12px;
	}

	.leadFlex {
		display: inherit;
		flex-wrap: wrap;
		width: 100%;
		margin: auto;
		padding: 0 15px;
	}

	.eachLead {
		width: 100%;
		margin-right: 0;
		margin-bottom: 12px;
		padding: 20px;
		background: rgb(255, 255, 255);
	}

	.leName span {
		font-size: 18px;
		font-weight: 600;
		margin-right: 12px;
	}

	.leName {
		font-size: 16px;
		color: rgb(30, 74, 158);
		margin-bottom: 8px;
	}

	.leDesc {
		font-size: 15px;
		color: rgb(51, 51, 51);
		font-family: YIN;
	}

	.leadWho {
		margin-bottom: 15px;
	}

	.leadMore {
		font-size: 14px;
		color: rgb(102, 102, 102);
		line-height: 30px;
		font-family: YIN;
		margin-top: 15px;
	}

	.Science {
		padding: 0 15px;
		padding-top: 35px;
		height: 420px;
	}

	.sciTit>p:nth-child(1) {
		margin-bottom: 15px;
	}

	.sciTit>p:nth-child(2) {
		font-size: 15px;
		color: rgb(255, 255, 255);
		margin-bottom: 0px;
		line-height: 28px;
		width: 100%;
	}

	.expertBox,
	.exBottom {
		width: 100%;
	}

	.expertBox {
		margin: -350px auto auto;
		position: relative;
		z-index: 990;
		padding-top: 25px;
	}

	.exTit {
		font-size: 20px;
		color: #000;
		letter-spacing: 1px;
		font-weight: 600;
		margin-bottom: 25px;
	}

	.Expert {
		display: inherit;
	}

	.exSame {
		width: 100%;
		margin-right: 0;
		padding: 23px 20px;
		background: rgb(255, 255, 255);
		box-shadow: rgb(220 220 220) 1px 1px 10px 1px;
		margin-bottom: 15px;
	}

	.ex1 {
		font-size: 18px;
		letter-spacing: 1px;
		font-weight: 600;
	}

	.ex3 {
		font-size: 16px;
		color: rgb(30, 74, 158);
	}

	.ex2 {
		margin: 0px 7px;
		color: rgb(30, 74, 158);
	}

	.exCipe {
		font-size: 14px;
		color: rgb(102, 102, 102);
		line-height: 30px;
		font-family: YIN;
	}

	.exTop {
		background: rgb(241, 245, 252);
		padding: 0 15px;
		padding-bottom: 35px;

	}

	.exBottom {
		margin: 30px auto auto;
		display: flex;
		align-items: flex-start;
		font-size: 14px;
		color: rgb(255, 255, 255);
		padding: 18px 15px;
		justify-content: center;
		background: rgb(30, 76, 158);
		border-radius: 4px;
		line-height: 22px;
	}

	.exBottom span {
		font-size: 16px;
		font-weight: 600;
		width: 7em;
	}

	.w80 {
		width: 100%;
		margin: auto;
		padding-left: 15px;
		padding-right: 15px;
	}

	.topLogo p {
		font-size: 18px;
		color: rgb(51, 51, 51);
		font-family: 'PIN';
		margin-left: 0;
		padding-left: 00;
		border-left: none;
		line-height: 28px;
		text-align: center;
		font-weight: 600;
	}

	.Sign {
		display: inherit;
		font-family: YIN;
		padding-top: 15px;
	}

	.signLeft {
		width: 100%;
		margin-right: 0;
		background: rgb(255, 255, 255);
		padding: 10px;
	}

	.si1 {
		display: flex;
		align-items: center;
		letter-spacing: 1px;
		font-size: 16px;
		color: rgb(255, 255, 255);
		background: rgb(31, 77, 158);
		padding: 12px;
		/* width: 8em; */
	}

	.si2 {
		display: flex;
		align-items: center;
		padding: 0;
		padding: 0 12px 0 0;
		width: 64%;
	}

	.signMuch a {
		padding: 12px 10px;
	}

	.si2>a:last-child {
		font-size: 15px;
	}

	.signBox {
		padding-top: 20px;
	}

	.siName {
		font-size: 15px;
		color: rgb(51, 51, 51);
		display: flex;
		align-items: center;
	}

	.signFlex {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 15px;
		padding: 0px 5px;
	}

	.signBox>a:last-child {
		margin-bottom: 0;
	}

	.signRight {
		width: 100%;
		background: rgb(255, 255, 255);
		padding: 10px;
		margin-top: 15px;
	}

	.signMuch {
		width: 75%;
		float: none;
		left: auto;
		display: flex;
		position: relative;
		overflow-x: scroll;
		white-space: nowrap;
		box-sizing: border-box;
		border-top: none;
		border-left: none;
		border-right: none;
	}

	.signMuch a {
		margin-right: 0;
	}

	.signMuch .on::after {
		width: 40%;
	}

	.signMuch a::after {
		position: absolute;
		content: "";
		height: 2px;
		left: 30%;
		right: 0px;
		bottom: 1px;
		width: 0px;
		background: rgb(31, 77, 158);
		transition: all 0.4s ease 0s;
	}

	.Price {
		background: url(../images/bottom.jpg) 0% 0% / cover no-repeat;
		height: 120px;
	}

	.prDesc p:first-child {
		padding-bottom: 7px;
	}

	.prType {
		text-align: center;
		background: rgb(31, 77, 158);
		color: rgb(255, 255, 255);
		font-size: 16px;
		width: 18%;
		display: flex;
		align-items: center;
		justify-content: center;
		font-weight: 600;
	}

	.prDesc {
		padding: 15px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		font-family: YIN;
		letter-spacing: 1px;
		width: 82%;
		padding-right: 0;
	}

	.prDesc p {
		font-size: 15px;
		color: rgb(51, 51, 51);
		line-height: 23px;
	}

	.Set a {
	    width: 200px;
	    padding: 13px 10px;
	    text-align: center;
	    font-size: 15px;
	    font-weight: 600;
	    color: rgb(51, 51, 51);
	    background: rgb(255, 255, 255);
	    transition: all 0.5s ease 0s;
	    letter-spacing: 1px;
	}

	.machFlex {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 16px 0px;
		border-bottom: 1px solid rgb(230, 230, 230);
		font-family: YIN;
	}

	.machFlex .sipan {
		margin-right: 12px;
	}

	.Cooper .changePage {
		padding-bottom: 5px;
	}

	.Detail {
		background: rgb(255, 255, 255);
		padding: 0px 15px 0;
		font-family: YIN;
	}

	.title1 {
		text-align: center;
		font-size: 20px;
		color: rgb(31, 75, 158);
		font-weight: 600;
		letter-spacing: 1px;
	}

	.deTitle {
		padding-top: 25px;
		padding-bottom: 15px;
		border-bottom: 1px solid rgb(235, 235, 235);
	}

	.deMore {
		display: inherit;
		align-items: center;
		justify-content: space-between;
		margin-top: 15px;
	}

	.title2 {
		margin-bottom: 8px;
	}

	.deLeft,
	.deRight {
		display: flex;
		justify-content: center;
	}

	.Print {
		display: none;
	}

	.detailBox {
		padding-top: 20px;
		padding-bottom: 10px;
	}

	.detailBox p {
		font-size: 14px;
		color: rgb(51, 51, 51);
		line-height: 30px;
		margin-bottom: 6px;
		transition: all 0.4s ease 0s;
	}

	.icleBtn {
		width: 100%;
	}

}

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