/* 文化 */

@media screen and (min-width:1700px) {
	
	.index-search{
		width: auto;
	}
	.index-logo {
	    width: 50%;
	    display: flex;
	    align-items: center;
	    margin-right: 5%;
	}
	.index-nav-right {
	    width: 45%;
	    display: flex;
	    justify-content: space-between;
	    align-items: center;
	}
}
@media screen and (max-width:1670px) {
	.w70>div, .w70>form {
	    margin-left: 5px;
	}
}
@media screen and (min-width:1700px) {
	.orTree img {
	    max-width: 17vw!important;
	}
}
@media screen and (max-width:1700px) {
	.treeImg img {
	    max-width: 88%;
	}
	.orTree img {
	    max-width: 19vw!important;
	}
	.aboutRight {
		width: 45%;
		margin-left: 5%;
		padding-top: 60px;
	}

	.parh1 {
		color: #000;
		font-size: 55px;
		margin-bottom: 0;
		font-weight: 600;
		letter-spacing: 1px;
	}

	.parh2 {
		letter-spacing: 1px;
		font-size: 29px;
		color: #000;
		margin-bottom: 25px;
	}

	.parh3 {
		font-size: 16px;
		line-height: 40px;
		color: rgb(102, 102, 102);
		margin-bottom: 48px;
	}

	.cess1 {
		letter-spacing: 2px;
		color: rgb(29, 145, 194);
		font-size: 64px;
	}
}
@media only screen and (max-width: 1599px){
	.rzh-sk .pic {
		width: 214px;
		padding: 14px;
	}
	.rzh-sk .slick-prev {
	    left: -26px;
	}
	.rzh-sk .slick-arrow {
	    width: 42px;
	    height: 42px;
	}
	.rzh-sk .slick-next {
	    right: -26px;
	}
}
@media only screen and (max-width: 1359px){
	.rzh-sk .pic {
	    width: 152px;
	    padding: 10px;
	}
	.year {
	    font-size: 120px;
	}
	.year span {
	    font-size: 120px;
	}
}

@media screen and (max-width:1500px) {
	.f32 {
	    font-size: 25px;
	}
	.w70>div, .w70>form {
	margin-left: 1vw;
	}
	.logoDesc>p:nth-child(1) {
		font-size: 1.4vw;
		letter-spacing: 1px;
		color: rgb(29,145,194);
		font-weight: 600;
	}
	
	.logoDesc>p:nth-child(2) {
		font-size: 1.1vw;
		letter-spacing: 1px;
		color: rgb(102, 102, 102);
	}
	
	.parh1 {
		color: rgb(0, 0, 0);
		font-size: 51px;
		margin-bottom: 0px;
		font-weight: 600;
		letter-spacing: 1px;
	}
	

	.cess1 {
		letter-spacing: 2px;
		color: rgb(29, 145, 194);
		font-size: 58px;
	}

	.partTitle {
		text-align: center;
		letter-spacing: 1px;
		color: rgb(51, 51, 51);
		font-size: 37px;
		margin-bottom: 35px;
	}

	.pub1 {
		font-size: 37px;
		color: #000;
		margin-bottom: 6px;
	}

	.pub2 {
		position: relative;
		color: rgb(221, 221, 221);
		letter-spacing: 1px;
		font-size: 38px;
		position: relative;
	}

	.hotTitle>p:nth-child(1) {
		letter-spacing: 1px;
		font-size: 32px;
		color: #000;
	}

}


@media screen and (max-width:1350px) {
	.index-logo {
	    width: 42%;
	    margin-right: 2%;
	}
	.index-nav-right {
	    width: 56%;
	}
}
@media screen and (max-width:1310px) {
	.logoDesc{
		display: none;
	}
	.w70 {
	    width: 74%;
	    display: flex;
	    justify-content: flex-end;
	}
}
@media screen and (min-width:900px) {
	.nav li a:hover,
	.nav li a.on {
		background: rgb(22,116,155);
		color: #fff;
	}
}


@media screen and (max-width:1660px) {
	.us3 {
		width: 100%;
	}
	.abg img {
		float: left;
		min-height: 700px;
	}
}
@media screen and (max-width:1550px) {
	.w1240,
	.inner {
		max-width: auto;
		margin: auto;
		padding-left: 6vw !important;
		padding-right: 6vw !important;
	}
	.treeLeft{
		padding-left: 6vw!important;
	}
}

@media screen and (max-width:1450px) {
	.Wis .swiper-button-next {
		width: 45px;
		height: 45px;
		border: 2px solid rgb(0, 145, 213);
		border-radius: 50%;
		right: -60px;
		cursor: pointer;
	}
	.arr1 {
	    font-size: 22px;
	    letter-spacing: 1px;
	    width: 80%;
	    line-height: 32px;
	    font-weight: 600;
	    text-overflow: -o-ellipsis-lastline;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 2;
	    line-clamp: 2;
	    -webkit-box-orient: vertical;
	}

	.Wis .swiper-button-prev {
		left: -60px;
		width: 45px;
		height: 45px;
		border: 2px solid rgb(0, 145, 213);
		border-radius: 50%;
		cursor: pointer;
	}

	.Wis .swiper-button-next::after {
		font-size: 15px;
		color: rgb(0, 145, 213);
		font-weight: 600;
	}

	.Wis .swiper-button-prev::after {
		font-size: 15px;
		color: rgb(0, 145, 213);
		font-weight: 600;
	}
}

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


	.sys1 {
		position: absolute;
		font-size: 9vw;
		color: rgba(170, 170, 170, 0.1);
		font-weight: 600;
		top: 0;
		left: 25px;
	}

	.sys2 {
		font-size: 36px;
		letter-spacing: 1px;
		color: rgb(51, 51, 51);
		font-weight: 600;
		margin-top: -38px;
		margin-bottom: 30px;
	}
}

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

	.f22 {
		font-size: 20px;
	}

	.f26 {
		font-size: 24px;
	}

	.f28 {
		font-size: 26px;
	}

	.f30 {
		font-size: 28px;
	}


	.f34 {
		font-size: 32px;
	}

	.f40 {
		font-size: 38px;
	}

	.f60 {
		font-size: 55px;
	}

	#tabs-container {
		height: 650px;
	}

	.jcxuqtjjddcxBox {
		height: 750px;
	}

	.jcxuqtjjddcxBox figure a {
		width: 280px;
		height: 60px;
	}


}

@media screen and (max-width:1500px) {
	.indexAbout {
		padding: 60px 0;
	}

	.indexAbout .right .color-666 {
		margin: 30px 0;
	}

	#tabs-container {
		height: 600px;
	}

	.indexService {
		margin-bottom: 70px
	}

	.Introduction .left div:nth-child(2) {
		font-size: 36px;
	}
}

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

	

	#top {
		height: calc(100% - 99px);
	}

	.honor-next {
		right: 0;
		transform: rotate(180deg);
	}

	.honor-prev {
		left: 0;
	}

	.Introduction .left div:nth-child(2) {
		font-size: 34px;
	}

	.clear50 {
		height: 40px;
	}

	.f36 {
		font-size: 32px;
	}

	.f34 {
		font-size: 30px;
	}

	.jcxuqtjjddcxBox {
		height: 700px;
	}

	.jcxuqtjjddcxBox figure a {
		width: 260px;
		height: 55px;
	}


}

@media screen and (max-width:1300px) {
	.w1240 {
		width: 94%;
		margin: 0 auto;
	}

	.indexAbout .ico1 {
		width: 20px;
		left: -25px;
	}
    .w70 {
        width: 70%;
        display: flex;
        justify-content: flex-end;
    }
	.w70 .tel {
	    width: auto;
	}
	

	.f22 {
		font-size: 18px;
	}

	.f26 {
		font-size: 22px;
	}

	.f28 {
		font-size: 24px;
	}

	.f30 {
		font-size: 26px;
	}


	.f34 {
		font-size: 30px;
	}

	.f40 {
		font-size: 36px;
	}

	.f60 {
		font-size: 52px;
	}

	.indexAbout {
		padding: 50px 0;
	}

	.indexAbout .right {
		width: 48%;
	}

	#tabs-container {
		height: 520px;
	}

	.indexServiceCon .swiper-slide .txt a {
		width: 250px;
		height: 55px;
		line-height: 55px;
	}

	.indexServiceCon .tabs {
		background: url(../images/line.png) repeat-x top 40px left;
	}

	.indexServiceCon .tabs a img {
		width: 60px;
		height: 60px;
	}

	.indexServiceCon .tabs a div:first-child {
		width: 80px;
		height: 80px;
	}

	.indexServiceCon .tabs a div:first-child u {
		width: 100px;
		height: 100px;
		left: -12px;
	}

	.indexServiceCon .tabs a div:first-child u.cl {
		clip: rect(0, 100px, -12px, 50px)
	}

	.indexServiceCon .tabs a div:first-child u.cr {
		clip: rect(100px, 50px, 100px, 0)
	}

	.indexServiceCon .tabs a div:first-child:hover u.cr,
	.indexServiceCon .tabs a.active div:first-child u.cr {
		clip: rect(0, 50px, 100px, 0rem)
	}

	.indexServiceCon .tabs a div:first-child:hover u.cl,
	.indexServiceCon .tabs a.active div:first-child u.cl {
		clip: rect(0, 100px, 100px, 50px)
	}


	.indexServiceCon .swiper-slide .txt {
		top: 12%;
	}

	.indexServiceCon .tabs {
		left: 3%;
		margin-left: 0;
	}

	.indexServiceCon .swiper-slide .txt .f22 {
		margin: 45px auto;
	}

	.Introduction .left div:nth-child(2) {
		font-size: 30px;
	}

	.idea {
		height: 560px;
	}

	.infoban {
		height: 600px;
	}

	.ypjcinfo1 .img {
		width: 50%;
	}

	.ypjcinfo1 .txt {
		width: 50%;
	}

	.ypjcinfo1 .txt div.f18 {
		font-size: 16px;
		height: 180px;
	}

	.ypjcinfo1 .txt div.f20 {
		padding-bottom: 15px;
		margin-bottom: 15px;
	}

	.info-top {
		margin-top: -480px;
	}

	.jcxuqtjjddcxBox {
		height: 650px;
	}

	.jcxuqtjjddcxBox figure a {
		width: 250px;
		height: 53px;
	}
}

@media screen and (max-width:1200px) {
	.orTree {
	    position: absolute;
	    right: 20px;
	    top: 160px;
	}
	.year {
	    font-size: 100px;
	}
	.year span {
	    font-size: 100px;
	}
	.newsLink {
	    width: 70%;
	}
	.pubw {
	    font-size: 35px;
	}
	.compParh1 {
	    font-size: 30px;
	}
	.introFlex {
	    display: flex;
	    padding-top: 50px;
	}
	.Build {
	    display: flex;
	    margin-top: 50px;
	}
	.bu1 {
	    letter-spacing: 2px;
	    color: rgb(29, 145, 194);
	    font-size: 58px;
	    font-family: 'EIN';
	}
	.bu2 {
	    font-size: 16px;
	    color: rgb(51, 51, 51);
	    position: absolute;
	    right: -20px;
	    bottom: 0;
	    font-weight: 600;
	}
	.pubIcle {
	    font-size: 35px;
	    color: #000;
	    letter-spacing: 1px;
	    padding-top: 55px;
	    padding-bottom: 55px;
	    text-align: center;
	    font-weight: 600;
	}
	.Step>li {
	    margin-bottom: 10px;
	    display: flex;
	    align-items: baseline;
	    font-family: 'DIN';
	}
	.pareStep {
	    position: relative;
	    width: 50%;
	    padding: 45px 35px 45px 50px;
	    background: #fff;
	}
	.ho1 {
	    font-size: 32px;
	    color: #fff;
	    letter-spacing: 1px;
	    margin-bottom: 18px;
	}
	.ho2 {
	    font-size: 19px;
	    color: rgba(255, 255, 255, 0.8);
	    margin-bottom: 12px;
	}
	.hopeBox {
	    width: 45%;
	    position: absolute;
	    right: 0;
	}
	.navOther a {
		margin: 0 1.5vw;
	}
	.index-nav-right {
	    width: 76%;
	}
	.navAt {
	    width: 220px;
	    background: url(../images/hand.jpg);
	    background-repeat: no-repeat;
	    background-size: cover;
	    height: 100px;
	    font-size: 28px;
	    color: #fff;
	    letter-spacing: 1px;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    margin-top: -31px;
	    position: relative;
	}
    .w70 .tel {
		display: none;
	}
	
	.parh2 {
		letter-spacing: 1px;
		font-size: 27px;
		color: #000;
		margin-bottom: 20px;
	}
	
	.parh1 {
		color: rgb(0, 0, 0);
		font-size: 46px;
		margin-bottom: 0px;
		font-weight: 600;
		letter-spacing: 1px;
	}
	
	.aboutRight {
		width: 46%;
		margin-left: 4%;
		padding-top: 60px;
	}
	
	.parh3 {
		font-size: 16px;
		line-height: 38px;
		color: rgb(102, 102, 102);
		margin-bottom: 38px;
	}
	
	.cess1 {
		letter-spacing: 2px;
		color: rgb(29, 145, 194);
		font-size: 53px;
	}
	
	.partTitle {
		text-align: center;
		letter-spacing: 1px;
		color: rgb(51, 51, 51);
		font-size: 34px;
		margin-bottom: 35px;
	}
	
	.withPart {
		margin-top: -48px;
	}
	
	.pub1 {
		font-size: 33px;
		color: #000;
		margin-bottom: 6px;
	}
	
	.pub2 {
		position: relative;
		color: rgb(221, 221, 221);
		letter-spacing: 1px;
		font-size: 32px;
		position: relative;
	}
	
	.pubTitle {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding-top: 35px;
		padding-bottom: 30px;
	}
	
	.hotTitle>p:nth-child(1) {
		letter-spacing: 1px;
		font-size: 28px;
		color: #000;
	}
	
	.caseSwiper .swiper-button-next {
		right: -48px;
		width: 40px;
		height: 40px;
		text-align: center;
		line-height: 40px;
	}
	
	.caseSwiper .swiper-button-prev {
		left: -48px;
		width: 40px;
		height: 40px;
		text-align: center;
		line-height: 40px;
	}
	.detailWord {
	    width: 44%;
	    padding: 25px 25px;
	    background: rgb(247, 247, 247);
	    position: relative;
	}
	.deMore {
	    display: inherit;
	    align-items: center;
	    justify-content: space-between;
	    margin-top: 25px;
	}
	.de1 {
	    letter-spacing: 1px;
	    font-weight: 600;
	    color: #000;
	    font-size: 24px;
	    margin-bottom: 10px;
	}
	.de2 {
	    width: 40px;
	    height: 4px;
	    background: rgb(29, 145, 194);
	    margin-bottom: 20px;
	}
	.de4 {
	    position: absolute;
	    height: 48px;
	    line-height: 48px;
	    display: inline-block;
	    background: rgb(29, 145, 194);
	    color: #fff;
	    font-size: 16px;
	    border-radius: 5px;
	    bottom: 25px;
	    left: 35px;
	    right: 35px;
	    text-align: center;
	}
	.de3 {
	    font-size: 16px;
	    margin-bottom: 12px;
	    color: #000;
	}
	.deRight{
		margin-top: 10px;
	}
	.detailBox {
	    padding-top: 25px;
	    padding-bottom: 40px;
	}
	.backTo {
	    width: 150px;
	    text-align: center;
	    font-size: 15px;
	    color: #fff;
	    letter-spacing: 1px;
	    height: 48px;
	    line-height: 48px;
	}
	.newsLink {
	    width: 70%;
	}
	.newsLink a {
	    font-size: 15px;
	    color: rgb(51, 51, 51);
	    margin-bottom: 15px;
	    display: inline-block;
	    transition: all 0.8s;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    overflow: hidden;
	    word-break: break-all;
	    width: 100%;
	}
	.arr1 {
	    font-size: 20px;
	    letter-spacing: 1px;
	    width: 80%;
	    line-height: 30px;
	    font-weight: 600;
	    text-overflow: -o-ellipsis-lastline;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 2;
	    line-clamp: 2;
	    -webkit-box-orient: vertical;
	}
	.j2 p {
	    width: calc(100% / 6);
	    font-size: 22px;
	    text-align: center;
	    padding: 40px 0;
	}
	.jobMore>li:nth-child(1) {
	    font-size: 23px;
	    color: rgb(0, 145, 213);
	    letter-spacing: 1px;
	}
	.pubNav a {
	    padding: 20px 20px;
	    font-size: 18px;
	    color: #000;
	    letter-spacing: 1px;
	    transition: all 0.6s;
	}
	.eachDuct>a:nth-child(2n+2) {
		margin-right: 0;
	}

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

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

	.eachDuct_common {
		display: inline-block;
		width: 48.7%;
		margin-right: 2.5%;
		box-shadow: 1px 1px 10px 1px rgb(220 220 220);
		text-align: center;
		margin-bottom: 2.5%;
		transition: all 0.8s;
	}

	.proCenter {
		width: 27%;
		margin-right: 2%;
	}

	.proCenter_right {
		width: 71%;
		margin-left: 0%;
	}

	.hot1 {
		width: 130px;
	}

	.ressBox>div:nth-child(1) {
		display: none;
	}

	.abMore>p:nth-child(1) {
		font-size: 22px;
		color: rgb(255, 255, 255);
		letter-spacing: 1px;
		margin-bottom: 15px;
		text-align: center;
		width: 80%;
	}

	.abMore>p:nth-child(2) span {
		font-size: 26px;
		color: rgb(247, 194, 92);
		margin-left: 10px;
		letter-spacing: 0px;
	}

	.sys4 {
		position: absolute;
		bottom: 50px;
		padding: 12px 50px;
		border-radius: 40px;
		background: rgb(0, 142, 213);
		color: #fff;
		letter-spacing: 2px;
		color: #fff;
		font-size: 16px;
	}

	.sTitle {
		width: 35%;
		font-size: 24px;
		color: rgba(255, 255, 255, 0.9);
		letter-spacing: 2px;
	}

	.Equip {
		width: 65%;
	}

	

	.f20 {
		font-size: 18px;
	}

	.f22 {
		font-size: 18px;
	}

	.f26 {
		font-size: 22px;
	}

	.f28 {
		font-size: 22px;
	}

	.f30 {
		font-size: 24px;
	}


	.f34 {
		font-size: 28px;
	}

	.f40 {
		font-size: 30px;
	}

	.f46 {
		font-size: 32px;
	}

	.f60 {
		font-size: 48px;
	}

	.indexBtn {
		height: 400px;
	}

	.indexBtn .f46 {
		margin: 42px;
	}

	.indexBtn .link a {
		width: 230px;
		height: 50px;
	}

	.indexService {
		margin: 30px 0 50px;
	}

	header .w50 {
		width: 60%;
		margin-left: 20px;
	}

	.nei-ban {
		height: 450px;
	}

	.logoDesc {
		display: none;
	}

	.pic img {
		width: 100%;
	}

	.newslist li {
		width: 47%;
		margin-right: 3%;
	}

	.newslist li:nth-child(3n) {
		margin-right: 3%;
	}

	.newslist li:nth-child(2n) {
		margin-right: 0;
	}

	.homelocation {
		flex-wrap: wrap;
		padding: 15px 0;
	}

	.contact-left {
		width: 50%;
	}

	.contact-right {
		width: 50%;
	}

	.searchline {
		height: 3px;
		margin: 25px auto;
	}

	.Introduction .left div:nth-child(2) {
		font-size: 28px;
	}

	div.video-wrap {
		width: 80%;
		height: auto;
	}

	.team .gallery-top .swiper-slide .img img {
		height: 400px;
	}

	.team .gallery-thumbs .swiper-slide img {
		height: 100px;
	}

	.clear50 {
		height: 30px;
	}

	.f36 {
		font-size: 28px;
	}

	.f34 {
		font-size: 26px;
	}

	.infoban {
		height: 500px;
	}

	.ypjcinfo1 .txt div.f18 {
		height: 150px;
	}

	.info-top {
		margin-top: -400px;
	}

	.padding-45 {
		padding: 30px;
	}

	.ypjcinfo1 .txt {
		padding: 0 18px;
	}

	.ypjcinfotit span {
		padding-bottom: 18px
	}

	.zzfulink a span {
		width: 300px;
		height: 110px;
	}

	header .w57 .heardform {
		display: none;
	}

	header .w57 {
		width: 40%;
	}

	.w45 {
		width: 55%;
	}

	.telpop {
		position: relative;
		left: 0;
		top: 0;
		width: 100%;
		padding-top: 15px;
	}

	.jcxuqtjjddcxBox {
		height: 600px;
	}

	.jcxuqtjjddcxBox figure a {
		width: 220px;
		height: 47px;
	}

	.searchcon .w1000 {
		width: 96%;
		background: url(../images/icotit-bg.jpg) repeat-y left 37px top;
	}

	.searchcon .w1000 .con {
		margin-left: 95px;
	}

	.icotit {
		display: flex;
		align-items: center;
	}

	.icotit span {
		left: 0;
		position: relative;
		width: 75px;
		height: 75px;
	}

	.icotit .f34 {
		padding-left: 20px;
		line-height: 75px;
	}

	.flieName {
		white-space: pre-wrap;
	}

	.margin-top-40 {
		margin-top: 30px;
	}

}

.zhucelink {
	display: none;
}

@media screen and (max-width:1000px) {
	.w1240, .inner {
	    max-width: 100%;
	    margin: auto;
	    padding-left: 30px !important;
	    padding-right: 30px !important;
	}
	.treeLeft{
		padding-left: 30px!important;
	}
	.Organ {
	    position: relative;
	    padding-bottom: 28px;
	}
	.orTree {
	    position: absolute;
	    right: 5px;
		top: 100px;
	}
	.treeImg img {
	    max-width: 85%;
	}
	
	.pareBox .swiper-slide{
		box-shadow: none;
	}
	.buDeve {
	    display: flex;
	    width: 100%;
	    background: url(../images/build.jpg);
	    background-repeat: no-repeat;
	    background-size: cover;
	    height: auto;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    padding: 30px 0 18px 0;
	    flex-direction: column;
	}
	.buCommon>p:nth-child(1) {
	    position: relative;
	    margin-bottom: 5px;
	    display: inherit;
	}
	.bu1 {
	    letter-spacing: 0px;
	    color: rgb(29, 145, 194);
	    font-size: 40px;
	    font-family: 'EIN';
	}
	.buCommon>p:nth-child(2) {
	    font-size: 15px;
	    color: #000;
	    font-weight: 600;
	    letter-spacing: 1px;
	    margin-bottom: 14px;
	}
	.Build .conn2_right>.img>img {
	    width: 100%;
	    height: 250px;
	}
	.bu2 {
	    font-size: 14px;
	    color: rgb(51, 51, 51);
	    position: absolute;
	    right: 30%;
	    bottom: 0;
	    font-weight: 600;
	}
	.Build {
	    display: inherit;
	    margin-top: 30px;
	}
	
	.buCommon {
	    width: 100%;
	    text-align: center;
	}
	.buDeve{
		width: 100%;
	}
	.readMore{
		display: none;
	}
	.mise1 {
	    width: 80%;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    overflow: hidden;
	    word-break: break-all;
	    font-family: 'DIN';
	    color: rgb(51,51,51);
	    font-size: 16px;
	}
	.miseCommon {
	    display: flex;
	    align-items: center;
	    justify-content: space-between;
	    padding: 20px 30px;
	    box-shadow: 1px 1px 10px 1px rgb(29 146 194 / 30%);
	    margin-bottom: 25px;
	    border-radius: 5px;
	}
	.newsLink a {
	    font-size: 15px;
	    color: rgb(51, 51, 51);
	    font-family: 'DIN';
	    margin-bottom: 15px;
	    display: inline-block;
	    transition: all 0.8s;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    overflow: hidden;
	    word-break: break-all;
	    width: 100%;
	}
	.backTo {
	    display: none;
	}
	.Type{
		display: none;
	}
	.newsTitle {
	    margin: 0;
	}
	.boxA {
	    margin: 0;
	}
	.Center{
			display: inherit;
		}
		.Detail {
		    width: 100%;
		    margin-right: 0;
		    padding: 0 35px;
		    box-shadow: 1px -3px 10px 1px rgb(220 220 220);
		    background: #fff;
		}
		.deMore {
		    display: inherit;
		    align-items: center;
		    justify-content: space-between;
		    margin-top: 25px;
		}
		.deRight {
		    margin-top: 10px;
		}
		.detailBox {
		    padding-top: 25px;
		    padding-bottom: 40px;
		}
		.Brand {
		    width: 100%;
		}
	.rzh-sk .slide {
	    display: inline-block;
	    vertical-align: bottom;
	}
	.joinNeed {
	    display: flex;
	    flex-wrap: wrap;
	    width: 70%;
	    margin-left: 0;
	}
	
	.geDesc {
	    margin-top: 25px;
	}
	.ge1 {
	    font-size: 18px;
	    color: #000;
	    font-weight: 600;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    overflow: hidden;
	    word-break: break-all;
	    margin-bottom: 18px;
	}
	.le1 {
	    font-size: 18px;
	    color: #000;
	    font-weight: 600;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    overflow: hidden;
	    word-break: break-all;
	    margin-bottom: 5px;
	}
	.le2 {
	    font-size: 14px;
	    color: rgb(102,102,102);
	    font-family: 'DIN';
	    line-height: 24px;
	    text-overflow: -o-ellipsis-lastline;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 2;
	    line-clamp: 2;
	    -webkit-box-orient: vertical;
	    margin-bottom: 5px;
	}
	.lePic {
	    width: 20%;
	    margin-right: 2%;
	    overflow: hidden;
	}
	.leDesc {
	    width: 78%;
	    position: relative;
	    justify-content: space-around;
	    display: flex;
	    flex-direction: column;
	}
	.caseDesc {
	    display: flex;
	    align-items: center;
	    justify-content: space-between;
	    position: relative;
	    padding: 18px 0;
	    border-bottom: 1px solid #fff;
	}
	.caseDesc p {
	    letter-spacing: 1px;
	    color: #fff;
	    font-size: 16px;
	}
	.aboutBox .conn2_right>.img>img {
	    width: 100%;
	    min-height: auto;
	}
	.footEwm,
	.footLink {
		display: none;
	}
	
	.footRess {
		width: 68%;
		margin-right: 0;
	}
	
	.hotTitle>p:nth-child(1) {
		letter-spacing: 1px;
		font-size: 22px;
		color: #000;
	}
	
	.hotTitle {
		display: flex;
		align-items: center;
		padding-top: 30px;
		padding-bottom: 28px;
		justify-content: space-between;
	}
	
	.caseSwiper {
		position: relative;
		padding: 0 25px;
	}
	
	.caseSwiper .swiper-button-next {
		right: -23px;
	}
	
	.caseSwiper .swiper-button-prev {
		left: -23px;
		width: 40px;
		height: 40px;
		text-align: center;
		line-height: 40px;
	}
	
	.caseSwiper .swiper-slide {
		width: 32% !important;
		margin-right: 2%;
	}
	
	
	.aboutBox {
		display: inherit;
	}
	
	.conn2_right {
		width: 100%!important;
		margin-right: 0!important;
	}
	
	.conn2_right>.img>img {
		width: 100%;
		min-height: auto;
	}
	
	.aboutRight {
		width: 100%;
		margin-left: 0;
		padding-top: 0;
	}
	
	.parh1 {
		color: rgb(0, 0, 0);
		font-size: 25px;
		margin-bottom: 0px;
		font-weight: 600;
		letter-spacing: 1px;
	}
	
	.parh2 {
		letter-spacing: 1px;
		font-size: 18px;
		color: #000;
		margin-bottom: 15px;
	}
	
	.parh3 {
		font-size: 14px;
		line-height: 32px;
		color: rgb(102, 102, 102);
		margin-bottom: 20px;
	}
	
	.advCess {
		display: flex;
		margin-top: 25px;
	}
	
	.aLink {
		font-size: 15px;
		color: rgb(102, 102, 102);
	}
	
	.cess1 {
		letter-spacing: 1px;
		color: rgb(29, 145, 194);
		font-size: 30px;
	}
	
	.cess2 {
		font-size: 15px;
		color: rgb(51, 51, 51);
		position: absolute;
		right: -40px;
	}
	
	.cessCommon>p:nth-child(2) {
		font-size: 15px;
		color: #000;
		letter-spacing: 1px;
	}
	
	.withPart {
		margin-top: 25px;
	}
	
	.partTitle {
		text-align: center;
		letter-spacing: 1px;
		color: rgb(51, 51, 51);
		font-size: 23px;
		margin-bottom: 16px;
	}
	
	.withBox p:nth-child(6n+6) {
		margin-right: 0;
	}
	
	.withBox p:nth-child(3n+3) {
		margin-right: 0;
	}
	
	.withBox p {
		overflow: hidden;
		width: 31.6%;
		margin-right: 2.5%;
		margin-bottom: 2.5%;
		padding: 14px;
		background: #FFF;
		border: 1 px solid rgb(220, 220, 220);
	}
	
	.About {
		padding-top: 0px;
		position: relative;
		padding-bottom: 30px;
	}
	
	.pub1 {
		font-size: 22px;
		color: #000;
		margin-bottom: 3px;
	}
	
	.pub2 {
		position: relative;
		color: rgb(221, 221, 221);
		letter-spacing: 1px;
		font-size: 22px;
		position: relative;
	}
	
	.pubTitle {
		display: inherit;
		align-items: center;
		justify-content: space-between;
		padding-top: 25px;
		padding-bottom: 25px;
	}
	
	.pubRight {
		display: inline-block;
		width: 125px;
		height: 37px;
		line-height: 37px;
		text-align: center;
		letter-spacing: 1px;
		color: #fff;
		font-size: 15px;
		background: rgb(29,145,194);
		border-radius: 30px;
		margin-top: 10px;
	}
	
	.ductSame {
		width: 32%;
		margin-right: 2%;
		display: inline-block;
		margin-bottom: 2%;
	}
	
	.ductBox>a:nth-child(3n+3) {
		margin-right: 0;
	}
	
	.ductBox>a:nth-child(5n+5) {
		margin-right: 2%;
	}
	
	.Case {
		background: url(../images/casebg.jpg) center;
		background-repeat: no-repeat;
		background-size: cover;
		padding-bottom: 35px;
		margin-top: 20px;
		padding-top: 5px;
	}
	
	.Honor {
		display: inherit;
	}
	
	.hoLeft {
		width: 100%;
		margin-right: 0;
	}
	
	.hotTitle {
		display: flex;
		align-items: center;
		padding-top: 25px;
		padding-bottom: 25px;
		justify-content: space-between;
	}
	
	.hoLeft .swiper-slide {
		padding: 20px;
		background: rgb(246, 254, 255);
	}
	
	.hoPic {
		overflow: hidden;
		margin-bottom: 15px;
		text-align: center;
	}
	
	.hoWord {
		letter-spacing: 1px;
		color: rgb(51, 51, 51);
		font-size: 15px;
	}
	
	.horight {
		width: 100%;
	}
	
	.Act {
		display: inherit;
	}
	
	.actBox {
		width: 100%;
		margin-right: 0%;
	}
	
	.Fase {
		width: 100%;
		margin-top: 25px;
	}
	
	.actPic img {
		width: 100%;
	}
	
	.actDesc {
		margin-top: 15px;
	}
	
	.act1 {
		font-size: 16px;
		color: #000;
		margin-bottom: 12px;
	}
	
	.act2 {
		font-size: 14px;
		margin-bottom: 15px;
	}
	
	.faseCommon {
		display: flex;
		width: 100%;
		margin-bottom: 3%;
		padding: 15px;
		border: 1px solid rgb(229, 229, 2229);
	}
	
	.fase1 {
		font-size: 15px;
		color: #000;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		word-break: break-all;
		margin-bottom: 8px;
	}
	
	.fase2 {
		font-size: 14px;
		color: rgb(136, 136, 136);
		line-height: 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;
	}
	
	footer {
		background: url(../images/bottom.jpg) center;
		background-size: cover;
		background-repeat: no-repeat;
		padding-top: 40px;
		margin-top: 0px;
	}
	.footTop{
		padding-bottom: 10px;
	}
	
	.hotTitle {
		display: flex;
		align-items: center;
		padding-top: 23px;
		padding-bottom: 23px;
		justify-content: space-between;
	}
	.Center{
		display: inherit;
	}
	.newsTitle {
	    margin: 0 ;
	}
	.Detail {
	    width: 100%;
	    margin-right: 0;
	    padding: 0 35px;
	    box-shadow: 1px -3px 10px 1px rgb(220 220 220);
	    background: #fff;
	}
	.boxA{
		margin: 0;
	}
	.Brand {
	    width: 100%;
	}
	.art1 {
	    display: flex;
	    align-items: center;
	    font-size: 18px;
	    color: rgb(40, 40, 40);
	    margin-bottom: 8px;
	}
	.jobMore>li:nth-child(1) {
	    font-size: 21px;
	    color: rgb(0, 145, 213);
	    letter-spacing: 1px;
	}
	.jobMore {
	    display: flex;
	    padding: 25px 45px;
	    background: rgb(247, 252, 255);
	    justify-content: space-between;
	    font-size: 16px;
	    letter-spacing: 1px;
	    cursor: pointer;
	}
	.jobKindcon {
	    margin-top: 40px;
	}
	.jTit {
	    margin-top: 40px;
	}
	.j1 {
	    font-size: 15px;
	    color: #000;
	    line-height: 34px;
	}
	.j2 {
	    margin-top: 30px;
	    display: flex;
	}
	.jobBtn img{
		width: 80%;
	}
	.j2 p {
	    width: calc(100% / 6);
	    font-size: 20px;
	    text-align: center;
	    padding: 35px 0;
	}
	.Contact {
	    margin-top: 40px;
	    margin-bottom: 0;
	}
	.tact2 {
	    color: #000;
	    font-weight: 600;
	    text-align: center;
	    margin-bottom: 30px;
	    font-size: 28px;
	}
	.lineSame>p:nth-child(3) {
	    font-size: 18px;
	    color: #000;
	    margin-top: 5px;
	    text-align: center;
	    font-weight: 600;
	    line-height: 29px;
	}
	.messTit>p:nth-child(2) {
	    color: #000;
	    font-weight: 600;
	    letter-spacing: 1px;
	    font-size: 30px;
	    text-align: center;
	    margin-top: -37px;
	}
	.messTit {
	    margin-top: 40px;
	    margin-bottom: 35px;
	    position: relative;
	}
	.exa2 {
	    color: #000;
	    text-align: center;
	    font-size: 16px;
	    margin-top: 22px;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    overflow: hidden;
	    word-break: break-all;
	}
	.culBox {
	    width: 100%;
	    margin: auto;
	    display: flex;
	    justify-content: space-between;
	    margin-top: 40px;
	}
	.cul2 {
	    font-size: 20px;
	    margin-bottom: 10px;
	    color: #000;
	}
	.cul3 {
	    font-size: 16px;
	    color: #000;
	    text-align: center;
	    width: 90%;
	    margin: auto;
	    line-height: 25px;
	}
	
	.withLeft {
	    width: 100%;
	}
	.With::after {
	    position: absolute;
	    content: '';
	    background: rgb(247,247,247);
	    width: 0;
	    top: 0;
	    bottom: 0;
	    right: 0;
	    left: 0;
	}
	.withTit {
	    height: 110px;
	    background-image: linear-gradient(to right,#008ad0, #035ab0);
	    display: flex;
	    flex-direction: column;
	    justify-content: center;
	    position: relative;
	}
	.withTit>p:nth-child(1) {
	    font-size: 24px;
	    color: #fff;
	    letter-spacing: 1px;
	    font-weight: 600;
	    margin-bottom: 16px;
	}
	.withTit>p:nth-child(2) {
	    background: rgba(255,255,255,.7);
	    width: 45px;
	    height: 2px;
	}
	.With::before {
	    position: absolute;
	    content: '';
	    background: rgb(0,138,208);
	    width: 50%;
	    top: 0;
	    bottom: 0;
	    right: 50%;
	    left: 0;
	    height: 110px;
	}
	.withWord p {
	    padding-bottom: 12px;
	    color: #000;
	    font-size: 15px;
	    line-height: 32px;
	    width: 94%;
	}
	.Company{
		margin-top: 20px;
	}
	.withRight img {
	    padding-left: 0;
	    min-height: auto;
	    width: 100%;
	}
	.withRight {
	    position: relative;
	    z-index: 99;
	    padding:30px 0;
	}
	.withRight {
	    width: 100%;
	}
	
	.withTit>p:nth-child(1) {
	    font-size: 25px;
	    color: #fff;
	    letter-spacing: 1px;
	    font-weight: 600;
	    margin-bottom: 20px;
	}
	.withTit {
	    height: 125px;
	    background-image: linear-gradient(to right,#008ad0, #035ab0);
	    display: flex;
	    flex-direction: column;
	    justify-content: center;
	    position: relative;
	}
	.With::before {
	    position: absolute;
	    content: '';
	    background: rgb(0,138,208);
	    width: 50%;
	    top: 0;
	    bottom: 0;
	    right: 50%;
	    left: 0;
	    height: 125px;
	}
	.compTit>p:nth-child(1) {
	    font-size: 25px;
	    color: #fff;
	    letter-spacing: 1px;
	    font-weight: 600;
	    margin-bottom: 20px;
	}
	.compTit {
	    padding-top: 45px;
	    padding-bottom: 45px;
	    width: 50%;
	    position: relative;
	}
	.Company {
	    position: relative;
	    padding-bottom: 65px;
	}
	.withWord p {
	    padding-bottom: 20px;
	    color: #000;
	    font-size: 15px;
	    line-height: 32px;
	    width: 88%;
	}
	
	.View .swiper-slide {
	    width: 48.7%!important;
	}
	.sidePro {
		padding-top: 30px;
		display: inherit;
	}

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

	.bgg {
		background: rgb(29,145,194);
		color: #fff !important;
		transition: all 0.6s;
		transform: translateX(0);
	}

	.kindMach_up {
		display: flex;
		align-items: center;

		border-radius: 25px;
		font-size: 15px;
		font-weight: 600;
		justify-content: space-between;
		transition: all 0.6s;
	}

	.kindMach_down {
		margin-top: 12px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0 20px 0 40px;
		color: rgb(51, 51, 51);
		transition: all 0.8s;
		cursor: pointer;
	}

	.kindMach {
		padding-top: 10px;
	}

	.proCenter_right {
		width: 100%;
		margin-left: 0%;
		margin-top: 25px;
	}

	.kindMach_down>p:nth-child(1) span {
		font-size: 14px;
		color: rgb(85, 85, 85);
		font-weight: 600;
	}

	.eachDuct_common {
		display: inline-block;
		width: 48.7%;
		margin-right: 2.5%;
		box-shadow: 1px 1px 10px 1px rgb(220 220 220);
		text-align: center;
		margin-bottom: 2.5%;
		transition: all 0.8s;
	}

	.ductParh1 {
		font-size: 15px;
		letter-spacing: 1px;
		    padding: 12px;
	}

	.changePage {
		padding-top: 25px;
		padding-bottom: 20px;
		display: inherit;
		align-items: center;
		justify-content: center;
	}

	.sideContainer {
		position: relative;
		padding-bottom: 0px;
	}
	.proDetail {
	    display: inherit;
	}
	.detailPic {
	    width: 100%;
	    overflow: hidden;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	}
	.detailWord {
	    width: 100%;
	    padding: 20px;
	    background: rgb(247,247,247);
	    position: relative;
	}
	.de1 {
	    letter-spacing: 1px;
	    font-weight: 600;
	    color: #000;
	    font-size: 18px;
	    margin-bottom: 10px;
	}
	.de2 {
	    width: 35px;
	    height: 2px;
	    background: rgb(29,145,194);
	    margin-bottom: 20px;
	}

	.changePage a {
		padding: 5px 12px;
		border: 1px solid rgb(208, 208, 208);
		font-size: 14px;
		letter-spacing: 1px;
		text-align: center;
		color: rgb(51, 51, 51);
		margin-right: 2px;
		transition: all 0.5s;
		background: #fff;
		display: inline-block;
		margin-bottom: 10px;
	}
	.de3 {
	    font-size: 15px;
	    margin-bottom: 5px;
	    color: #000;
	}
	.de4 {
	    position: inherit;
	    height: 44px;
	    line-height: 44px;
	    display: inline-block;
	    background: rgb(29,145,194);
	    color: #fff;
	    font-size: 16px;
	    border-radius: 5px;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    text-align: center;
	    width: 100%;
	    margin-top: 15px;
	}
	.mation_title p {
			font-size: 16px;
			color: #fff;
			letter-spacing: 1px;
			font-weight: bold;
			width: 34%;
			text-align: center;
		}
		.video-popwrap video{
			height: 40vw!important;
			width: 80vw!important;
		}
		.popclose {
		    position: absolute;
		    top: -60px;
		    right: -30px;
		    border-radius: 100%;
		    color: #fff;
		    cursor: pointer;
		    height: 60px;
		    width: 60px;
		    text-align: center;
		    line-height: 43px;
		    font-size: 35px;
		    z-index: 33333;
		}
		.backTo{
			display: none;
		}
		.mandFlex {
		    display: inherit;
		    align-items: center;
		    justify-content: space-between;
		    padding-top: 30px;
		}
		.mandLink {
		    width: 100%;
		    display: flex;
		    flex-direction: column;
		}
		.mandLink a {
		    font-size: 15px;
		    color: #000;
		    margin-bottom: 7px;
		    white-space: nowrap;
		    text-overflow: ellipsis;
		    overflow: hidden;
		    word-break: break-all;
		    transition: all 0.6s;
		}
		.mationCon {
		    margin-top: 30px;
		    border: 1px solid rgb(238, 238, 238);
		}
	
		.mation_title {
			border-bottom: 1px solid rgb(238, 238, 238);
			background: rgb(245, 245, 245);
			height: 48px;
			line-height: 48px;
		}

	.pageEnter input {
		padding: 5px 0;
	}

	.changePage p {
		margin-right: 4px;
		font-size: 15px;
		color: rgb(51, 51, 51);
		letter-spacing: 1px;
		display: inline;
	}

	.ductParh2 {
		padding: 4px;
		width: 70%;
		margin: auto;
		border: none;
		letter-spacing: 1px;
		font-size: 14px;
		color: #fff;
		border-radius: 30px;
		transition: all 0.8s;
		background: rgb(0, 145, 213);
	}

	.tactTel {
		display: none;
	}

	.centerTitle {
		height: 55px;
		display: flex;
		align-items: center;
		font-size: 18px;
		color: #fff;
		font-weight: bold;
		letter-spacing: 2px;
		padding-left: 12px;
		background: rgb(29,145,194);
	}

	.kindMachCon {
		border-left: 12px solid rgb(29,145,194);
		padding: 0 15px 0 15px;
		border-right: 2px solid rgb(238, 238, 238);
		border-bottom: 2px solid rgb(238, 238, 238);
		padding-bottom: 15px;
		padding-top: 2px;
	}

	.cBox .swiper-slide {
		width: 46.8% !important;
	}

	.footVide {
		display: none;
	}

	.footFlex {
		display: inherit;
		padding: 12px 0;
	}

	

	.topCon {
		display: none;
	}

	.us3 {
		font-size: 14px;
		line-height: 34px;
	}

	.pubTitle>p:nth-child(1) {
		font-size: 30px;
		color: #fff;
		margin-bottom: 10px;
		letter-spacing: 1px;
	}

	.sys2 {
		font-size: 28px;
		letter-spacing: 1px;
		color: rgb(51, 51, 51);
		font-weight: 600;
		margin-top: -55px;
		margin-bottom: 10px;
	}

	.sysPic img {
		width: 100%;
		float: left;
		border-radius: 8px 0 0 8px;
		min-height: 400px;
	}

	.sys3 {
		font-size: 14px;
		line-height: 32px;
		color: rgb(51, 51, 51);
	}

	.pubw>p:nth-child(1) {
		font-size: 30px;
		color: #000;
		margin-bottom: 10px;
		letter-spacing: 1px;
		font-weight: 600;
	}

	.arr1 {
	    font-size: 18px;
	    letter-spacing: 1px;
	    width: 80%;
	    line-height: 28px;
	    font-weight: 600;
	}
	.newsDesc>p:nth-child(1) {
	    font-size: 16px;
	    color: rgb(102, 102, 102);
	    margin-bottom: 12px;
	}
	.drSame .artDate {
	    width: 16%;
	}
	.drDesc {
	    display: flex;
	    align-items: center;
	    padding-right: 30px;
	    width: 84%;
	    justify-content: space-between;
	}

	.artDate {
		width: 25%;
		border-right: 1px solid rgb(220, 220, 220);
		margin-right: 4%;
	}

	.artDesc {
		width: 71%;
	}

	.artSame {
		display: flex;
		padding: 22px 0;
		border-bottom: 1px solid rgb(230, 230, 230);
		transition: all 0.8s ease 0s;
		position: relative;
		background: #fff;
		padding-right: 15px;
	}

	.newsDesc {
		padding:26px 25px;
		background: #fff;
	}

	.n1 {
		height: 258px;
	}

	.n1 img {
		height: 258px;
	}

	.abMore {
		width: 94%;
		margin-top: -110px;
		padding: 0 15px;
		height: 170px;
	}

	.us1 {
		font-size: 28px;
		letter-spacing: 1px;
		color: #000;
		margin-bottom: 12px;
		font-weight: 600;
	}

	.us2 {
		width: 45px;
		height: 4px;
		background: rgb(0, 145, 213);
		margin-bottom: 20px;
	}

	.us4 {
		margin-top: 20px;
	}

	

	.Case .swiper-button-prev {
		width: 40px;
		height: 40px;
		background: rgb(220, 220, 220);
		border-radius: 50%;
		left: 0;
		transition: all 0.6s;
	}

	.Case .swiper-button-next {
		right: 0;
	}

	.Wis .swiper-button-next,
	.Wis .swiper-button-prev {
		display: none;
	}

	.wapMenu {
		display: block;
	}

	.pcMenu {
		display: none;
	}

	.ypjcinfo1 .txt div.f18 {
		height: 100px;
	}

	.PopupBox {
		width: 80%;
	}

	.f24 {
		font-size: 20px;
	}

	.w45 {
		width: 65%;
	}

	.loginBox {
		width: 80%;
	}

	.loginBox .left {
		width: 100%;
		border-radius: 15px;
	}

	.zhucelink {
		display: block;
	}

	.loginBox .right {
		display: none;
	}

	.loginBox .item {
		margin-top: 20px;
	}

	.loginBox .f20 {
		margin-bottom: 15px;
	}

	.jcxuqtjjddcxBox {
		height: 550px;
	}

	.jcxuqtjjddcxBox figure a {
		width: 200px;
		height: 43px;
	}


}

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

	.searchline {
		height: 3px;
		margin: 18px auto;
	}

	.indexUnderstand ul a {
		height: 170px;
	}

	.indexBtn {
		height: 380px;
	}
    .heardform,.index-lan{
		display: none;
	}

	.f18 {
		font-size: 14px;
	}

	.f20 {
		font-size: 16px;
	}

	.f22 {
		font-size: 16px;
	}

	.f26 {
		font-size: 18px;
	}

	.f28 {
		font-size: 18px;
	}

	.f30 {
		font-size: 20px;
	}


	.f34 {
		font-size: 20px;
	}

	.f36 {
		font-size: 22px;
	}

	.f40 {
		font-size: 22px;
	}

	.f46 {
		font-size: 22px;
	}

	.f60 {
		font-size: 35px;
	}

	.indexAbout {
		padding: 40px 0;
	}

	.indexAbout .right .color-666 {
		margin: 12px 0;
	}

	.commonlink {
		width: 190px;
		height: 50px;
		line-height: 50px;
	}


	.indexService .tit::after {
		bottom: -15px;
	}

	.heardtop.fixed header {
		display: block;
		background: #fff;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
	}

	header {
		height: 65px;
	}

	.logo a img {
		height: 30px;
		width: auto;
	}

	.topimg,
	header .w50 {
		display: none;
	}

	.topimg,
	header .w57 {
		display: none;
	}

	header .wap-btn {
		display: flex;
	}

	.header-tools {
		display: block;
	}

	header .logo a {
		margin: 0
	}

	.userimgbtn {
		margin-right: 15px;
	}

	nav {
		width: 100vw;
		height: calc(100vh - 65px);
		line-height: 70px;
		transform: translateX(100%);
		position: fixed;
		top: 65px;
		right: 0;
		z-index: 999;
		transition: all .5s;
	}

	nav .w1240 {
		flex-direction: column;
		width: 90%;
		height: 100%;
	}

	.nav {
		width: 100%;
		height: auto;
		flex-direction: column;
	}

	nav ul li {
		width: 100%;
		flex: inherit;
		height: 70px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.25);
	}

	.nav li dl {
		display: none;
	}

	nav .right {
		width: 100%;
		line-height: 48px;
		padding-bottom: 10vh;
	}

	.phone-nav {
		transform: translateX(0);
	}

	.newslist li .txt {
		padding: 25px 15px;
	}

	.newsbox {
		padding: 45px;
	}

	.job-ico {
		flex-wrap: wrap;
	}

	.job-ico li {
		width: 48%;
		margin-bottom: 25px;
		padding: 15px;
	}

	.job-tit2 {
		font-size: 14px;
	}

	.contactBox {
		flex-direction: column;
	}

	.contact-left {
		padding: 20px;
		width: 100%;
	}

	.contact-right {
		padding: 20px;
		width: 100%;
	}

	.Introduction .left div:nth-child(2) {
		font-size: 24px;
	}

	.idea {
		height: 450px;
	}

	.idea-center {
		padding: 25px;
	}

	.idea-center figure:nth-child(1) img {
		width: 50px;
	}

	.clear50 {
		height: 20px;
	}

	.infoban {
		height: 400px;
	}

	.ypjcinfo1 {
		flex-direction: column;
	}

	.ypjcinfo1 .img,
	.ypjcinfo1 .txt {
		width: 100%;
	}

	.info-top {
		margin-top: -380px;
	}

	.ypjcinfo1 .txt {
		padding: 20px 0;
	}

	.ypjcinfo1 .txt div.dis-flex-center {
		position: relative;
		left: 0;
	}

	.ypjcinfo1 .txt div.f18 {
		height: 200px;
		font-size: 14px;
		margin-bottom: 20px;
	}

	.processUl li:nth-child(2n-1) {
		padding: 20px 0;
	}

	.zzfulink a {
		height: 150px;
	}

	.zzfulink a span {
		width: 70%;
		height: 60%;
	}

	.w45 {
		width: 75%;
	}

	.uploadbox {
		flex-direction: column;
	}

	.fileName {
		white-space: pre-wrap
	}

	.icotit span {
		width: 70px;
		height: 70px;
	}

	.margin-top-40 {
		margin-top: 20px;
	}


}

.wap-ban {
	display: none;
}

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

	.indexNews .swiper-container {
		height: 150px;
	}

	body {
		font-size: 14px;
	}

	.serviceback {
		display: none;
	}

	.padding-45 {
		padding: 20px;
	}

	.pc-ban {
		display: none;
	}

	.wap-ban {
		display: block;
	}


	.f20 {
		font-size: 14px;
	}

	.f22 {
		font-size: 16px;
	}

	.f26 {
		font-size: 18px;
	}

	.f28 {
		font-size: 18px;
	}

	.f30 {
		font-size: 18px;
	}

	.f34 {
		font-size: 20px;
	}

	.Introduction .left div:nth-child(2) {
		font-size: 22px;
	}

	.f40 {
		font-size: 22px;
	}

	.f46 {
		font-size: 22px;
	}

	.f60 {
		font-size: 35px;
	}

	.indexAbout {
		padding: 20px 0;
	}

	.indexAbout .w1240 {
		flex-direction: column-reverse;
	}

	.indexAbout .ico1 {
		width: 10px;
		left: -15px;
	}

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

	.w50 {
		width: 100%;
	}

	.indexNum {
		padding: 20px 0 0;
	}

	.indexNum .w1240 {
		flex-wrap: wrap;
	}

	.indexNum ul li {
		width: 50%;
		flex-direction: column;
		align-items: center;
		margin-bottom: 20px;
	}

	.indexService {
		margin: 20px 0 35px;
	}

	.indexServiceCon .swiper-slide .txt .f22 {
		margin: 35px 15px;
	}

	.indexServiceCon .tabs {
		background: url(../images/line.png) repeat-x top 25px left;
		width: 90%;
	}

	.indexServiceCon .tabs a img {
		width: 50px;
		height: 50px;
	}

	.indexServiceCon .tabs a div:first-child {
		width: 60px;
		height: 60px;
	}

	.indexServiceCon .tabs a div:first-child u {
		width: 76px;
		height: 76px;
		left: -8px;
	}

	.indexServiceCon .tabs a div:first-child u.cl {
		clip: rect(0, 80px, -8px, 50px)
	}

	.indexServiceCon .tabs a div:first-child u.cr {
		clip: rect(80px, 50px, 80px, 0)
	}

	.indexServiceCon .tabs a div:first-child:hover u.cr,
	.indexServiceCon .tabs a.active div:first-child u.cr {
		clip: rect(0, 50px, 80px, 0rem)
	}

	.indexServiceCon .tabs a div:first-child:hover u.cl,
	.indexServiceCon .tabs a.active div:first-child u.cl {
		clip: rect(0, 80px, 80px, 50px)
	}

	.indexNewspage {
		display: none;
	}

	.oldnews {
		padding: 20px 0;
	}

	.indexNews .tit {
		padding: 20px 0;
	}

	.indexNewsUl {
		margin-top: 20px;
	}

	.indexNewsUl li .f14 span:nth-child(2) {
		margin: 0 5px;
	}

	.indexNewsUl li .txt div {
		margin-bottom: 15px;
	}

	.indexNewsUl li .img {
		margin: 15px 0;
	}

	.indexNewsUl li {
		width: 48%;
		margin-right: 2%;
	}

	.indexnuewtherr li:nth-child(3) {
		display: none;
	}

	.oldnews .f28 {
		padding-right: 20%;
	}

	.indexNewspage {
		top: 40px;
	}

	.indexUnderstand {
		padding: 20px 0 20px;
		margin-top: 20px;
	}

	.indexUnderstand ul {
		margin-top: 20px;
		flex-wrap: wrap;
	}

	.indexUnderstand ul a {
		flex: 1 50%;
		height: auto;
		padding: 15px 0;
	}

	.indexUnderstand ul a img {
		width: 60px;
	}

	.indexNewsUl li .txt div {
		-webkit-line-clamp: 1
	}

	.indexBtn {
		height: 250px;
	}

	.indexBtn .f46 {
		margin: 30px 20px;
		text-align: center;
		font-size: 18px;
	}

	.indexBtn .link a {
		width: 150px;
		height: 40px;
		line-height: 40px;
		font-size: 14px;
	}

	.indexBtn .link a:last-child {
		margin-left: 18px;
	}

	

	#top {
		width: 15%;
		height: calc(100% - 85px);
	}

	#tabs-container {
		height: 460px;
	}

	.indexServiceCon .swiper-slide .txt a {
		width: 200px;
		height: 48px;
		line-height: 48px;
		padding: 0 30px;
	}

	.location {
		background: url(../images/location-bg.png) no-repeat right bottom;
	}

	.f50 {
		font-size: 26px;
	}

	.location .w1240 div:nth-child(2) {
		padding: 15px 0;
	}

	.location a {
		font-size: 16px;
		margin-right: 15px;
		padding-right: 15px;
	}

	.nei-ban {
		height: 300px;
	}

	.newslist li {
		margin-bottom: 20px;
	}

	.newslist li .txt {
		padding: 15px 10px;
	}

	.newslist li .txt div:nth-child(2) {
		font-weight: bold;
		margin: 8px 0;
	}

	.newslist li .txt div:nth-child(3) {
		display: none;
	}

	.pglist span {
		display: none;
	}

	.newsbox {
		padding: 20px 15px;
	}

	.homelocation {
		padding: 0;
		height: 50px;
	}

	.homelocation .color-blue {
		display: none;
	}

	.newsbox h1 {
		font-size: 18px;
	}

	.newdesc {
		padding: 15px 0;
		margin-bottom: 15px;
	}

	.newsbot {
		padding: 15px 0;
		margin-bottom: 15px;
	}

	.newdesc .fr,
	.newsbot .fr,
	.newpre .back {
		display: none;
	}

	.newinfo {
		font-size: 14px;
		line-height: 2;
	}

	.job-tit2 {
		font-size: 14px;
		width: 90%;
	}

	.clear50 {
		height: 20px;
	}

	.join-yuan {
		margin: 20px auto;
	}

	.join-yuan img {
		width: 18px;
		padding-bottom: 1px;
	}

	.job-ico li {
		padding: 15px 10px;
		width: 100%;
	}

	.job-ico li div:nth-child(1) {
		width: 50px;
		height: 50px;
	}

	.job-ico li div:nth-child(2) {
		margin: 12px 0;
		font-size: 20px;
	}

	.margin-top-70 {
		margin-top: 20px;
	}

	.joblist dl dt {
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		padding: 20px 15px;
	}

	.joblist dl dt span {
		margin: 0 12px;
	}

	.joblist dl dt .right {
		justify-content: space-between;
		width: 100%;
		margin-top: 15px;
	}

	.joblist dl dt .right span,
	.joblist dl dt .right b {
		display: none;
	}

	.joblist dl.on dd {
		padding: 20px 15px;
	}

	.contact-left dl {
		flex-direction: column;
		align-items: flex-start;
		line-height: 35px;
		font-size: 14px;
	}

	.contact-left dl dd {
		font-size: 18px;
	}

	.contact-left .dis-flex-center {
		display: none;
	}

	.contact-right .item {
		width: 100%;
		margin-top: 10px
	}

	.contact-right .item input {
		padding: 10px 0;
	}

	.contact-right .btn {
		width: 200px;
		height: 35px;
	}

	.searchul li {
		padding: 15px;
	}

	.searchul li a div:nth-child(1) {
		width: 100%;
		font-size: 16px;
	}

	.searchul li a {
		flex-direction: column;
		align-items: flex-start;
		line-height: 2;
	}

	.searchline {
		height: 2px;
		margin: 8px auto;
	}

	#toolbar {
		display: flex;
	}

	.toolbartop {
		display: block;
	}

	.Introduction {
		flex-direction: column;
	}

	.Introduction .left,
	.Introduction .right {
		width: 100%;
	}

	.Introduction .right div:nth-child(2) {
		margin-top: 20px;
	}

	.aboutline {
		height: 2;
		margin: 8px 0 20px 0;
	}

	.paly {
		width: 45px;
	}

	div.video-wrap {
		width: 90%;
		height: auto;
	}

	div.close-btn {
		width: 30px;
		height: 30px;
		line-height: 30px;
		border: 1px solid #fff;
	}

	div.close-btn img {
		width: 20px;
	}

	.honor-page {
		display: none;
	}

	.honor {
		padding: 25px 0;
		margin: 25px 0;
	}

	.equipment .swiper-pagination {
		top: 15px;
	}

	.equipment .swiper-pagination-bullet {
		width: 10px;
		height: 10px;
		margin-left: 10px;
	}

	.honor .swiper-slide .img {
		height: 120px;
	}

	.honor .swiper-slide .txt {
		line-height: 50px;
		font-size: 14px;
	}

	.equipment .con {
		margin-top: 20px;
	}

	.equipment .swiper-slide .txt {
		font-size: 14px;
	}

	.idea {
		height: 350px;
	}

	.ideaItem {
		border-radius: 15px;
		font-size: 16px;
		width: 20%;
		height: 24%;
		text-align: center;
		padding: 15px;
	}

	.idea-center {
		flex-direction: column;
		height: auto;
	}

	.idea-center figure:nth-child(2) div:nth-child(1) {
		font-size: 16px;
		padding-bottom: 8px;
		margin-bottom: 8px;
	}

	.idea-center .f34 {
		font-size: 14px;
	}

	.ideaBg {
		padding: 0;
	}

	.team .gallery-top .swiper-slide .dis-flex-between {
		flex-direction: column;
	}

	.team .gallery-top .swiper-slide .img img {
		height: auto;
	}

	.team .gallery-top .swiper-slide .txt {
		padding: 15px;
	}

	.team .gallery-top .swiper-slide .txt .f16 {
		margin: 0;
		padding: 12px 0;
	}

	.team .gallery-thumbs .swiper-slide img {
		height: 89px;
	}

	.gallery-thumbsPage {
		width: 10px;
		height: 89px;
	}

	.environmentUl {
		grid-template-columns: repeat(2, 1fr);
	}

	.idea-center figure:nth-child(2) {
		margin-top: 8px;
		width: 100%;
	}

	.ypjclist li a {
		flex-direction: column-reverse;
	}

	.ypjclist li .txt figure {
		width: 100%;
		padding: 15px;
	}

	.ypjclistspan {
		width: 180px;
	}

	.ypjclistspan .f,
	.ypjclistspan .t {
		padding: 0 15px;
	}

	.hyjefaullink {
		width: 180px;
	}

	.hyjefaullink .f,
	.hyjefaullink .t {
		padding: 0 15px;
	}

	.ypjclist li .clear50 {
		height: 8px;
	}

	.zzfulink a {
		height: 100px;
	}

	.hyjefaul li .txt {
		left: 20px;
		bottom: 20px;
	}

	.w45 {
		width: 85%;
	}

	.searchcon .tit {
		line-height: 50px;
		height: auto;
		flex-wrap: wrap;
	}

	.searchcon .tit a {
		width: 33.3%;
	}

	.searchcon .tit a:nth-child(1),
	.searchcon .tit a:nth-child(2) {
		width: 50%;
	}

	.loginBox {
		width: 96%;
	}

	.searchcon .con .item {
		padding-bottom: 15px;
	}

	.searchcon .con .item .f16 {
		margin-bottom: 10px;
	}

	.layui-input,
	.layui-select,
	.layui-textarea,
	.layui-btn {
		height: 38px;
		line-height: 38px;
	}

	.loginBoxClose {
		width: 30px;
		right: 12px;
		top: -60px;
	}

	.loginBoxClose::after {
		width: 1px;
		right: 16PX;
	}

	.min525 {
		min-height: 380px;
		padding: 20px;
	}

	.jywcBtn {
		width: 100px;
		height: 38px;
	}

	.userUl li {
		padding: 12px;
	}

	.userUl li a {}

	.userUl li .left {
		width: 62%;
		line-height: 2;
	}

	.userUl li .left .f18 {
		font-weight: bold;
	}

	.userUl li .left .color-666 {
		display: none;
	}

	.userUl li .left div:last-child {
		font-size: 12px;
	}

	.userUl li .cursor {
		width: 100px;
		height: 30px;
		line-height: 30px;
		margin-left: 15px;
	}

	.userUl li .cursor .t {
		top: -30px;
	}

	.userUl li .cursor:hover .w {
		-webkit-transform: translateY(15px) translateZ(-15px) rotate3d(1, 0, 0, -90deg);
		transform: translateY(15px) translateZ(-15px) rotate3d(1, 0, 0, -90deg);
	}

	.w60 {
		width: 95%;
	}

	.w60 .bg-white .test4 {
		padding: 0 15px;
	}

	.w60 .btn {
		width: 22%;
	}

	.w60 .bg-white {
		width: 76%;
	}

	.trueFalseBox .w70 {
		width: 95%;
	}

	.trueFalseBoxTop img {
		height: 30px;
	}

	.truePopupBox {
		width: 80%;
	}

	.registerCon {
		width: 95%;
	}

	.registerfrom {
		padding: 15px;
		margin-top: 20px;
	}


	.jcxuqtjjddcxBox {
		flex-direction: column;
		background: none;
	}

	.jcxuqtjjddcxBox .w50:nth-child(1) {
		background: url(../images/yt-left.jpg) no-repeat center center;
		background-size: cover;
	}

	.jcxuqtjjddcxBox .w50:nth-child(2) {
		background: url(../images/yt-right.jpg) no-repeat center center;
		background-size: cover;
	}

	.searchcon .w1000 .con .item {
		width: 100%;
	}

	.searchcon .w1000 .con {
		padding: 25px;
	}

	.icotit span {
		width: 65px;
		height: 65px;
	}

	.searchcon .w1000 {
		background: url(../images/icotit-bg.jpg) repeat-y left 32px top;
	}

	.icotit.outhui span {
		margin: 0;
	}

	.clear40 {
		height: 15px;
	}

	nav .right a:last-child {
		width: 38%;
	}

}

@media screen and (max-width:500px) {
	.indexNews .swiper-container {
		height: 130px;
	}

	.tablecon table thead td {
		font-size: 16px;
	}

	.tablecon table td {
		padding: 8px;
	}

	.ypjcinfotit span {
		padding-bottom: 10px;
	}

	.ypjcinfo2 .con {
		padding: 18px 0;
	}

	.idea {
		height: 280px;
	}

	.hxjag {
		width: 25%;
		left: 2%;
	}

	.zzfulink a {
		height: 80px;
	}

	.zzfulink a span {
		width: 80%;
	}

	.processUl {
		flex-wrap: wrap;
	}

	.processUl li:nth-child(2n) {
		display: none;
	}

	.processUl li:nth-child(2n-1) {
		width: 32%;
		margin-bottom: 10px;
	}

	.fwhyul {
		flex-wrap: wrap;
		margin-top: 10px;
	}

	.fwhyul li {
		width: 48%;
		margin: 5px 0;
	}

	.fwhyul li .img img {
		height: 100px;
		object-fit: cover;
		width: 100%;
	}

	.fwhyul li:last-child {
		width: 100%;
	}

	.fwhyul li:last-child .img {
		padding: 15px 0;
	}

	.PopupBox {
		width: 96%;
	}

	.PopupBox .tit {
		height: 50px;
		padding: 0 15px;
	}

	.f24 {
		font-size: 16px;
	}

	.PopupClose {
		width: 20px;
	}

	.PopupBox .con {
		padding: 15px;
	}

	.PopupBox .con .item div.f16 {
		margin-bottom: 10px;
	}

	.PopupBox .con .item {
		margin-bottom: 18px;
	}

	.hyjefaul li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}

	.fwzzcom img {
		height: 50px;
	}

	.userban {
		height: 160px;
	}

	.userban .f16 span {
		display: block;
		margin-top: 8px;
	}

	.userban .f16 span:last-child {
		margin-left: 0;
	}

	.margin-top-30 {
		margin-top: 8px;
	}

	.registerfrom .item {
		margin-bottom: 15px;
	}

	.registerfrom .item .f18 {
		margin-bottom: 8px;
	}

	.registerLogin {
		height: 40px;
	}

	.lay-ext-mulitsel .layui-input.multiple {
		min-height: 38px !important;
		margin-top: -38px !important;
	}

	.lay-ext-mulitsel .tips {
		top: 0 !important
	}

	.searchcon .con {
		padding: 18px;
	}

	.searchcon .w1000 {
		background: url(../images/icotit-bg.jpg) repeat-y left 22px top;
	}

	.icotit,
	.searchcon .w1000 .con {
		margin-bottom: 12px;
	}

	.icotit span {
		width: 45px;
		height: 45px;
		font-size: 20px;
	}

	.icotit .f34 {
		font-size: 18px;
		line-height: 2;
	}

	.searchcon .w1000 .con {
		margin-left: 0;
	}

	.icotit.outhui span {
		background-size: 100% 100%
	}

	.margin-top-40 {
		margin-top: 10px;
	}


}

@media screen and (max-width:768px) {
	.year {
	    font-size: 70px;
	}
	.year span {
	    font-size: 70px;
	}
	.Step {
	    margin-top: 20px;
	    position: relative;
	}
	.Promise {
	    margin-top: 30px;
	}
	.miseCommon {
	    display: flex;
	    align-items: center;
	    justify-content: space-between;
	    padding: 15px 15px;
	    box-shadow: 1px 1px 10px 1px rgb(29 146 194 / 30%);
	    margin-bottom: 20px;
	    border-radius: 5px;
	}
	.mise1 {
	    width: 80%;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    overflow: hidden;
	    word-break: break-all;
	    font-family: 'DIN';
	    color: rgb(51,51,51);
	    font-size: 15px;
	}
	.mise2 {
	    width: 7em;
	    background: rgb(29,146,194);
	    border-radius: 5px;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    font-size: 14px;
	    color: #fff;
	    padding: 8px 0;
	}
	.Brige {
	    margin-top: 30px;
	}
	.eachDuct_common {
	    margin-bottom: 3%;
	}
	.detailBox {
	    padding-top: 20px;
	    padding-bottom: 20px;
	}
	.Edit {
	    display: inherit;
	    align-items: center;
	    padding-bottom: 20px;
	    border-bottom: none;
	    justify-content: space-between;
	}
	.Editor {
	    font-size: 14px;
	    letter-spacing: 1px;
	    color: rgb(136, 136, 136);
	    word-spacing: 10px;
	    display: flex;
	    align-items: center;
	    margin-bottom: 10px;
	}
	.Center {
	    margin-top: 30px;
	    margin-bottom: 40px;
	}
	.footTop {
	    padding-bottom: 0;
	}
	.Hornor {
	    background: url(../images/blue.jpg);
	    background-repeat: no-repeat;
	    background-size: cover;
	    padding-bottom: 15px;
	    position: relative;
	}
	.Hornor::after {
	    position: absolute;
	    content: '';
	    left: 0px;
	    right: 0px;
	    bottom: 39px;
	    height: 1px;
	    width: 100%;
	    background: #fff;
	    opacity: 0.4;
	}
	.rzh-sk {
	    padding: 0 33px;
	    position: relative;
	    z-index: 2;
	}
	.rzh-sk .slick-prev {
	    left: 5px;
	    background-image: url(../images/icon-prev5.png);
	}
	.rzh-sk .slick-arrow {
	    margin-top: -14px;
	    position: absolute;
	    top:50%;
	    width: 28px;
	    height: 28px;
	    background-repeat: no-repeat;
	    background-position: center center;
	    -webkit-background-size: cover;
	    background-size: cover;
	    background-color: transparent;
	    outline: 0;
	    border: none;
	    text-indent: -999px;
	    overflow: hidden;
	    cursor: pointer;
	    z-index: 2;
	}
	.rzh-sk .slick-next {
	    right: 5px;
	    background-image: url(../images/icon-next10.png);
	}
	.wp {
	    margin: 0 auto;
	    width: 100%;
	    max-width: 1440px;
	}
	.rzh-sk .slide {
	    padding: 0 ;
	}
	.pareBox {
	    margin-top: -30px;
	}
	.pubw {
		font-size: 22px;
	}
	
	.pubIcle {
	    font-size: 22px;
	    color: #000;
	    letter-spacing: 1px;
	    padding-top: 35px;
	    padding-bottom: 35px;
	    text-align: center;
	    font-weight: 600;
	}
	.hopeBox {
	    width: 80%;
	    position: absolute;
	    right: 10%;
	    left: 10%;
	}
	.ho1 {
	    font-size: 22px;
	    color: #fff;
	    letter-spacing: 1px;
	    margin-bottom: 15px;
	}
	.pareImg {
	    width: 100%;
	    overflow: hidden;
	}
	.pareImg img {
	    float: left;
		width: 100%;
		display: inline-block;
	}
	.hopeBox>div:nth-child(1) {
	    margin-bottom: 25px;
	}
	.Hope {
	    background: url(../images/hope.jpg);
	    background-repeat: no-repeat;
	    background-size: cover;
	    display: flex;
	    align-items: center;
	    height: 400px;
	    position: relative;
	}
	.Step>li>p:nth-child(2) {
	    width: 95%;
	    font-size: 14px;
	    color: rgb(51,51,51);
	    line-height: 23px;
	    letter-spacing: 1px;
	}
	.pareStep {
	    position: relative;
	    width: 100%;
	    padding: 35px 25px 25px 25px;
	    background: #fff;
	}
	.ho2 {
	    font-size: 14px;
	    color: rgba(255, 255, 255, 0.8);
	    margin-bottom: 10px;
	}
	
	.introFlex {
	    display: inherit;
	    padding-top: 35px;
	}
	.compParh1 {
	    width: 100%;
	    margin-right: 0;
	}
	.compParh1 {
	    font-size: 22px;
	    color: #000;
	    letter-spacing: 1px;
	    margin-bottom: 25px;
	    text-align: center;
	    font-weight: 600;
	}
	.introWord {
	    height: 274px;
	    overflow-y: auto;
	    padding-right: 15px;
		width: 100%;
		font-size: 14px;
		line-height: 30px;
	}
	.lePic img {
	    float: left;
	    min-height: 108px;
	}
	.le1 {
	    font-size: 15px;
	    color: #000;
	    font-weight: 600;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    overflow: hidden;
	    word-break: break-all;
	}
	.le2 {
	    font-size: 14px;
	    color: rgb(102,102,102);
	    font-family: 'DIN';
	    line-height: 22px;
	    text-overflow: -o-ellipsis-lastline;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 2;
	    line-clamp: 2;
	    -webkit-box-orient: vertical;
	    margin-bottom: 5px;
	}
	.leSame {
	    width: 100%;
	    padding: 15px;
	    border: 1px solid rgb(229,229,229);
	    margin-bottom: 15px;
	    display: flex;
	}
	.leRead .r1 {
	    display: inline-block;
	    width: 6px;
	    height: 10px;
	    background: url(../images/r1.png);
	    background-repeat: no-repeat;
	    background-size: cover;
	    margin-left: 8px;
	}
	.geRead .r1 {
	    display: inline-block;
	    width: 6px;
	    height: 10px;
	    background: url(../images/r1.png);
	    background-repeat: no-repeat;
	    background-size: cover;
	    margin-left: 8px;
	}
	.leDesc {
	    width: 64%;
	    position: relative;
	    justify-content: space-around;
	    display: flex;
	    flex-direction: column;
	}
	.lePic {
	    width: 34%;
	    margin-right: 2%;
	    overflow: hidden;
	}
	.navFlex {
	    display: inherit;
	    justify-content: space-between;
	}
	.geSame {
	    width: 100%;
	    margin-right: 0;
	    margin-bottom: 20px;
	}
	.Page {
	    margin-top: 35px;
	    display: inherit;
	    margin-bottom: 10px;
	}
	.ge1 {
	    font-size: 15px;
	    color: #000;
	    font-weight: 600;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    overflow: hidden;
	    word-break: break-all;
	    margin-bottom: 10px;
	}
	.ge2 {
	    font-size: 14px;
	    color: rgb(102,102,102);
	    font-family: 'DIN';
	    line-height: 26px;
	    margin-bottom: 18px;
	    text-overflow: -o-ellipsis-lastline;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 2;
	    line-clamp: 2;
	    -webkit-box-orient: vertical;
	}
	.geDesc {
	    margin-top: 20px;
	}
	.navOther {
	    align-items: center;
	    justify-content: flex-start;
	    float: none;
	    left: auto;
	    display: flex;
	    position: relative;
	    overflow-x: auto;
	    width: 100%;
	    white-space: nowrap;
	    box-sizing: border-box;
	    border-top: none;
	    border-left: none;
	    border-right: none;
		background: rgb(247,247,247);
		margin-top: 15px;
	}
	.navOther a::after {
	    position: absolute;
	    content: '';
	    left: 20%;
	    right: 20%;
	    bottom: 0px;
	    height: 2px;
	    background: rgb(29,145,194);
	    width: 0;
	    transition: all 0.6s;
	}
	.navOther .on::after {
	    width: 60%;
	}
	.navOther a {
	       font-size: 15px;
	       color: rgb(85, 85, 85);
	       letter-spacing: 1px;
	       position: relative;
	       transition: all 0.6s;
	       font-weight: 600;
	       margin: 0 10px;
	       padding: 17px 5px;
	}
	.navAt {
	    width: 150px;
	    background: url(../images/hand.jpg);
	    background-repeat: no-repeat;
	    background-size: cover;
	    height: 50px;
	    font-size: 20px;
	    color: #fff;
	    letter-spacing: 1px;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    margin-top: -21px;
	    position: relative;
	}
	.joinTitle {
			padding-top: 30px;
			padding-bottom: 25px;
			text-align: center;
		}
	
		.joinTitle>p:nth-child(1) {
			font-size: 22px;
			color: #000;
			margin-bottom: 7px;
			letter-spacing: 1px;
		}
		.joinUs {
		    display: inherit;
		    border: 1px solid rgb(220, 220, 220);
		    align-items: center;
		    border-top: none;
		}
	
		.joinTitle>p:nth-child(2) {
			font-size: 15px;
			color: rgb(102, 102, 102);
			line-height: 24px;
			letter-spacing: 1px;
		}

	.sideNav {
	    border-bottom: none;
	}
	.Honor {
		margin-bottom: 35px;
	}
	.newsTitle {
	    padding: 15px 0;
	    letter-spacing: 1px;
	    color: #000;
	    font-size: 18px;
	    font-weight: 600;
	    padding-top: 25px;
	}
	.w1240, .inner {
	    max-width: 100%;
	    margin: auto;
	    padding-left: 15px !important;
	    padding-right: 15px !important;
	}
	.treeLeft{
		padding-left: 15px!important;
	}
	.treeLeft{
		padding-left: 15px!important;
	}
	.wy {
	    color: rgb(102, 102, 102);
	    font-size: 15px;
	    margin-bottom: 5px;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    overflow: hidden;
	    transition: all 0.8s;
	    word-break: break-all;
	}
	.boxA {
	    display: inherit;
	    padding: 12px 0;
	    border-top: 1px solid rgb(230, 230, 230);
	    transition: all 0.8s;
	}
	.Detail {
	    width: 100%;
	    margin-right: 0;
	    padding: 0 20px;
	    box-shadow: 1px -3px 10px 1px rgb(220 220 220);
	    background: #fff;
	}
	.deTitle {
	    padding-top: 30px;
	    padding-bottom: 15px;
	    border-bottom: 1px solid rgb(235, 235, 235);
	}
	.title2 span {
	    font-size: 14px;
	    color: #000;
	    letter-spacing: 0;
	    margin-right: 14px;
	}
	.deRight{
		display: none;
	}
	.detailBox p {
	    font-size: 14px;
	    color: rgb(51, 51, 51);
	    line-height: 30px;
	    margin-bottom: 10px;
	}
	.newsDevide {
	    padding-top: 25px;
	    display: flex;
	    align-items: center;
	    justify-content: space-between;
	    padding-bottom: 25px;
	    border-top: 1px solid rgb(220, 220, 220);
	}
	.newsLink {
	    width: 100%;
	}
	.newsLink a {
	    font-size: 14px;
	    color: rgb(51, 51, 51);
	    margin-bottom: 5px;
	    display: inline-block;
	    transition: all 0.8s;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    overflow: hidden;
	    word-break: break-all;
	    width: 100%;
	}
	.title1 {
	    font-size: 16px;
	    color: #000;
	    font-weight: 600;
	    letter-spacing: 1px;
	}
	.deMore {
	    display: inherit;
	    align-items: center;
	    justify-content: space-between;
	    margin-top: 15px;
	}
	.drSame {
	    margin-top: 20px;
	    padding: 10px 0;
	    border: 1px solid rgb(229, 229, 229);
	    display: inherit;
	}
	.drDesc {
	    display: flex;
	    align-items: center;
	    padding-right: 15px;
	    width: 100%;
	    justify-content: space-between;
	    padding-left: 15px;
	    margin-top: 10px;
	}
	.dr1 {
	    font-size: 15px;
	    font-weight: 600;
	    margin-bottom: 8px;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    overflow: hidden;
	    word-break: break-all;
	}
	.drSame .arr2{
		padding: 0;
		    /* display: grid; */
		    border-radius: 50%;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    border: 1px solid rgb(200, 200, 200);
		    width: 40px;
		    height: 40px;
	}
	.drLeft{
		width: 90%;
	}
	.dreamBox {
	    position: relative;
	    padding-bottom: 60px;
	}
	.dr2 {
	    text-overflow: -o-ellipsis-lastline;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 2;
	    line-clamp: 2;
	    -webkit-box-orient: vertical;
	    font-size: 14px;
	    line-height: 24px;
	    color: rgb(102,102,102);
	    width: 90%;
	}
	.drSame .artDate {
	    width: 100%;
	    margin-right: 0;
	    border-right: 0;
	}
	.Ask {
	    margin-top: 30px;
	    display: flex;
	}
	.newsDesc {
	    padding: 15px 15px;
	    background: #fff;
	}
	.newsArr {
	    display: inherit;
	    align-items: center;
	    justify-content: space-between;
	}
	.arr1 {
	    font-size: 15px;
	    letter-spacing: 1px;
	    width: 100%;
	    line-height: 23px;
	    font-weight: 600;
	    margin-bottom: 12px;
	}
	.arr2 {
	    padding: 0;
	    /* display: grid; */
	    border-radius: 50%;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    border: 1px solid rgb(200, 200, 200);
	    width: 40px;
	    height: 40px;
	}
	.j1 {
	    font-size: 14px;
	    color: #000;
	    line-height: 30px;
	}
	.jTit {
	    margin-top: 25px;
	}
	.j2 p {
	    width: calc(100% / 6);
	    font-size: 15px;
	    text-align: center;
	    padding: 20px 0;
	}
	.j2 {
	    margin-top: 20px;
	    display: flex;
	}
	.jobMore {
	    display: flex;
	    padding: 15px 20px;
	    background: rgb(247, 252, 255);
	    justify-content: space-between;
	    font-size: 16px;
	    letter-spacing: 1px;
	    cursor: pointer;
	}
	.jobKindcon {
	    margin-top: 30px;
	}
	.jobMore>li:nth-child(1) {
	    font-size: 16px;
	    color: rgb(0, 145, 213);
	    letter-spacing: 1px;
	}
	.jobKind {
	    margin-bottom: 15px;
	}
	.jobBtn img {
	    width: 65%;
	}
	.jobNeed {
	    padding: 20px 20px;
	    background: #fff;
	    display: none;
	    background: rgb(247, 252, 255);
	    padding-top: 10px;
	}
	.needBox {
	    display: inherit;
	}
	.need p {
	    font-size: 15px;
	    color: #000;
	    line-height: 28px;
	    letter-spacing: 1px;
	    margin-bottom: 8px;
	    width: 100%;
	}
	.need p {
	    font-size: 14px;
	    color: #000;
	    line-height: 24px;
	    letter-spacing: 1px;
	    margin-bottom: 8px;
	    width: 100%;
	}
	.joinHot {
	    display: flex;
	    margin-top: 25px;
	}
	.joinHot p {
	    font-size: 15px;
	    margin-right: 40px;
	    color: rgb(0, 145, 213);
	    font-weight: 600;
	}
	.Source {
	    position: relative;
	    padding-bottom: 100px;
	}
	.lineSame>p:nth-child(2) {
	    font-size: 14px;
	    margin-top: 15px;
		margin-bottom: 5px;
	}
	.lineSame>p:nth-child(3) {
	    font-size: 16px;
	    color: #000;
	    margin-top:0px;
	    text-align: center;
	    font-weight: 600;
	    line-height: 28px;
	    width: 85%;
	}
	.tactRess>div:last-child>p:nth-child(3){
		font-size: 15px!important;
		line-height: 20px;
	}
	.linePic {
	    height: auto;
	}
	.Contact {
	    margin-top: 25px;
	    margin-bottom: 0;
	}
	.tact1 {
	    text-align: center;
	    font-weight: 600;
	    color: rgb(29,145,194);
	    margin-bottom: 3px;
	    font-size: 20px;
	}
	.tact2 {
	    color: #000;
	    font-weight: 600;
	    text-align: center;
	    margin-bottom: 17px;
	    font-size: 22px;
	}
	.tactRight {
	    margin-top: 30px;
	}
	.tactRight iframe{
		height: 300px;
	}
	.messTit>p:nth-child(2) {
	    color: #000;
	    font-weight: 600;
	    letter-spacing: 1px;
	    font-size: 22px;
	    text-align: center;
	    margin-top: -28px;
	}
	.messTit {
	    margin-top: 30px;
	    margin-bottom: 25px;
	    position: relative;
	}
	.messVide {
	    display: inherit;
	}
	.messCommon {
	    width: 100%;
	    margin-right: 0;
	    margin-bottom: 15px;
	}
	.messName {
	    font-size: 15px;
	    color: #000;
	    margin-bottom: 8px;
	}
	.messInput {
	    padding: 12px 20px;
	    background: rgb(249, 249, 249);
	    border: 1px solid rgb(220, 220, 220);
	}
	.messInput input {
	    letter-spacing: 1px;
	    width: 82%;
	}
	.pubNav{
		float: none;
		left: auto;
		display: flex;
		position: relative;
		overflow-x: auto;
		width: 100%;
		white-space: nowrap;
		box-sizing: border-box;
		border-top: none;
		border-left: none;
		border-right: none;
	}
	.messInput img {
	    margin-right: 15px;
	}
	.messTxt {
	    padding: 12px 20px;
	    background: rgb(249, 249, 249);
	    border: 1px solid rgb(220, 220, 220);
	    display: flex;
	    align-items: baseline;
	}
	.messTxt img {
	    margin-right: 15px;
	}
	.tactRess {
	    display: inherit;
	    border: 1px solid rgb(229, 229, 229);
	    margin-top: 30px;
	}
	.lineSame {
	    width: 100%;
	    padding: 22px;
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	    border-bottom: 1px solid rgb(229, 229, 229);
	    border-right: none;
	}
	.tactRess>div:nth-child(3){
		border-bottom: none;
	}
	.messTxt textarea {
	    color: #999;
	    letter-spacing: 1px;
	    height: 85px;
	    width: 90%;
	    position: relative;
	    top: -3px;
	}
	.giveUp {
	    margin: auto;
	    display: inline-block;
	    background: rgb(0, 145, 213);
	    color: #fff;
	    font-size: 16px;
	    margin-top: 35px;
	    width: 260px;
	    padding: 12px 0;
	    text-align: center;
	    display: flex;
	    justify-content: center;
	}
	.Message {
	    position: relative;
	    padding-bottom: 40px;
	}
	.tact3 {
	    color: #555555;
	    font-size: 14px;
	    margin-bottom: 15px;
	    line-height: 30px;
	    text-align: center;
	}
	.pubNav a {
	    padding: 13px 13px;
	    font-size: 16px;
	    color: #000;
	    letter-spacing: 1px;
	    transition: all 0.6s;
	}
	.exaCase a:nth-child(2n+2) {
	  margin-right: 0;
	}
	.exaCase a:nth-child(3n+3) {
	  margin-right: 3%;
	}
	.exaCase a:nth-child(6n+6) {
	  margin-right: 0%;
	}
	.exaCase a {
	    width: 48.5%;
	    margin-right: 3%;
	    margin-top: 4%;
	}
	.exaCase {
	    margin-bottom: 10px;
	}
	.Example {
	    position: relative;
	    padding-bottom: 60px;
	}
	.exaCase{
		margin-top: 10px;
	}
	.exa2 {
	    color: #000;
	    text-align: center;
	    font-size: 14px;
	    margin-top: 15px;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    overflow: hidden;
	    word-break: break-all;
	}
	.partTit {
	    margin-top: 25px;
	    margin-bottom: 25px;
	}
	.cul1 img{
		width:45%;
	}
	.cul1 {
	    width: 60px;
	    height: 60px;
	    border-radius: 50%;
	    border: 2px solid rgba(0,145,213,0.3);
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    margin-bottom: 10px;
	}
	.culBox {
	    width: 100%;
	    margin: auto;
	    display: flex;
	    justify-content: space-between;
	    margin-top: 25px;
	}
	.cul2 {
	    font-size: 16px;
	    margin-bottom: 10px;
	    color: #000;
	}
	.cul3 {
	    font-size: 14px;
	    color: #000;
	    text-align: center;
	    width: 90%;
	    margin: auto;
	    line-height: 21px;
	}
	.Culture {
	    position: relative;
	    padding-bottom: 60px;
	}
	.withTit>p:nth-child(1) {
	    font-size: 22px;
	    color: #fff;
	    letter-spacing: 1px;
	    font-weight: 600;
	    margin-bottom: 12px;
	}
	.withTit {
	    height: 80px;
	    background-image: linear-gradient(to right,#008ad0, #035ab0);
	    display: flex;
	    flex-direction: column;
	    justify-content: center;
	    position: relative;
	}
	.With::before {
	    position: absolute;
	    content: '';
	    background: rgb(0,138,208);
	    width: 50%;
	    top: 0;
	    bottom: 0;
	    right: 50%;
	    left: 0;
	    height: 80px;
	}
	.withWord {
	    height: 350px;
	    overflow-y: auto;
	}
	.withWord {
	    margin-top: 20px;
	}
	.withWord p {
	    padding-bottom: 10px;
	    color: #000;
	    font-size: 14px;
	    line-height: 30px;
	    width: 95%;
	}
	.Company::before {
	    position: absolute;
	    content: '';
	    background-image: linear-gradient(to right,#035ab0,#008ad0);
	    width: 37%;
	    top: 0;
	    bottom: 0;
	    right: 50%;
	    left: 0;
	    bottom: 0;
	}
	.View .swiper-pagination {
	    position: absolute;
	    right: 52px;
	    top: -100px;
	}
	.View .swiper-button-prev {
	    right: 120px;
	    left: auto;
	}
	.compTit>p:nth-child(1) {
	    font-size: 22px;
	    color: #fff;
	    letter-spacing: 1px;
	    font-weight: 600;
	    margin-bottom: 12px;
	}
	.compTit>p:nth-child(2) {
	    background: rgba(255,255,255,.7);
	    width: 35px;
	    height: 2px;
	}
	.partTit>p:nth-child(1) {
	    font-size: 22px;
	    color: #000;
	    letter-spacing: 1px;
	    font-weight: 600;
	    margin-bottom: 10px;
	    text-align: center;
	}
	.partBox p {
	    padding: 18px 20px;
	    border: 1px solid rgb(230,230,230);
	    width: 32%;
	    margin-right: 2%;
	    margin-bottom: 2%;
	    text-align: center;
	}
	.partBox p:nth-child(5n+5) {
	    margin-right:2%;
	}
	.partBox p:nth-child(3n+3) {
	    margin-right: 0;
	}
	
	.partTit>p:nth-child(2) {
	    background: rgb(170,170,170);
	    width: 35px;
	    height: 2px;
	    margin: auto;
	}
	.withTit>p:nth-child(2) {
	    background: rgba(255,255,255,.7);
	    width: 35px;
	    height: 2px;
	}
	.View .swiper-slide {
	    width: 100%!important;
	}
	.cBox .swiper-slide {
		width: 100% !important;
	}

	.casePic img {
		transition: all 0.8s;
		min-height: auto;
	}

	.casePic {
		overflow: hidden;
		margin-bottom:3px;
	}

	.c1 {
		text-align: center;
		font-size: 15px;
		letter-spacing: 1px;
		color: #000;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		word-break: break-all;
		margin-bottom: 0px;
	}

	.c2 {
		font-size: 45px;
		font-weight: 600;
		color: rgb(242, 242, 242);
		text-align: center;
		transition: all 0.8s;
	}

	.cBox::before {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		bottom: 36px;
		height: 1px;
		background: rgb(229, 229, 229);
		width: 100%;
	}

	.c3 {
		width: 12px;
		height: 12px;
		margin: auto;
		background: rgb(110, 110, 110);
		border-radius: 50%;
		position: absolute;
		bottom: 0;
		bottom: 30px;
		left: 50%;
		margin-left: -6px;
	}

	.Case .swiper-button-prev,
	.Case .swiper-button-next {
		top: auto;
		bottom: 4%;
	}

	.newsContent {
		display: inherit;
	}

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

	.n1 {
		height: auto;
	}

	.n1 img {
		height: auto;
	}

	.aboutBox {
		display: inherit;
		position: inherit;
		margin-top: 25px;
		right: 15px;
		left: 15px;
	}

	.Art {
		width: 100%;
		margin-top: 20px;
	}

	

	.newsDesc>p:nth-child(1) {
		font-size: 14px;
		color: rgb(102, 102, 102);
		margin-bottom: 8px;
	}

	

	.artSame {
		display: flex;
		padding: 20px 15px;
		border-bottom: 1px solid rgb(230, 230, 230);
		transition: all 0.8s ease 0s;
		position: relative;
		background: #fff;
		padding-right: 15px;
	}

	.date1 {
		color: rgb(100, 100, 100);
		font-size: 25px;
		letter-spacing: 1px;
		font-family: DIN;
	}

	.date1 {
		color: rgb(100, 100, 100);
		font-size: 25px;
		letter-spacing: 1px;
		font-family: DIN;
	}

	.art1 {
		display: flex;
		align-items: center;
		font-size: 15px;
		color: rgb(40, 40, 40);
		margin-bottom: 6px;
	}

	.art2 {
		font-size: 14px;
		color: rgb(102, 102, 102);
		line-height: 21px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}

	.News {
		padding-bottom: 35px;
	}

	.ressBox {
		display: inherit;
		align-items: center;
		justify-content: space-between;
	}

	.Ress {
		background: rgb(0, 145, 213);
		padding: 30px 0 25px 0;
	}

	.ressBox p {
		color: #fff;
		font-size: 15px;
	}


	.footEwm img {
		width: 100px;
	}

	.ewmSame>li:nth-child(2) {
		color: #fff;
		font-size: 14px;
		margin-top: 10px;
		text-align: center;
	}

	.us1 {
		font-size: 22px;
		letter-spacing: 1px;
		color: #000;
		margin-bottom: 12px;
		font-weight: 600;
	}

	.us2 {
		width: 45px;
		height: 2px;
		background: rgb(0, 145, 213);
		margin-bottom: 20px;
	}

	.us3 {
		line-height: 30px;
	}

	.abMore {
		width: 94%;
		margin-top: 30px;
		padding: 0 15px;
		height: 160px;
	}

	.abMore>p:nth-child(1) {
		font-size: 16px;
		color: rgb(255, 255, 255);
		letter-spacing: 1px;
		margin-bottom: 8px;
		text-align: center;
		width: 90%;
	}

	.us4 {
		width: 160px;
		height: 45px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 15px;
		letter-spacing: 1px;
		color: #fff;
		background: rgb(0, 145, 213);
	}

	.pubTitle {
		    padding-top: 25px;
		    padding-bottom: 25px;}

	.Wis .gallery-top .swiper-slide {
		display:initial;
		margin-top: 25px;
	}

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

	.sysPic img {
		width: 100%;
		float: left;
		border-radius: 0;
		min-height: auto;
	}

	.sysDesc {
		width: 100%;
		background: #fff;
		padding: 25px 20px 35px 20px;
		position: relative;
	}
    .Wis .gallery-thumbs {
        padding-top: 20px;
    }
	.Wis .gallery-thumbs .swiper-slide .cir2 {
	    font-size: 15px;
	    font-weight: 600;
	}
	.Wis .gallery-thumbs .swiper-slide .cir1 {
	    width: 8px;
	    height: 8px;
	    border-radius: 50%;
	    background: rgb(164,164,164);
	    margin-bottom: 15px;
	    position: relative;
	}
	.dash {
	    position: absolute;
	    left: 0;
	    right: 0;
	    bottom: 80px;
	}

	.pubw {
		text-align: center;
		padding-top: 30px;
		padding-bottom: 25px;
	}

	.pubw>p:nth-child(1) {
		font-size: 22px;
		color: #000;
		margin-bottom: 5px;
		letter-spacing: 1px;
		font-weight: 600;
	}

	.pubw>p:nth-child(2) {
		font-size: 15px;
		letter-spacing: 1px;
		color: #000;
		width: 82%;
		margin: auto;
		line-height: 21px;
	}

	.sys1 {
		display: none;
	}

	.sys2 {
		font-size: 18px;
		letter-spacing: 1px;
		color: rgb(51, 51, 51);
		font-weight: 600;
		margin-top: 0;
		margin-bottom: 6px;
	}

	.sys3 {
		font-size: 14px;
		line-height: 30px;
		margin-bottom: 23px;
		color: rgb(51, 51, 51);
	}

	.sys4 {
		position: inherit;
		bottom: auto;
		padding: 10px 41px;
		border-radius: 40px;
		background: rgb(0, 142, 213);
		color: #fff;
		letter-spacing: 2px;
		color: #fff;
		font-size: 15px;
	}

	.pubTitle>p:nth-child(1) {
		font-size: 22px;
		color: #fff;
		margin-bottom: 2px;
		letter-spacing: 1px;
	}

	.pubTitle>p:nth-child(2) {
		font-size: 15px;
		letter-spacing: 1px;
		color: #fff;
	}

	.abMore>p:nth-child(2) img {
		margin-right: 10px;
	}

	.abMore>p:nth-child(2) span {
		font-size: 20px;
		color: rgb(247, 194, 92);
		margin-left: 10px;
		letter-spacing: 0px;
	}

	.abMore>p:nth-child(2) {
		font-size: 15px;
		color: #fff;
		letter-spacing: 1px;
		text-align: center;
	}

	.abg {
		display: none;
	}

	.aboutFull {
		width: 100%;
	}

	.aboutUs {
		width: 100%;
	}

}

@media screen and (max-width:400px) {
	.team .gallery-thumbs .swiper-slide img {
		height: 77px;
	}

}

@media screen and (max-width:768px) {
	.join {
			margin-top: 30px;
			margin-bottom: 40px;
		}
	
		.joinUs {
			display: inherit;
			border: 1px solid rgb(220, 220, 220);
			align-items: center;
			border-top: none;
		}
	
		.joinUs_left {
			padding: 15px;
			text-align: left;
			font-size: 16px;
			color: rgb(102, 102, 102);
			border-right: none;
			border-bottom: 1px solid rgb(220, 220, 220);
			width: 100%;
		}
	
		.joinUs_right {
			width: 100%;
			display: inherit;
			padding: 0;
			padding-bottom: 15px;
		}
		.joinCommonTop {
		    padding-bottom: 40px;
		}
	
		.joinNeed {
			display: flex;
			flex-wrap: wrap;
			padding-left: 0;
			width: 100%;
			padding: 15px;
			margin-left: 0;
		}
	
		.joinNeed p {
			font-size: 14px;
			color: rgb(102, 102, 102);
			margin-bottom: 15px;
			letter-spacing: 1px;
			width: 50%;
		}
	
		.joinOpen {
			width: 32%;
			padding: 10px;
			background: rgb(240, 240, 240);
			font-size: 13px;
			letter-spacing: 1px;
			text-align: center;
			color: rgb(102, 102, 102);
			height: 39px;
			border-radius: 4px;
			margin-left: 15px;
			position: relative;
			top: 0;
			cursor: pointer;
		}
	
		.jobDetail {
			padding: 15px;
			border: 1px solid rgb(220, 220, 220);
			border-top: none;
			padding-top: 25px;
		}
	
		.jobDuty_name {
			font-size: 16px;
			letter-spacing: 1px;
			margin-bottom: 15px;
			margin-top: 15px;
		}
	
		.jobDuty_word p {
			color: rgb(102, 102, 102);
			font-size: 14px;
			letter-spacing: 1px;
			margin-bottom: 10px;
			line-height: 24px;
		}
	
		.joinIn a {
			width: 135px;
			height: 38px;
			line-height: 38px;
			color: #fff;
			font-size: 15px;
			letter-spacing: 1px;
			border-radius: 5px;
			text-align: center;
			display: inline-block;
			margin-top: 10px;
			margin-bottom: 15px;
		}
	.Case .swiper-button-prev, .Case .swiper-button-next {
	    top: auto;
	    top: 50%;
	}
	.caseSwiper .swiper-button-next {
	    right: -48px;
	    width: 35px;
	    height: 35px;
	    text-align: center;
	    line-height: 40px;
	}
	.Case .swiper-button-prev {
	    width: 35px;
	    height: 35px;
	    background: rgb(220, 220, 220);
	    border-radius: 50%;
	    left: 0;
	    transition: all 0.6s;
	}
	.footTop {
		display: inherit;
		width: 90%;
		margin: auto;
	}
	.footLogo {
	   display: none;
	}
    .footRess {
        width: 100%;
        margin-right: 0;
		margin-top: 20px;
    }
	footer {
		background: url(../images/bottom.jpg) center;
		background-size: cover;
		background-repeat: no-repeat;
		padding-top: 10px;
		margin-top:0px;
	}
	.ressCommon {
	    display: flex;
	    color: rgba(255,255,255,0.6);
	    margin-bottom: 20px;
	    font-size: 14px;
	    letter-spacing: 0;
	}
	.ressCommon>p:nth-child(1) {
	    width: 3.6em;
	}

	.ductSame {
		width: 48.7%;
		margin-right: 2.5%;
		display: inline-block;
		margin-bottom: 2.5%;
	}

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

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

	.caseSwiper .swiper-slide {
		width: 100% !important;
		margin-right: 0;
	}

	.caseSwiper {
		padding: 0 35px;
	}

	.caseSwiper .swiper-button-next {
		right: -8px;
	}

	.caseSwiper .swiper-button-prev {
		left: -8px;
	}

	.caseDesc {
		padding: 10px 0;
		border-bottom: 1px solid #fff;
	}

	.caseDesc p {
		letter-spacing: 1px;
		color: #fff;
		font-size: 15px;
	}

}