@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 1600px){
	.HeadNav ul>li.one ol{
		text-align: left;
		padding-left: 12%;
	}
	.HeadNav ul>li.one:nth-child(2) ol{
		padding-left: 27%;
	}
	.HeadNav ul>li.one:nth-child(3) ol{
		padding-left: 42.5%;
	}
}
@media screen and (max-width: 1440px){
	.HeadNav ul>li.one ol{
		text-align: left;
		padding-left: 7.5%;
	}
	.HeadNav ul>li.one:nth-child(2) ol{
		padding-left: 24.5%;
	}
	.HeadNav ul>li.one:nth-child(3) ol{
		padding-left: 41.5%;
	}
}
@media screen and (max-width: 1200px){
	.pcHeader{
		width: 100%;
		padding-left: 10px;
	}
	.pcHeader .pcNav > li{
		width: 114px;
	}
	.GangYuan{
		width: 100%;
		padding: 0 2%;
	}
	.NewCenter{
		width: 100%;
		padding: 0 2%;
	}
	.Design{
		width: 100%;
		padding: 0 2%;
	}
	.OurHonor{
		width: 100%;
		padding: 40px 2% 50px 2%;
	}
	.FriendLink{
		width: 100%;
		padding: 0 2%;
	}
	.pcFooter{
		width: 100%;
		padding: 0 2%;
	}
	.phfoot{
		width: 100%;
		padding: 0 2%;
	}
	.HeadNav ul{
		width: 100%;
		padding: 0 2%;
	}
	.HeadNavList ul{
		width: 100%;
		padding: 0 2%;
	}
	.AboutShuo{
		width: 100%;
		padding: 0 2%;
	}
	.AboutShuo .CompanyTre .left{
		width: 100%;
		padding: 4% 5%;
	}
	.AboutShuo .CompanyTre .right{
		width: 100%;
	}
	.BlueWhiteDragon dl{
		width: 100%;
		padding: 0 2%;
	}
	.BlueWhiteDragon dl dd{
		padding-top: 0%;
	}
	.CompanyTreS{
		width: 100%;
		padding: 3% 2%;
	}
	.CompanyAddress{
		width: 100%;
		padding: 0 2%;
	}
	.CompanyErwm dl{
		margin-left: 25px;
	}
	.ByBusWay{
		width: 100%;
		padding: 0 2%;
	}
	.BusBox > div{
		min-height: 550px;
	}
	.ByCarWay{
		width: 100%;
		padding: 0 2%;
	}
	.ByMapWay{
		width: 100%;
		padding: 0 2%;
	}
	.FenCompany{
		width: 100%;
		padding: 0 2%;
	}
	.Corporate{
		width: 100%;
		padding: 0 2%;
	}
	.Culture{
		width: 100%;
		padding: 0 2%;
	}
	.Enterprise{
		width: 100%;
		padding: 0 2%;
	}
	.Certificate{
		width: 100%;
		padding: 0 2%;
	}
	.BookShoWindow{
		width: 100%;
		padding: 0 2%;
	}
	.Layout dl{
		width: 100%;
		padding: 0 2%;
	}
	.CaseWindow{
		width: 100%;
		padding: 0 2%;
	}
	.Presence{
		width: 100%;
		padding: 0 2%;
	}
	.resources{
		width: 100%;
		padding: 0 2%;
	}
	.HonorBoxs{
		width: 100%;
		padding: 0 2%;
	}
	.new-Carousel{
		width: 100%;
		padding: 0 2%;
	}
	.NewCenterList{
		width: 100%;
		padding: 0 2%;
	}
	.BookShoWindow2 > img{
		display: block;
		width: 90%;
	}
	.HeadNav ul>li.one ol{
		text-align: left;
		padding-left: 2%;
	}
	.HeadNav ul>li.one:nth-child(2) ol{
		padding-left: 21%;
	}
	.HeadNav ul>li.one:nth-child(3) ol{
		padding-left: 40.5%;
	}
}

@media screen and (max-width: 960px){
	.pcHeader{
		display: none;
	}
	.phHeader{
		display: block;
	}
	.Carousel .Prev{
		display: none;
	}
	.Carousel .Next{
		display: none;
	}
	.GangYuan{
		width: 100%;
		padding: 0 5%;
	}
	.NewCenter{
		width: 100%;
		padding: 0 5%;
	}
	.NewCenter .left{
		width: 35%;
	}
	.NewCenter .center{
		width: 65%;
	}
	.NewCenter .right{
		width: 100%;
	}
	.Design{
		width: 100%;
		padding: 0 5%;
	}
	.FriendLink h3{
		width: 100%;
	}
	.FriendLink  .Carousel-3{
		width: 100%;
	}
	.pcFooter{
		display: none;
	}
	.phFooter{
		margin-top: 0;
	}
	.HeadNav{
		display: none;
	}
	.BlueWhiteDragon dl{
		padding: 0 5%;
	}
	.BlueWhiteDragon dl dt{
		width: 100%;
	}
	.BlueWhiteDragon dl dd{
		width: 100%;
		margin-top: 20px;
	}
	.CompanyTreS dl{
		margin-top: 30px;
	}
	.CompanyTreS dl dt{
		width: 100%;
	}
	.CompanyTreS dl dd{
		width: 100%;
		margin-top: 20px;
		padding: 0 2%;
	}
	.CompanyName{
		width: 100%;
	}
	.CompanyErwm{
		width: 100%;
		text-align: center;
	}
	.CompanyErwm dl{
		margin: 0 20px;
		margin-top: 40px;
	}
	.BusBox > div{
		width: 100%;
		min-height: 300px;
	}
	.BusBox > div p{
		margin: 0 5%;
	}
	.FenGsBox .FenGs{
		width: 49%;
		margin-right: 2%;
	}
	.FenGsBox .FenGs:nth-child(3n){
		margin-right: 2%;
	}
	.FenGsBox .FenGs:nth-child(2n){
		margin-right: 0;
	}
	.Culture dl{
		min-height: 350px;
	}
	.BookShoWindow>img{
		width: 80%;
	}
	.Carousel5 .prev{
		width: 60px;
	}
	.Carousel5 .next{
		width: 60px;
	}
	.Carousel5{
		padding: 0 78px;
	}
	.resources ul>li .look a{
		margin-top: 37%;
	}
	.NewCenterList{
		padding: 0 3%;
	}
	.NewCenterList .NewPage{
		width: 48%;
		margin-right: 4%;
	}
	.NewCenterList .NewPage:nth-child(3n){
		margin-right: 4%;
	}
	.NewCenterList .NewPage:nth-child(2n){
		margin-right: 0;
	}
	.threeNav{
		display: block;
	}
}

@media screen and (max-width: 760px){
	.GangYuan > div{
		width: 50%;
	}
	.GangYuan .ewmBox{
		text-align: center;
		width: 100%;
		margin-top: 5px;
	}
	.GangYuan .ewmBox img{
		margin: 0 15px;
	}
	.GangYuan .ntLine{
		text-align: right;
	}
	.ChangePage ul{
		width: 100%;
	}
	.ChangePage p{
		width: 100%;
		text-align: left;
		margin-top: 20px;
	}
	.CaseShowList dl{
		width: 50%;
	}
	.Presence{
		width: 100%;
		padding: 0 5%;
	}
	.Presence dl dt{
		width: 100%;
		line-height: 100%;
	}
	.Presence dl dd{
		position: static;
		width: 100%;
		margin-top: 0;
		float: left;
	}
	.CaseShowList2 dl{
		width: 50%;
		min-height: auto;
	}
	.CaseShowList2 dl.big{
		width: 100%;
	}
	.CaseShowList2 dl dt img{
		display: block;
		width: 100%;
		height: auto;
	}
	.ShowBigPic{
		width: 90%;
	}
}

@media screen and (max-width: 600px){
	.phHeader{
		height: 60px;
	}
	.phHeader .logo{
		width: 40%;
		line-height: 60px;
	}
	.phHeader .logo img{
		width: 100%;
	}
	.phHeader .mBtn{
		margin-top: 20px;
	}
	.phHeader .phNav > li dt{
		font-size: 16px;
	}
	.phHeader .phNav > li dt a span{
		font-size: 12px;
	}
	.GangYuan > div{
		width: 100%;
	}
	.GangYuan .Sear{
		width: 100%;
	}
	.GangYuan .ntLine{
		float: left;
		width: 65%;
		text-align: left;
	}
	.GangYuan .ewmBox{
		float: right;
		width: 35%;
		line-height: 85px;
	}
	.GangYuan .ewmBox img{
		margin: 0 0px;
		width: 50px;
	}
	.NewCenter .left{
		width: 100%;
	}
	.NewCenter .left{
		padding: 0 7%;
	}
	.NewCenter .left h2{
		margin-top: 30%;
	}
	.NewCenter .center{
		width: 100%;
		padding: 0 5%;
	}
	.Design dl{
		width: 48%;
		margin-right: 4%;
		margin-top: 20px;
	}
	.Design dl:nth-child(2n){
		margin-right: 0;
	}
	.OurHonor .Left{
		width: 100%;
		padding:  0 5%;
	}
	.OurHonor .Carousel-2{
		width: 100%;
		padding: 0 7%;
		margin-top: 30px;
	}
	.phfoot{
		padding-bottom: 15px;
	}
	.phfoot p{
		width: 100%;
		text-align: center;
		line-height: 36px;
		font-size: 12px;
	}
	.phfoot .fenXiang{
		width: 100%;
		text-align: center;
		line-height: 36px;
	}
	.AboutShuo .CompanyTre .left{
		width: 100%;
		padding: 7%;
	}
	.BlueWhiteDragon dl{
		padding: 5%;
	}
	.CompanyTreS{
		padding: 5% 5%;
	}
	.CompanyAddress{
		padding: 0 5%;
	}
	.ByMapWay div p{
		width: 100%;
		margin-right: 0;
	}
	.FenCompany{
		width: 100%;
		padding: 0 5%;
	}
	.FenGsBox .FenGs{
		width: 100%;
		margin-right: 0;
	}
	.Corporate{
		width: 100%;
		padding: 0 4%;
	}
	.CorporateBox dl{
		width: 100%;
	}
	.Culture{
		width: 100%;
		padding: 0 4%;
	}
	.Culture dl{
		width: 100%;
		margin-right: 0;
		margin-top: 20px;
	}
	.Enterprise{
		width: 100%;
		padding: 0 4%;
	}
	.Enterprise dl{
		margin-top: 7px;
	}
	.Enterprise dl dt{
		width: 100%;
	}
	.Enterprise dl dd{
		width: 100%;
	}
	.Enterprise dl dd img{
		margin-top: 7px;
	}
	.Enterprise dl dd img:first-child{
		margin-top: 7px;
	}
	.Certificate{
		padding: 0 5%;
	}
	.BooksBox dl{
		width: 100%;
		margin-right: 0%;
	}
	.NumberBox a{
		width: 24px;
		line-height: 24px;
		height: 24px;
	}
	.NumberBox span{
		width: 24px;
		line-height: 24px;
		height: 24px;
	}
	.NumberBox a.a1{
		width: 52px;
		line-height: 24px;
		height: 24px;
		font-size: 12px;
	}
	.BookShoWindow>img{
		width: 90%;
		margin: 0 auto;
		margin-top: 30px;
	}
	.ChangePage{
		margin-top: 50px;
	}
	.BookShoWindow{
		margin-top: 40px;
	}
	.Layout{
		background-size: auto 100%;
	}
	.Layout dl{
		padding: 0 5%;
		padding-bottom: 30px;
	}
	.Layout dl dt{
		width: 100%;
		line-height: 100%;
		margin: 20px auto;
	}
	.Layout dl dd{
		width: 100%;
		min-height: auto;
		padding-bottom: 30px;
	}
	.Layout dl dd h2{
		margin-top: 10%;
	}
	.CaseWindow{
		padding: 0 5%;
	}
	.CaseShowList dl{
		width: 100%;
	}
	.Carousel5 .prev{
		width: 30px;
	}
	.Carousel5 .next{
		width: 30px;
	}
	.Carousel5{
		padding: 0 48px;
	}
	.resources ul{
		padding-top: 30px;
	}
	.resources ul>li{
		height: 50px;
		margin-top: 30px;
	}
	.resources ul>li h2{
		width: 100%;
		height: 50px;
		line-height: 50px;
		padding-left: 10%;
		text-align: left;
	}
	.resources ul>li h2 em{
		display: block;
		margin-right: 10%;
	}
	.resources ul>li h2:after{
		display: none;
	}
	.resources ul>li p{
		display: none;
		width: 100%;
		background: #f4f4f4;
		height: auto;
		padding: 10px 0;
		margin-bottom: 20px;
	}
	.resources ul>li p span{
		width: 50%;
	}
	.resources ul>li .look{
		display: none;
	}
	.resources ul>div{
		background: #e9e9e9;
	}
	.resources{
		padding: 0 5%;
		margin-top: 0;
	}
	.HonorBoxs dl{
		width: 100%;
		margin-right: 0;
	}
	.HotNewsCenter{
		padding: 30px 0 50px 0;
		margin-top: 0;
		background: none;
	}
	.new-Carousel{
		padding: 0 5%;
	}
	.Carousel-6{
		width: 100%;
		margin-top: 20px;
	}
	.Carousel-7{
		width: 100%;
	}
	.NewCenterList{
		padding: 0 5%;
	}
	.NewCenterList .NewPage{
		width: 100%;
		padding: 10px 5% 30px 5%;
		margin-right: 0;
	}
	.threeNav li{
		width: 49%;
		margin-right: 2%;
	}
	.threeNav li:nth-child(4n){
		margin-right: 2%;
	}
	.threeNav li:nth-child(2n){
		margin-right: 0;
	}
	.CaseShowList2 dl{
		width: 100%;
		min-height: 300px;
	}
	.CaseShowList2 dl dt img{
		height: 100%;
		width: auto;
	}
	.CaseShowList2 dl .Mask a span.cn{
		margin-top: 40%;
	}
	.CaseShowList2 dl.big .Mask a span.cn{
		margin-top: 40%;
	}
	.OurHonor .Left p{
		width: 50%;
		float: left;
	}
	.OurHonor .Left .en{
		float: right;
		margin-top: 0px;
		width: 50%;
		text-align: right;
	}
	.OurHonor .Left .more{
		float: right;
	}
	.FriendLink h3{
		padding: 15px 0;
		padding-left: 15px;
		line-height: 20px;
	}
	.FriendLink h3 span{
		display: inline-block;
		margin-left: 15px;
		margin-top: 0;
		font-size: 20px;
		line-height: 20px;
	}
	.FriendLink  .Carousel-3{
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.ShowBigPic{
		padding: 5px;
		width: 100%;
	}
	.SmallPicBox{
		padding: 0 35px;
	}
	.SmallPicBox .prev{
		width: 30px;
	}
	.SmallPicBox .next{
		width: 30px;
	}
	.SmallPicBox ul li{
		padding: 2px;
	}
}

@media screen and (max-width: 414px){
	.Design dl{
		width: 100%;
		margin-right: 0;
	}
}

@media screen and (max-width: 320px){
	.GangYuan .ntLine{
		float: left;
		width: 70%;
		text-align: left;
	}
	.GangYuan .ewmBox{
		float: right;
		width: 30%;
		line-height: 85px;
	}
	.GangYuan .ewmBox img{
		margin: 0 0px;
		width: 40px;
	}
}