@charset "utf-8";
/* CSS Document */
@media (max-width: 1600px){
	.bootomTel>ul {
		margin-left: 8%;
	}
	.bottomNav>ul>li {
		margin-left: 8%;
	}
	.dsList>ul>.liWidth3>div{
		width: 190px;
		height: 190px;
		border-width: 30px;
	}
	.dsList>ul>li.liWidth3>div>img{
		padding-top: 14px;
		margin: 0 auto;
	}
	.fxStructure>p>img{
		width: 100%;
	}
	.coverageTitle{
		width: 10%;
	}
	.coverageCitys{
		width: 90%;
	}
}
@media (max-width: 1440px){
	.navBar>ul>li>a{
		margin: 0 20px;
	}
	.project{
		height: 550px;
	}
	.brandLogo{
		width: 180px;
		height: 180px;
		margin-left: -90px;
	}
	.honorList>ul>li{
		width: calc(100% / 3);
	}
	.InfoMap{
		height: 330px !important;
	}
	.dsList>ul>.liWidth3>div{
		width: 190px;
		height: 190px;
		border-width: 30px;
	}
	.dsList>ul>li.liWidth3>div>img{
		padding-top: 14px;
		margin: 0 auto;
	}
	.dsList>ul>li>div{
		width: 130px;
		height: 130px;
	}
	.dsList>ul>li>div>img{
		margin: 0 auto;
	}
	.dsImg>img {
		margin-top: 15%;
	}
	.dsDetail>p{
		display: -webkit-box;
    	-webkit-box-orient: vertical;
    	-webkit-line-clamp: 5;
    	overflow: hidden;
	}
	.featureList>ul>li>div{
		width: 70px;
		height: 70px;
	}
	.block5>ul>li>div{
		width: 100px;
	}
	.block5>ul>li>p{
		padding: 0 20px;
	}
	.aboutContent>p {
		-webkit-line-clamp: 6;
	}
	.coverageTitle{
		width: 12%;
	}
	.coverageCitys{
		width: 88%;
	}
}
@media (max-width: 1280px){
	.navBar>ul>li>a{
		font-size: 16px;
	}
	.logo{
		margin-left: 70px;
	}
	.topTel{
		margin-right: 70px;
	}
	.sceneList>ul>li>a>h4{
		font-size: 16px;
	}
	.sceneList>ul>li>a>h4>p{
		font-size: 18px;
	}
	.dsList>ul>.liWidth3>div{
		width: 180px;
		height: 180px;
		border-width: 22px;
	}
	.dsList>ul>li.liWidth3>div>img{
		display: block;
		width: 65%;
		padding-top: 10px;
		margin: 0 auto;
	}
	.dsList>ul>li>div{
		width: 110px;
		height: 110px;
	}
	.dsList>ul>li>div>img{
		display: block;
		width: 100%;
		margin: 0 auto;
	}
	.dsImg>img {
		margin-top: 25%;
	}
	.blockBg{
		min-width: auto;
	}
	.partnerLogo>ul>li{
		width: calc(100% / 3);
	}
	.coverageTitle{
		width: 14%;
	}
	.coverageCitys{
		width: 86%;
	}
}
@media (max-width: 768px){
	.header{
		height: 66px;
	}
	.logo{
		margin-left: 10px;
		position: relative;
		z-index: 99999;
	}
	.logo>a>img{
		width: 80%;
	}
	.topTel>span,.close>span{
		display: none;
	}
	.close{
		width: 40px;
		height: 40px;
		background: url(../images/colse.png) no-repeat left center;
		position: fixed;
		right: 3%;
		margin-right: 0;
		z-index: 999999;
		background-size: 100%;
	}
	.topTel{
		width: 40px;
		background: url(../images/menuIcon.png) no-repeat left center;
		position: fixed;
		right: 3%;
		margin-right: 0;
		z-index: 999999;
		background-size: 100%;
	}
	.navBar{
		margin-left: 0;
		margin-right: 0;
		width: 100%;
		height: 100%;
		background-color: #163b6f;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 99;
		display: none;
	}
	.navBar>ul{
		display: block;
	}
	.navBar>ul>li{
		height: auto;
		line-height: auto;
	}
	.navBar>ul>li>a{
		display: block;
		height: 60px;
		line-height: 60px;
		margin: 0;
		padding: 0 5%;
		color: #fff;
	}
	.navBar>ul>li:first-child{
		display: block;
		text-indent: -9999px;
		height: 66px;
		background-color: #fff;
	}
	/*.navBar>ul>li:first-child>a{
		display: block;
		content: "";
		background-image: url(../images/colse.png);
		background-position: right center;
		background-repeat: no-repeat;
		background-size: 10%;
		text-indent: -9999px;
		position: relative;
		right: 3%;
		height: 66px;
		opacity: .7;
	}*/
	.subNav{
		display: block;
		background: none;
		position: inherit;
		height: auto;
	}
	.subNav > ul{
		display: flex;
		flex-wrap: wrap;
		justify-content:inherit;
		padding: 0 5%;
	}
	.subNav > ul > li{
		width: calc(50% - 10px);
		height: 38px;
		line-height: 38px;
		text-align: center;
		margin: 0;
		border:solid 1px rgba(255, 255, 255, .5);
		box-sizing: border-box;
		margin-bottom: 20px;
		border-radius: 3px;
	}
	.subNav > ul > li:nth-child(2n){
		margin-left: 20px;
	}
	.subNav > ul > li > a{
		color: #fff;
		font-size: 14px;
		opacity: .6;
		display: block;
	}
	.navBar > ul > li > a:hover{
		color: #fff;
	}
	.subNav > ul > li:hover a {
		color: #fff;
		opacity: .6;
	}
	.banner,.infoBanner{
		margin-top: 66px;
	}
	#banner{
		min-width: auto;
	}
	#bannerBtn{
		bottom: 10px;
	}
	.scene {
		padding: 0 3%;
	}
	.sceneList>ul>li.sceneW1,
	.sceneList>ul>li.sceneW4{
		width: 100%;
	}
	.sceneList>ul>li.sceneW2,
	.sceneList>ul>li.sceneW3{
		width: 48.5%;
		margin-bottom: 3%;
	}
	.sceneList>ul>li.sceneW2{
		margin-left: 0;
	}
	.sceneList>ul>li.sceneW3{
		margin-right: 0;
		margin-left: 3%;
	}
	.sceneList>ul>li>a>h4{
		margin-left: 20px;
		bottom: 20px;
	}
	.sceneList>ul>li>a>h4>p{
		font-size: 16px;
	}
	.project{
		min-width: auto;
		height: auto;
		background:#163b6f ;
	}
	.projectTitle{
		padding: 0 3%;
	}
	.projectTitle>h4{
		font-size: 24px;
		padding-top: 15%;
	}
	.projectTitle>p{
		padding-top: 3%;
		line-height: 2;
		font-size: 15px;
		opacity: .7;
	}
	.projectTab{
		padding: 0 3%;
		display: block;
	}
	.projectList{
		width: 100%;
		border-right:0 ;
	}
	.projectList>ul{
		display:flex;
	}
	.projectList>ul>li{
		width: 20%;
		font-size: 15px;
		border-radius: 0;
	}
	.projectText{
		width: 100%;
		margin-left: 0;
	}
	.projectText .item>h4{
		font-size: 22px;
		text-align: center;
	}
	.projectText .item>p{
		font-size: 14px;
		opacity: .7;
	}
	.projectText .item>ul{
		width: 100%;
		padding-bottom: 15%;
	}
	.projectText .item>ul>li{
		width: 25%;
		margin-right: 0;
		margin-bottom: 5%;

	}
	.projectText .item>ul>li img{
		width: 42%;
	}
	.projectText .item>ul>li p{
		text-align: center;
		opacity: .7;
	}
	.case{
		margin-top: 2%;
		padding: 0 3%;
	}
	.title{
		font-size: 24px;
		height: 110px;
		line-height: 110px;
	}
	.title:before{
		top:80px;
	}
	.caseList>ul>li>a h4{
		font-size: 16px;
		margin-top: 15px;
	}
	.caseList>ul>li>a p{
		font-size: 14px;
		margin-top: 8px;
	}
	.news{
		padding: 0 3%;
	}
	.newsList>ul>li{
		width: calc(50% - 10px);
		margin-right: 0;
	}
	.newsList>ul>li:nth-child(2n){
		margin-left: 20px;
	}
	.newsList>ul>li>a>h4{
		font-size: 17px;
	}
	.news,.case{
		padding-bottom: 15%;
	}
	.more{
		margin: 0 auto;
		margin-top: 8%;
		height: 46px;
		line-height: 46px;
	}
	.footer{
		display: block;
		padding: 50px 3%;
	}
	.bottomLogo{
		width: 100%;
	}
	.logoImg{
		display: none;
	}
	.logoImg>a>img{
		width: 55%;
		margin: 0 auto;
	}
	.bootomTel{
		width: 100%;
		margin-top: 15%;
	}
	.bootomTel>ul{
		margin-left: 5%;
	}
	.bootomTel>ul>li>h4{
		font-size: 20px;
	}
	.bootomTel>ul>li>p{
		font-size: 15px;
		margin: 5% 0;
	}
	.bottomNav{
		display: none;
	}
	.copyright{
		padding: 5% 3%;
		font-size: 12px;
	}
	.copyright>p,.copyright>p>a{
		font-size: 12px;
	}
	.block1{
		padding: 6% 3%;
	}
	.dsDetail>h4,.block6>h4{
		font-size: 24px;
	}
	.dsDetail>h4{
		padding-top: 5%;
	}
	.dsDetail>p{
		width: 100%;
		line-height: 2;
	}
	.dsImg{
		display: none;
	} 
	.dsDetail{
		width: 100%;
	}
	.featureList{
		padding: 0 3%;
	}
	.featureList>ul>li{
		width: 25%;
	}
	.featureList>ul>li>div{
		width: 58px;
		height: 58px;
	}
	.featureList>ul>li>p{
		font-size: 14px;
	}
	.block5>ul>li{
		width: 50%;
		margin-bottom: 5%;
	}
	.block5{
		padding: 8% 3% 5% 3%;
	}
	.block5>ul>li>h4{
		font-size: 18px;
	}
	.block5>ul>li>div{
		width: 80px;
	}
	.block5>ul>li>p{
		font-size: 14px;
	}
	.block6{
		padding: 0 3%;
	}
	.block6>ul>li>div>div{
		font-size: 18px;
	}
	.block2{
		padding: 6% 3%;
	}
	.block2>h4{
		font-size: 24px;
	}
	.block2>p{
		line-height: 2;
	}
	.dsList{
		padding: 0 3%;
	}
	.dsList>ul{
		margin-top: 20px;
	}
	.dsList>ul>li,.dsList>ul>li.liWidth3{
		width: 25%;
	}
    .dsList>ul>li.liWidth3{
		display: none;
	}
	.dsList>ul>li>div{
		width: 66px;
		height: 66px;
	}
	.dsList>ul>li>div{
		border: 5px solid #c2caf1;
	}
	.dsList>ul>li>p{
		font-size: 14px;
		padding-top: 12px;
	}
	.block3{
		padding: 0 3%;
	}
	.block3>ul>li>div>img{
		width: 80%;
	}
	.block3>ul>li>p{
		font-size: 14px;
		padding-top: 15px;
	}
	.block4{
		padding: 0 3%;
		margin-bottom: 48px;
	}
	.block4>h4{
		font-size: 24px;
		padding-top: 5%;
	}
	.block4>ul{
		margin-top: 25px;
	}
	.block4>ul>li{
		width: 25%;
	}
	.block4>ul>li>div>p{
		font-size: 14px;
	}
	.trait{
		padding: 0;
		margin-top: 30px;
	}
	.trait>ul>li{
		width: calc(50% - 10px);
		margin: 0;
	}
	.trait>ul>li:nth-child(2n){
		margin-left: 20px;
	}
	.fxIcon>img{
		width: 80px;
	}
	.trait>ul>li>h4{
		font-size: 17px;
	}
	.trait>ul>li>.fzText>p{
		font-size: 14px;
	}
	.trait>ul>li>.fzText{
		min-height: 170px;
		margin-bottom: 20px;
	}
	.znh{
		margin-top: 40px;
		padding: 0 3%;
	}
	.znh>h4{
		width: 100%;
		text-align: center;
		font-size: 24px;
	}
	.znh>p{
		width: 100%;
		text-align: center;
		font-size: 14px;
		margin-bottom: 40px;
	}
	.znh>ul>li{
		width: calc(50% - 6px);
		margin-bottom: 12px;
	}
	.znh>ul>li:nth-child(2n){
		transform: translateY(0px);
		margin-left: 12px;
	}
	.znh>ul>li>a>.znhImg>p{
		font-size: 16px;
		height: 40px;
    	line-height: 40px;
		position: inherit;
	}
	.Pages2{
		padding-top: 0px;
	}
	.pageinfo>span, .pageinfo>a{
		padding: 8px 14px;
	}
	.pageinfo>a{
		display: none;
	}
	.pageinfo>a.pagetext{
		display: inline-block;
	}
	.case>h4{
		width: 100%;
		font-size: 24px;
		text-align: center;
		margin-top: 40px;
	}
	.case>p{
		width: 100%;
		font-size: 16px;
		text-align: center;
		margin-top: 15px;
	}
	.case>p>span{
		font-size: 26px;
	}
	.infoCaseList{
		padding-bottom: 0;
	}
	.infoCaseList>ul{
		margin-bottom: 40px;
	}
	.infoCaseList>ul>li{
		width: calc(50% - 6px);
		margin-left: 0;
	}
	.infoCaseList>ul>li:nth-child(2n){
		margin-left: 12px;
	}
	.travelTitle{
		padding: 0 3%;
	}
	.travelTitle>h4{
		padding-top: 40px;
		font-size: 24px;
	}
	.frame{
		padding: 0 3%;
		margin-top: 40px;
	}
	.frame>ul>li{
		width: 50%;
		margin-bottom: 15px;
	}
	.frame>ul>li:nth-child(5){
		width: 100%;
	}
	.frame>ul>li>div{
		width: 92%;
		min-height:auto;
	}
	.frame>ul>li:nth-child(5) >div{
		width: 96%;
	}
	.frame>ul>li>div>h4{
		font-size: 16px;
	}
	.sublevel>p{
		font-size: 14px;
	}
	.frameSystem{
		margin-top: 40px;
		padding: 0 3% 12% 3%;
	}
	.frameSystem>h4{
		padding-top: 40px;
		font-size: 24px;
	}
	.frameSystem>p{
		line-height: 2;
	}
	.frameList>ul>li>div{
		width: 88px;
		height: 88px;
		border-radius: 6px;
	}
	.frameList>ul>li>div>h4{
		font-size: 15px;
	}
	.frameList>ul>li>div>h4>span{
		font-size: 32px;
	}
	.frameList{
		margin-top: 40px;
	}
	.frameText>img{
		width: 66px;
	}
	.frameText>h4{
		font-size: 16px;
	}
	.frameDetail>p{
		width: 100%;
		font-size: 15px;
	}
	.treePlatform>li>div{
		width: 100px;
		height: 100px;
	}
	.ptIcon>img{
		width: 68%;
		margin: 0 auto;
	}
	.treePlatform>li>p{
		padding-top: 15px;
		font-size: 14px;
	}
	.PlatformList>ul>li{
		width: calc(100% / 3);
	}
	.PlatformList>ul>li>div{
		width: 90%;
		font-size: 14px;
	}
	.value{
		padding: 15% 3%;
	}
	.value>h4{
		font-size: 24px;
	}
	.value>ul{
		margin-top: 30px;
	}
	.value>ul>li{
		width: calc(100% / 3);
		margin-bottom: 20px;
	}
	.value>ul>li>div{
		width: 90px;
		height: 90px;
	}
	.value>ul>li>h4{
		font-size: 15px;
		line-height: 2;
		margin-top: 12px;
	}
	.aboutContent{
		display: block; 
		padding: 0 3%; 
	}
	.aboutContentImg{
		width: 100%;
	}
	.aboutContent>p{
		width: 100%;
		margin: 20px 0 0 0;
	}
	.aboutNumber{
		margin-top: 40px;
	}
	.aboutNumber>ul>li>h4{
		font-size: 32px;
	}
	.aboutNumber>ul>li>p{
		font-size: 15px;
	}
	.brandList{
		padding: 0 3%;
		margin-top: 15%;
		margin-bottom: 40px;
	}
	.brandLogo{
		width: 120px;
		height: 120px;
		top: -60px;
    	margin-left: -60px;
	}
	.brandList>ul>li{
		width: 48%;
		margin: 0 2%;
		padding-bottom: 8%;
	}
	.brandList>ul>li>h4{
		width: 92%;
		min-height: 90px;
		font-size: 16px;
		margin-top: 20px;
	}
	.brandList>ul>li>p{
		padding: 0 8%;
		margin-top: 0;
		font-size: 15px;
	}
	.partnerBg{
		padding-bottom: 40px;
	}
	.partner{
		padding: 0 3%;
	}
	.partnerLogo>ul>li{
		width: 50%;
	}
	.infoHonor{
		padding: 0 3%;
	}
	.honorList>ul>li{
		width: 50%;
	}
	.infoContact{
		display: block;
		padding: 8% 3%;
	}
	.contactText{
		width: 100%;
	}
	.map{
		width: 100%;
		padding: 0;
		margin-top: 20px;
	}
	.newsList{
		margin-bottom: 40px;
	}
	.more>a{
		font-size: 16px;
	}
	.siteMap{
		padding: 25px 0;
	}
	.infoDetail{
		padding: 0 3%;
	}
	.infoDetail>h1{
		font-size: 22px;
		line-height: 1.8;
		padding-bottom: 20px;
	}
	.info_time, .info_time span{
		font-size: 14px;
	}
	.showContent img{
		display: block;
		width: 100%;
	}
	.siteMap>span,.siteMap>a{
		font-size: 14px;
	}
	.dsj{
		padding: 0 3%;
	}
	.dsj>h4{
		margin-top: 40px;
		font-size: 24px;
	}
	.dsj>p{
		font-size: 16px;
		margin-bottom: 15px;
	}
	.dsjText{
		font-size: 15px;
		color: #666;
	}
	.sjIcon{
		width: 70px;
		height: 70px;
	}
	.dslDetail>ul>li>h4{
		font-size: 16px;
		margin-top: 15px;
	}
	.dslDetail>ul>li>p{
		padding: 0 8%;
		font-size: 14px;
	}
	.advBg{
		padding: 10% 0 10% 0;
	}
	.adv{
		padding: 0 3%;
	}
	.adv>h4{
		font-size: 24px;
		padding-bottom: 20px;
	}
	.adv>ul>li{
		width: calc(25% - 15px);
		margin-right: 20px;
		margin-bottom: 10px;
	}
	.adv>ul>li:nth-child(4n){
		margin-right: 0;
	}
	.adv>ul>li>div{
		height: auto;
	}
	.adv>ul>li>div>img{
		width: 90%;
	}
	.adv>ul>li>p{
		font-size: 14px;
	}
	.systemUI>h4{
		font-size: 24px;
	}
	.systemUI{
		padding: 6% 3%;
	}
	.systemUI>ul>li{
		width: calc(50% - 6px);
		margin-right: 12px;
		margin-top: 12px;
	}
	.systemUI>ul>li:nth-child(2n){
		margin-right: 0;
	}
	.systemUI>ul>li:nth-child(3n){
		margin-right: auto;
	}
	.coverage{
		display: block;
		padding: 6% 3%;
	}
	.coverageTitle>span{
		padding-left: 6%;
	}
	.coverageTitle{
		width: 100%;
	}
	.coverageCitys{
		width: 100%;
		flex-wrap: wrap;
	}
	.coverageCitys>a{
		width: 20%;
		margin-top: 15px;
		font-size: 15px;
		text-align: center;
	}
}