@media screen and (min-width:1700px) {
	.Have .swiper-slide {
		position: relative;
		background: #fff;
		min-height: 26vw;
	}

	.Have .hoPic {
		overflow: hidden;
		background: #fff;
		padding: 40px 35px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: space-around;
		margin-bottom: 30px;
		min-height: 24vw;
	}

}

@media screen and (max-width:1700px) {
	.inner {
		padding-left: 6vw;
		padding-right: 6vw;
		max-width: inherit;
		margin: 0px auto;
	}
}

@media screen and (max-width:1600px) {
	.in1 {
	    color: #333333;
	    font-size: 32px;
	    margin-bottom: 1.5vw;
	    text-overflow: -o-ellipsis-lastline;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 2;
	    line-clamp: 2;
	    -webkit-box-orient: vertical;
	    line-height: 40px;
	}
	.way1 {
	    font-size: 36px;
	    color: #333333;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    overflow: hidden;
	    word-break: break-all;
	    margin-bottom: 12px;
	}
	.pub2 {
		margin: 15px auto;
		width: 60px;
		height: 4px;
		background: rgb(238, 238, 238);
	}

	.pub1 {
		text-transform: uppercase;
		font-size: 36px;
		text-align: center;
		color: #02509b;
	}

	.pub3 {
		font-size: 36px;
		color: rgb(51, 51, 51);
		text-align: center;
	}

	.duct2 {
		font-size: 38px;
		color: #333333;
		margin-bottom: 20px;
	}

	.pubw1 {
		text-transform: uppercase;
		font-size: 36px;
		text-align: center;
		color: rgba(255, 255, 255, 0.9);
	}

	.pubw3 {
		font-size: 42px;
		text-align: center;
		color: rgba(255, 255, 255, 0.9);
	}

	.pubwTit {
		padding-top: 90px;
		padding-bottom: 200px;
	}

	.Point {
		background: url(../images/point.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		padding-bottom: 120px;
	}

	.withTit p {
		font-size: 36px;
		color: rgb(51, 51, 51);
		line-height: 52px;
	}

}

@media screen and (max-width:1500px) {
	.in1 {
	    color: #333333;
	    font-size: 30px;
	    margin-bottom: 1.5vw;
	    text-overflow: -o-ellipsis-lastline;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 2;
	    line-clamp: 2;
	    -webkit-box-orient: vertical;
	    line-height: 40px;
	}
	.painTit {
	    font-size: 38px;
	    color: #333333;
	    padding: 55px 0 50px 0;
	    text-align: center;
	}
	.pa2 {
	    color: #00aeef;
	    font-weight: 600;
	    margin-bottom: 20px;
	    font-size: 18px;
	}
	.dealTit {
	    font-size: 38px;
	    color: #fff;
	    padding: 60px 0 40px 0;
	    text-align: center;
	}
	.Deal {
	    background-image: url(../images/scbg.jpg);
	    background-repeat: no-repeat;
	    background-size: cover;
	    padding-bottom: 70px;
	    height: 370px;
	}
	.vo1 {
	    font-size: 32px;
	    color: #fff;
	    margin-bottom: 10px;
	}
	.de2 {
	    color: #02509b;
	    font-weight: 600;
	    text-align: center;
	    margin-bottom: 15px;
	    font-size: 22px;
	}
	.useTit {
	    font-size: 38px;
	    color: #333333;
	    padding: 18px 0 35px 0;
	    text-align: center;
	}
	.way1 {
	    font-size: 33px;
	    color: #333333;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    overflow: hidden;
	    word-break: break-all;
	    margin-bottom: 12px;
	}
	.inner {
		padding-left: 5vw;
		padding-right: 5vw;
		max-width: inherit;
		margin: 0px auto;
	}

	.index-nav-con {
		width: 88%;
		display: flex;
		justify-content: flex-start;
		margin-right: 0;
		margin-left: 0;
	}

	.index-nav-right {
		width: 80%;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
}

@media screen and (max-width:1400px) {
	.foc3 {
	    font-size: 28px;
	    font-weight: 600;
	    letter-spacing: 1px;
	    color: #02509b;
	    margin-top: 30px;
	    margin-bottom: 15px;
	}
	.focSame img {
	    height: 60px;
	    margin-top: 3.5vw;
	}
	.foc4 {
	    font-size: 2vw;
	    font-family: BIN;
	    color: rgb(235, 235, 235);
	    text-transform: uppercase;
	}
	.focSame {
	    margin-right: 5%;
	    background-color: #fff;
	    padding: 30px 30px 3.5vw 30px;
	    width: 21.2%;
	    position: relative;
	}
	.honorTit {
	    padding: 70px 0 65px 0;
	    text-align: center;
	    font-size: 44px;
	    color: #fff;
	}
	.tactTit {
	    padding: 55px 0 50px 0;
	    text-align: center;
	    font-size: 44px;
	    color: #333333;
	}
	.proTit {
	    text-align: center;
	    padding: 55px 0 38px 0;
	    text-align: center;
	    font-size: 36px;
	    color: #02509b;
	}
	.pro1 {
	    text-align: center;
	    margin-bottom: 25px;
	    color: #333333;
	    font-size: 35px;
	}    
	.way1 {
	    font-size: 34px;
	    color: #333333;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    overflow: hidden;
	    word-break: break-all;
	    margin-bottom: 12px;
	}
	.centerDesc>p:nth-child(1) {
	    font-size: 36px;
	    color: #fff;
	    margin-bottom: 28px;
	}
	.feaTit {
	    padding: 45px 0 35px 0;
	    font-size: 38px;
	    text-align: center;
	    background-image: -webkit-linear-gradient(rgb(39, 198, 255), rgb(1, 103, 242));
	    -webkit-background-clip: text;
	    -webkit-text-fill-color: transparent;
	}
	.feaSame p:nth-child(2) {
	    font-size: 24px;
	    color: rgb(51, 51, 51);
	    margin-top: 2px;
	}
	.feaSame {
	    width: 33.3%;
	    margin-bottom: 28px;
	    display: flex;
	    align-items: center;
	    flex-direction: column;
	    justify-content: center;
	}
	.pubTit {
		padding-top: 50px;
		padding-bottom: 40px;
	}

	.pub1 {
		text-transform: uppercase;
		font-size: 34px;
		text-align: center;
		color: #02509b;
	}

	.pub3 {
		font-size: 34px;
		color: rgb(51, 51, 51);
		text-align: center;
	}

	.duct2 {
		font-size: 34px;
		color: #333333;
		margin-bottom: 25px;
	}

	.pub2 {
		margin: 14px auto;
		width: 60px;
		height: 4px;
		background: rgb(238, 238, 238);
	}



	.pubw1 {
		text-transform: uppercase;
		font-size: 34px;
		text-align: center;
	}

	.pubw3 {
		font-size: 37px;
		text-align: center;
	}

	.pubwTit {
		padding-top: 80px;
		padding-bottom: 140px;
	}

	.Product>div {
		width: 33.3%;
		background: rgb(250, 250, 250);
		padding: 50px 70px;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.Point {
		background: url(../images/point.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		padding-bottom: 100px;
	}

	.withTit p {
		font-size: 33px;
		color: rgb(51, 51, 51);
		line-height: 47px;
	}

	.withTit {
		padding-top: 50px;
		padding-bottom: 45px;
	}

	.needTit {
		color: #fff;
		text-align: center;
		font-weight: 600;
		margin-bottom: 45px;
		letter-spacing: 1px;
		font-size: 36px;
	}

	.needSame>p:nth-child(2) {
		font-size: 22px;
		color: rgba(255, 255, 255, 0.9);
		letter-spacing: 1px;
		margin-top: 25px;
		margin-bottom: 16px;
	}

	.needSame>p:nth-child(4) {
		font-size: 28px;
		color: #fff;
		font-family: BIN;
	}


}

@media screen and (max-width:1300px) {
	
	.Have .hoPic {
		overflow: hidden;
		background: #fff;
		padding: 40px 35px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: space-around;
		margin-bottom: 30px;
		min-height: 28vw;
	}

	.way1 {
	    font-size: 30px;
	    color: rgb(51, 51, 51);
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    overflow: hidden;
	    word-break: break-all;
	    margin-bottom: 10px;
	}
	.tail1 {
	    text-align: center;
	    color: #333333;
	    margin-bottom: 20px;
	    font-size: 32px;
	}
	.w1100{
		padding: 0 15px;
	}
	.inner {
		padding-left: 4vw;
		padding-right: 4vw;
		max-width: inherit;
		margin: 0px auto;
	}
	.portTit a {
		width: 200px;
	}
}

@media screen and (max-width:1200px) {
	.nt1 {
	    text-align: center;
	    font-size: 30px;
	    color: rgb(51, 51, 51);
	    font-weight: 600;
	    text-align: center;
	    margin-bottom: 20px;
	}
	.w990 {
	    max-width: 100%;
	    margin: auto;
	    padding: 0 4vw;
	}
	.nt1 {
	    text-align: center;
	    font-size: 20px;
	    color: rgb(51, 51, 51);
	    font-weight: 600;
	    text-align: center;
	    margin-bottom:16px;
	}
	.newsContent section,
	.newsContent span,
	.newsContent div,
	.newsContent p {
		font-size: 14px;
		margin-bottom: 10px;
		color: rgb(51, 51, 51);
		line-height: 32px;
	}
	.newsContent img{
		height: auto!important;
	}
	.newsContent {
	    margin-top: 30px;
	    margin-bottom: 30px;
	}
	.tailBottom {
	    padding: 25px 0 10px 0;
	    border-top: 1px solid #02509b;
	    border-bottom: 1px solid #02509b;
	    display: inherit;
	    align-items: center;
	    justify-content: space-between;
	}
	.cateTit {
	    text-align: center;
	    font-size: 24px;
	    color: rgb(51, 51, 51);
	    font-weight: 600;
	    padding: 30px 0 25px 0;
	}
	.tailLink a {
	    font-size: 15px;
	    color: rgb(102, 102, 102);
	    margin-bottom: 15px;
	    transition: all 0.4s;
	}
	.newsTit {
	    padding-bottom: 25px;
	}
	.nt2 p {
	    font-size: 15px;
	    color: #999999;
	    padding: 0 15px;
	    line-height: 13px;
	}
	.portTit a {
	    display: inline-block;
	    width: 165px;
	    height: 50px;
	    text-align: center;
	    line-height: 50px;
	    margin-right: 5px;
	    color: #333333;
	    font-size: 16px;
	    background: rgb(245, 245, 245);
	}
	.vo1 {
	    font-size: 25px;
	    color: #fff;
	    margin-bottom: 7px;
	}
	.solveMore {
	    width: 140px;
	    height: 40px;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    background: #fff;
	    border-radius: 6px;
	    color: #333333;
	    font-size: 15px;
	    position: relative;
	    transition: all 0.5s;
	}
	.vo2 {
	    font-size: 15px;
	    color: #fff;
	    margin-bottom: 2.2vw;
	}
	.painTit {
	    font-size: 35px;
	    color: #333333;
	    padding: 40px 0 40px 0;
	    text-align: center;
	}
	.painSame {
	    margin-right: 2%;
	    border-radius: 4px;
	    background: #fff;
	    box-shadow: 1px 1px 10px 1px rgb(232 238 252);
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	    padding: 35px 30px;
	    width: 25%;
	}
	.Pain {
	    background-image: url(../images/white.jpg);
	    background-repeat: no-repeat;
	    background-size: cover;
	    padding-bottom: 50px;
	}
	.dealTit {
	    font-size: 35px;
	    color: #fff;
	    padding: 55px 0 35px 0;
	    text-align: center;
	}
	.Deal {
	    background-image: url(../images/scbg.jpg);
	    background-repeat: no-repeat;
	    background-size: cover;
	    padding-bottom: 70px;
	    height: 360px;
	}
	.useTit {
	    font-size: 35px;
	    color: #333333;
	    padding: 18px 0 35px 0;
	    text-align: center;
	}
	.focusDesc>p:nth-child(1) {
	    text-align: center;
	    font-size: 32px;
	    color: #333333;
	    margin-bottom: 20px;
	}
	.foc3 {
	    font-size: 26px;
	    font-weight: 600;
	    letter-spacing: 1px;
	    color: #02509b;
	    margin-top: 25px;
	    margin-bottom: 15px;
	}
	.foc4 {
	    font-size: 1.8vw;
	    font-family: BIN;
	    color: rgb(235, 235, 235);
	    text-transform: uppercase;
	}
	.focSame {
	    margin-right: 5%;
	    background-color: #fff;
	    padding: 25px 30px 3vw 30px;
	    width: 21.2%;
	    position: relative;
	}
	.focusWord p {
	    margin-top: 20px;
	    font-size: 18px;
	    color: rgb(51, 51, 51);
	    line-height: 36px;
	    position: relative;
	}
	.honorTit {
	    padding: 60px 0 55px 0;
	    text-align: center;
	    font-size: 38px;
	    color: #fff;
	}
	.tactTit {
	    padding: 45px 0 45px 0;
	    text-align: center;
	    font-size: 38px;
	    color: #333333;
	}
	.centerDesc>p:nth-child(1) {
	    font-size: 34px;
	    color: #fff;
	    margin-bottom: 25px;
	}
	.proTit {
	    text-align: center;
	    padding: 50px 0 35px 0;
	    text-align: center;
	    font-size: 34px;
	    color: #02509b;
	}
	.pro1 {
	    text-align: center;
	    margin-bottom: 20px;
	    color: #333333;
	    font-size: 30px;
	}
	.feaTit {
	    padding: 40px 0 30px 0;
	    font-size: 36px;
	    text-align: center;
	    background-image: -webkit-linear-gradient(rgb(39, 198, 255), rgb(1, 103, 242));
	    -webkit-background-clip: text;
	    -webkit-text-fill-color: transparent;
	}
	.feaSame p:nth-child(2) {
	    font-size: 22px;
	    color: rgb(51, 51, 51);
	    margin-top: 0px;
	}
	.feaSame {
	    width: 33.3%;
	    margin-bottom: 18px;
	    display: flex;
	    align-items: center;
	    flex-direction: column;
	    justify-content: center;
	}
	

	.index-nav li>a:first-child {
		padding: 5px 20px;
		font-size: 16px;
	}

	.index-nav li.on>a:first-child {
		padding: 5px 15px;
		font-size: 16px;
	}
	.pub1 {
		text-transform: uppercase;
		font-size: 30px;
		text-align: center;
		color: #02509b;
	}
	.pub2 {
	    margin: 13px auto;
	    width: 60px;
	    height: 4px;
	    background: rgb(238, 238, 238);
	}
	.pub3 {
	    font-size: 30px;
	    color: rgb(51, 51, 51);
	    text-align: center;
	}
	.pubTit {
	    padding-top: 35px;
	    padding-bottom: 25px;
	}
	.pubw1 {
	    text-transform: uppercase;
	    font-size: 30px;
	    text-align: center;
	}
	.pubw2 {
	    margin: 15px auto;
	    width: 60px;
	    height: 4px;
	}
	.pubw3 {
	    font-size: 32px;
	    text-align: center;
	}
	.pubwTit {
	    padding-top: 55px;
	    padding-bottom: 85px;
	}
	.Point {
	    background: url(../images/point.jpg);
	    background-size: cover;
	    background-repeat: no-repeat;
	    padding-bottom: 65px;
	}
	.poSame>p:nth-child(2) {
	    font-size: 20px;
	    color: rgba(255,255,255,0.9);
	    margin-top: 15px;
	}
	.withTit {
	    padding-top: 45px;
	    padding-bottom: 35px;
	}
	.withTit p {
	    font-size: 30px;
	    color: rgb(51, 51, 51);
	    line-height: 40px;
	}
	.needTit {
	    color: #fff;
	    text-align: center;
	    font-weight: 600;
	    margin-bottom: 40px;
	    letter-spacing: 1px;
	    font-size: 32px;
	}
	.duct2 {
	    font-size: 30px;
	    color: #333333;
	    margin-bottom: 25px;
	}
	
	
}
@media screen and (max-width:1000px) {
	.allTo{
		display: none;
	}
	.Ability {
	    margin-top: 0px;
	    position: relative;
	    z-index: 99;
	}
	.inWord {
	    color: #fff;
	    font-size: 18px;
	    position: absolute;
	    text-align: center;
	    top: 36%;
	    width: 100%;
	}
	.vi3 {
	    font-size: 14px;
	    color: #555555;
	    margin-bottom: 25px;
	    line-height: 22px;
	}
	.topFix{
		display: none;
	}
	.banner .swiper-container-horizontal>.swiper-pagination-bullets{
		display: none;
	}
	.pt90 {
	    padding-top: 60px;
	}
	.localAt p, .localAt a {
	    margin: 0 3px;
	    transition: all 0.4s;
	    font-size: 14px;
	    color: #333333;
	}
	.localAt {
	    padding: 25px 0;
	    display: flex;
	    align-items: center;
	}
	.inforFlex {
	    display: inherit;
	}
	.Infor .swiper-slide {
	    padding: 0 30px;
	}
	.inforDesc {
	    width: 100%;
	}
	.in1 {
	    color: #333333;
	    font-size: 18px;
	    margin-bottom: 1.5vw;
	    text-overflow: -o-ellipsis-lastline;
		line-height: 26px;
	}
	.in2 {
	    color: #555555;
	    font-size: 15px;
	    margin-bottom: 3vw;
	    text-overflow: -o-ellipsis-lastline;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 3;
	    line-clamp: 3;
	    -webkit-box-orient: vertical;
	    line-height: 25px;
	    margin-top: 13px;
	}
	.in3 {
	    display: inline-block;
	    width: 130px;
	    height: 40px;
	    text-align: center;
	    line-height: 40px;
	    color: #333333;
	    font-size: 15px;
	    border: 1px solid rgb(170, 170, 170);
	    margin-top: 10px;
	    margin-bottom: 25px;
	}
	.inforPic {
	    width: 100%;
	    margin-left: 0;
	    overflow: hidden;
	}
	.Infor .swiper-button-next:after {
	    content: '';
	    background: url(../images/arrow2.png);
	    background-repeat: no-repeat;
	    background-size: 52%;
	    width: 43px;
	    height: 84px;
	}
	.Infor .swiper-button-prev:after {
	    content: '';
	    background: url(../images/arrow1.png);
	    background-repeat: no-repeat;
	    background-size: 52%;
	    width: 43px;
	    height: 84px;
	}
	.Infor .swiper-button-prev {
	    left: -5px;
	}
	.bg-grey {
	    background: rgb(245, 245, 245);
	    padding-top: 35px;
	    padding-bottom: 40px;
	}
	.portFlex {
	    padding: 35px 0 30px 0;
	    display: inherit;
	    align-items: center;
	    justify-content: space-between;
	}
	.reportBox {
	    background: #fff;
	    padding: 0 15px;
	}
	.portTit{
		display: flex;
	}
	.portTit a {
	    display: inline-block;
	    width: 33%;
	    height: 44px;
	    text-align: center;
	    line-height: 44px;
	    margin-right: 5px;
	    color: #333333;
	    font-size: 16px;
	    background: rgb(245, 245, 245);
	}
	.portTit>a:nth-child(3){
		margin-right: 0;
	}
	.portPut {
	    width: 100%;
	    display: flex;
	    align-items: center;
	    justify-content: space-between;
	    padding: 0 15px;
	    border: 1px solid rgb(225, 225, 225);
	    margin-top: 10px;
	}
	.portPut input {
	    color: #333333;
	    font-size: 15px;
	    height: 42px;
	    letter-spacing: 1px;
	}
	.Report {
	    display: inherit;
	    flex-wrap: wrap;
	}
	.protSame {
	    width: 100%;
	    margin-right: 0;
	}
	.portDesc {
	    padding: 15px 0 25px 0;
	}
	.pot1 {
	    text-overflow: -o-ellipsis-lastline;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 1;
	    line-clamp: 1;
	    -webkit-box-orient: vertical;
	    font-size: 18px;
	    color: #333333;
	    margin-bottom: 6px;
	    line-height: 34px;
	}
	.Report {
	    margin-bottom: 8px;
	}
	.potDate span {
	    color: #999999;
	    font-size: 15px;
	    display: inline-block;
	    padding: 0 13px;
	    line-height: 16px;
	}
	.Infor .swiper-button-next {
	    right: -20px;
	}
	.Infor {
	    padding: 10px 0 0px 0;
	}
	.Infor .swiper-pagination-bullet {
	    width: 25px;
	    height: 3px;
	    border-radius: 0;
	}
	.Infor .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	    margin: 0 4px;
	}
	.Infor .swiper-wrapper {
	    padding-bottom: 75px;
	}
	.Infor .swiper-container-horizontal>.swiper-pagination-bullets {
	    bottom: 30px;
	}

	.solveWord{
		display: none;
	}
	.painTit {
	    font-size: 24px;
	    color: #333333;
	    padding: 32px 0 28px 0;
	    text-align: center;
	}
	.painFlex {
	    display: inherit;
	}
	.dealTit {
	    font-size: 24px;
	    color: #fff;
	    padding: 38px 0 35px 0;
	    text-align: center;
	}
	.Deal {
	    background-image: url(../images/scbg.jpg);
	    background-repeat: no-repeat;
	    background-size: cover;
	    padding-bottom: 70px;
	    height: 315px;
	}
	.dealFlex {
	    display: inherit;
	    flex-wrap: wrap;
	    margin-top: -210px;
	}
	.dealPart {
	    margin-right: 0;
	    margin-bottom: 18px;
	    width: 100%;
	    border-radius: 0;
	    background: #fff;
	    border-radius: 10px;
	}
	.dealWord {
	    padding: 20px 25px;
	    border-radius: 0 0 10px 10px;
	    box-shadow: 1px 1px 15px 1px rgb(235 235 235);
	    min-height: auto;
	}
	.useTit {
	    font-size: 24px;
	    color: #333333;
	    padding: 20px 0 25px 0;
	    text-align: center;
	}
	.Use a {
	    font-size: 15px;
	    background: rgb(229, 237, 245);
	    height: 45px;
	    line-height: 45px;
	    color: rgb(26, 31, 79);
	    margin-right: 9px;
	    margin-bottom: 10px;
	    padding: 0 20px;
	    transition: all 0.3s;
	}
	.Use {
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: center;
	    margin-bottom: 30px;
	}
	.de2 {
	    color: #02509b;
	    font-weight: 600;
	    text-align: center;
	    margin-bottom: 10px;
	    font-size: 18px;
	}
	.de3 {
	    color: #555555;
	    line-height: 24px;
	    font-size: 14px;
	}
	.painSame {
	    margin-right: 0;
	    border-radius: 4px;
	    background: #fff;
	    box-shadow: 1px 1px 10px 1px rgb(232 238 252);
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	    padding: 30px 30px;
	    width: 100%;
	    margin-bottom: 15px;
	}
	.pa1 {
	    font-family: BIN;
	    font-size: 27px;
	    color: #fff;
	    width: 60px;
	    height: 60px;
	    border-radius: 50%;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    flex-direction: column;
	    margin-bottom: 22px;
	    padding-top: 6px;
	}
	.pa2 {
	    color: #00aeef;
	    font-weight: 600;
	    margin-bottom: 12px;
	    font-size: 16px;
	}
	.Pain {
	    background-image: url(../images/white.jpg);
	    background-repeat: no-repeat;
	    background-size: cover;
	    padding-bottom: 30px;
	}
	.tactFlex {
	    display: inherit;
	}
	.tactRess {
	    width: 100%;
	    background: #fff;
	    padding: 30px 25px;
	}
	.ressPart {
	    display: inherit;
	    margin-bottom: 25px;
	}
	.ressDesc>p:nth-child(1) {
	    font-size: 16px;
	    margin-bottom: 6px;
	    color: #888888;
	    margin-top: 10px;
	}
	.rs2 {
	    color: #333333;
	    font-size: 20px;
	    font-family: TIN;
	}
	.ressDesc {
	    width: 100%;
	}
	.rs3 {
	    color: #333333;
	    font-size: 15px;
	    line-height: 24px;
	    margin-bottom: 6px;
	}
	.tactRess{
		padding-bottom: 10px;
	}
	.contactUs_map {
	    width: 100%;
	}
	.contactUs_map iframe{
		height: 260px;
	}
	.Message {
	    box-shadow: 1px 1px 10px 1px rgb(225 225 225);
	    padding: 30px 23px;
	    margin-bottom: 45px;
	}
	.Submit {
	    margin-top: 30px;
	    display: flex;
	    align-items: center;
	    justify-content: center;
		margin-bottom: 15px;
	}
	.Submit button {
	    display: inline-block;
	    margin:0 10px;
	    width:200px;
	    text-align: center;
	    height: 50px;
	    line-height: 50px;
	    font-size: 16px;
	    color: #fff;
	}
	.messFlex {
	    display: inherit;
	}
	.messPut p {
	    margin-bottom: 14px;
	    color: rgb(51, 51, 51);
	    font-size: 16px;
	}
	.messPut p span {
	    color: rgb(255, 0, 0);
	    margin-left: -3px;
	}
	.messPut input {
	    padding: 14px;
	    background: rgb(250, 250, 250);
	    border: 1px solid rgb(221, 221, 221);
	    font-size: 15px;
	    color: rgb(170, 170, 170);
	    width: 100%;
	}
	.messPut {
	    width: 100%;
	    margin-right: 0;
	    margin-bottom: 22px;
	}
	.messArea p {
	    margin-bottom: 20px;
	    color: rgb(51, 51, 51);
	    font-size: 16px;
	}
	.messArea textarea {
	    padding: 14px;
	    background: rgb(250, 250, 250);
	    border: 1px solid rgb(221, 221, 221);
	   font-size: 15px;
	    color: rgb(170, 170, 170);
	    height: 100px;
	    width: 100%;
	}
	.Message{
		padding-top: 32px;
	}
	.Have .swiper-slide {
	    position: relative;
	    background: #fff;
	    min-height: auto;
	}
	.Honor {
	    padding-bottom: 50px;
	    background: url(../images/cir.jpg);
	    background-repeat: no-repeat;
	    background-size: cover;
	}
	.Have .hoPic {
	    overflow: hidden;
	    background: #fff;
	    padding: 40px 35px;
	    display: flex;
	    flex-direction: column;
	    justify-content: center;
	    display: flex;
	    flex-direction: column;
	    align-items: flex-start;
	    justify-content: space-around;
	    margin-bottom: 30px;
	    min-height: auto;
	}
	.localNav {
	    float: none;
	    left: auto;
	    display: flex;
	    position: relative;
	    overflow-x: scroll;
	    width: 100%;
	    white-space: nowrap;
	    box-sizing: border-box;
	    border-top: none;
	    border-left: none;
	    border-right: none;
	}
	.backTo{
		display: none;
	}
	.localNav a {
	    position: relative;
	    margin-right: 22px;
	    font-size: 16px;
	    color: rgb(102, 102, 102);
	    font-weight: 600;
	    position: relative;
	    height: 65px;
	    line-height: 65px;
	}
	.localNav a::after {
	    content: '';
	    position: absolute;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    height: 2px;
	    width: 0;
	    transition: all 0.5s;
	    background: #02509b;
	}
	.focusDesc>p:nth-child(1) {
	    text-align: center;
	    font-size: 20px;
	    color: #333333;
	    margin-bottom: 15px;
	}
	.Focus {
	    margin-top: 35px;
	    display: flex;
	    flex-wrap: wrap;
	    position: relative;
	    z-index: 99;
	}
	.focSame img {
	    height: 46px;
	    margin-top: 28px;
	    width: 35%;
	}
	.foc3 {
	    font-size: 20px;
	    font-weight: 600;
	    letter-spacing: 1px;
	    color: #02509b;
	    margin-top: 18px;
	    margin-bottom: 10px;
	}
	.foc4 {
	    font-size: 18px;
	    font-family: BIN;
	    color: rgb(235, 235, 235);
	    text-transform: uppercase;
	}
	.focusWord p {
	    margin-top: 0;
	    font-size: 15px;
	    color: rgb(51, 51, 51);
	    line-height: 30px;
	    position: relative;
	    margin-bottom: 15px;
	}
	.focusWord {
	    padding-top: 20px;
	}
	.focusBg {
	    position: relative;
	    background: rgb(245, 245, 245);
	    padding-bottom: 15px;
	}
	.honorTit {
	    padding: 30px 0 30px 0;
	    text-align: center;
	    font-size: 24px;
	    color: #fff;
	}
	.tactTit {
	    padding: 30px 0 30px 0;
	    text-align: center;
	    font-size: 24px;
	    color: #333333;
	}
	.Focus>div:nth-child(2n+2){
		margin-right: 0;
	}
	.focSame {
	    margin-right: 3%;
	    background-color: #fff;
	    padding: 20px 20px 20px 20px;
	    width: 48.5%;
	    position: relative;
	    margin-bottom: 10px;
	}
	.focusDesc {
	    padding-top: 40px;
	    position: relative;
	    z-index: 99;
	}
	.focusDesc>p:nth-child(2) {
	    text-align: center;
	    font-size: 16px;
	    color: #02509b;
	}
	.pro1 {
	    text-align: left;
	    margin-bottom: 13px;
	    color: #333333;
	    font-size: 18px;
	}
	.Party {
		display: none;
	}
	.parSame {
	    margin-top: 35px;
	    display: inherit;
	    transition: all 0.5s;
	}
	.parImg {
	    overflow: hidden;
	    width: 100%;
	}
	.parDesc {
	    width: 100%;
	    padding: 20px 10px;
	    position: relative;
	    transition: all 0.5s;
	}
	.par2 {
	    color: #555555;
	    font-size: 15px;
	    line-height: 24px;
	}
	.parMore {
	    display: flex;
	    align-items: center;
	    margin-top: 20px;
	    font-size: 15px;
	    color: #555555;
	    transition: all 0.5s;
	    width: 130px;
	}
	.parDesc::after {
	    content: '';
	    position: absolute;
	    left: 0;
	    right: 0;
	    bottom: -3%;
	    width: 100%;
	    height: 1px;
	    background: rgb(225, 225, 225);
	}
	.changePage>a,
	.changePage>p{
		display: none;
	}
	.prevPage,.nextPage{
		display: block!important;
	}
	.changePage a {
	    padding: 8px 15px;
	    border: 1px solid rgb(229, 229, 229);
	    border-radius: 5px;
	    font-size: 14px;
	    letter-spacing: 1px;
	    text-align: center;
	    color: rgb(51, 51, 51);
	    margin-right: 20px;
	    transition: all 0.4s;
	    border-radius: 4px;
	}
	.changePage {
	    padding-bottom: 45px;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	}
	.par1 {
	    color: #333333;
	    font-size: 18px;
	    font-weight: 600;
	    margin-bottom: 15px;
	    transition: all 0.5s;
	}
	
	.wapParty {
		display: block;
		padding-bottom: 45px;
	}
	.proImg {
	    width: 100%;
	    overflow: hidden;
	    padding: 0 4vw;
	    margin-bottom: 18px;
	}
	.proSame{
		margin-bottom: 20px;
	}
	.Process{
		padding-bottom: 10px;
	}
	.pro2 {
	    margin: auto;
	    text-align: left;
	    color: #555555;
	    font-size: 14px;
	  
	    width: 100%;
	    line-height: 26px;
	    padding: 0;
	}
	.proFlex{
		display: none;
	}
	.wapproFlex{
		display: block;
	}
	.proSame {
	    display: inherit;
	    align-items: center;
	}
	.proDesc {
	    width: 100%;
		padding: 0 4vw;
	}
	.hardWare {
	    display: inherit;
	    align-items: center;
	    padding: 30px 0;
	}
	.hardDesc {
	    width: 100%;
	    padding-right: 0;
	}
	.hardDesc>p:nth-child(1) {
	    font-size: 22px;
	    margin-bottom: 14px;
	}
	.hardDesc>p:nth-child(2) {
	    color: #555555;
	    font-size: 14px;
	    line-height: 24px;
	}
	.hideImg {
	    overflow: hidden;
	    width: 100%;
	    margin-top: 20px;
	}
	.proTit {
	    text-align: center;
	    padding: 30px 0 25px 0;
	    text-align: center;
	    font-size: 22px;
	    color: #02509b;
	}
	
	.Way {
	    display: inherit;
	    padding: 25px 20px;
	    background: #fff;
	    box-shadow: 1px 1px 10px 1px rgb(225,225,225);
	}
	.Detail {
	    padding: 28px 0;
	    border-bottom: 1px solid rgb(229, 229, 229);
	}
	.tail1 {
	    text-align: center;
	    color: #333333;
	    margin-bottom: 15px;
	    font-size: 22px;
	}
	.tail2 {
	    line-height: 1.7;
	    color: #555555;
	    font-size: 15px;
	}
	.way2 {
	    text-overflow: -o-ellipsis-lastline;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 2;
	    line-clamp: 2;
	    color: #555555;
	    font-size: 14px;
	    -webkit-box-orient: vertical;
	    margin-bottom: 15px;
	}
	.wayLink a {
	    display: inline-block;
	    height: 42px;
	    line-height: 42px;
	    border-right: 20px;
	    text-align: center;
	    border: 1px solid #02509b;
	}
	.wayImg {
	    width: 100%;
	    overflow: hidden;
	}
	.wayDesc {
	    width: 100%;
	    padding: 0px 0px 20px 0;
	    display: flex;
	    flex-direction: column;
	    justify-content: space-between;
	}
	.way1 {
	    font-size: 22px;
	    color: rgb(51, 51, 51);
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    overflow: hidden;
	    word-break: break-all;
	    margin-bottom: 10px;
	}
	.kind1 {
	    width: 52px;
	    height: 52px;
	    border-radius: 5px;
	    color: #fff;
	    font-size: 28px;
	    text-align: center;
	    line-height: 58px;
	    margin-right: 20px;
	    font-family: BIN;
	    letter-spacing: 1px;
	    margin-bottom: 12px;
	}
	.kind2 {
	    width: 100%;
	}
	.kind2>p:nth-child(1) {
	    color: #333333;
	    font-size: 20px;
	    margin-bottom: 8px;
	}
	.kind2>p:nth-child(2) {
	    color: #666666;
	    font-size: 14px;
	    line-height: 23px;
	}
	.viewSame {
	    box-shadow: 1px 1px 10px 1px rgb(230 230 230);
	    border-radius: 5px;
	    padding: 20px;
	    background: #fff;
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	    justify-content: center;
	    width: 100%;
	    margin-right: 0%;
	    margin-bottom: 15px;
	}
	.vi1 {
	    font-size: 20px;
	    color: rgb(51, 51, 51);
	    margin-bottom: 12px;
	    text-align: center;
	}
	.vi2 {
	    width: 25px;
	    height: 4px;
	    background: rgb(2, 81, 155);
	    margin: auto;
	    margin-bottom: 15px;
	}
	.Kind {
	    display: inherit;
	    flex-wrap: wrap;
	}
	.kindSame {
	    width: 100%;
	    padding: 25px 20px;
	    border-radius: 4px;
	    box-shadow: 1px 1px 15px 1px rgb(2 81 155 / 15%);
	    display: inherit;
	    align-items: center;
	    background: #fff;
	    margin-right: 0;
	    margin-bottom: 18px;
	}
	.centerBg {
	    background: url(../images/center.jpg);
	    background-repeat: no-repeat;
	    background-size: 100% 100%;
	    padding: 40px 0 200px 0;
	    margin-top: 60px;
	}
	.centerDesc>p:nth-child(1) {
	    font-size: 24px;
	    color: #fff;
	    margin-bottom: 15px;
	}
	.centerDesc>p:nth-child(2) {
	    font-size: 14px;
	    color: #fff;
	    line-height: 24px;
	}
	.feaTit {
	    padding: 30px 0 22px 0;
	    font-size: 24px;
	    text-align: center;
	    background-image: -webkit-linear-gradient(rgb(39, 198, 255), rgb(1, 103, 242));
	    -webkit-background-clip: text;
	    -webkit-text-fill-color: transparent;
	}
	.feaSame {
	    width: 50%;
	    margin-bottom: 18px;
	    display: flex;
	    align-items: center;
	    flex-direction: column;
	    justify-content: center;
		margin-top: 0px;
	}
	.feaSame p:nth-child(2) {
	    font-size: 16px;
	    color: rgb(51, 51, 51);
	    margin-top: 0px;
	}
	.feaSame img {
	    width: 65%;
	    margin: auto;
	}
	.poSame>p:nth-child(1){
		text-align: center;
	}
	.poSame img {
	    width:70%;
	    margin: auto;
	}
	.Features {
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: center;
	    padding-bottom: 20px;
	    margin-top: -20px;
	    width: 86%;
	    margin: auto;
	}
	.feaSame p{
		text-align: center;
	}
	.feaSame img{
		width: 50%;
		margin: auto;
	}
	.feaBg {
	    box-shadow: 1px 1px 15px 1px rgb(2 81 155 / 15%);
	    margin-top: -165px;
	    position: relative;
	    z-index: 99;
	    background: #fff;
	}
	.centerImg{
		display: none;
	}
	.Center {
	    display: inherit;
	    align-items: center;
	}
	.centerDesc {
	    width: 100%;
	}
	.footer {
	    padding: 35px 0;
	    border-bottom: 1px solid rgb(238, 238, 238);
	    display: flex;
	    /* flex-direction: column; */
	    align-items: center;
	    justify-content: space-between;
	}
	.pubw2 {
	    margin: 10px auto;
	    width: 50px;
	    height: 3px;
	    background: rgba(255,255,255,0.5);
	}
	.pubw3 {
	    font-size: 22px;
	    text-align: center;
	}
	.pubwTit {
	    padding-top: 40px;
	    padding-bottom: 40px;
	}
	.Point {
	    background: url(../images/point.jpg);
	    background-size: cover;
	    background-repeat: no-repeat;
	    padding-bottom: 15px;
	}
	.poSame>p:nth-child(2) {
	    font-size: 18px;
	    color: rgba(255,255,255,0.9);
	    margin-top: -10px;
	}
	.pointFlex {
	    display: flex;
	    align-items: center;
	    flex-wrap: wrap;
	}
	.needSame p{
		text-align: center;
	}
	.needSame img{
		width:75%;
	}
	.poSame {
	    width: 50%;
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	    justify-content: center;
		margin-bottom: 28px;
	}
	.Top{
		position: fixed;
		right: 15px;
		bottom: 10%;
		background: #fff;
	}
	.b3{
		background-image: linear-gradient(rgb(4,106,204),rgb(2,81,155));
		width: 105px;
		text-align: center;
		height: 32px;
		line-height: 32px;
		color: #fff;
		letter-spacing: 0px;
		font-size: 12px;
	}
	.pub1 {
			text-transform: uppercase;
			font-size: 20px;
			text-align: center;
			color: #02509b;
		}
	.pub2 {
		    margin: 9px auto;
		    width: 50px;
		    height: 3px;
		    background: rgb(238, 238, 238);
		}
		.pub3 {
		    font-size: 22px;
		    color: rgb(51, 51, 51);
		    text-align: center;
		}
		.pubTit {
		    padding-top: 25px;
		    padding-bottom: 20px;
		}
		.Wis{
			margin-top: 15px;
		}
		.Wis .gallery-thumbs .swiper-wrapper{
			display: flex;
			flex-wrap: wrap;
		}
		.Wis .gallery-thumbs .swiper-slide{
			width: 33.3%!important;
			margin-bottom: 20px;
		}
		.wisName{
			font-size: 16px;
			color: rgb(51,51,51);
			margin-top: 14px;
			letter-spacing: 1px;
		}
		.wisTop::after{
			display: none;
		}
		.Wis .gallery-thumbs{
			padding-bottom: 2px;
			border-bottom: 1px solid rgb(230,230,230);
		}
		.Wis .gallery-top {
		    margin-top: 30px;
		}
		.algorImg {
		    width: 100%;
		    overflow: hidden;
		}
		.algorDesc {
		    width: 100%;
		    padding: 25px 0px;
		    position: relative;
		}
		.Algor {
		    display: inherit;
		}
		.alg1 {
		    font-size: 20px;
		    color: rgb(51,51,51);
		    margin-bottom: 12px;
		}
		.alg2 {
		    font-size: 15px;
		    color: rgb(136,136,136);
		    line-height: 1.6;
		}
		.alg3 {
		    width: 130px;
		    height: 42px;
		    line-height: 42px;
		    text-align: center;
		    color: #fff;
		    border-radius: 5px;
		    background: rgb(2,81,155);
		    position: relative;
		    bottom: 0;
		    left: 0;
		    margin-top: 20px;
		}
		.algorDesc{
			padding-bottom: 10px;
		}
		.Product {
		    display: inherit;
		}
		.Product>div {
		    width: 100%;
		    background: rgb(250, 250, 250);
		    padding: 35px 25px;
		    display: flex;
		    flex-direction: column;
		    align-items: center;
		}
		.duct1 {
		    text-transform: uppercase;
		    color: #333333;
		    font-size: 16px;
		    margin-bottom: 12px;
		}
		.duct2 {
		    font-size: 22px;
		    color: #333333;
		    margin-bottom: 18px;
		}
		.ductWord p {
		    line-height: 34px;
		    text-align: center;
		    font-size: 16px;
		    color: #888888;
		}
		.ductWord {
		    min-height: auto;
		    margin-bottom: 20px;
		}
		.ductA {
		    width: 185px;
		    height: 48px;
		    text-align: center;
		    line-height: 48px;
		    border-radius: 25px;
		    background: #fff;
		    font-size: 18px;
		    color: rgb(51,51,51);
		    margin-top: 35px;
		}
		.pubw1 {
		    text-transform: uppercase;
		    font-size: 20px;
		    text-align: center;
		}
		.withTit {
		    padding-top: 30px;
		    padding-bottom: 30px;
		}
		.withTit p {
		    font-size: 22px;
		    color: rgb(51, 51, 51);
		    line-height: 30px;
		}
		.With>p {
		    border: 1px solid rgb(230,230,230);
		    padding: 14px;
		    margin-right: 2%;
		    margin-bottom: 2%;
		    width: 32%;
		}
		.With>p:nth-child(3n+3){
			margin-right: 0;
		}
		.With {
		    display: flex;
		    flex-wrap: wrap;
		    margin-bottom: 30px;
		}
		.needBg {
		    background: url(../images/blue.jpg);
		    background-repeat: no-repeat;
		    background-size: cover;
		    padding: 35px 0 45px 0;
		}
		.needTit {
		    color: #fff;
		    text-align: center;
		    font-weight: 600;
		    margin-bottom: 30px;
		    letter-spacing: 1px;
		    font-size: 22px;
		}
		.Need {
		    display: inherit;
		    align-items: center;
		    /* justify-content: space-between; */
		}
		.needSame>p:nth-child(4) {
		    font-size: 25px;
		    color: #fff;
		    font-family: BIN;
		    margin-bottom: 25px;
		}
		.needSame {
		    display: flex;
		    flex-direction: column;
		    align-items: center;
		    justify-content: center;
		    width: 100%;
		}
		.needSame>p:nth-child(2) {
		    font-size: 18px;
		    color: rgba(255, 255, 255, 0.9);
		    letter-spacing: 1px;
		    margin-top: 15px;
		    margin-bottom: 10px;
		}
		.needSame>p:nth-child(3) {
		    color: rgba(255, 255, 255, 0.8);
		    letter-spacing: 1px;
		    font-size: 15px;
		    margin-bottom: 15px;
		}
		.footer {
		    padding: 35px 0;
		    display: inherit;
		}
		.footLogo {
		    display: inherit;
		    align-items: center;
		}
		.footLogo p {
		    color: rgb(102, 102, 102);
		    font-size: 15px;
		    line-height: 27px;
		    padding-left: 0;
		    width: 95%;
		    margin-top: 15px;
			margin-left: 5%;
			display: none;
		}
		.footFlex {
		    display: inherit;
		    /* flex-direction: column; */
		    /* align-items: center; */
		    justify-content: space-between;
		    padding: 20px 5px;
		}
		.ressVide>p:nth-child(1) {
		    color: #888888;
		    font-size: 15px;
		    margin-bottom: 9px;
		}
		.ressVide>p:nth-child(2) {
		    color: #333333;
		    font-size: 15px;
		    margin-bottom: 14px;
		    line-height: 1.5;
		}
		.footEwm{
			display: none;
		}
		.footLogo img {
		    margin-left: 0;
		}
		
		.footer {
		    padding: 30px 0 18px 0;
		    display: inherit;
		}
		.footLink{
			display: none;
		}
		.footBottom {
		    padding: 16px 0;
		    border-top: 1px solid rgb(238, 238, 238);
		    color: #888888;
		    font-size: 15px;
		    display: inherit;
		    align-items: center;
		    justify-content: space-between;
		    line-height: 1.4;
		}
		.footWap{
			margin-top: 5px;
		}
		.footWap a {
		    padding: 0 15px;
		    font-size: 15px;
		    color: #888888;
		    line-height: 18px;
		    display: inline-block;
		}
		.footWap a:first-child{
			padding-left: 0;
		}
		
}

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