﻿


@media screen and (min-width:200px)  and  (max-width:1600px)  {
	.container{max-width: 96%;}
.ys .container{max-width: 97%;}
	/*公共底部*/
	.foot-left {width: 385px;}
	.foot-right{width: 23%}
	.foot-fl dl{    padding-right: 15px;margin-right: 3px;}
	.foot-fr ul li{margin-right:2px}
	.foot-fl dl:nth-child(3)  dd{margin-left:0}
	.foot-fr ul li a{padding:0 15px}
	.foot-fix .container{width: 98%;}
	.case-p span{font-size:12px;margin-right:30px}
	.header .nav{width:58%;margin-left:3%}
	.search{margin:30px 1%}
	.foot-fl dl dd span{font-size:17px;margin-top:0}

	/*关于我们*/
	.ny-about-number li p {font-size: 20px;}
	.ys-content .swiper-container{width: 101%;}

	/*新闻资讯*/
	.ny-news-all ul li .time span{font-size:30px;}
	.ny-news-all ul li .time em{font-size:14px;}
	.ny-news-all ul li .info h2{font-size:22px;}
	.ny-news-all ul li .info{margin-top:3%}
	
	
	/*底部*/
	.foot-logo em{line-height: 22px; padding: 6px 0;font-size: 14px;}
	.foot-logo em span{}
	

}



@media screen and (min-width:200px)  and  (max-width:1574px)  {
	/*关于我们*/
	#honor-prev {left: -1.5%;}
	#honor-next {right: -1.5%;}

	
}



@media screen and (min-width:200px)  and  (max-width:1500px)  {

	/*内页底部公共部分*/
	/*多媒体创意科技*/
	.video-list ul li .name h3{font-size: 20px; line-height: 20px;}
	.video-list ul li .name span{font-size: 12px; line-height: 14px}
	.video-list ul li .name em{width: 78px}
	.video-list ul li .name .fl{width: calc(100% - 86px)}


	/*联系我们*/
	.ny-contact-left{width:36%}
	.ny-contact-right{width:60%}
	
	

	
}




@media screen and (min-width:200px)  and  (max-width:1400px)  {
	.container{max-width: 95%;}


	/*首页banner*/
	.banner{height: 500px}


	/*5大服务流程*/
	.service-list ul li .info{padding: 0 4%}



	/*公共底部*/
	.foot-fr ul li a{padding:0 11px}


	/*关于我们*/
	.public-title{width: 100%}
	.public-title p b{font-size: 30px}
	.ny-honor-list dl dd{width: 98%}
	.ny-tank-list1 dd{width: 92%; }
	.ny-tank-list1 dd p{line-height: 24px;}
	.ny-tank-list1 dd b{font-size: 18px}
	.ny-vision-list dl{width:calc((100% - 50px) / 3 );margin-right:25px}
	.about-onestop .public-title p span {width: calc(100% - 390px);float: left;}


	/*壹站式标准化服务*/
	.onestop-title{padding: 47px 2% 30px}
	.onestop-title b{font-size: 100px; line-height: 73px;}
	.onestop-title span{font-size: 90px; line-height: 44px}
	.onestop-title strong{font-size: 50px; line-height: 36px;}
	.onestop-title p{margin-top: 0; width: calc(100% - 445px)}
	.onestop-title h2{font-size: 27px}

	/*内页互动科技*/
	.nyvideo-main .public-title{width: 100%}
	.nyvideo-main .public-title p b {width: 210px;}
	.nyvideo-main .public-title p span {width: calc(100% - 320px);}



	/*新闻资讯*/
	.ny-news-list .public-title{width: 100%}
	.ny-news-list .public-title p b {width: 210px;}
	.ny-news-list .public-title p span {width: calc(100% - 320px);}


	/*案例详情页*/
	.proetails-info img{display: block; width: 100%}
	.newsetails-info img{width: 100%!important}

	
}




@media screen and (min-width:200px)  and  (max-width:1200px)  {
	/*手机端公共头部*/
	.pc-header,.pc-headerzw{display: none;}
	.wap-header{display: block; height: 80px; position: fixed; top: 0; width: 100%; background: #fff; z-index: 99; box-shadow: 1px 1px 3px rgba(0,0,0,0.1);}
	.wap-header .logo{margin-top: 11px}
	.wap-header .logo img{display: inline-block; margin-right: 25px;}
	.wap-header .logo .text{background: url(../images/logo-line.png) no-repeat left center; padding-left: 25px; margin-top: 2.5px;}
	.wap-header .logo em{display: block; font-size: 17px; color: #e7141a}
	.wap-header .logo span{display: block; font-size: 14px; color: #666666}
	.wap-click { padding: 17px 0;}
	.wap-click span{width: 30px; height: 2px;background: #333;display: block;margin: 10px auto; transition: all 277ms ease-in-out;position: relative;}
	.active span.cl-1{transform: rotate(-45deg);top:12px;}
	.active span.cl-2{opacity: 0;}
	.active span.cl-3{transform: rotate(45deg);top:-12px;}
	.wap-nav{position: relative; top: 0px; background: #F6F6F6; z-index: 20; left: 0; width: 100%; display: none;}
	.wap-nav ul li{float: left; width: calc(100% / 5)}
	.wap-nav ul li a{ display: block;font-size: 16px;line-height:45px;color: #434343;transition: all .6s; text-align: center;}
	.wap-nav ul li>a:hover,.wap-nav ul li.on>a{ background: #e7141a;color:#fff}
	.wap-headerzw{height: 80px; display: block;}

	.wap-tel img{display: inline-block; margin-top: 17.5px; margin-right: 10px}


	/*首页banner*/
	.banner {height: 400px;}
	.banner .swiper-slide{ background-size: cover!important}
	#banner-num{bottom: 2%}


	/*展厅展馆文化布展*/
	.product-title h2{font-size: 28px; line-height: 28px;}
	.product-title span{font-size: 13px;}
	.product-btn{margin-bottom: 50px}
	.product-btn ul{width: 101%}
	.product-btn ul li{ width: calc(100% / 5 - 1%); margin-right: 1%; margin-bottom: 1%}
	/*.product-list ul li .info{background: url(../images/pro-arrow.png) no-repeat right 10px center; }
	.product-list ul li em{   text-indent: 10px}
	.product-list ul li:hover .info{background: url(../images/pro-arrow.png) no-repeat right 15px center #f9f9f9;}*/


	/*互动科技    数字化展示*/
	.interactive-list{padding: 20px; width: calc(100% - 40px); }
	.interactive-title h2{font-size: 28px; line-height: 28px;}
	.interactive-title em{font-size: 15px; line-height: 15px;}
	.interactive-list ul li .name h3{font-size: 22px; line-height: 22px;}
	.interactive-list ul li .info b{font-size: 22px;}


	/*4大专业团队*/
	.index-title h2{font-size: 30px; line-height: 43px}
	.index-title i{font-size: 60px}
	.index-title em{font-size: 16px;}
	.team-list ul{height: 400px; }
	.team-list ul li{height: 400px;}
	.team-list ul li .text em{font-size: 18px;}
	.team-list ul li .text p{line-height: 24px}
	.team-list ul li .text{padding: 15px 3% 20px; width: 94%;}


	/*5大核心优势*/
	.ys-btn ul li{padding: 20px 0}
	.ys-btn ul li img{width: 30px; margin-right: 10px}
	.ys-btn ul li em{font-size: 18px; line-height: 18px;}
	.ys-list ul li .info{padding: 0 2%}
	.ys-list ul li .info em{font-size: 26px}


	/*5大服务流程*/
	.service-list ul li{height: 400px}
	.service-list ul li .info img{width: 60px}
	.service-list ul li .info strong{font-size: 18px; margin-top: 35px}
	.service-list ul li:hover .info strong{margin-top: 20px}



	/*新闻资讯*/
	.news-right{width: 39%}
	.showroom-list ul li:last-child{display: none;}
	.news-title h2{font-size: 24px}
	.news-list ul li .info em{font-size: 17px; margin-bottom: 3px}
	.news-list ul li .info p{line-height: 24px}


	/*华恒设计*/
	
	.about-info{ padding: 37px 3% 49px; width: 94%; }
	.about-num ul li abbr {font-size: 46px;line-height: 50px;}

.about-info{ position: relative;}
.about-img{top:10px}
.about-img img{width:150%;margin-left:-25%}
	/*公共底部*/
	.footer{padding-bottom: 50px}
	.foot-fix{display: none;}
	.pf_down{display: block;}
	.foot-right{display: none;}
	.foot-center{float: right; width: calc(100% - 422px); border-right: none; padding-right: 0; margin-left: 0}


	


	/*关于我们*/
	.ny-about-title div{margin-right:20px}
	.ny-about-title div:nth-child{margin-right:0}
	.ny-about-title div h2{font-size:20px}
	.ny-about-title div span{font-size:10px;}
	.ny-about-title div p{font-size:12px;}
	.ny-about-con .pic,.ny-about-con .info{float:none;width:100%}
	.ny-about-con .pic{width:60%;margin:0 auto 10px auto}
	.ny-about-number li{text-align: center;}
	.ny-about-number li div{margin:0;font-size:20px;display: inline-block;float:none}
	.ny-about-number li div b{font-size:50px}
	.ny-about-number li p{margin:0;    font-size:18px;display: inline-block;float:none}
	.ny-tank-list1 dl{width:calc( (100% - 1.3333%) / 2) ; margin-bottom: 1.3333%}
	.ny-tank-list1 dl:nth-child(2n){margin-right: 0}
	.ny-tank-list1 dd{height: 200px}
	.ny-vision-list dl{width:calc((100% - 30px) / 3 );margin-right:15px}
	.ny-vision-list dl dd b{margin-left: 15px; font-size: 16px;}
	.ny-vision-list dl dd span{margin-left: 6px; font-size: 14px}
	.con6li .tit61{font-size: 20px}
	.con6li .tit61 img{width: 20px; height: 20px;}
	.con6li .tit63{font-size: 58px}
	.public-news dl {width: calc(100% + 3%)}
	.public-news dl dt{float:left; margin-right: 3%; width: calc(100% / 3 - 3%)}
	.bottom-news span{display: none;}


	/*内页banner*/
	.banner-class{display: none;}


	/*展示馆*/
	.class-title .text strong{font-size: 28px; }


	/*展示馆案例列表页*/
	.class-product ul li .info {width: 34%;padding: 0 3%;}
	.class-product ul li .info h3{font-size: 24px; margin-top: 8%}
	.class-product ul li .info span{width: 170px}
	.class-product ul li .info p{font-size: 15px; line-height: 26px}
	

	/*内页底部公共部分*/
	/*多媒体创意科技*/
	.video-list ul li .name h3 {font-size: 18px;line-height: 18px;}


	/*壹站式标准化服务*/
	.onestop{padding-bottom: 50px}
	.onestop-title p{display: none;}
	.onestop-list ul{height: 350px; }
	.onestop-list ul li{height: 350px;}


	/*内页互动科技*/
	.qiye1 .xcp ul li .pxq p.zi1{left: 2%; width: calc(100% - 160px)}
	.qiye1 .xcp ul li .pxq p.zi2{right: 2%; width: 100px}
	.qiye1 .qytit p:nth-of-type(1){font-size: 20px}
	.projectshow .public-title{padding-top:0px}
	.wap-conimg{display: block; overflow: hidden;}
	.wap-conimg  div{float:left;width:48%;margin:1%;margin-bottom:10px;margin-top:10px;}
	.wap-conimg  div img{width: 100%;}
	.wap-conimg  div p{font-size:14px;color:#fff;text-align: center; margin-top: 12px}
	.project-list{display: none;}
	.projectshow{ background-size: cover; padding: 50px 0}

	/*新闻资讯*/
	.ny-news-top .info ul li h3{font-size: 18px; line-height: 18px;}
	.ny-news-ctitle li a{font-size: 20px}
	.ny-news-all ul li .info h2{font-size:18px;}
	.ny-news-all ul li .time{margin-top: 3%}
	.ny-news-all ul li .info p{margin-top: 6px}


	/*联系我们*/
	.ny-con-title b{font-size:26px;line-height:26px;}
	.ny-contact-list dl dd div b{font-size: 22px}
	.ny-contact-list dl dd div p{line-height: 26px}
	.ny-contact-list dl dd div {width: 90%;margin: 10px auto;}
	.ny-contact-list dl dd span{right: 5%}
	.ny-contact-left h2 b{font-size: 28px}
	.mkcon {width: 90%;margin: 0 auto;}



}



@media screen and (min-width:200px)  and  (max-width:960px)  {
	.wap-header .logo .text{display: none;}
	/*首页banner*/
	.banner {height: 350px;}

	/*展厅展馆文化布展*/
	.product-title h2{font-size: 26px; line-height: 26px;}
	.product-list ul li{ width: calc(100% / 3 - 1.25%); }

	/*互动科技    数字化展示*/
	.interactive-title h2{font-size: 26px; line-height: 26px;}
	.interactive-title em{font-size: 14px; line-height: 14px;}
	.interactive-list ul li .name h3{font-size: 18px; line-height: 18px;}
	.interactive-list ul li .info b{font-size: 18px;}

	/*5大核心优势*/
	.ys-btn ul li em{line-height: 31px; margin-bottom: 0}
	.ys-btn ul li span{display: none;}
	.ys-list ul li .pic{width: 60%}
	.ys-list ul li .info{width: 40%}


	/*5大服务流程*/
	.service-list ul li{height: 350px}
	.service-list ul li:hover{background: #fff!important}
	.service-list ul li:hover .info strong{margin-top: 35px; color: #333;}
	.service-list ul li:hover .info em{color: #666;}
	.service-list ul li:hover .info p{display: none;}


	/*新闻资讯*/
	.news-left,.news-right{float: none; width: 100%}
	.news-right{display: none;}
	.news-left{margin-bottom: 25px}
	.news-title{padding-bottom: 10px; margin-bottom: 25px}
	.news-list{margin-bottom: 40px}
	.industry-list ul li{margin-bottom: 30px}
	.industry{margin-bottom: 40px}

	/*华恒设计*/
	.about-info p{font-size: 16px}
	.about-num ul li h3{font-size: 15px}


	/*公共底部*/
	.foot-left, .foot-center, .foot-right{height: auto;}



	/*关于我们*/
	.ny-about-title{margin:20px 0}
	.ny-about-title div{float:none;text-align: center;margin-bottom:10px;}
	.ny-about-title div h3{font-size: 18px}
	.ny-about-con .pic{width:100%}
	.ny-about-number{margin:20px auto}
	.ny-about-number li{height:56px;line-height:30px;padding:15px 0}
	.ny-about-number li div{margin:0;font-size:20px;display:block;float:none;width: 100%;}
	.ny-about-number li div b{font-size:50px;width: 100%}
	.ny-about-number li p{margin:0;    font-size:15px;display:block;float:none;width: 100%}
	.ny-honor-list dl dd span{width: 98%}
	.ny-tank-list dl dd h2, .ny-tank-list dl dd p{width: 94%}
	.ny-tank-list dl dd h2 b{font-size: 19px}
	.ny-tank-list dl dd h2 em{font-size: 14px}
	.ny-tank-list dl dd p{font-size: 15px; line-height: 26px}
	.ny-tank-list1 dd{height: 230px}
	.ny-vision-list dl dd b{margin-left: 5px}
	.ny-vision-list dl dd span{margin-left: 0}
	.public-news dl{width: 100%}
	.public-news dl dt{float: none; width: 100%; margin-right: 0}



	/*展示馆*/
	.class-title .text strong{font-size: 26px; }


	/*展示馆案例列表页*/
	.class-product ul li .info span{display: none;}


	/*内页底部公共部分*/
	/*多媒体创意科技*/
	.video-list ul li{height: auto!important; width: 100%!important; margin-right: 0!important; margin-bottom: 5px}
	.video-list ul li video,.video-list ul li .info,.video-list ul li .name{display: none;}
	.video-list ul li .wap-pic{display: block;}


	/*壹站式标准化服务*/
	.onestop-list{display: none;}
	.wap-onestop{display: block; }


	/*内页互动科技*/
	.wap-videolist{overflow: hidden;}
	.wap-videolist ul{width: 101.5%}
	.wap-videolist ul li{width: calc(100% / 2 - 1.5%)!important; margin-right: 1.5%!important; margin-bottom: 1.5%!important; height: auto!important;  }
	.wap-videolist ul li .name{display: block!important; }
	.wap-videolist ul li .name .fl{float: none; width: 100%}
	.wap-videolist ul li .name h3{display: block}
	.wap-videolist ul li .name span{display: none;}
	.wap-videolist ul li .name em{display: none;}
	.pcvideo-pic img{display: none;}
	.vrar-list ul li:nth-child(3),.vrar-list ul li:nth-child(4){position: relative;}
	.imageing-list ul li:nth-child(3),.imageing-list ul li:nth-child(4){position: relative;}
	.devices-list ul li:nth-child(1){width: 100%!important}
	.devices-list ul li:nth-child(3),.devices-list ul li:nth-child(4),.devices-list ul li:nth-child(5){position: relative;}
	.devices-list ul li:nth-child(4){right: 0}
	.qiye1 .xcp ul li video,.qiye1 .xcp ul li .pc-video-images{display: none;}
	.qiye1 .xcp ul li .wap-video-images{display: block;}
	.qiye1 .xcp ul li .pxq{display: none;}


	/*新闻资讯*/
	.ny-news-all {overflow: hidden;}
	.ny-news-all ul {width: calc(100% + 2%)}
	.ny-news-all ul li{float: left; width: calc(100% / 2 - 2%); margin-right: 2%; margin-bottom: 2%;}
	.ny-news-all ul li .pic{width: 100%; float: none;}
	.ny-news-all ul li .time,.ny-news-all ul li .info{float: none; padding: 0 3%; width: 94%}
	.ny-news-all ul li .time{ margin-right: 0; margin-top: 5%}
	.ny-news-all ul li .time span, .ny-news-all ul li .time em{text-align: left; display: inline-block;}
	.ny-news-all ul li .time span{font-size: 24px; line-height: 24px}
	.ny-news-all ul li .info{padding-bottom: 20px}
	.ny-news-all ul li .info h2{font-size: 17px}


	/*联系我们*/
	.ny-contact-left{width:45%}
	.ny-contact-right{width:50%}
	.ny-contact-right form{margin-top: 50px}
	.ny-contact-right form div{margin: 0 0 20px}
	.ny-contact-right form div.form-name, .ny-contact-right form div.form-tel{width: 100%}

	.ny-join-list ul li span{line-height: 60px;}
	.ny-join-list ul li p{width: calc(72% - 104px)}


	/*案例详情页*/
	.details-left {float: none; width: 96%}
	.details-right{display: none;}



}


@media screen and (min-width:200px)  and  (max-width:900px)  {
	/*关于我们*/
	.ny-vision-list{margin: 0 0 40px}
	.ny-vision-list dl{width: 100%; margin-right: 0; margin-bottom: 20px}
	.ny-clobal-con{padding: 0 0 30px}
	.cont6{display: none;}
	.ny-about-ys {display: block;}
	
	.about-num ul li{width: 25%}
	.about-num ul li:nth-child(3){display: none;}
}



@media screen and (min-width:200px)  and  (max-width:768px)  {
	/*手机端公共头部*/
	.wap-header .logo .text{display: none;}
	.wap-header,.wap-headerzw{height: 60px;}
	.wap-header .logo{margin-top: 10px;width: 32%;}
	.wap-header .logo img{height: 40px}
	.wap-click {padding: 7px 0;}
	.wap-tel img{ margin-top: 7.5px; }


	/*首页banner*/
	.banner {height: 250px;}


	/*展厅展馆文化布展*/
	.product-list ul li{ width: calc(100% / 2 - 1.25%); }


	/*互动科技    数字化展示*/
	.interactive{background-size: 400%}
	.interactive-title{padding: 51px 0}
	.interactive-list ul li{height: auto!important; width: 100%!important; margin-right: 0!important; margin-bottom: 5px}
	.interactive-list ul li video,.interactive-list ul li .info,.interactive-list ul li .name{display: none;}
	.interactive-list ul li .wap-pic{display: block;}


	/*4大专业团队*/
	.team-list{display: none;}
	.wap-teamlist{display: block; overflow: hidden;}
	.wap-teamlist ul{ width: 101%}
	.wap-teamlist ul li{float: left; margin-right: 1%; width: calc(100% / 4 - 1%)}
	.wap-teamlist ul li .pic img{display: block; width: 100%}

	/*5大核心优势*/
	.ys-btn ul li em{font-size: 16px}
	.ys-list ul li .info em{font-size: 24px;}
	#ys-prev, #ys-next{bottom: 50px!important}


	/*5大服务流程*/
	.service-list ul li .info img{width: 50px}
	.service-list ul li .info em{line-height: 20px}



	/*公共底部*/
	.foot-left{border-right: none; margin: 0 auto; float: none;}
	.foot-center{display: none;}


	/*关于我们*/
	.ny-advant-list li .info h2 em,#aboutys-prev,#aboutys-next{display: none;}
	#aboutys-num{display: block;}
	.ny-tank-list1 dd{height: 250px}



	/*展示馆案例列表页*/
	.class-product ul li .info h3{font-size: 20px; }


	/*壹站式标准化服务*/
	.onestop-title b{font-size: 70px;line-height: 53px;}
	.onestop-title span{font-size: 40px;line-height: 20px; margin: 0 8px}
	.onestop-title strong{font-size: 30px;line-height: 16px;}
	.onestop-title h2{font-size: 22px; }
	.wap-onestop ul li{width: calc(100% / 3 - 5px); margin-bottom: 5px;}


	/*馆详情页*/
	.details-content{ padding:30px 4%; width: calc(100% - 8%)}


	/*内页互动科技*/
	.public-title p{margin: 10px 0}
	.public-title p b,.public-title p span{display: block; float: none;}
	.public-title p b{font-size: 18px; line-height: 40px; height: 40px; width: 140px; padding: 0; text-align: center;}
	.public-title p span{width: 100%!important; font-size: 14px; margin-top: 10px}
	.wap-videolist{overflow: hidden;}
	.wap-videolist ul{width: 101.5%}
	.wap-videolist ul li{width: calc(100% / 2 - 1.5%)!important; margin-right: 1.5%!important; margin-bottom: 1.5%!important; height: auto!important;  }
	.qiye1 .qytit{position: relative; width: 100%}
	.qiye1 .qytit p:nth-of-type(1){color: #333; text-align: center; font-size: 16px; line-height: 40px;}
	.qiye1 .qytit p:nth-of-type(1) span{display: none;}
	.qiye1 .xcp .qytit{top: 0; left: 0; height: auto;}
	.qiye1 .qytit p:nth-of-type(2){display: none;}


	/*新闻资讯*/
	.ny-news-top{display: none;}
	.ny-news-ctitle li,.ny-news-ctitle li a{line-height: 60px; height: 60px;}


	/*联系我们*/
	.ny-contact-con{height: auto; padding: 20px 0 30px}
	.ny-con-title span{font-size: 13px}
	.ny-contact-list dl dd div{width: 96%; margin: 10px auto 20px}
	.ny-contact-list dl dt{display: none;}
	.ny-contact-list dl dd{float: none; width: 100%; height: auto;}
	.ny-contact-list dl dd div b{padding: 15px 0}
	.ny-contact-list dl dd div p{margin-top: 15px}
	.ny-contact-list dl dd span{bottom: 10px}
	.ny-contact-left,.ny-contact-right{float: none; width: 100%}
	.ny-contact-left h2{text-align: center;}
	.ny-contact-left h2:after{margin: 15px auto 0}
	.ny-contact-right form{margin-top: 30px}
	.ny-contact-right form div.form-submit{margin: 28px 0 25px}
	.ny-contact-right form div.form-submit input{display: block; margin: 0 auto; float: none;}


	.ny-join-list ul li>p{display: none;}
	.ny-join-list ul li span{width:auto;    height:50px;  line-height: 50px; background: none;font-size: 16px;}
	.mkcon{top:60px}
	.ny-join-list ul li em{margin-top:0;background: none;float:right;height: 50px;line-height:50px}
	.ny-join-list ul li{padding:0;font-size:15px}
	.mkcon .tit{font-size: 26px}

}



@media screen and (min-width:200px)  and  (max-width:640px)  {
	/*PC端公共头部*/
	.wap-nav ul li{width: calc(100% / 3)}
	.wap-nav ul li a{font-size: 15px}


	/*手机头部*/
	.wap-right { width: 50%; margin-top: 8px; }
	.wap-tel { width: 60%;margin-right:5%;padding:  0; }
	.wap-tel  img{width: 100%; margin-top: 0}


	.wap-click { padding: 0px 0; }

	/*首页banner*/
	.banner {height: 180px;}
	.ny-banner img{height: 160px;}
	.class-pic img{height: 160px;}
	#banner-num .swiper-pagination-bullet{width: 10px; height: 10px;}

	/*展厅展馆文化布展*/
	.product{padding-bottom: 40px}
	.product-title{padding: 30px 0 12px}
	.product-title h2{font-size: 20px; line-height: 20px;}
	.product-title span,.product-title em{display: none;}
	.product-title p{margin-top: 15px; padding: 10px 0}
	.product-btn{margin-bottom: 28px}
	.product-btn ul{width: 101.5%}
	.product-btn ul li{height: 35px}
	.product-btn ul li em{margin-bottom: 0; font-size: 15px;}
	.product-btn ul li span{display: none;}
	.product-btn ul li{ width: calc(100% / 3 - 1.5%); margin-right: 1.5%; margin-bottom: 1.5%}
	.product-list ul li{margin-bottom: 20px}
	.product-list ul li .info{background: transparent; padding: 0px 0 4%}
	.product-list ul li em{font-size: 14px; line-height: 35px;height: 35px;text-indent: 0px; text-align: center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
	.product-list ul li em,.product-list ul li span{float: none; text-align: center;}
	.product-list ul li span{line-height: 14px;}
	.product-list ul li:hover .info{background:#f9f9f9;}
	.product-more a{width: 160px; font-size: 15px; line-height: 45px; border-radius: 25px; margin: 15px auto 0;}


	/*互动科技    数字化展示*/
	.interactive-title{padding: 35px 0}
	.interactive-title h2{font-size: 20px; line-height: 20px; margin-bottom: 15px}
	.interactive-title em{font-size: 13px; line-height: 13px;}
	.interactive-list {padding: 2%;width: calc(100% - 4%);}

	/*4大专业团队*/
	.team{padding: 35px 0 40px}
	.index-title{margin-bottom: 25px}
	.index-title h2{font-size: 20px;  line-height: 29px}
	.index-title i{font-size: 40px}
	.index-title em{font-size: 14px;}
	.ny-join-mbimg{display:block;}
	.ny-join-img{display:none;}

	/*5大核心优势*/
	.ys{padding: 45px 0 50px}
	.ys-btn{display: none;}
	.ys-list ul li .pic,.ys-list ul li .info{float: none; width: 100%; height: auto;}
	.ys-list ul li .pic{height: 180px; background-size: cover}
	.ys-list ul li .info{padding: 20px 2% 30px}
	.ys-list ul li .info em{font-size: 18px; text-align: center; margin: 0 0 5px; }
	#ys-num{display: block;}
	#ys-prev,#ys-next{display: none;}



	/*5大服务流程*/
	.service{padding: 40px 0}
	.service-list ul li{height: 200px;}
	.service-list ul li .info img{width: 30px}
	.service-list ul li .info strong{font-size: 15px; margin-top: 16px;}
	.service-list ul li .info em{font-size: 12px; line-height:16px;}


	/*新闻资讯*/
	.news{padding: 40px 0 30px}
	.news .index-title h2{margin-bottom: 3px}
	.news-title {padding-bottom: 8px;margin-bottom: 20px;}
	.news-title img{width: 20px; margin-right: 10px}
	.news-title h2 {font-size:18px; line-height: 25px}
	.news-list{margin-bottom: 25px}
	.news-list ul li{margin-bottom: 20px}
	.news-list ul li .pic,.news-list ul li .info{float: none; width: 100%}
	.news-list ul li .info em{font-size: 16px}
	.headlines-list ul{width: 100%}
	.headlines-list ul li{width: 93%; margin-bottom: 15px}
	.showroom-title img{width: 35px; margin-right:3px}
	.showroom-title em{line-height: 35px}
	.showroom-list ul li p{line-height: 24px}


	/*华恒设计*/
	.about{padding: 0px 0 10px}
	
	.about-info img{display: none;}
	.about-info{padding: 20px 3%}
	.about-info p{font-size: 15px}
	.about-info p span{font-size: 15px;    text-align: justify;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient: vertical;}
	.about-info a{display: block;}
	.about-num ul li{width: calc(100% / 2); margin: 0 0 20px}
	.about-num ul li abbr {font-size: 30px;line-height: 32px;}
	.about-num ul li em{font-size: 15px}



	/*公共底部*/	
	.footer-bottom {line-height: 20px;padding: 12px 0; height: auto;}


	/*关于我们*/
	.ny-about-number li{float:none;margin:10px auto;width:100%}
	.ny-about-advantage{background-size: cover}
	.public-title{padding: 40px 0 20px}
	.public-title em{font-size: 15px; line-height: 15px}
	.public-title p b{font-size: 16px!important; width: 130px!important;}
	.ny-advant-list li{height: auto;}
	.ny-advant-list li .info p{margin-top:10px;}
	.ny-advant-list li .pic,.ny-advant-list li .info{float:none;width:100%;height: auto;}
	.ny-advant-list li .info h2{padding:10px 0}
	.ny-advant-list li .info h2 em{top:10px;right:10px;z-index: -999;}
	.ny-advant-list li .pic img{display: block;width: 100%;}
	.ny-advant-list li .pic{background: none !important;}
	.ny-advant-list li .info{height: 220px}
	.ny-advant-list li .info h2, .ny-advant-list li .info p{width: 94%}
	.ny-advant-list li .info h2 b{font-size: 18px;}
	.ny-advant-list li .info p{margin-top:10px; font-size: 15px; line-height: 25px}
	.ny-honor-list dl dt{padding: 12px 0}
	.ny-honor-list dl dt b{font-size: 18px; line-height: 18px;}
	.ny-honor-list dl dt span{font-size: 12px;}
	.ny-honor-list dl dd span{font-size: 13px; line-height: 14px; padding: 10px 0!important}
	.ny-honor1-list {margin-bottom: 10px;}
	.ny-honor1-list .parHd li {width: 27%;}
	.ny-honor1-list .parBd{padding: 0 2%;}
	.ny-honor1-list .parBd .slideBox{overflow: hidden;}
	.ny-honor1-list .parBd li{width: calc(100% / 2 - 15px);}
	 #honor-prev,#honor-next{ width: 8px; height: 15px; }
	#honor-prev{background: url(../images/honor-prev.png) no-repeat center;}
	#honor-next{ background: url(../images/honor-next.png) no-repeat center;}
	#honor-prev:hover{background: url(../images/honor-prev.png) no-repeat center; }
	#honor-next:hover{background: url(../images/honor-next.png) no-repeat center;}
	.ny-tank-con{padding: 10px 0 30px}
	.ny-tank-list dl{margin-bottom: 20px}
	.ny-tank-list dl dt, .ny-tank-list dl dd{float: none; width: 100%; height: auto;}
	.ny-tank-list dl dt{background: transparent!important;}
	.ny-tank-list dl dt img{display: block!important; width: 100%}
	.ny-tank-list dl dd{padding: 20px 0}
	.ny-tank-list dl dd h2{padding-top: 0}
	.ny-tank-list dl dd h2:after{margin: 12px 0}
	.ny-tank-list dl dd p{font-size: 14px;}
	.ny-tank-list1 dl{float: none; width: 100%; margin-right: 0; padding: 20px 0; margin-bottom: 20px}
	.ny-tank-list1 dt, .ny-tank-list1 dd{width: 96%}
	.ny-tank-list1 dd{height: auto;}
	.ny-tank-list1 dt{margin-top: 0}
	.ny-tank-list1 dd p{font-size: 13px}
	.about-onestop .public-title p b{width: 165px;}
	.about-onestop .public-title p span{width: 100%}
	.public-news dl dt{display: none;}
	.public-news dl dt:first-child{display: block;}
	.ny-clobal-con{margin-bottom: 30px}


	.wap-honor-btn { display: block; }
	.ny-honor-list dl { width: 100%; }

	/*展示馆*/
	.class-title{margin: 40px 0}
	.class-title .text strong {font-size: 20px;}
	.class-title .text em{display: none;}
	.class-title .text span{font-size: 14px}


	/*展示馆案例列表页*/
	.class-product ul li .info i,.class-product ul li .info p{display: none;}
	.class-product ul li .info h3{font-size: 15px; line-height: 20px; margin-top: 13%}


	/*内页底部公共部分*/
	/*多媒体创意科技*/
	.multimedia{padding: 7px 0 50px}


	/*壹站式标准化服务*/
	.onestop{padding-bottom: 36px}
	.onestop-title {padding: 40px 2% 30px;}
	.onestop-title b{font-size: 48px;line-height: 37px;}
	.onestop-title span{font-size: 29px;line-height: 15px;margin: 0 8px;}
	.onestop-title strong{font-size: 16px;line-height: 16px;}
	.onestop-title h2{font-size: 17px;line-height: 17px;margin-top: 3px;}


	/*馆详情页*/
	.details-content{padding:20px 4%}
	.details-title em{font-size: 18px; line-height: 48px;}


	/*内页互动科技*/
	.wap-videolist ul li .name{bottom: 8px!important}
	.wap-videolist ul li .name h3{font-size: 15px}
	.nyvideo-main .public-title{padding: 30px 0 5px}
	.inter{margin-bottom: 30px}
	.vrar,.devices{padding-bottom: 30px}
	.tables{margin-bottom: 30px}
	.systems{margin-bottom: 40px}
	.qiye1 .xcp ul li{margin-bottom: 15px}
	.qiye1 .qytit p:nth-of-type(1){font-size: 15px; line-height: 35px;}
	.digital{margin-bottom: 10px}
	.projectshow{padding: 0 0 20px}
	.spevail{margin-bottom: 30px}



	/*新闻资讯*/
	.ny-news-list .public-title{padding: 30px 0 5px}
	.ny-news-ctitle li,.ny-news-ctitle li a{line-height: 45px; height: 45px;}
	.ny-news-ctitle li a{font-size: 16px}
	.ny-news-all ul {width: 100%}
	.ny-news-all ul li{float: left; width: 100%; margin-right:0; margin-bottom: 20px;}
	.ny-news-all ul li .info{margin-top: 1%}
	.ny-news-all ul li .info h2{font-size: 16px;}
	.ny-news-all ul li .info p{font-size: 14px; line-height: 24px}
	.ny-news-all ul li .time span{line-height: 34px}


	/*联系我们*/
	.ny-con-title{margin: 30px 0 20px}
	.ny-con-title b{font-size: 18px;}
	.ny-con-title span{font-size: 12px}
	.ny-contact-list dl{margin: 0 0 20px}
	.ny-contact-list dl dd div b img{width: 30px; margin-right: 10px }
	.ny-contact-list dl dd div b{font-size: 17px; padding: 10px 0}
	.ny-contact-list dl dd div p{font-size: 15px; text-align: justify;}
	.ny-contact-list dl dd span{bottom: 0; right: 2%}
	.ny-contact-con{padding: 10px 0 20px}
	.ny-contact-left h2{margin-bottom: 24px}
	.ny-contact-left h2 b{font-size: 20px}
	.ny-contact-left h2 p{font-size: 14px; line-height: 20px;}
	.ny-contact-right form div label{width: 100px}
	.ny-contact-right form div input,.ny-contact-right form div.form-company input{width: calc(100% - 110px)}
	.ny-contact-right form div.form-xuanze select{width: calc(96% - 100px)}


	.mkcon{width: 96%; }
	.mkcon .tit{font-size: 18px}
	.mkcon .close{width: 20px; height: 20px}
	.mkcon .close img{display: block; width: 20px}
	.mkcon-con{width: 90%; height: 330px;     overflow-y: scroll;}


	/*案例详情页*/
	.details-left .details-title span{display: none;}
	
	
	/*手机头部*/
	.wap-click{padding: 3px 0; } 
	.wap-tel{}
	.wap-click span{width: 22px;margin: 7px auto;}
	
	/*手机底部*/
	.foot-logo dd{width: 60%;margin-left: 15px;}
	.foot-logo p{text-align: center;font-size: 20px;}
	.foot-logo em{font-size: 14px;}
	.foot-logo em span{display: inline-block;}
	.foot-logo dd span img{margin-top: 4%;}



	/*2021.10.19*/
	.foot-logo dd span{display: none;}
	.phone-nr{display: block; margin-top: 13px;}
	.phone-nr img{display: block; width: 100%}
	.phone-nr i{display: block; font-size: 13px;color: #fff;font-style: normal;margin-top: 21px;}
	
	

}

@media screen and (min-width:200px)  and  (max-width:414px)  {
	



	/*手机头部*/
	.wap-tel {width: 75%; padding:3px 0;}
	.wap-header .logo{margin-top: 8px;}
	.wap-header .logo img{height: auto; width: 100%}
	.wap-header, .wap-headerzw{height: 48px}
	.wap-click {width: 18%}
	.wap-click img{display: block; width: 100%}


	/*手机底部*/
	.foot-left{width: 100%;}
	.foot-logo dt{width: 32%;}
	.foot-logo dd{width: 64%; margin-left: 10px;}
	.foot-logo dd span img { margin-top: 24px; }
	.foot-logo em{width: 100%;}
	.foot-logo p{display: block;}
	.foot-table{float: right;}

	/*手机底部*/
	.foot-logo dt { width: 32%; }
	.foot-logo p { font-size: 12px; text-align: left;}
	.foot-logo em{font-size: 12px;}
	.foot-dingyue dd a:last-child{margin-right: 0}
	.foot-dingyue dd form{margin-left: 0; width: 210px;}



	/*手机端首页新闻*/
	.pc-news{display: none;}
	.wap-news{display: block; }
	.news-btn {width: 100%; border-radius: 20px; border: 1px solid #ccc; margin-bottom: 20px;}
	.news-btn ul li{float: left; width: calc(100% / 3); display: block; font-size: 14px; line-height: 34px; color: #333; text-align: center;}
	.news-btn ul li.on {background: #e7141a; color: #fff;}
	.news-btn ul li:first-child.on{border-top-left-radius: 20px; border-bottom-left-radius: 20px; }
	.news-btn ul li:last-child.on{border-top-right-radius: 20px; border-bottom-right-radius: 20px; }

	.latest-news {margin-bottom: 20px;}
	.latest-news .pic{width: 38%}
	.latest-news .pic img{display: block; width: 100%}
	.latest-news .info{width: 60%}
	.latest-news .info em{ font-size: 14px; color: #333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
	.latest-news .info p{ font-size: 12px; color: #666;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
	.wap-list dl a{display: block; font-size: 14px; line-height: 28px; color: #333; background: url(../images/news-icon.png) no-repeat left center; padding-left: 8px; width: calc(100% - 8px); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

	/*内页新闻列表页*/
	.ny-news-all ul li {background: transparent;}
	.ny-news-all ul li .pic{width: 38%; float: left;}
	.ny-news-all ul li .pic img{display: block; width: 100%}
	.ny-news-all ul li .time{display: none;}
	.ny-news-all ul li .info{width:60%; float: right; padding: 0}
	.ny-news-all ul li .info h2{ font-size: 14px; color: #333; line-height: 18px; margin-bottom: 1px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
	.ny-news-all ul li .info p{ font-size: 12px; color: #666; line-height: 18px; margin-top: 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}



	/*首页关于我们2021.7.26*/
	.about-bg{background: #fcfcfc; padding-top: 20px;}
	.about-info{background: transparent; padding: 6px 3%}
	.about-img{z-index: 1}
}





@media screen and (min-width:200px)  and  (max-width:375px)  {
	/*手机头部*/
	.wap-nav ul li a{font-size: 14px; line-height: 32px;}



}



@media screen and (min-width:200px)  and  (max-width:320px)  {
	
	/*手机头部*/
	.wap-header .logo img{height: 26px;}
	.wap-right { width: 48%;}
	.wap-click span{width: 18px;}

	/*底部搜索*/
	.foot-dingyue dd form {width: 190px;margin-left: 0;}
}

