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

@media screen and (min-width: 1921px){
	.tbanner{width:1920px;}
	#wowslider-container .ws_images img{  margin:0 auto}
	.HeadImgBox{ width:1920px; margin:0 auto;}
}
@media screen and (min-width: 1440px){
	.section{width:1600px;}
	.CaseWindow{width:1600px;}
	.pcHeader{ width:1600px;}
.HeadImgBox dt{top:76%}
.toptxt{top:16%}
.order .order_left{ width:25%;}
.order .order_right{ width:75%;}
.indexSC li p strong{ font-size:2.2rem;}
.indexSC li p span{ font-size:1.4rem;}
.indexNews li .desc{ height:6em}
.indexSC li b{ font-size:1.1rem; padding-left:1rem;}
.indexSC li b span{ font-size:1.7rem; width:1.7rem; line-height:1.9rem; letter-spacing:2px;}
.news_left .new_class li span,.indexNews li .more{ font-size:14px;}
	
	
}
@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%;
	}
	.section1500{ width:1200px;}
	.indexNews li .title{ font-size:16px;}
	.ctpm{ font-size:14px;}
	.ctpm dd{
		margin:0 1rem;
	}
	.news_right dd{ height:175.8px;}
}
@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%;
	}
	.partner .inner{
		width: 100%;
		padding: 0 2%;
	}
	.pcFooter{
		width: 100%;
		padding: 2%;
	}
	.phfoot{
		width: 100%;
		padding: 0 2%;
	}
	.hcbox .desc h3{ font-size:2.1rem;}
	.HeadNav ul{
		width: 100%;
		padding: 0 2%;
	}
	.HeadNavList ul{
		width: 100%;
		padding: 0 2%;
	}
	.section{ width:100%}
	.CaseShowList2 .vtag{ position:static;float:left; margin-top:5px;}
	.CaseShowList2 dl.big{ width:55.5%}
	.AboutShuo,.AboutZz{
		width: 100%;
		padding: 0 2%;
	}
	#news_fcat dd ul li{ padding:0 3rem}
	.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%;
	}
	#news_details_2019 img{ width:100%}
	.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;
	}
	.phHeader .logo{
		width: 20%;
	
	}
	.phHeader .logo img{ width:100%}
	.Carousel .Prev{
		display: none;
	}
	.Carousel .Next{
		display: none;
	}
	.GangYuan{
		width: 100%;
		padding: 0 5%;
	}
	.section,.section1500,.section1200{ width:100%; padding:0 3%;}
	
	.indexSC{ margin:0.5rem 0 0}
	
	.HeadImgBox dl{ bottom:2%}
	.HeadImgBox dt{ font-size:1.5rem;}
	.HeadImgBox dd{ font-size:1rem;}
	
	.hcbox .desc{ position:relative; padding:15px 0; text-align:center; margin-top:0px;}
	.hcbox .desc h3{ font-size:1.8rem;}
	.hcbox .desc p{ margin:1rem 0}
	
	
	.ourService ul{ display:block; margin:0}
	.ourService li{ flex:none; width:100%; margin:0; margin-bottom:15px;}
	.ourProgress ul{ display:block; margin:0;}
	.ourProgress ul li{ width:100%;margin:0; margin-bottom:15px; }
	.zixin ul li{ width:100%;}

   
   .details_left{ width:100%}
   .details_right{ width:100%; margin-top:2rem;padding-bottom:8rem;}
   .details_bottom{ width:100%; height:8rem;}
   .details_bottom li{ width:100%;}
   
   .guige .guige01{ display:none;}
	.guige .guige02{ display:block;}
	.guige .other table { display:block}
	.guige .other table tr { display:block;}
	.guige .other caption{ display:block; font-size:1.3rem; text-align:left;}
	.guige .other table tbody { display:block	}
	.guige .other table tbody td {
        display: block;
        text-align: left;
		border:none;
    }
	.guige .other td input{ width:100%; border:1px solid #ccc; line-height:3rem; margin-top:1rem;}
	.guige .other{ border:1px solid #ccc;}
	
	.product_bottom{ text-align:right}
	.product_bottom a{ margin:0 1rem;}
	.product_class dt{ font-size:1.7rem; width:100%; padding:0;display:block; float:none}
	.product_class dd{ width:100%; display:block; float:none; position:relative;}
	.product_class dd ul{ display:block}
	.product_class dd ul li{ width:33.33%; font-size:1.5rem; height:4rem; line-height:none}
	.product_class dd ul li a{ height:auto; line-height:4rem;}
	.product_class dd ul li i{ display:none}
	
	
	/*case*/
	.CaseShowList2 .vtag{ position:relative; width:100%; line-height:50px; height:50px;left:0;top:0; float:none; margin-top:0}
	.CaseShowList2 .vtag b{ width:auto; margin-left:15px; font-size:1.6rem;}
	.CaseShowList2 .vtag span{ width:auto; right:15px; bottom:0;font-size:1.6rem;}
	
	.fcat{ width:100%}
	.fcat dt{ font-size:1.7rem; width:100%; padding:0;display:block; float:none}
	.fcat dd{ width:100%; display:block; float:none; position:relative;}
	.fcat dd ul{ display:block}
	.fcat dd ul li{ font-size:1.5rem; height:4rem; line-height:none}
	.fcat dd ul li a{ height:auto; line-height:4rem;}
	.fcat dd ul li i{ display:none}
	.ChangePage{ width:100%}
	
	/*news*/
	#news_fcat dd{ padding:0px; height:auto}
	 #news_fcat dd ul{ width:100%}
	 #news_fcat dd ul li { padding:0 1rem;}
	 #news_fcat dd .vspace{ display:none;}
   #news_time_2019 .cat{ width:50%}
   #news_time_2019 .rsns{ float:none;}
   
   /*contact*/
   .ctBox{ float:none; width:100%}
   .ctpm{ float:none}
   .ctpm .lps{ float:none}
   .ctpm .rps{ float:none; margin:0 -8px;}
   .ctpm .rps p{ width:45%; float:left; margin:0 8px;}
   .ctpm .rps p img{ width:100%}
   .fmBox{ float:none; clear:both; width:100%; margin-top:3rem;}
   .fmBox .inner{ margin:0; padding:0; border-left:none;}
   .fmBox .summary{ margin-top:3rem;}
   .fma li{ float:none; width:100%}
   
   .job_content dl dt{ padding:20px 1rem;}
   .job_content dl dt span{}
   .job_content dl dt .j1{ display:block;line-height:5rem; }
   
   /*order*/
   .orderpc{ display:none;}
   .orderwap{ display:block; border:1px solid #ccc; padding:8px; background:#f9f9f9}
   .orderwap .pro_item img{ display:inline-block; vertical-align:middle; width:30%; border:1px solid #ddd}
   .orderwap .pro_item h4{ display:inline-block; margin-left:1rem; font-size:1.5rem;}
   .order .tit h3{}
   .orderwap_item .other{ border:0; padding:0; border-top:1px solid #ccc; padding-top:3rem;}
   .order .order_from{ float:none; width:100%; margin-left:0}
   .order .order_from .fma li{ width:100%}
   .order .tit h3{ font-size:2rem;}
   .order .tit button{ padding:5px 10px;}
   
   
   
   .phFooter .cp{
	line-height:1.7;
	padding:10px 0 0 10px;
	text-align:center;
	}
	.phFooter .fsp{
		display:inherit;
	}
	.AboutZz .t1{ font-size:1.3rem;}
	.AboutZz .t2{ font-size:1.5rem;}
	.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;
		 display:block;
	}
	.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: 912px){
	.CaseShowList2{
		margin-left:0;
	}
	.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%;
	}
	.CaseShowList2 dl dd span{ font-size:1.5rem;}
	.CaseShowList2 dl{
		width:100%;
		height:300px;
		overflow:hidden;
	}
	.CaseShowList2 dl.left{
		float:none;
	}
	.CaseShowList2 dl.right{
		width:100%;
		height:300px;
		overflow:hidden;
		float:none;
	}
}
@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%;
	}
	.CaseShowList2 dl dd span{ font-size:1.5rem;}
}

@media screen and (max-width: 600px){
	.phHeader{
		height: 60px;
	}
	.phHeader .logo{
		width: 25%;
		line-height: 60px;
	}
	.phHeader .logo img{
		width: 100%;
	}
	.toptxt{ width:80%}
	.toptxt dl dd{ display:none;}
	.toptxt dl dt{ line-height:2.5rem; font-size:1.1rem;}
	.toptxt dl dt h4{ font-size:1.2rem;}
	.CaseShowList2{ margin-left:0}
	.CaseShowList2 .vtag b{ margin-top:5px;}
	#proid{ margin-right:5rem;}
	.phHeader .mBtn{
		margin-top: 20px;
	}
	.phHeader .phNav > li dt{
		font-size: 1.2rem;
	}
	.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;
	}
	.details_right_zhujian,.details_right_jiesao{ overflow-y:hidden; height:auto;}
	.indexSC li{ width:100%}
	.indexNews ul{ margin-left:-4px; margin-right:-4px;}
	.indexNews li{ width:50%; padding:4px;}
	.indexNews{margin:0.5rem 0 0}
	.indexNews li .tinfo{ padding:5px;}
	.indexNews li .desc{ display:none;}
	.indexNews li .title{ font-size:1.2rem; padding:5px; margin-bottom:2rem;}
	.indexNews li .hits{ display:none;}
	
	.news_right{ margin:0; background-size:contain; display:none;}
	.news_right dt,.news_right dd{ width:100%; float:none; }
	.news_right dd p,.news_right dd h3{ padding:0 8px; line-height:2rem; margin:8px 0}
	.news_right dd{ line-height:2rem}
	.NewCenter .left{
		width: 100%;
	}
	#news_fcat dd{ display:none;}
	#news_fcat dt{ width:100%}
	
	#news_ChangePage #cuspn li.prev{ width:100%}
	.indexSC li:hover b{ left:8px;}
	.partner{ margin-top:1rem;}
	.NumberBox{ padding-top:0.5rem;}
	.vtl{ margin:2rem 0 0 0}
	.ourBuju .vtl{ margin-bottom:1.5rem;}
	.ourProgress .vtl{ margin-bottom:2rem;}
	.product_list dl{ width:50%; padding-left:4px; padding-right:4px;}
	.product_list dl dd{ height:2.5em; line-height:2.5em;padding-left:0px; padding-right:0px; left:4px; right:4px;}
	.product_list dl dd a{ font-size:1.1rem;}
	.product_list dl dd a span{ background-size:2rem; margin-right:0.6rem; padding-right:2.5rem;}
	.product_list dl:hover dt .Mask {
	opacity: 0;
}
	.hm .product_list dl{padding-left:3px; padding-right:3px;}
	
.hm .case_list dl:nth-child(4){
	display:block;
}
.hm .product_list dl dd{left:3px; right:3px;}
.hm .case_list{
	margin-bottom:-6px;
}
.hm .indexNews{
	margin-top:1rem;
	}
	
	.hcbox{ margin-top:1rem;}
	.zixin{ padding-top:1rem;}
	.product_list dl:hover dd{ bottom:0}
	.product_class{ height:auto;min-height:auto;}
	.product_class dd{ display:none;}
	.product_top .swiper-button-prev,.product_top .swiper-button-next{ display:none}
	.product_list dl dd a h3{ font-size:1rem;}
	.job_content dl dt span{ margin-right:0; font-size:1.2rem; }
	.job_content dl dt span.j3{ margin-left:1rem;}
	.job_content dl dt span.j4{ padding:4px 8px;}
	.HeadImgBox dt{top:44%;}
	.HeadImgBox dd{top:75%; width:100%; text-align:center; font-size:0.5rem;}
	
	.details_bottom button{ width:12.4rem; background-position:95% center;text-indent:9px;}
	.details_bottom button.btn1{left:0px;}
	
	.new-Carousel .newtop,.news_left{ margin:0}
	.news_right dd{ padding-right:0}
	
	.NumberBox a, .NumberBox font{ height:auto; padding:0 5px; font-size:1rem; line-height:normal; color:#336f72!important;-webkit-tap-highlight-color:}
	.NumberBox a:link,.NumberBox a:visited,.NumberBox a:active,.NumberBox a:hover{color:#336f72!important; background:#fff}
	.next_page:link,.next_page:active,.next_page:hover,.next_page:visited,{color:#336f72!important; background:#fff}
	.NewCenter .left{
		padding: 0 7%;
	}
	.NewCenter .left h2{
		margin-top: 30%;
	}
	.NewCenter .center{
		width: 100%;
		padding: 0 5%;
	}
	#cuspn{ padding:0;}
	.ChangePage ul li a{ font-size:1rem;}
	.ctBox{ margin-top:2rem;}
	.ctpm{ margin-top:3rem;}
	.ctpm dd{ font-size:1.1rem}
	.ctBox h2, .fmBox h2{ font-size:1.5rem; text-align:left;}
	.ctBox p.en{ font-size:1.2rem; text-align:left;}
	#cuspn .back{ margin-top:1rem; float:left; clear:both}
	
	.hcbox .desc h3{ font-size:1.6rem;}
	.hcbox .desc p{ font-size:1.3rem;}
	.case_list{ margin-top:2rem;}
	.partner dt{ width:100%}
   .partner .inner dd{ width:100%;margin:0; padding:0; }
   .partner .inner dd p{ display:none}
 
   .partner dt{ float:none; display:block; margin-bottom:1.1rem;}
   .partner dt .cn{ display:inline-block; margin-right:1rem;}
   .partner dt .en{ display:inline-block;}
   .partner .inner dd div{ margin:0}
	
	.product_bottom a{ display:block; margin-bottom:2rem; text-align:left}
	.product_bottom .back{ display:block; width:68px; height:30px; text-align:center;line-height:28px; border:1px solid #e3e3e3}
	.product_bottom a:nth-child(3){ background:none; margin:0; border:0}
	.product_bottom a:nth-child(3):hover{ background:none; margin:0; color:#336f72}
	
	.guige .guige02 ul li span, .guige .guige02 ul li label{ display:inline; margin-right:1rem;}
	.guige .btn2{ width:26px; height:26px;}
	.guige .inputNum{ height:26px;}
	.guige td, .guige th{ padding:10px 18px; background:#f9f9f9;}
	.guige .guige02 ul li{ padding:3px 7px;}
	.guige .other{ padding:10px;}
	.guige .other caption{ font-size:1.2rem;}
	.orderwap ul li span, .guige .guige02 ul li label{ margin-right:1rem;}
	.orderwap ul{ padding:7px 0;}
	.orderwap ul li{ padding:3px 3px;}
	.pro{ margin-right:5rem;}
	.job_content dl dd{ padding:15px 5%}
	
	.order .other{ padding:10px 0; margin-top:10px;}
	
	#works_details_2019 img{ padding:0.8rem;}
	.CaseShowList2 dl:hover dd{left:0}
	.CaseShowList2 dl:hover .Mask {left:-100%}
	
	.CaseWindow{ margin:1rem auto;}
	
	.BookShoWindow h2{ font-size:1.3rem;}
	.vtl h2{ font-size:1.5rem;}
	.product .vtl p{ font-size:1rem; margin-top:1rem;}
	.fcat{ height:auto;}
	.fcat dd{ display:none;}
	
	.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 3%;
	}
	.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%;
	}
	
	.BookShoWindow>img{
		width: 90%;
		margin: 0 auto;
		margin-top: 30px;
	}
	
	.BookShoWindow{
		margin-top: 40px;
	}
	#works_time_2019{ width:100%;padding:0}
	
	.order{ margin-top:0}
	
.indexSC li:hover .Mask {
	left: -100%;
}
	.AboutShuo h2{ margin-top:2rem;}
	.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: 0px 0 0px 0;
		margin-top: 0;
		background: none;
	}
	.new-Carousel{
		padding: 0 3%;
	}
	.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: 300px;
		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;
	}
}

@media screen and (max-width: 912px){
	.pcHeader{
		display:block;
	}
	.pcHeader .pcNav {
		position: fixed;
		z-index: 1000;
		right: -60%;
		top: 0;
		width: 60%;
		height: 100%;
		background: #f5f5f5;
		padding-top: 5%;
		overflow:scroll-y;
	}
	.pcHeader .pcNav li {
		border-bottom: 1px solid #eee;
		width:auto;
		float:none;
	}
	.pcHeader .pcNav > li dl dt {
		line-height: 40px;
		padding-left: 10%;
		font-size: 1.2rem;
		border-bottom: 1px solid #eee;
		height:inherit;
		border-left:none;
	}
	.pcHeader .pcNav > li:first-child dl dt{
		border-left:none;
	}
	.pcHeader .pcNav > li dl dt a {
		color: #666;
		display: inherit;
    font-size: 1.2rem;
	line-height:40px;
    height: inherit;
    margin-bottom: 0;
    padding-top: 0;
    text-align: left;
    width:inherit;
	}
	.pcHeader .pcNav > li dl dt a span {
		font-size: 12px;
		color: #999;
		text-transform: uppercase;
		margin-left: 7px;
		display:inline;
		margin-top:0;
		line-height:inherit;
	}
	.pcHeader .pcNav > li dd {
		display: none;
	}
	.pcHeader .pcNav > li dd ol li {
		line-height: 40px;
		padding-left: 15%;
		font-size: 14px;
	}
	.pcHeader .pcNav > li dd ol li a {
		color: #666;
	}
	
.pcHeader .pcNav > li:hover dl dt a, .pcHeader .pcNav > li.on dl dt a {
	color: #666;
	border-bottom:none;
}
.pcHeader .pcNav > li:hover dl dt a span, .pcHeader .pcNav > li.on dl dt a span{
		color: #999;
}
.gongju{
	display:none;
}
.pcHeader .pcNav > li:nth-child(2) dl dd ol, .pcHeader .pcNav > li:nth-child(3) dl dd ol{
	padding-right:0;
}
.pcHeader .pcNav > li dl dd{
	display:none;
	height: inherit;
    left: inherit;
    position: inherit;
    top: inherit;
    width: inherit;
    z-index: 999;
}
.pcHeader .pcNav > li dl dd ol li{
	font-size: 14px;
    line-height: 40px;
    padding-left: 15%;
	width:auto;
	display:block;
	margin-left:0;
	text-align:left;
	background:none;
	border:none;
	border-bottom:1px solid #eee;
}
.pcHeader .pcNav > li dl dd ol li:hover{
	background:none;
}
.pcHeader .pcNav > li dl dd ol li a{
	color:#666;
}
.pcHeader .pcNav > li dl dd ol li a:hover{
}
.phHeader .blockMask{
	z-index:101;
}
.pcHeader{
	height:0px;
}
.pcHeader .logo{
	line-height: 60px;
   /* width: 25%;*/
   margin:5px 0 0 5px;
}
.pcHeader .logo img{
	width:80%;
}
.phHeader .logo{
	display:none;
}
}
@media screen and (max-width: 768px){
.pcHeader .logo{
   margin:0 0 0 5px;
}
	.pcHeader .logo img{
		width:inherit;
		height:40px;
	}
}