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

	.comdesc .comwrap{width: 100%; padding: 0 2%; }
	.comdesc .comwrap .text {width: calc(50% - 25px);}
	.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; }
	.comdesc .comwrap .text {display: block; width: 100%; margin: 0;}
	.comdesc .comwrap .pic {display: block; width: calc(100% - 30px); max-width: 710px; margin: 40px auto 0;}
	.comdesc .comwrap .text .subject-en {text-align:center; font-size:32px;}
	.comdesc .comwrap .text .subject {text-align:center; font-size:20px;}
	
	.comdesc .comwrap .text li img{width:80px; height:80px; float:left; margin-right:10px;}
	.comdesc .comwrap .text li .desc{width: calc(100% - 100px);}

	.Design{ width: 100%; padding: 0 5%; }
	.FriendLink h3{ width: 100%; }
	.FriendLink  .Carousel-3{ width: 100%; }
	
	.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%; margin: 0;}
	.CompanyErwm{ width: 100%;margin: 15px 0;}
	.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; }
	
	.pcFooter ul{padding: 0;} 
	.pcFooter ul li{ width:25%; margin-right:0;}
	.pcFooter ul li:last-child{width:25%; margin-right:0;}
	.pcFooter ul li i{float: none; margin: 0 auto; width: 50px; height: 50px; line-height: 45px; font-size: 28px;}
	.pcFooter ul li .wz{float: none; text-align: center;}
	.phFooter{ margin-top: 0; }
}

@media screen and (max-width: 760px){
	.idx_lxpnl .ntLine{width:100%; padding-top: 0;}
	.idx_lxpnl .ewmBox{display:none;}
	.ChangePage ul{ width: 100%; }
	.ChangePage p{ width: 100%; text-align: left; margin-top: 20px; }
	.CaseShowList dl{ width: 49%; }
	.CaseShowList dl:nth-child(even) {margin-right:0;}
	.CaseShowList dl:nth-child(odd) {margin-right:2%}
	.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%; }
	.CaseShowList2 dl dd{width: 50px;}
	.CaseShowList2 dl dd span{line-height: 50px;font-size:18px;}
	.CaseShowList2 dl dd i{left: 50px;}
	
	.NewCenter .left{ width: 100%; }
	.NewCenter .left{ padding: 15px; height: auto!important;}
	.NewCenter .center{ width: 100%; padding: 15px; }
	.NewCenter .center ul li {padding: 10px 0;}
	.bdsharebuttonbox {float:left!important;}
}

@media screen and (max-width: 600px){
	.phHeader{ height: 50px; }
	.phHeader .logo{ width: 40%; line-height: 50px; }
	.phHeader .logo img{ width: auto; max-height: 30px;}
	
	.phHeader .mBtn{ margin-top: 12px; }
	.phHeader .phNav > li dt{ font-size: 16px; }
	.phHeader .phNav > li dt a span{ font-size: 12px; }

	.yw_tit {margin-bottom: 10px;}
	.yw_tit span {font-size: 24px; line-height:30px}
	
	.Design dl{ width: 48%; margin-right: 4%; margin-top: 20px; }
	.Design dl:nth-child(2n){ margin-right: 0; }
	.OurHonor {width: 100%; padding: 40px 5% 50px 5%;}
	.OurHonor .Left{ width: 100%; position: relative; }
	.OurHonor .Left h2{width: 100%;}	
	.OurHonor .Left p{ width: 50%; float: left; display:none;}
	.OurHonor .Left .en{ float: right; margin-top: 0px; width: 50%; text-align: right; display:None;}
	.OurHonor .Left .more{position: absolute; top: -5px; right: 0;}
	.OurHonor .Carousel-2{ width: 100%; padding: 0 7%; margin-top: 30px; }
	
	.AboutShuo .CompanyTre .left{ width: 100%; padding: 7%; }
	.BlueWhiteDragon dl{ padding: 5%; }
	.CompanyTreS{ padding: 5% 5%; }
	.CompanyAddress{ padding: 0 5%; margin-top:25px; margin-bottom: 25px!important;}
	.CompanyName h2 {font-size: 20px;}
	.CompanyName h3 {font-size: 26px;}
	.CompanyName p {font-size: 14px;line-height: 30px; margin: 5px 0;}
	.CompanyName ul {margin-top: 15px;}
	.CompanyName ul li {font-size: 14px; margin-top: 10px; line-height: 30px;}
	.CompanyName ul li i {width: 24px;height: 24px; line-height: 24px;font-size: 14px; margin-right: 10px; margin-top: 4px;}
	.CompanyErwm img{max-width:100%;}
	.CompanyErwm iframe{max-height:300px;}
	
	.comdesc .comwrap .text li {width:100%;}
	.comdesc .comwrap .text li .desc p{line-height:22px;} 
	.comdesc .comwrap .text li .desc p.tit {line-height: 30px;}
	
	.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%; }
	.Decoration {padding:20px 0;}
	.CaseWindow{ padding: 0 5%; margin: 30px auto;}
	.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;max-height: 300px; }
	.CaseShowList2 dl .Mask a span.cn{ margin-top: 40%; }
	.CaseShowList2 dl.big .Mask a span.cn{ margin-top: 40%; }
	
	.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; }
	
	.pcFooter ul{padding: 10px 0;} 
	.pcFooter ul li{ width:50%; padding:5px 0;}
	.pcFooter ul li:last-child{width:50%;}
	.pcFooter ul li i{float: none; margin: 0 auto; width: 40px; height: 40px; line-height: 35px; font-size: 20px;}	
	.pcFooter ul li .wz{float: none; text-align: center;}
	.pcFooter ul li .wz p {color: #fff; font-size: 14px; font-weight: normal; line-height: 24px;}
	.phFooter{ margin-top: 0; }
	.phfoot p{ width: 100%; text-align: center; font-size: 12px; padding:10px 0;}
	.phfoot .fenXiang{ width: 100%; text-align: center; line-height: 36px; }
	
	
}

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

}

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