/* 文化 */
/* @media screen and (max-width:1800px) {
 	.inner {
 		padding-left: 180px;
 		padding-right: 180px;
 	}
 }
 */
.video-popwrap video{
			 
			  max-height: 65vh 
		}
@media screen and (min-width:900px) {
	.nav li a:hover,
	.nav li a.on {
		background: #0091d5;
		color: #fff;
	}
}


@media screen and (max-width:1660px) {
	.us3 {
		width: 100%;
	}

	.abg img {
		float: left;
		min-height: 700px;
	}
}

@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;
	}

	.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) {

	.w1240,
	.inner {
		max-width: 88%;
		margin: auto;
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.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) {
	/* .inner {
		padding-left: 150px;
		padding-right: 150px;
	} */

	.f22 {
		font-size: 20px;
	}

	.f26 {
		font-size: 24px;
	}

	.f28 {
		font-size: 26px;
	}

	.f30 {
		font-size: 28px;
	}

	.f32 {
		font-size: 30px;
	}

	.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) {

	footer .right {
		padding-right: 50px;
	}

	footer .left {
		width: 50%;
	}

	#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;
	}

	/* .inner {
		padding-left: 100px;
		padding-right: 100px;
	} */
}

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

	.indexAbout .ico1 {
		width: 20px;
		left: -25px;
	}

	

	.f22 {
		font-size: 18px;
	}

	.f26 {
		font-size: 22px;
	}

	.f28 {
		font-size: 24px;
	}

	.f30 {
		font-size: 26px;
	}

	.f32 {
		font-size: 28px;
	}

	.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) {
	.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);
	    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%;
	}
	.arr1 {
	    font-size: 20px;
	    letter-spacing: 1px;
	    width: 80%;
	    line-height: 30px;
	    font-weight: 600;
	}
	.j2 p {
	    width: calc(100% / 6);
	    font-size: 22px;
	    text-align: center;
	    padding: 40px 0;
	    font-family: 'DIN';
	}
	.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%;
		padding: 35px;
		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;
	}

	/* .inner {
		padding-left: 50px;
		padding-right: 50px;
	} */
	.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;
	}

	.f32 {
		font-size: 26px;
	}

	.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;
	}

	footer figure img {
		width: 120px;
	}

	.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) {

	.dim1{
	 top: 15px;
	}
	.dim2{
		 top: 15px;
	}
	.View .swiper-button-next, .View .swiper-button-prev{
		display: none;
	}
	.View .swiper-pagination{
		right: 0;
	}
	.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:6px;
	}
	.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;
	    font-family: 'DIN';
	    letter-spacing: 1px;
	    cursor: pointer;
	}
	.jobKindcon {
	    margin-top: 40px;
	}
	.jTit {
	    margin-top: 40px;
	}
	.j1 {
	    font-size: 15px;
	    color: #000;
	    line-height: 34px;
	    font-family: 'DIN';
	}
	.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;
	    font-family: 'DIN';
	}
	.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: 15px;
	    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;
	}
	.withBox {
	    display: inherit;
	}
	.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: #0091d5;
		color: #fff !important;
		transition: all 0.6s;
		transform: translateX(0);
	}

	.kindMach_up {
		display: flex;
		align-items: center;
		padding: 7px 25px;
		border-radius: 5px;
		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%;
		padding: 25px 10px;
		box-shadow: 1px 1px 10px 1px rgb(220 220 220);
		text-align: center;
		margin-bottom: 2.5%;
		transition: all 0.8s;
	}

	.ductParh1 {
		font-size: 16px;
		letter-spacing: 1px;
		color: #000;
		margin-bottom: 12px;
	}

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

	.sideContainer {
		position: relative;
		padding-bottom: 60px;
	}
	.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;
		font-family: 'DIN';
		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: 70vh !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;
		font-family: 'DIN';
		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: #0091d5;
	}

	.kindMachCon {
		border-left: 12px solid #0091d5;
		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;
	}

	footer {
		padding-top: 40px;
		background: rgb(54, 54, 54);
	}

	.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: 20px 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;
	}

	.w1240,
	.inner {
		max-width: 98%;
		margin: auto;
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.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;
	}

	/* .inner {
		padding-left: 30px;
		padding-right: 30px;
	} */
	.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;
	}


	.f18 {
		font-size: 14px;
	}

	.f20 {
		font-size: 16px;
	}

	.f22 {
		font-size: 16px;
	}

	.f26 {
		font-size: 18px;
	}

	.f28 {
		font-size: 18px;
	}

	.f30 {
		font-size: 20px;
	}

	.f32 {
		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) {

	/* .inner {
		padding-left: 15px;
		padding-right: 15px;
	} */
	.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;
	}

	.f32 {
		font-size: 26px;
	}

	.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;
	}

	footer {
		padding-top: 0px;
	}

	footer .right {
		margin-top: 20px;
	}

	footer .left ul {
		display: none;
	}

	footer .w1240 {
		flex-direction: column;
	}

	footer .bot {
		text-align: center;
		height: auto;
		line-height: 2;
		padding: 15px 0;
		margin-top: 15px;
	}

	footer .bot .w1240 div:last-child {
		display: none;
	}

	#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;
	}

	footer figure img {
		width: 100px;
	}

	#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) {
	.changePage {
		padding-top: 25px;
		padding-bottom: 20px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.changePage a {
		margin: 0 8px;
	}
	.eachDuct_pic {
	    overflow: hidden;
	    margin-bottom: 2px;
	    height: auto;
	}
	.eachDuct_pic img {
	    min-height: initial;
	}
	#subpage{
		display: none;
	}
	.changePage p{
		display: none;
	}
	.changePage .on,.changePage .pagingYe{
		display: none;
	}
	.changePage>a:last-child{
		display: none;
	}
	.eachDuct_common {
	    padding: 15px 10px;
	}
	.Product {
	    padding-bottom: 50px;
	}
	footer{
		padding-top: 0;
	}
	.footB{
		border-top: none;
	}
	.ewmSame{
		display: none;
	}
	.footerIcon{
		display: block!important;
	}
	footer{
		    padding-bottom: 50px;
	}
	.newsTitle {
	    padding: 15px 0;
	    letter-spacing: 1px;
	    color: #000;
	    font-size: 18px;
	    font-weight: 600;
	    padding-top: 25px;
	}
	.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;
	    font-family: 'DIN';
	}
	.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);
	    font-family: 'DIN';
	    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);
	    font-family: 'DIN';
	    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;
	    font-family: 'DIN';
	}
	.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%;
	    font-family: 'DIN';
	}
	.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;
	    font-family: 'DIN';
	}
	.jTit {
	    margin-top: 25px;
	}
	.j2 p {
	    width: calc(100% / 6);
	    font-size: 15px;
	    text-align: center;
	    padding: 20px 0;
	    font-family: 'DIN';
	}
	.j2 {
	    margin-top: 20px;
	    display: flex;
	}
	.jobMore {
	    display: flex;
	    padding: 15px 20px;
	    background: rgb(247, 252, 255);
	    justify-content: space-between;
	    font-size: 16px;
	    font-family: 'DIN';
	    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) {
	    color: #666666;
	    font-size: 14px;
	    margin-top: 16px;
	}
	.lineSame>p:nth-child(3) {
	    font-size: 16px;
	    color: #000;
	    margin-top: 5px;
	    text-align: center;
	    font-weight: 600;
	    line-height: 28px;
	    width: 85%;
	}
	.linePic {
	    height: auto;
	}
	.Contact {
	    margin-top: 25px;
	    margin-bottom: 0;
	}
	.tact1 {
	    text-align: center;
	    font-weight: 600;
	    color: #0091d5;
	    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: 100px;
	}
	.tact3 {
	    color: #555555;
	    font-size: 14px;
	    margin-bottom: 15px;
	}
	.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: 0;
	    top: -100px;
	}
	
	.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: 20px;
	}

	.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;
	}

	.footer {
		display: flex;
		justify-content: space-between;
		padding-bottom: 0px;
	}

	.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 {
		text-align: center;
		padding-top: 25px;
		padding-bottom: 0px;
	}

	.Wis .gallery-top .swiper-slide {
		display: inline-grid;
		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 .swiper-wrapper {
		display: flex;
		flex-wrap: wrap;
	}

	 .Wis .gallery-thumbs .swiper-slide:nth-child(3n+3) {
		border-right: none;
	}

	.Wis .gallery-thumbs .swiper-slide {
		border-bottom: 1px solid rgb(220, 220, 220);
	} 

	.Wis .gallery-thumbs .swiper-slide p {
		position: absolute;
		bottom: 10px;
		font-size: 15px;
		letter-spacing: 1px;
		color: rgb(51, 51, 51);
	}
	.Wis .gallery-thumbs .swiper-slide:last-child {
		border-right: 1px solid rgb(220, 220, 220);
	}
	.Wis .gallery-thumbs .swiper-slide {
		border-right: 1px solid rgb(220, 220, 220);
		height: 95px;
		text-align: center;
		align-items: center;
		display: flex;
		flex-direction: column;
		justify-content: center;
		position: relative;
		width: 33.3% !important;
	}
	.Wis .gallery-thumbs .swiper-slide p {
	    height: 24px;
	    line-height: 17px;
	}

	.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%;
	}
	.withPic{ display: none; }

}

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

.ductParh1{width:100%;word-break:break-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden; font-size: 14px}

}