@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; }
	.idx_lxpnl{ width: 100%; padding: 0 15px 0 30px; }
	.comdesc .comwrap{width: 100%; padding: 0 2%; }
	.comdesc .comwrap .text {width: calc(60% - 40px); margin-left: 30px;}
	.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:24px;}
	.comdesc .comwrap .text .subject {text-align:center; font-size:18px;}
	.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){
	.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;}
}

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

	.NewCenter .left{ width: 100%; }
	.NewCenter .left{ padding: 0 7%; height: 260px!important;}
	.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 {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; }
	
	.phfoot{ padding-bottom: 15px; }
	.phfoot p{ width: 100%; text-align: center; font-size: 12px; padding:10px 0;}
	.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;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; }
}

@media screen and (max-width: 552px){
	.idx_lxpnl .home_base_btn>p {margin: 6px 12px 0 9px;}
	.idx_lxpnl .home_base_btn>b {padding:0;font-size: 30px; line-height: 46px;}
	.idx_lxpnl .home_base_btn>a {width: auto; padding: 0 15px;}
	.comdesc .comwrap .pic {display:none;}	
}

@media screen and (max-width: 414px){
	.GeBackground{padding: 10px 0;}
	.idx_lxpnl {padding: 0 5px 0 20px;}
	.idx_lxpnl .home_base_btn>p {margin: 6px 6px 0 6px;}
	.idx_lxpnl .home_base_btn>b {padding:0;font-size: 22px; line-height: 46px;}
	.idx_lxpnl .home_base_btn>a {width: auto; padding: 0 10px;}
	.Design dl{ width: 100%; margin-right: 0; }
	#pcask{display:none;}
	#wapask{display:block;}
}