@media screen and (max-width:1700px) {
	.poImg {
		height: 490px;
	}

	.poImg img {
		width: 100%;
		height: 490px;
	}
	.withLeft .aboutTit {
	    margin-top: 2vw;
	    position: relative;
	    margin-bottom: 10px;
	}
	.withLeft .aboutTit>p:nth-child(2) {
	    position: absolute;
	    left: 0px;
	    top: -0.7vw;
	}
	.withLeft {
	    width: 50%;
	    padding: 1vw 40px 0 8vw;
	}
}
@media screen and (max-width:1500px) {
	.withLeft .aboutDesc {
	    height: 30vw;
	    overflow-y: auto;
	    padding-right: 20px;
	}
}
@media screen and (max-width:1400px) {
	.Advan {
	    background: rgb(16,90,166);
	    padding: 45px 0;
	}
	.Advan .num {
	    font-family: DIN;
	    color: #fff;
	    font-size: 56px;
	    display: inline-block;
	}
	
	.localTit {
	    display: flex;
	    justify-content: space-between;
	    align-items: flex-end;
	    padding-top: 45px;
	    padding-bottom: 45px;
	}
	.loLeft>p:nth-child(1) {
	    font-family: 'DIN';
	    color: rgb(16, 90, 166);
	    margin-bottom: 25px;
	    font-size: 43px;
	    line-height: 44px;
	}
	.loLeft>p:nth-child(2) {
	    color: #000;
	    font-size: 26px;
	}
	.f30 {
	    font-size: 26px;
	}
	.aboutTit>p:nth-child(1) {
		font-size: 36px;
	}

	.pubTit {
		font-size: 35px;
	}

	.vice1 {
		font-size: 35px;
	}

	.m1 {
		font-size: 25px;
	}

	.pubw>p:nth-child(1) {
		font-size: 35px;
		color: rgb(0, 0, 0);
		margin-bottom: 15px;
	}

	.pubw {
		padding-top: 45px;
		padding-bottom: 45px;
	}

	.abTop {
		padding-top: 30px;
		position: relative;
	}

	.at {
		font-size: 25px;
		letter-spacing: 1px;
		color: rgb(0, 0, 0);
		margin-bottom: 2vw;
		position: relative;
		z-index: 99;
	}

	.index-s5 .bot-block .item h3 {
		font-size: 25px;
		color: rgb(255, 255, 255);
	}

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

	.poImg img {
		width: 100%;
		height: 475px;
	}

	.poImg {
		height: 475px;
	}

	.num {
		font-family: DIN;
		color: rgb(0, 0, 0);
		font-size: 55px;
		display: inline-block;
	}


}

@media screen and (max-width:1300px) {
	.Address {
	    display: flex;
	    padding-top: 45px;
	    padding-bottom: 45px;
	}
	.messTit>p:nth-child(1) {
	    color: #fff;
	    text-align: right;
	    font-size: 28px;
	    margin-bottom: 2px;
	}
	.messTit {
	    padding: 30px 0;
	}
	.messForm input {
	    display: inline-block;
	    padding: 15px;
	    font-size: 16px;
	    width: 100%;
	    background: rgba(255, 255, 255, 0.2);
	    margin-bottom: 18px;
	    color: #fff;
	}
	.messForm textarea {
	    display: inline-block;
	    padding: 15px;
	    font-size: 16px;
	    width: 100%;
	    height: 115px;
	    background: rgba(255, 255, 255, 0.2);
	    margin-bottom: 20px;
	    color: #fff;
	}
	.messForm button {
	    display: inline-block;
	    padding: 17px;
	    font-size: 16px;
	    font-weight: 600;
	    width: 100%;
	    background: rgba(0, 0, 0, 0.2);
	    margin-bottom: 40px;
	    color: #fff;
	    letter-spacing: 1px;
	    cursor: pointer;
	}
	.Message {
	    position: absolute;
	    right: 8vw;
	    bottom: 0;
	    padding: 0 35px;
	    background: rgb(16, 90, 166);
	}
	.stTit {
	    font-size: 27px;
	    color: rgb(51, 51, 51);
	    margin-bottom: 20px;
	    padding-top: 10px;
	}
	.loLeft>p:nth-child(1) {
	    font-family: 'DIN';
	    color: rgb(16, 90, 166);
	    margin-bottom: 25px;
	    font-size: 40px;
	    line-height: 40px;
	}
	.localTit {
	    display: flex;
	    justify-content: space-between;
	    align-items: flex-end;
	    padding-top: 40px;
	    padding-bottom: 40px;
	}
	.flex {
	    padding: 25px 0;
	    display: flex;
	    font-size: 17px;
	    align-items: center;
	}
	.stw1 {
	    font-size: 18px;
	    color: rgb(51, 51, 51);
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    overflow: hidden;
	    word-break: break-all;
	    margin-bottom: 1vw;
	}
	.changePage a {
	    padding: 12px 17px;
	    border: 1px solid rgb(208, 208, 208);
	    border-radius: 30px;
	    font-size: 15px;
	    letter-spacing: 1px;
	    text-align: center;
	    color: rgb(51, 51, 51);
	    margin-right: 20px;
	    transition: all 0.5s;
	    font-family: 'DIN';
	}
	.de1 {
	    font-size: 20px;
	    color: #000;
	    line-height: 30px;
	    margin-bottom: 1.6vw;
	    text-overflow: -o-ellipsis-lastline;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 2;
	    line-clamp: 2;
	    -webkit-box-orient: vertical;
	}
	.de3 {
	    font-size: 14px;
	    color: rgb(102, 102, 102);
	    margin-bottom: 2.5vw;
	    line-height: 32px;
	}
	.ca1 {
	    font-size: 20px;
	    color: #000;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    overflow: hidden;
	    word-break: break-all;
	    margin-bottom: 15px;
	}
	.abTop {
		padding-top: 30px;
		position: relative;
	}

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

	.aboutDesc p {
		font-size: 15px;
		color: rgb(102, 102, 102);
		line-height: 36px;
		margin-bottom: 5px;
	}

	.abBg p:first-child {
		margin-bottom: 25px;
	}

	.abBg p {
		color: rgb(255, 255, 255);
		font-size: 22px;
		letter-spacing: 1px;
		padding-left: 50px;
	}

	.num {
		font-family: DIN;
		color: rgb(0, 0, 0);
		font-size: 48px;
		display: inline-block;
	}

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

	.pubTit {
		font-size: 32px;
	}

	.vice1 {
		font-size: 32px;
	}

	.m1 {
		font-size: 23px;
	}

	.pubw>p:nth-child(1) {
		font-size: 32px;
		color: rgb(0, 0, 0);
		margin-bottom: 13px;
	}

	.po1 {
		font-size: 21px;
		color: rgb(255, 255, 255);
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		word-break: break-all;
		margin-bottom: 25px;
	}

	.po2 {
		color: rgb(255, 255, 255);
		font-size: 14px;
		line-height: 30px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		margin-bottom: 40px;
	}

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

	.poImg img {
		width: 100%;
		height: 463px;
	}

	.poImg {
		height: 463px;
	}

	.at {
		font-size: 23px;
		margin-bottom: 1.7vw;
	}

	.index-s5 .bot-block .item h3 {
		font-size: 23px;
	}

	.index-s5 .bot-block .item p {
		font-size: 15px;
		line-height: 32px;
		color: rgb(255, 255, 255);
		margin-top: 35px;
	}
}

@media screen and (max-width:1200px) {
	.caseclass{ line-height: 50px;}
	.ressIcon {
	    width: 5em;
	    height: 5em;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    background: rgb(223, 223, 223);
	    border-radius: 50%;
	    margin-right: 5%;
	    transition: all 0.6s;
	}
	.vice2 {
	    color: rgb(255, 255, 255);
	    font-size: 14px;
	    line-height: 30px;
	    padding-right: 15px;
	}
	.Address {
	    display: flex;
	    padding-top: 38px;
	    padding-bottom: 38px;
	}
	.withLeft {
	    width: 50%;
	    padding: 1vw 40px 0 5vw;
	}
	
	.Advan {
	    background: rgb(16,90,166);
	    padding: 36px 0;
	}
	.Advan .num {
	    font-family: DIN;
	    color: #fff;
	    font-size: 48px;
	    display: inline-block;
	}
	.Advan .adv2 {
	    color: #fff;
	    margin-top: 7px;
	}
	.cul1 {
	    font-size: 32px;
	    color: #fff;
	    padding-bottom: 12px;
	}
	.cul2 {
	    font-size: 20px;
	    color: rgba(255,255,255,0.85);
	    margin-top: 22px;
	    word-spacing: 25px;
	}
	.stTit {
	    font-size: 25px;
	    color: rgb(51, 51, 51);
	    margin-bottom: 15px;
	    padding-top: 10px;
	}
	.stIcle p {
	    font-size: 15px;
	    margin-bottom: 10px;
	    color: rgb(102, 102, 102);
	    overflow: hidden;
	    line-height: 32px;
	}
	.loLeft>p:nth-child(1) {
	    font-family: 'DIN';
	    color: rgb(16, 90, 166);
	    margin-bottom: 20px;
	    font-size: 40px;
	    line-height: 41px;
	}
	.loLeft>p:nth-child(2) {
	    color: #000;
	    font-size: 26px;
	}
	.localTit {
	    display: flex;
	    justify-content: space-between;
	    align-items: flex-end;
	    padding-top: 40px;
	    padding-bottom: 35px;
	}
	.s1 {
	    width: 70%;
	    font-size:20px;
	    color: #000;
	    text-overflow: -o-ellipsis-lastline;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 2;
	    line-clamp: 2;
	    -webkit-box-orient: vertical;
	    line-height:30px;
	}
	.soDesc {
	    display: flex;
	    align-items: center;
	    margin-top: 24px;
	    justify-content: space-between;
	}
	.f30 {
	    font-size: 20px;
	}
	.abTop {
		padding-top:20px;
		position: relative;
	}
	.con p {
	    font-size: 14px;
	    color: rgb(102,102,102);
	    line-height: 27px;
	    margin-bottom: 12px;
	}
	.f60 {
	    font-size: 42px;
	    font-weight: normal;
	    font-family: 'DIN';
	    margin-bottom: 5px;
	}

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

	.aboutDesc p {
		font-size: 15px;
		color: rgb(102, 102, 102);
		line-height: 35px;
		margin-bottom: 5px;
	}

	.aboutDesc {
		padding-top: 20px;
		padding-bottom: 25px;
	}

	.advFlex {
		margin-top: 38px;
		padding-bottom: 50px;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.num {
		font-family: DIN;
		color: rgb(0, 0, 0);
		font-size: 42px;
		display: inline-block;
	}

	.year {
		font-size: 16px;
		color: rgb(0, 0, 0);
		width: 32px;
		height: 32px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 50%;
		background: rgb(240, 240, 240);
		position: absolute;
		bottom: 5px;
		right: -42px;
	}

	.pubTit {
		font-size: 30px;
		padding-top: 5vw;
		padding-bottom: 4vw;
	}

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

	.index-s5 .button-prev {
		left: 0;
	}

	.Ask {
		background: url(../jpg/ask.jpg) 0% 0% / cover no-repeat;
		padding-bottom: 8vw;
	}

	.m1 {
		font-size: 21px;
	}

	.m2 {
		overflow: hidden auto;
		line-height: 30px;
	}

	.at {
		font-size: 21px;
		margin-bottom: 1.5vw;
	}

	.askList {
		width: 69%;
		margin-left: 1%;
		background: rgb(255, 255, 255);
		padding: 2vw 3vw ;
		border-radius: 15px;
		position: relative;
		top: -2vw;
		overflow: hidden;
	}

	.eachAsk {
		width: 48%;
		margin-bottom: 16px;
		font-size: 15px;
		color: rgb(51, 51, 51);
		font-family: DIN;
		display: flex;
	}

	.vice1 {
		font-size: 30px;
		margin-bottom: 2vw;
	}

	.pubw>p:nth-child(1) {
		font-size: 30px;
		color: rgb(0, 0, 0);
	}

	.index-s5 .bot-block .items {
		padding-left: 5vw;
		padding-right: calc(70.625vw + 24px);
	}

	.index-s5 .bot-block .item h3 {
		font-size: 21px;
	}

	.index-s5 .bot-block .item p {
		font-size: 15px;
		line-height: 30px;
		color: rgb(255, 255, 255);
		margin-top: 26px;
	}

	.index-s5 .bot-block .item h3::after {
		content: "";
		width: 40px;
		height: 2px;
		display: block;
		margin-top: 20px;
		background: #fff;
		margin-top: 22px;
	}

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

	.po1 {
		font-size: 18px;
		color: rgb(255, 255, 255);
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		word-break: break-all;
		margin-bottom: 20px;
	}

	.poMore {
		font-size: 14px;
		color: rgb(255, 255, 255);
		letter-spacing: 1px;
	}

	.poDate {
		display: flex;
		align-items: center;
		font-size: 14px;
		font-family: DIN;
		color: rgb(255, 255, 255);
	}

	.poImg img {
		width: 100%;
		height: 440px;
	}

	.poImg {
		height: 440px;
	}

	.pubw {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.Point {
		background: url(../png/pbg.png) 0% 0% / cover no-repeat;
		padding-bottom: 60px;
	}

	.index-s5 .bot-block .item .show {
		font-size: 21px;
	}
	.ss{
		    width: 54px!important;
		    border-radius: 20px!important;
		    right: -55px;
	}
	
}

@media screen and (max-width:1000px) {
	.stIcle table{
		border-collapse: collapse;
		    width: 100%;
		    display: -webkit-box;
		    overflow-x: auto;
		    -webkit-overflow-scrolling: touch;
	}
	 .stIcle table::-webkit-scrollbar {
	            display: none;
	        }
	 .stIcle table{
		 padding: 0;
	 }
	.More{
		display: block;
	}
	.askAll{
		width: 100%;
		display: inherit;
	}
	.Address {
	    display: inherit;
	    padding-top: 30px;
	    padding-bottom: 30px;
	}
	.t15 {
	    transform: translateX(0px);
	}
	.thress {
	    width: 100%;
	    display: flex;
	    align-items: flex-start;
	    transition: all 0.6s;
	    cursor: pointer;
	}
	.serRight>div:nth-child(1),
	.serRight>div:nth-child(2){
		border-top: 1px solid rgb(220,220,220);
	}
	.ressIcon {
	    width: 4em;
	    height: 4em;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    background: rgb(223, 223, 223);
	    border-radius: 50%;
	    margin-right: 4%;
	    transition: all 0.6s;
	    margin-bottom: 25px;
	}
	.ressDesc>p:nth-child(2) {
	    font-size: 20px;
	    color: #000;
	    font-family: 'DIN';
	}
	.thress>li:nth-child(2) {
	    width: 83%;
	}
	.Message {
	    position: absolute;
	    right: 15px;
	    bottom: 0;
		width: auto;
		left: 15px;
	    padding: 0 20px;
	    background: rgb(16, 90, 166);
	}
	.messTit>p:nth-child(1) {
	    color: #fff;
	    text-align: right;
	    font-size: 22px;
	    margin-bottom: 1px;
	}
	.messTit>p:nth-child(2) {
	    color: #fff;
	    text-align: right;
	    font-size: 15px;
	    font-family: 'DIN';
	}
	.messTit {
	    padding: 25px 0;
	}
	.messForm input {
	    display: inline-block;
	    padding: 14px;
	    font-size: 15px;
	    width: 100%;
	    background: rgba(255, 255, 255, 0.2);
	    margin-bottom: 15px;
	    color: #fff;
	}
	.messForm textarea {
	    display: inline-block;
	    padding: 14px;
	    font-size: 15px;
	    width: 100%;
	    height: 100px;
	    background: rgba(255, 255, 255, 0.2);
	    margin-bottom: 20px;
	    color: #fff;
	}
	.messForm button {
	    display: inline-block;
	    padding: 16px;
	    font-size: 15px;
	    font-weight: 600;
	    width: 100%;
	    background: rgba(0, 0, 0, 0.2);
	    margin-bottom: 30px;
	    color: #fff;
	    letter-spacing: 1px;
	    cursor: pointer;
	}
	.contactUs_map iframe{
		height: 560px;
	}
	.ressDesc>p:nth-child(1) {
	    font-size: 16px;
	    color: #000;
	    margin-bottom: 4px;
	}
	.abTop {
		padding-top:10px;
		position: relative;
	}
	.withLeft {
	    width: 50%;
	    padding: 1vw 15px 0 15px;
	}
	.Advan .year {
	    font-size: 16px;
	    color: #fff;
	    width: 32px;
	    height: 32px;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    border-radius: 50%;
	    background: rgb(141,176,212);
	    position: absolute;
	    bottom: 15px;
	    right: auto;
	    left: 64%;
	}
	.Advan .num {
	    font-family: DIN;
	    color: #fff;
	    font-size: 35px;
	    display: inline-block;
	}
	.Advan {
	    background: rgb(16,90,166);
	    padding: 30px 0 4px 0;
	}
	.Culture {
	    background: url(../jpg/cul.jpg);
	    background-repeat: no-repeat;
	    background-size: cover;
	    height: 260px;
	    padding-top: 65px;
	}
	.cul1 {
	    font-size: 22px;
	    color: #fff;
	    padding-bottom: 8px;
	}
	.cul2 {
	    font-size: 16px;
	    color: rgba(255,255,255,0.85);
	    margin-top: 22px;
	    word-spacing: 25px;
	}
	.stTit {
	    font-size: 20px;
	    color: rgb(51, 51, 51);
	    margin-bottom: 15px;
	    padding-top: 0;
	}
	.loLeft>p:nth-child(1) {
	    font-family: 'DIN';
	    color: rgb(16, 90, 166);
	    margin-bottom: 20px;
	    font-size: 32px;
	    line-height: 34px;
	}
	.loLeft>p:nth-child(2) {
	    color: #000;
	    font-size: 24px;
	}
	.localTit {
	   display: none;
	}
	.mo1{
		float: left;
		font-size: 18px;
	}
	.mo2{
		float: right;
		font-size: 18px;
		color: #666;
	}
	.mo2 span{
		margin-left: 10px;
	}
	.State{
		display: none;
		padding-top: 0;
	}
	.stateBox{
		padding-bottom: 0;
		margin-top: 0;
	}
	.StateClass{ display: block; margin-bottom: 25px;}
	.StateClass	.span2{ display: flex; flex-wrap: wrap;}
	.StateClass	.span2	.flex{ width: 25%; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
	.StateClass	.span2 a{ font-size: 14px;text-align: center; justify-content: center; }
	.StateClass   .sp{ display: none;}
	.StateClass>div:last-child{ border-bottom: none; border-right: none;}
	.More{
		    height: 53px;
		    line-height: 53px;
	}
	.loRight {
	    display: flex;
	    align-items: center;
	    border-left: 3px solid rgb(16, 60, 166);
	    color: rgb(102, 102, 102);
	    font-size: 15px;
	    line-height: 16px;
	    padding-left: 15px;
	}
	.flex {
	    padding: 20px 0;
	    display: flex;
	    font-size: 16px;
	    align-items: center;
	}
	.stw1 {
	    font-size: 16px;
	    color: rgb(51, 51, 51);
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    overflow: hidden;
	    word-break: break-all;
	    margin-bottom: 1vw;
	}
	.stw2 {
	    font-size: 14px;
	    color: rgb(136, 136, 136);
	    text-overflow: -o-ellipsis-lastline;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 2;
	    line-clamp: 2;
	    -webkit-box-orient: vertical;
	    line-height: 24px;
	}
	.ptLine {
	    border-top: 1px solid rgb(220, 220, 220);
	    padding-top: 30px;
	    padding-bottom: 30px;
	}
	.deveWord {
	    width: 48%;
	    background: #fff;
	    padding: 2.3vw 30px;
	}
	.de1 {
	    font-size: 18px;
	    color: #000;
	    line-height: 28px;
	    margin-bottom: 1.6vw;
	    text-overflow: -o-ellipsis-lastline;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 2;
	    line-clamp: 2;
	    -webkit-box-orient: vertical;
	}
	.de3 {
	    font-size: 14px;
	    color: rgb(102, 102, 102);
	    margin-bottom: 2.5vw;
	    line-height: 30px;
	}
	.Case>a:nth-child(3) {
	    margin-right: 2%;
	}
	.Case>a:nth-child(2n+2) {
	    margin-right: 0;
	}
	.caseDesc {
	    background: #fff;
	    padding: 22px 20px;
	    width: 96%;
	    margin: auto;
	    box-shadow: 0 10px 30px -5px rgb(235 235 235);
	    margin-top: -40px;
	    position: relative;
	    z-index: 999;
	}
	.caseEach {
	    width: 49%;
	    margin-right: 2%;
	    margin-top: 35px;
	}
	.ca1 {
	    font-size: 18px;
	    color: #000;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    overflow: hidden;
	    word-break: break-all;
	    margin-bottom: 13px;
	}
	.art1 {
	    font-size: 18px;
	    color: #fff;
	    margin-bottom: 20px;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    overflow: hidden;
	    word-break: break-all;
	}
	.art2 {
	    color: #fff;
	    font-size: 14px;
	    line-height: 26px;
	    text-overflow: -o-ellipsis-lastline;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 2;
	    line-clamp: 2;
	    -webkit-box-orient: vertical;
	}
	.s1 {
	    width: 70%;
	    font-size: 18px;
	    color: #000;
	    text-overflow: -o-ellipsis-lastline;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 2;
	    line-clamp: 2;
	    -webkit-box-orient: vertical;
	    line-height: 28px;
	}
	.soTit {
	    padding-top: 5px;
	    display: flex;
	    align-items: baseline;
	    justify-content: space-between;
	}
	.s3 {
	    font-size: 14px;
	    color: rgb(102, 102, 102);
	    text-overflow: -o-ellipsis-lastline;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 2;
	    line-clamp: 2;
	    -webkit-box-orient: vertical;
	    line-height: 26px;
	    width: 60%;
	}
	.changePage {
	    padding-top: 45px;
	    padding-bottom: 50px;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	}
	.changePage a {
	    padding: 12px 17px;
	    border: 1px solid rgb(208, 208, 208);
	    border-radius: 30px;
	    font-size: 14px;
	    letter-spacing: 1px;
	    text-align: center;
	    color: rgb(51, 51, 51);
	    margin-right: 20px;
	    transition: all 0.5s;
	    font-family: 'DIN';
	}
	.newsdetail .inner {
	    top: 0;
	}
	.newsdetail {
	    padding-top: 20px;
	}
	.aboutTit>p:nth-child(1) {
		font-size: 25px;
	}

	.aboutTit>p:nth-child(2) {
		position: absolute;
		left: 0px;
		top: -80%;
	}
	.inner {
	    margin: 0px auto;
	    padding-left: 15px;
	    padding-right: 15px;
	}

	.abBg p {
		color: rgb(255, 255, 255);
		font-size: 18px;
		letter-spacing: 1px;
		padding-left: 50px;
	}

	.abBg p:first-child {
		margin-bottom: 18px;
	}

	.advFlex {
		margin-top: 30px;
		padding-bottom: 35px;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.num {
		font-family: DIN;
		color: rgb(0, 0, 0);
		font-size: 38px;
		display: inline-block;
	}

	.pubTit {
		font-size: 25px;
		padding-top: 5vw;
		padding-bottom: 4vw;
	}

	.m1 {
		font-size: 18px;
	}

	.at {
		font-size: 18px;
		margin-bottom: 1.5vw;
	}

	.vice1 {
		font-size: 25px;
		margin-bottom: 2vw;
	}

	.vice2 {
		color: rgb(255, 255, 255);
		font-size: 14px;
		line-height: 30px;
	}

	.vice3 {
		display: inline-block;
		width: 150px;
		text-align: center;
		font-size: 14px;
		color: rgb(255, 255, 255);
		height: 46px;
		line-height: 46px;
		font-family: DIN;
		margin-top: 40px;
	}

	.ser2 {
		font-size: 17px;
		margin-bottom: 12px;
	}

	.ser4 {
		font-size: 14px;
		color: rgb(136, 136, 136);
		margin-top: 25px;
	}

	.pubw>p:nth-child(1) {
		font-size: 25px;
		color: rgb(0, 0, 0);
		margin-bottom: 10px;
	}

	.pubw {
		padding-top: 35px;
		padding-bottom: 35px;
	}

	.index-s5 .bot-block .item h3 {
		font-size: 18px;
	}

	.index-s5 .bot-block .item .show {
		font-size: 18px;
	}

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

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

	.n2 {
		font-size: 14px;
		color: rgb(102, 102, 102);
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		word-break: break-all;
		margin-bottom: 20px;
	}

	.newsArr {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 20px 0px 0px;
		border-top: 1px solid rgba(0, 0, 0, 0.1);
	}

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

	.poArr {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 22px 0px;
		border-top: 1px solid rgba(255, 255, 255, 0.3);
	}

	.poImg img {
		width: 100%;
		height: 375px;
	}

	.poImg {
		height: 375px;
	}

	.Point {
		background: url(../png/pbg.png) 0% 0% / cover no-repeat;
		padding-bottom: 50px;
	}

	.footEwm {
		display: none;
	}

	.footRess {
		display: flex;
		width: 100%;
	}

	.footLink {
		display: none;
	}

	.askFlex {
		display: inherit;
		align-items: center;
		padding-top: 0px;
	}

	.askMenu {
		width: 100%;
		margin-right: 0;
	}

	.pubTit {
		font-size: 20px;
		padding-top: 35px;
		padding-bottom: 25px;
	}

	.m1 {
		font-size: 16px;
		margin-bottom: 22px;
	}

	.askMore {
		width: 55%;
		display: flex;
		align-items: center;
		background: rgb(16, 90, 166);
		font-size: 15px;
		color: rgb(255, 255, 255);
		border-radius: 30px;
		justify-content: center;
		padding: 13px 0px;
		margin: auto;
		margin-top: 10px;
		margin-bottom: 30px;
	}

	.askList {
		width: 100%;
		margin-left: 0;
		background: rgb(255, 255, 255);
		padding: 20px 25px;
		border-radius: 15px;
		position: relative;
		top: -2vw;
		transform: translateX(0px);
		opacity: 1;
	}

	.at {
		font-size: 16px;
		margin-bottom: 18px;
	}

	.eachAsk {
		width: 48%;
		margin-bottom: 16px;
		font-size: 14px;
		color: rgb(51, 51, 51);
		font-family: DIN;
		display: flex;
	}

	.Train {
		position: relative;
		margin-top: 30px;
	}

	.trDesc {
		width: 100%;
		padding: 30px 15px;
		background: rgb(16, 90, 166);

	}

	.trainBox::before {
		display: none;
	}

	.trNull {
		width: 83%;
		display: none;
	}

	.vice1 {
		font-size: 20px;
		margin-bottom: 20px;
	}

	.vice2 {
		height: auto;
		overflow-y: auto;
		padding-right: 0;
	}

	.vice3 {
		display: inline-block;
		width: 165px;
		text-align: center;
		font-size: 14px;
		color: rgb(255, 255, 255);
		height: 44px;
		line-height: 44px;
		font-family: DIN;
		margin-top: 22px;
	}

	.Service {
		display: inherit;
	}

	.serLeft {
		display: none;
	}

	.serRight {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		position: relative;
		overflow: hidden;
	}

	.serSame {
		width: 50%;
		display: flex;
		flex-direction: column;
		align-items: center;
		border-right: 1px solid rgb(225, 225, 225);
		border-bottom: 1px solid rgb(225, 225, 225);
		z-index: 99;
		padding:16px 15px;
		text-align: center;
		position: relative;
	}

	.ser1 {
		font-size: 18px;
		color: rgb(194, 194, 194);
		font-family: DIN;
		margin-bottom: 8px;
	}

	.ser2 {
		font-size: 16px;
		margin-bottom: 12px;
	}

	.ser4 {
		font-size: 14px;
		color: rgb(136, 136, 136);
		margin-top: 15px;
	}

	.pubw>p:nth-child(1) {
		font-size: 20px;
		color: rgb(0, 0, 0);
		margin-bottom: 10px;
	}

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

	.index-s5 .bot-block .item h3 {
		font-size: 15px;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		word-break: break-all;
	}

	.index-s5 .bot-block .item h3::after {
		content: "";
		width: 32px;
		height: 2px;
		display: block;
		margin-top: 20px;
		background: #fff;
		margin-top: 15px;
	}

	.index-s5 .bot-block .item p {
		display: none;
	}

	.index-s5 .bot-block .item .show {
		font-size: 15px;
	}

	.index-s5 .bot-block .item .hide {
		width: 61.25vw;
		height: 100%;
		position: absolute;
		top: 0px;
		left: 50%;
		margin-left: -30.625vw;
		padding: 30px 5vw;
		z-index: 2;
		opacity: 0;
		visibility: hidden;
		transition: all 0.3s ease 0s;
	}

	.index-s5 .button-prev {
		left: 32%;
	}

	.index-s5 .button {
		position: absolute;
		top: auto;
		margin-top: -30px;
		width: 60px;
		height: 60px;
		background-position: center center;
		background-repeat: no-repeat;
		background-color: transparent;
		background-image: url(../png/prev-3.png);
		transition: all 0.3s ease 0s;
		cursor: pointer;
		z-index: 2;
		background-size: 17px;
		bottom: -60px;
	}

	.index-s5 .button-next {
		right: 32%;
	}

	.poFlex {
		display: inherit;
	}

	.poView {
		display: none;
	}

	.News {
		width: 100%;
	}

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

	.n2 {
		font-size: 14px;
		color: rgb(102, 102, 102);
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		word-break: break-all;
		margin-bottom: 15px;
	}

	.newsArr {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 15px 0px 0px;
		border-top: 1px solid rgba(0, 0, 0, 0.1);
	}

	.newsSame {
		display: flex;
		margin-bottom: 25px;
	}

	.Point {
		background: url(../png/pbg.png) 0% 0% / cover no-repeat;
		padding-bottom: 35px;
	}

	.footer {
		display: none;
	}
    .footRess>ul:nth-child(2){
		display: none;
	}
	.res1{
		display: none;
	}
	.footRess {
		display: inherit;
		width: 100%;
	}

	.footFlex {
	    padding-top: 15px;
	    padding-bottom: 0;
	    display: inherit;
	    justify-content: space-between;
	    align-items: center;
	}

	.res2 {
		padding: 7px 0px;
		font-size: 14px;
		color: rgba(255, 255, 255, 0.5);
	}

	.res3 {
		font-size: 23px;
		color: rgba(255, 255, 255, 0.9);
		font-family: DIN;
	}

	.footRess>ul:first-child {
		margin-bottom: 15px;
	}

	.footBo {
		border-top: 1px solid rgba(255, 255, 255, 0.1);
		display: inherit;
		justify-content: space-between;
		padding-top: 15px;
		padding-bottom: 15px;
		line-height: 22px;
	}

	.res1 {
		margin-bottom: 10px;
	}

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

	.aboutTit {
		margin-top: 30px;
		position: relative;
		margin-bottom: 0;
	}

	.aboutTit>p:nth-child(2) {
		position: absolute;
		left: 0px;
		top: -30%;
	}

	.aboutDesc p {
		font-size: 14px;
		color: rgb(102, 102, 102);
		line-height: 30px;
		margin-bottom: 5px;
	}

	.aboutDesc {
		padding-top: 20px;
		padding-bottom: 15px;
	}

	.About {
		display: inherit;
	}

	.About {
		display: inherit;
	}

	.abBg p {
		color: rgb(255, 255, 255);
		font-size: 15px;
		letter-spacing: 1px;
		padding-left: 35px;
	}

	.abBg p:first-child {
		margin-bottom: 12px;
	}

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

	.abBg {
		width: 100%;
		margin-right: 0;
		height: 150px;
		margin-bottom: 12px;
	}

	.advFlex {
		margin-top: 25px;
		padding-bottom: 25px;
		display: inherit;
		align-items: center;
		justify-content: space-between;
	}

	.Adv {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		padding-bottom: 25px;
	}

	.num {
		font-family: DIN;
		color: rgb(0, 0, 0);
		font-size: 26px;
		display: inline-block;
	}

	.year {
		font-size: 14px;
		color: rgb(0, 0, 0);
		width: 29px;
		height: 29px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 50%;
		background: rgb(240, 240, 240);
		position: absolute;
		bottom: 5px;
		right: 27px;
	}

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

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

	.advPic {
		text-align: right;
	}

	.advPic img {
		width: 16%;
	}

	.advSame {
		text-align: center;
		width: 50%;
	}
	.serRight>div:nth-child(2),
	.serRight>div:nth-child(4),
	.serRight>div:nth-child(6),
	.serRight>div:nth-child(8){
		border-right: none;
	}
	.artDesc {
	    bottom: 20px;
	}
	.changePage>a{
		display: none;
	}
	.changePage>a:first-child{
		display: block;
	}
	.changePage>a:last-child{
		display: block;
	}
	.menuFlex {
	    display: inherit;
	}
	.State {
	    width: 100%;
	    margin-right: 0;
	}
	.flex {
	    padding: 15px 0;
	    display: flex;
	    font-size: 16px;
	    align-items: center;
	}
	.flex a {
	    display: flex;
	    align-items: center;
	    width: 83%;
	    margin: auto;
	}
	.sp {
	    display: inline-block;
	    width: 10px;
	    height: 4px;
	    background: rgb(190, 190, 190);
	    margin-right: 10%;
	}
	.stateBox {
	    width: 100%;
	    margin-top: 0;
	}
	.stPic {
	    overflow: hidden;
	    width: 37%;
	    margin-right: 3%;
	}
	.stDesc {
	    width: 60%;
	    position: relative;
	}
	.stw1 {
	    font-size: 16px;
	    color: rgb(51, 51, 51);
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    overflow: hidden;
	    word-break: break-all;
	    margin-bottom: 6px;
	}
	.stw2 {
	    font-size: 14px;
	    color: rgb(136, 136, 136);
	    text-overflow: -o-ellipsis-lastline;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 2;
	    line-clamp: 2;
	    -webkit-box-orient: vertical;
	    line-height: 21px;
	}
	.stw3 {
	    margin-top: 7px;
	    padding-top: 7px;
	    border-top: 1px solid rgb(220, 220, 220);
	    font-size: 14px;
	    color: rgb(102, 102, 102);
	    width: 100%;
	}
	.stLink {
	    display: flex;
	    margin-bottom: 25px;
	}
	.ptLine {
	    border-top: 1px solid rgb(220, 220, 220);
	    padding-top: 20px;
	    padding-bottom: 0;
	}
}
@media screen and (max-width:768px) {




	.caseclass a{ padding:  0 20px; font-size: 14px;}
	.footBo p{
		display: inline;
	}
	.footBo>p:nth-child(2){
		margin-left: 10px;
	}
	.abTop {
		padding-top:5px;
		position: relative;
	}
	.bannerWord {
		position: absolute;
		top: 32%;
		z-index: 99;
		color: rgb(255, 255, 255);
		opacity: 0.85;
	}
	.b1 {
		font-size: 16px;
		margin-bottom: 12px;
		letter-spacing: 1px;
	}
	
	.b2 {
		font-size: 20px;
		letter-spacing: 1px;
	}
	.withLeft .aboutDesc {
	    height: auto;
	    overflow-y: auto;
	    padding-right: 20px;
	}
	.withLeft .aboutDesc p {
	    font-size: 14px;
	    color: rgb(102, 102, 102);
	    line-height: 30px;
	    margin-bottom: 10px;
	}
	.withRight {
	    position: relative;
	    display: inline-block;
	    height: 100%;
	    vertical-align: top;
	    width: 100%;
	}
	.Advan .num {
	    font-family: DIN;
	    color: #fff;
	    font-size: 26px;
	    display: inline-block;
	}
	.Advan .year {
	    font-size: 14px;
	    color: #fff;
	    width: 28px;
	    height: 28px;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    border-radius: 50%;
	    background: rgb(141,176,212);
	    position: absolute;
	    bottom: 7px;
	    right: 30px;
	    left: auto;
	}
	.Advan {
	    background: rgb(16,90,166);
	    padding: 26px 0 0px 0;
	}
	.cul2 {
	    font-size: 16px;
	    color: rgba(255,255,255,0.85);
	    margin-top: 17px;
	    word-spacing: 25px;
	}
	.cul1 {
	    font-size: 22px;
	    color: #fff;
	    padding-bottom: 5px;
	}
	.Culture {
	    background: url(../jpg/cul.jpg);
	    background-repeat: no-repeat;
	    background-size: cover;
	    height: 220px;
	    padding-top: 54px;
	}
	.withBox {
	    display: inherit;
	}
	.withLeft {
	    width: 100%;
	    padding: 1vw 15px 0 15px;
	}
	
	.stTit {
	    font-size: 20px;
	    color: rgb(51, 51, 51);
	    margin-bottom: 12px;
	    padding-top: 0;
	}
	.stateBox{
		padding-bottom:0;
	}
	.stIcle p {
	    font-size: 14px;
	    margin-bottom:7px;
	    color: rgb(102, 102, 102);
	    overflow: hidden;
	    line-height: 30px;
	}
	.loRight{
		display: none;
	}
	.loLeft>p:nth-child(1) {
	    font-family: 'DIN';
	    color: rgb(16, 90, 166);
	    margin-bottom: 8px;
	    font-size: 22px;
	    line-height: 23px;
	}
	.loLeft>p:nth-child(2) {
	    color: #000;
	    font-size: 16px;
	}
	.caseEach {
	    width: 100%;
	    margin-right: 0;
	    margin-top: 20px;
	}
    .ca1 {
        font-size: 16px;
        color: #000;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        word-break: break-all;
        margin-bottom: 12px;
    }
	.ca2 {
	    font-size: 14px;
	    color: rgb(102, 102, 102);
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    overflow: hidden;
	    word-break: break-all;
	    margin-bottom: 25px;
	}
	.changePage {
	    padding-top: 30px;
	    padding-bottom: 35px;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	}
	.changePage>a:first-child {
	    padding: 10px 26px;
	}
	.changePage>a:last-child{
		padding: 10px 26px;
	}
	.Develop {
	    display: inherit;
	}
	.devePic img {
	    float: left;
	    width: 100%;
	    min-height: auto;
	}
	.devePic {
	    width: 100%;
	    overflow: hidden;
		display: inline-block;
	}
	.deveWord {
	    width: 100%;
	    background: #fff;
	    padding: 15px 15px 20px 15px;
		display: inline-block;
	}
	.de1 {
	    font-size: 16px;
	    color: #000;
	    line-height: 25px;
	    margin-bottom: 20px;
	    text-overflow: -o-ellipsis-lastline;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 2;
	    line-clamp: 2;
	    -webkit-box-orient: vertical;
	}
	.artDesc {
	    position: absolute;
	    left: 25px;
	    right: 25px;
	    bottom: 30px;
	}
	.de2 {
	    width: 40px;
	    height: 3px;
	    background: rgb(200, 200, 200);
	    margin-bottom: 15px;
	    margin-left: 3px;
	}
	.de3 {
	    margin-bottom: 20px;
	}
	.art1 {
	    font-size: 16px;
	    color: #fff;
	    margin-bottom: 15px;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    overflow: hidden;
	    word-break: break-all;
	}
	.soEach {
	    margin-top: 15px;
	    display: flex;
	    padding: 20px 15px;
	    background: #fff;
	    display: inherit;
	}
	.soMore {
	    width: 100%;
	}
	.soTit {
	    padding-top: 5px;
	    display: inherit;
	    align-items: baseline;
	    justify-content: space-between;
	}
	.s1 {
	    width: 100%;
	    font-size: 16px;
	    color: #000;
	    text-overflow: -o-ellipsis-lastline;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 2;
	    line-clamp: 2;
	    -webkit-box-orient: vertical;
	    line-height: 24px;
	    margin-bottom: 12px;
	}
	.s2 {
	    display: flex;
	    align-items: center;
	    color: rgb(136, 136, 136);
	    font-size: 14px;
	    font-family: 'DIN';
	}
	.soDesc {
	    display: flex;
	    align-items: center;
	    margin-top: 15px;
	    justify-content: space-between;
	}
	.soDesc{
		display: inherit;
	}
	.s3 {
	    font-size: 14px;
	    color: rgb(102, 102, 102);
	    text-overflow: -o-ellipsis-lastline;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 2;
	    line-clamp: 2;
	    -webkit-box-orient: vertical;
	    line-height: 24px;
	    width: 100%;
		margin-bottom: 15px;
	}
	.s4 {
	    width: 34%;
	    font-size: 14px;
	    color: rgb(102, 102, 102);
	    border: 1px solid rgb(224, 224, 224);
	    padding: 10px 0;
	    border-radius: 25px;
	    text-align: center;
	}
	.soPic {
	    width: 100%;
	    overflow: hidden;
	    margin-right: 0;
	    margin-bottom: 5px;
	}
	.artSame{
		margin-bottom: 15px;
	}
	.d1 {
	    font-family: 'DIN';
	    color: #fff;
	    font-size: 25px;
	    margin-bottom: 3px;
	}
	.artDate {
	    position: absolute;
	    left: 25px;
	    background: rgb(16, 90, 166);
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	    justify-content: center;
	    padding: 10px 15px;
	}
	.p50 {
	    padding-top: 30px;
	}
	.Art {
	    display: inherit;
	}
	.newsdetail .dis-flex-between {
	    background: #fff;
	    padding: 30px 15px;
	    border-radius: 10px;
	    position: relative;
	    z-index: 99;
	}
	.newsdetail .right {
	    width: 100%;
	    margin-left: 0;
	}
	.newsdetail .left .date{
		display: none;
	}
	.newsdetail .left .page a span{
		display: none;
	}
	.newsdetail .left .page a:nth-child(1) img {
	    transform: rotateZ(-90deg);
	}
	.newsdetail .left .page a:nth-child(3) img {
	    transform: rotateZ(-90deg);
	}
	.newsdetail {
	    flex-direction: column-reverse;
	    width: 100%;
	    margin-top: -0;
	    padding-bottom: 80px;
	}
	.f30 {
	    font-size: 18px;
	}
	.newsdetail .right .smailtit {
	    margin: 12px 0 15px 0;
	    color: rgb(136,136,136);
	}
	.f14 {
	    font-size: 13px;
	}
	.newsdetail .left {
	    width: 91%;
	    position: absolute;
	    bottom: -90px;
	}
	.reckon {
	    width: 100%;
	}
	.newsdetail .left .page {
	    display: flex;
	    justify-content: space-between;
	    align-items: center;
	}
	.ss{
		    right: 0px!important;
	}

	.khmain{ flex-direction: column;}
.aboutsection10left{ width: 100%; margin: 0; margin-bottom: 25px;}
.aboutsection10left ul{display: flex; flex-wrap: wrap; }
.aboutsection10left ul li{ width: 25%; line-height: 45px;}
.aboutsection10left li a{ padding: 0 10px; text-align: center; font-size: 14px;}
.aboutsection10left li  a .sp{ display: none !important;}
.aboutsection10left ul.fixed{ width: 100%; background: #fff;padding-top: 0; }
.aboutsection10right { width: 100%;}
.aboutsection10right .item{ margin-top: -80px; padding-top: 100px;}
.aboutsection10right .item:nth-child(1){ margin-top: 0; padding-top: 0;}
}