/* 响应式 */
@media (max-width:1920px){html{font-size:16px;}}
@media (min-width:1600px) and (max-width:1800px){html{font-size:16px;}}
@media (min-width:1400px) and (max-width:1599px){html{font-size:15px;}}
@media (min-width:1200px) and (max-width:1399px){html{font-size:14px;}}
@media (min-width:640px) and (max-width:1199px){html{font-size:14px;}}
@media (min-width:471px) and (max-width:639px){html{font-size:14px;}}
@media (min-width:329px) and (max-width:470px){html{font-size:14px;}}
@media (max-width:328px){html{font-size:14px;}}




@media screen and (min-width:200px)  and  (max-width:1698px)  {
.container-s{max-width:92%}
.customer-box .container {max-width:86%}

.quality-box .container-s {position: relative;  max-width:100%}
.quality-box .container {max-width:86%}
.specification-box .container{max-width:86%}


/*.sample-title {background: #9E0000;padding: 1.25rem 0 1.25rem 36%;}*/
/*.sample-class{background: #fcfcfc;padding: 1.25rem 0 3.375rem 36%;}*/
/*.problem-list {background: #fcfcfc;padding: 0 0 1.25rem 36%;}*/
/*.ny-contact{background: #fcfcfc;padding: 2.875rem 0 2.875rem 36%;}*/
.environment-box .container {max-width:86%}
.equipments-box  .container {max-width:86%}
.honor-box  .container {max-width:86%}



}




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

.container{max-width:92%}
.foot-contact {width: 51%;}

.services-list ul li .hide img {width: 80%;}
/*.sample-right {width: 65%;}*/
.about-title b{font-size: 3.4rem;}

.company-title em{font-size: 3rem;}






}

@media screen and (min-width:200px)  and  (max-width:1300px)  {
.foot-contact {   width: 54%;   }

/*.sample-title {background: #9E0000;padding: 1.25rem 0 1.25rem 16%;}*/
/*.sample-class{background: #fcfcfc;padding: 1.25rem 0 3.375rem 16%;}*/
/*.problem-list {background: #fcfcfc;padding: 0 0 1.25rem 16%;}*/
/*.ny-contact{background: #fcfcfc;padding: 2.875rem 0 2.875rem 16%;}*/



.culture-box .info ul li{width: 90%;}


.contact-box .info h2{font-size: 2.3rem;}

    .pc-logo .text{display: none}
    .pc-nav {      width: 79%;  }
	
	
	.company-title b{font-size: 4rem;}
	
	
	
}


@media screen and (min-width:200px)  and  (max-width:1200px)  {
/* 公共头部 */
.pc-logo .text em{font-size: 1rem;}
.pc-logo .text strong {  font-size: 1.3rem;}


.pannel-left {width: 70%;}

.class-title strong {font-size: 2rem;}
.index-more a{width: 8rem;}

.item .class-title {position: relative;padding-bottom: 1.625rem;}

.class-txt ul li {width: 22%;margin-bottom: 0.4375rem;}
.custom .info strong{font-size: 3.5rem; line-height: 3.5rem;}

.index-title strong {font-size: 2.6rem;line-height: 2.6rem;}

.quality-list ul li .info strong{font-size: 2rem;}



.foot-contact {width: 63%;}
.foot-nav {width: 30%;position: relative;}
.foot-nav dl dd {width: 48%;}

.class-proname .ctitle1{justify-content: flex-start;}
.class-proname .ctitle1 li{margin-bottom: 1.5625rem; margin-right: 3%;}

#specification-prev, #specification-next{display: none;}
.specification-box .container {max-width: 100%;}

.services-list ul li .name{padding: 2.375rem 4% 0;}

.finish ul li img{width: 30%;}

.details-btn a{margin-right: 1rem; width: 11.125rem;}

.details-btn a>img {display: inline-block;margin-right: 0;}


.aboutclass-list ul{justify-content: space-between;}
.aboutclass-list ul li{margin-right: 0!important;}


.about-title b{font-size: 2.8rem;}
#about-prev, #about-next{display: none;}
.environment-box .container {       max-width: 100%;   }
	
	
	
	.equipments-box  .container {max-width:100%}
	.honor-box  .container {max-width:100%}
	
	.value-title {	    width: 27%;}
	
	.honors .container{top: 2.4rem;}
}

@media screen and (min-width:200px)  and  (max-width:1028px)  {
/* 公共头部 */
.pc-nav,.heSearch,.ver{display: none;}
.mobmenu {display: flex;align-items: center;justify-content: center; }
.mobmenu h4{ font-size: 1.125rem;}

/* 首页banner */
.banner .info h3{width: 66%;}

.index-title { margin-bottom: 1.8rem;}
.index-title strong{font-size: 2.8rem; line-height: 2.8rem;}
.solution-list ul li .info strong{font-size: 1.5rem;}


.class-box .index-more a {   margin-top: 1.5rem;   }
.ys-box   .class-box .index-more a {margin-top: 0;}


/* 客户解决方案 */
#customer-prev, #customer-next{display: none;}
.customer-box .container {max-width: 100%;}
#customer-num {display: block;}
.customer-list{padding-bottom: 4rem;}
.customer-list ul li{overflow: hidden;}


/* 硬核设备助力品质 */
#quality-prev, #quality-next{display: none;}
.quality-box .container {max-width: 100%;}

/* 公共底部 */
.foot-nav{display: none;}
.foot-contact { width: 100%;}
.foot-wechat {width: auto;}

.slideflex{display: none;}

.sample-box{flex-wrap: wrap;}
.sample-left{position: relative; top: 0; width: 100%;}



.disno{display: none;}


.sample-title {padding: 1.25rem 0 1.25rem 4%;}
.sample-class { padding: 1.25rem 0 3.375rem 4%;}
.sample-class .ctitle1>li{width: 96%;}
.position ul {justify-content: flex-start;}

.sample-left{width: 100%; margin: 0 auto 2rem;}
.sample-right {width: 100%; margin: 0 auto;}

.nysolution-list ul li .info h2{font-size: 2rem;}

.nylatest-news{padding-bottom: 3rem;}
#nynews-prev, #nynews-next{display: none;}
#nynews-num {display: block; bottom:0}

.news-details{width: 100%;}
.news-recom{display: none;}
.newsxq-title strong{font-size: 1.8rem;}



.about-title {width: 100%; margin-bottom: 3rem; text-align: center;}
.about-title strong{font-size: 2.6rem;}
.about-box .info {width: 100%;}
.about-num ul li strong{font-size: 4rem; line-height: 4rem;}


.about-title #preloader-2{display: flex; justify-content: center;}

.culture-box .info ul li h3{font-size: 1.4rem;}

.environment .culture-title {   text-align: center;}



.environment-list{display: none;}
.wapenvironment-list{display: block;}
.wapenvironment-list{position: relative; overflow: hidden;}
.wapenvironment-list ul li{position: relative; border-radius: 0.75rem;}
.wapenvironment-list ul li .pic{overflow: hidden; border-radius: 0.75rem;}
.wapenvironment-list ul li .pic img{display: block; width: 100%;  -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.wapenvironment-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.wapenvironment-list ul li .name{position: absolute; content: ''; bottom: 1rem; width: 100%;}
.wapenvironment-list ul li .name em{display: block; font-size: 1.125rem; color: #fff; text-align: center;}



.contact-box .info {    width: 100%; margin-bottom: 3rem;}
.messages{    width: 100%;}


.company-num ul li strong{font-size: 3rem; line-height: 3rem;}
.company-title b {   font-size: 3rem;}
.company-title em {   font-size: 2.5rem;}

}


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

.keyword{margin-top: 1.25rem;}

/* 特色解决方案 */
.solution-list ul li {width: 48%; margin-bottom: 1.875rem;}
.class-title strong {font-size: 1.7rem;}

.index-title strong{font-size: 2.4rem; line-height: 2.4rem;}

.about-num ul li strong {font-size: 3.625rem;}

.news-left{width: 100%;}
.knowledge{width: 100%; margin-top: 3rem; height: auto;}

.class-list ul li {margin-right: 5.4375rem;}

.services-list ul li .hide{display: none;}
.services-list ul li.on {flex: 1;}
.services-list ul li:hover .name, .services-list ul li.on .name {bottom: 0;}

.services-list ul li{height: auto;}
.services-list ul li a,.services-list ul li .pic{position: relative;}
.services-list ul li .name h3{font-size: 1.2rem;}
.services-list ul li .name{height: auto; padding: 1rem 4%; }


.company-box .info{width: 100%;}
.company .pic{display: none;}
.company-num{width: 100%;}

.company-title em {    font-size: 2.2rem;}
.company-title b {    font-size: 3.625rem;}
.value-bg{padding: 5rem 2%; height: auto;}
.value-title {    width: 100%; text-align: center; margin-bottom: 3rem;}
.value .info {   width:100%;}
.value-title strong{font-size: 2rem; line-height: 2rem;}
.value-title span{font-size: 1.5rem;}


}


@media screen and (min-width:200px)  and  (max-width:935px)  {
.description .info{margin-bottom: 3rem;}
.description .info,.description .pic{width: 100%;}
.pro-details .info {width: 100%; margin-bottom: 3rem;}
.proxq-pic {width: 100%;}


.company-title b{display: none;}






}



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

.pannel-left {width: 63%;}
.item .class-title{width: 100%;}
.ys-box .class-box .index-more a {margin-top: 1.5rem}


.about-num ul li strong {font-size: 2.625rem; line-height: 2rem;}
.about-num ul li span {font-size: 1.2rem; line-height: 1.2rem;}


.class-list ul li {margin-right: 3.4375rem;}

.services-list ul {flex-wrap: wrap;}
.services-list ul li,.services-list ul li.on{flex: auto;}
.services-list ul li{width: 50%; margin-right: 0;}

.finish ul li h2{font-size: 1.6rem;}

.solution-btn a:first-child {margin-right: 1rem;}
.solution-btn a {width: 8.9375rem;}

.nynews-list ul li{width: 48%;}

    .culture-box .info ul li h3 {
        font-size: 1.2rem;
    }

.honors .container{position: relative;}
}




@media screen and (min-width:200px)  and  (max-width:640px)  {
/* 公共头部 */
.header,.head-box,.header-zw{height: 5rem;}
.pc-logo .text {display: none;}
.pc-logo a img {display: block;height: 3.125rem;}

.mobnavBox{width: 80%;}
.mobmenu h4{color: #333;}
.mobmenu dl dd{background: #333;}

/*.banner,.banner .imgBox  {overflow: hidden;height: 20.75rem;}*/
.banner .info h2 { display: block; font-size: 1.8rem; height: 3rem; line-height: 1.8rem;   }
.banner .info h3 { display: none;  }
.banner .info em {   font-size: 1.6rem;}
.banner-more{display: none;}
#banner-prev, #banner-next{display: none;}
.banner-bottom {bottom: 1.25rem;}
#banner-num {bottom: 0;}
.pannel{padding: 2rem 0 1.5rem;}
.pannel-left {width: 100%;}
.pannel-tel{display: none;}
.pc-search{width: 100%;}


/* 特色解决方案 */
.index-title strong {font-size: 1.8rem;line-height: 1.8rem;}
.solution{padding: 4rem 0 3rem;}
.solution-list ul li .info{height: auto; padding: 0.5rem 4%;}
.solution-list ul li .info h3,.solution-list ul li .info em{display: none;}
.solution-list ul li .info strong{margin-bottom: 0; text-align: center; font-size: 1.15rem;}


/* 4大核心服务 */
.class-box .index-more a {margin: 1.5rem auto 0;}
.aluminum-pic{background: transparent; width: 100%; height: auto;}
.aluminum-pic img{display: block;}
.aluminum-info {width: 100%;margin-top: 4rem;}
.class-title strong{font-size: 1.6rem;}
.class-title span{margin-left: 0; margin-top: 1.25rem;}
.aluminum-title strong {font-size: 1.35rem;padding-left: 1rem;line-height: 1.35rem;}
.ys-bg3 {padding: 3.25rem 0 2rem;}
.ys-box .item{width: 100%; margin-bottom: 1.875rem;}
.class-txt ul li { width: 47%;}
.ys-bg4{padding: 4rem 0 3rem;}


/* 专注工业铝型材定制加工 */
.custom{padding: 5rem 0;}
.custom .info strong { font-size: 1.6rem;   line-height: 1.6rem;}

/* 客户解决方案 */
.customer{padding: 4rem 0 3rem;}
.customer-list ul li .info {padding: 1.5rem 9%;}



/* 硬核设备助力品质 */
.quality {padding: 4.1875rem 0 5rem;}
.quality-list ul li a{flex-wrap: wrap;}
 .quality-list ul li .info strong {font-size: 1.4rem;}
.quality-list ul li .pic{display: none;}
.quality-list ul li .pic, .quality-list ul li .info{height: auto; width: 100%;}
.quality-list ul li .pic>img{display: block;}
.quality-list ul li .info {text-align: center;padding: 2rem 4% 4.5rem; justify-content:center ; }
#quality-num{left: 0; bottom: 1.8rem;}



/* 专注工业铝型材定制加工 */
.about {padding: 4rem 0 2rem;}
.about-num ul{align-items: flex-start;}
.about-num ul li {width: 48%; margin-bottom: 1.875rem;}
.about-num ul li strong {font-size: 2rem;line-height: 2rem;}
.about-num ul li span {font-size: 1rem;line-height: 1rem;}


/* 敦品-新闻资讯  */
.news{padding: 4rem 0;}
.latest-news{width: 100%; margin-bottom: 2rem;}
.news-list{width: 100%;}


/* 公共底部 */
.contact {width: 100%;margin-bottom:2rem}
.contact ul li{width: 100%;}
.footer-copy p{text-align: center; width: 100%;}
.class-list{padding: 2rem 0 1rem;}
.class-list ul{flex-wrap: wrap; justify-content: space-between;}
.class-list ul li {text-align: center;margin-right: 0;  width: 48%;  margin-bottom: 1.25rem; }
.class-list ul li a:after{display: none;}
.class-list ul li a{line-height: 3.5rem; border: 1px solid #ccc;}
.class-list ul li:hover a{background: #A10707; color: #fff; border-color:#A10707 ;}


.ny-main {padding: 3rem 0;}
.class-proname .ctitle1 {justify-content: space-between;}
.class-proname .ctitle1 li{margin-right: 0; width: 48%;}
.description-title span{display: none;}
.nyclass-title h2{font-size: 1.65rem;}
.description-title strong{font-size: 1.2rem; padding: 0 4%;}
.product-list ul{display: flex;}


.services-list ul li .name img{width: 1.875rem;}
.services-list ul li .name h3{margin-top: 0.5rem; font-size: 1.15rem;}

.finish ul li{width: 100%; margin-bottom: 2.5rem;}
.finish ul li img {width: 21%;}
.bend-proname{margin-bottom: 2rem;}
.bend-proname ul {display: flex;width: 100%;}
.nyclass-title img{display: none;}

.sample-list ul li{width: 48%;}



.gray-main{padding: 3rem 0;}
.pro-details .info h2{font-size: 1.6rem;}
.details-btn a {margin-right: 0.5rem;width: auto;padding: 0 5%;}
.nysolution-list ul li .pic{background: transparent!important;}
.nysolution-list ul li .pic, .nysolution-list ul li .info {width: 100%;height: auto;margin-bottom: 2rem;}
.nysolution-list ul li .pic img{display: block; }
.nysolution-list ul li .info h2 {font-size: 1.5rem;}

.newsxq-title strong{font-size: 1.8rem;}
.newxq-arrow {justify-content: center;}
.newxq-arrow .text {width: 100%;}
.news-back a{margin: 2rem auto 0;}


.nylatest{padding: 2rem 2%;}
.nylatest-news ul li .pic {height: auto;width: 100%;background: transparent; margin-bottom:2rem}
.nylatest-news ul li .pic img{display: block;}
.nylatest-news ul li .info{width: 100%;}
.nylatest-news ul li .info h3{margin-bottom: 2.3rem;}


.nynews-list ul li{width: 100%; background: #fff; margin-bottom: 2rem;}
.nynews-list ul li .pic {   display: none;}

.nynews-list ul li .info strong{font-size: 1.3rem;}


.newsxq-title strong {font-size: 1.4rem;}


.ny-about{padding: 3rem 0;}
.about-title{margin-bottom: 2rem;}
.about-title b {font-size: 1.7rem;}
.about-title strong {font-size: 1.8rem;}
.ny-about .about-num {   margin-bottom: 2rem;}
.about-video .bjBox{height: 17rem;}
.about-video .play_overlay .play_btn {   width: 3rem;   height: 3rem;}

.culture-title b {  margin-bottom: 2.3125rem;}
.culture-box {  margin: 0 0 3rem;}
.culture-box .pic{width: 100%; height: 20rem; margin-bottom: 3rem;}
.culture-box .info{width: 92%; margin: 0 auto;}
.culture-box .info ul li {      width: 100%; margin-bottom: 1.5rem; padding-bottom: 1.5rem; }
.environment {   margin-bottom: 2.875rem;}
.environment .culture-title b {   margin-bottom: 3rem;}
.equipments-list ul li .hide{height: 3rem;}

#about-num {    display: block;}
.wapenvironment-list{padding-bottom: 3rem;}
.equipments {   margin-bottom: 2rem;}
.equipments-list{padding-bottom: 3rem;}
.honor {   margin-bottom: 2.625rem;}
.honor-list{padding-bottom: 3rem;}


.contact-main {   padding: 3rem 0;}
.contact-box .info h2 {   font-size: 1.6rem;}
.contact-box .text b {   font-size: 1.8rem;}
.contact-box .text p {    margin-bottom: 0.6875rem;}
.contact-wechat{position: relative; left: 0;}
.messages{height: auto; padding: 2.5rem 4%  2rem;}
.message-title em{   font-size: 1.6rem;}
.message ul li {  margin-bottom: 1rem;}
.message ul li.item1 input{width: 100%; margin-bottom: 1rem}
.message ul li.item1 input:last-child{margin-bottom: 0;}
.message .code{width: 100%; }
.message ul li .message-submit{margin: 2rem auto 0;}
.contact-box {   margin-bottom: 3.25rem;}
.company{padding: 4.5rem 0;}
.company-title strong{font-size: 1.2rem;}
.company-title b {display: none;}
.company-title em{font-size: 1.5rem;}
.company-box .info h3 {   line-height: 1.8rem;   margin-bottom: 1.25rem;}
.company-num ul li h2{text-align: center;}
.value-title strong{font-size: 1.5rem; line-height: 1.5rem;}
.value-title span{font-size: 1.2rem; margin-bottom: 2.3rem;}
.value-icon ul{justify-content: center;}
.value-icon ul li{margin: 0 4%;}
.value-icon ul li img{width: 3rem;}
.value-bg{margin-bottom: 0;}
.honors {   margin-bottom: 4.25rem;}
}