/* 响应式 */
@media (max-width:1920px){html{font-size:16px;}}
@media (min-width:1600px) and (max-width:1800px){html{font-size:14px;}}
@media (min-width:1400px) and (max-width:1599px){html{font-size:13px;}}
@media (min-width:1200px) and (max-width:1399px){html{font-size:12px;}}
@media (min-width:640px) and (max-width:1199px){html{font-size:12px;}}
@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:1808px) {
.header .container-s{max-width: 94%;}
}
@media screen and (min-width:200px) and (max-width:1850px) {
.container-s{max-width:90%}
.indexOne .tle ul{width: 52%;}
.app-list ul li .info{padding: 2.3125rem 5%;}
}
@media screen and (min-width:200px) and (max-width:1600px) {
.container{max-width:92%}
.banner .imgBox .container{max-width: 88%;}
.aboutTwo .text p{width: 90%;}
.pic-editbox table img{display: inline-block; max-width: 90%;}
}
@media screen and (min-width:200px) and (max-width:1500px) {
.head-right{width: 15%;}
.certified-list ul li{}
.certified-list ul li .info h3{margin-bottom: 1rem;}
.certified-list ul li .info p{ line-height: 1.2rem;}
.contact-left { padding-left: 4%; }
}
@media screen and (min-width:200px) and (max-width:1400px) {
.more1,.more{margin-top:0}
/* banner */
.banner .imgBox h2, .banner .imgBox h3{font-size: 3.5rem;}
/* 关于我们 */
.about-num ul li b, .about-num ul li em{font-size: 3.5rem;}
/* 激光塑料焊接应用案例 */
.app-list ul li h3{font-size: 1.2rem;}
/* 公司简介 */
.about-banner .info strong{font-size: 2.8rem; line-height: 2.8rem;}
.about-right ul li p, .about-right ul li strong{font-size: 2.8rem;}
.aboutTwo .fz_nav .abtbox2_nav .swiper-slide .item{font-size: 10rem;}
.coursebox-sec1 .cont .gt .items h3{right: 10%;}
.app-a .swiper-slide .txt .tit-30 { font-size: 1.6rem; line-height: 2.5rem;}
.message { width: 90%; }
.contact-left strong{font-size: 2.2rem;}
}
@media screen and (min-width:200px) and (max-width:1300px) {
.slideflex{right: 0;}
.indexOne .tle ul { width: 60%;}
.inOneSwiper2 .slideBox .con{margin-top: 0;}
#product-num{bottom: 0;}
.proxq-info h2{font-size: 1.6rem;}
}
@media screen and (min-width:200px) and (max-width:1200px) {
/* 头部 */
.shop a{width: 5.5rem;}
.head-middle { width: 60% }
/* 首页产品列表页 */
.indexOneTle{margin-bottom: 3rem;}
.indexOneTle .en { font-size: 5rem;}
.indexOne .tle ul { width: 66%;}
.indexOne .tle { flex-direction: column; text-align: center;}
.indexOneTle .en{right: 0; left: 0;}
.indexOneTle i{margin: 0 auto;}
.indexOne .tle ul { width: 100%;}
.indexOne .cell .box {justify-content: space-between; align-items: normal;}
.inOneSwiper1Box{width: 22%;}
/* 关于我们 */
.about .info{width: 90%;}
.app-list ul {flex-wrap: wrap;}
.app-list ul:after{content: ''; width: 23%;}
.app-list ul li{width: 23%; margin-bottom: 2rem;}
.footer-left { width: 21.8%; }
.footer-left .footer-tel img{width: 3rem;}
.banner-title em { font-size: 3rem; top: -0.875rem; }
.coursebox-sec1 .cont .gt .items h3{ font-size: 14rem;}
.pic-main .pic-con{padding: 7rem 4%;}
.right-title h2{font-size: 1.8rem;}
.product-box{flex-wrap: wrap;}
.ny-left{position: relative; top: 0; margin: 3rem 0 ;}
.ny-left, .ny-right{padding: 0; width: 100%;}
.ny-right{border-left: none;}
.pro-search{display: none;}
.left-title{border-top: none;}
.left-title i { display: block; }
.pro-class{display: none;}
.details-box{flex-wrap: wrap;}
.pro-details,.pro-recom { width: 100%; }
.pro-details{margin-bottom: 3rem;}
.recom-list ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
.recom-list ul li{width: 49%; margin-bottom: 2rem;}
.nynews-list ul li{width: 32%;}
.latest-list ul li .info p{margin-bottom: 3rem;}
.ny-problem dl dt .name, .ny-problem dl dd .info {
width: 91.5%;
}
.nynews-xq{flex-wrap: wrap;}
.news-left,.news-right{width: 100%;}
.news-left{margin-bottom: 6rem;}
.recomnews-list ul{flex-wrap: wrap; justify-content: space-between; display: flex;}
.recomnews-list ul li{width: 48%;}
.recomnews-list ul li strong{font-size: 1.1rem;}
.contact-list dl dd b{font-size: 1.5rem;}
.wechat-list ul li{width: 41%;}
}
@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 dl dd{background: #fff;}
.mobmenu h4{color: #fff; font-size: 1.125rem;}
.head-right { width: auto;}
.inOneSwiper2 .slideBox h4{line-height: 2rem;}
.slideflex{display: none;}
/* 新闻中心 */
.news-box{flex-wrap: wrap;}
.news-list{width: 100%; margin-bottom: 3rem;}
.problem{width: 100%;}
.problem-list ul {margin-left: 0; width: 92.6%; }
/* 公共底部 */
.foot-nav{display: none;}
.footer-left { width: auto; }
.foot-wechat { width: auto; }
.about-box{flex-wrap: wrap;}
.about-left,.about-right { width: 100%; }
.about-left{margin-bottom: 2rem;}
.certified-list ul{flex-wrap: wrap;}
.certified-list ul li{width: 100%; height: auto; padding-bottom: 3rem; margin-bottom: 3rem;}
.certified-list ul li .pic,.certified-list ul li:hover .pic, .certified-list ul li.on .pic{width: 50%;}
.certified-list ul li:hover, .certified-list ul li.on { width: 100%; }
.coursebox-sec1 .cont .gt .items h3{ right: 0; font-size: 12rem;}
.honor-list ul a { width: calc(100% / 3 - 3.3%) !important;}
.pro-header .mobmenu dl dd{background: #333;}
.pro-header .mobmenu h4{color: #333;}
.pro-header.headfixed{padding: 0.5rem 0;}
.pro-header.headfixed .mobmenu dl dd{background: #fff;}
.pro-header.headfixed .mobmenu h4{color: #fff;}
.proxq-banner{height: auto!important;}
.proxq-box{flex-wrap: wrap;}
.proxq-pic,.proxq-info{width: 100%;}
.proxq-pic{margin-bottom: 3rem;}
.proxq-position{margin-bottom: 3rem;}
.contact-left strong { font-size: 2rem;}
.contact-list dl dd b{font-size: 1.4rem;}
}
@media screen and (min-width:200px) and (max-width:960px) {
.sjyc {display: none;}
/* 首页产品列表页 */
.indexOne .cell .box{flex-direction: column-reverse; flex-wrap: wrap;}
.inOneSwiper1Box{width: 100%; margin-top: 0; margin-bottom: 3rem;}
.inOneSwiper1 .swiper-wrapper{display: flex; justify-content: space-between; flex-direction: inherit!important; flex-wrap: wrap; }
.inOneSwiper1 .swiper-slide{width: 48%;}
.inOneSwiper2{width: 100%;}
.inOneSwiper2 .swiper-slide{ padding-bottom: 4%;}
.inOneSwiper2 .slideBox h4{font-size: 1.35rem;}
.indexOneTle .en,.index-title b{font-size: 4.5rem;}
.indexOneTle h3,.index-title strong{font-size: 2rem;}
.about .index-title em{font-size: 2rem;}
.index-title i{margin: 0 auto;}
/* 关于我们 */
.about{padding: 5rem 0;}
.about-num ul{flex-wrap: wrap;}
.about-num ul li{width: 50%; margin-bottom: 2rem;}
.contact .info h3{font-size: 2.6rem;}
.ny-banner{height: 40rem;}
.about-banner .info strong { font-size: 2.4rem; line-height: 2.4rem; }
.aboutTwo .abtbox2_cont { height: 46.5625rem;}
.aboutTwo .fz_nav .abtbox2_nav .swiper-slide .item{font-size: 9rem;}
.coursebox-sec1 .cont .gt .items h3{ right: 0; font-size: 10rem;}
.partner-list ul li { width: calc(100% / 4 - 2.6%);}
.factory-list ul h3{padding: 0 2%; line-height: 4rem;}
.app-a .swiper-slide .txt{padding: 3.75rem 2%;}
.app-a .swiper-slide .txt .tit-30 { font-size: 1.4rem; line-height: 2rem; }
.pic-editbox .table0 tr td{display: block; width: 100%;}
.pic-editbox .table0 tr td img{float: none!important;}
.pic-editbox table img{max-width: 100%;}
.latest-list ul li a{flex-wrap: wrap;}
.latest-list ul li .pic,.latest-list ul li .info{width: 100%;}
.latest-list ul li .info{padding: 3rem 4%;}
.ny-problem dl dt .name, .ny-problem dl dd .info { width: 88%; }
.ny-contact{flex-wrap: wrap;}
.contact-left{ width: auto; margin-top: 3rem;}
.map{width: 92%; height: 35rem; margin: 5rem auto;}
}
@media screen and (min-width:200px) and (max-width:768px) {
/* banner */
.banner{overflow: hidden;height:43rem}
.banner .imgBox {height:43rem }
.banner .imgBox h2, .banner .imgBox h3 { font-size: 2.6rem; line-height: 3rem;}
/* 首页产品 */
.indexOne .tle ul li a{padding: 0 1.5rem;}
.inOneSwiper2 .swiper-slide{ padding-bottom: 10%;}
/* 公共底部 */
.footer-copy {text-align: center;}
.footer-copy .container{ flex-wrap: wrap; align-items: center; justify-content: center;}
.aboutTwo .fz_nav .abtbox2_nav .swiper-slide .item{font-size: 7rem;}
.coursebox-sec1 .cont .lt .course1_cont .item .tit{font-size: 2rem;}
.partner-title h2{width: 100%;}
.factory-list ul a{width: 48%!important;}
.nypro-list ul li{width: 48%;}
.nynews-list ul li{width: 48%;}
}
@media screen and (min-width:200px) and (max-width:640px) {
/* 头部 */
.header{top: 2%;}
.head-middle,.head-right { display: none;}
.pc-logo a img.logo1 { width: 65%;}
.headfixed{padding: 1rem 0; top: 0;}
/* banner */
.banner{overflow: hidden;height:18rem}
.banner .imgBox {height:18rem }
.banner .imgBox h2, .banner .imgBox h3 { font-size: 1.6rem; line-height: 1.8rem;}
.banner .imgBox h3{margin-bottom: 1rem;}
.banner .imgBox h4{font-size: 1.1rem; line-height: 1.6rem; margin-bottom: 0;}
.banner .imgBox a{display: none;}
#banner-prev, #banner-next{display: none;}
#banner-num{bottom: 4%;}
.mobnavBox{width: 70%;}
/* 关于我们 */
.indexOne{padding: 4rem 0;}
.indexOneTle .en,.index-title b{font-size: 3.4rem;}
.indexOneTle h3,.index-title strong{font-size: 1.8rem;}
.about .index-title em{font-size: 2rem;}
.index-title i{margin: 0 auto;}
.indexOne .tle ul{flex-wrap: wrap;}
.indexOne .tle ul li{width: 48%; margin-bottom: 1rem;}
.indexOne .tle ul li a{padding: 0; background: #fff;}
.inOneSwiper2 .slideBox{flex-wrap: wrap;}
.inOneSwiper2 .slideBox .con,.inOneSwiper2 .imgBox{width: 100%;}
.inOneSwiper2 .slideBox .con{margin-bottom: 2rem;}
.more1 { width: 9.375rem; margin-top: 2.3125rem; }
.inOneSwiper2 .swiper-slide { padding-bottom: 22%;}
#product-num { bottom: 0; text-align: center; width: auto; right: 0; left: 0; justify-content: center;}
.about { padding: 3rem 0; }
.about .info { width: 100%; margin: 0 auto 3rem;}
.about .index-title { padding-bottom: 2.5rem;}
.about .info h2{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.more2 { width: 10.1875rem;}
.more2 span{line-height: 3.5rem;}
.about-num ul li{width: 48%;}
.about-num ul li b, .about-num ul li em { font-size: 2.5rem; }
/* 激光塑料焊接应用案例 */
.app { padding: 3.5rem 0; }
.app-list ul li { width: 48%; margin-bottom: 1rem; }
.app-list ul li .pic{height: 18rem;}
.index-title{padding-bottom: 3rem;}
.app-list ul li .info { padding: 1rem 5%; }
.app-list ul li i img{width: 0.5rem;}
/* 新闻中心 */
.news{padding: 3.5rem 0;}
.news-list{margin-bottom: 0;}
.news-list ul{flex-wrap: wrap;}
.news-list ul li { width: 100%; margin-bottom:2rem }
.contact{padding: 5rem 0;}
.contact .info h2{font-size: 1.5rem;line-height: 1.6rem;}
.contact .info em{font-size: 1.2rem;}
.contact .info h3{ font-size: 1.6rem; line-height: 2rem; }
.footer{padding: 3rem 0;}
.footer-box{flex-wrap: wrap;}
.footer-left{margin-bottom: 1rem;}
.footer-left,.foot-wechat{width: 100%;}
.footer-left strong,.foot-wechat strong{margin-bottom: 1rem;}
/* 内页banner */
.ny-banner { height: 21rem; }
.position { justify-content: flex-start; }
.about-class{display: none;}
.about-banner .info strong { font-size: 1.4rem; line-height: 1.4rem; }
.about-banner .info img{width: 2rem;}
.about-banner .info p{margin: 0.5rem auto 1rem;}
.banner-box{ transform: translateY(8%);}
.wapabout-class {display: block;padding: 2rem 0;}
.wapabout-class .ctitle1{flex-wrap: wrap;justify-content: space-between;}
.wapabout-class .ctitle1 li{width: 48%;margin-bottom: 1rem; display: block;}
.wapabout-class .ctitle1 li a{display: block;}
.wapabout-class .ctitle1 li img{display: none;}
.wapabout-class .ctitle1 li em{display: block; font-size: 1.1rem; line-height: 3rem; color: #333; text-align: center; background: #fcfcfc;}
.wapabout-class .ctitle1 li:hover em{background: #c10d11; color: #fff;}
/* 公司简介 */
.ny-about{padding: 5rem 0;}
.about-left .company-title { margin-bottom: 2.5rem; }
.company-title img{width: 2rem;}
.company-title strong{font-size: 1.65rem; line-height: 1.65rem;}
.company-title em{font-size: 1.2rem; margin-bottom: 1rem;}
.about-left p{ font-size: 1.1rem;}
.about-right ul li p, .about-right ul li strong { font-size: 2.2rem; }
.about-right ul li b{font-size: 1rem; line-height: 1rem;}
.aboutTwo .company-title { padding: 4rem 0 0; }
.aboutTwo .text p { width: 94%;}
.aboutTwo .abtbox2_cont { height: 42.5625rem;}
.aboutTwo .fz_nav .abtbox2_nav .swiper-slide .item{font-size: 3rem;}
.aboutTwo .more a { width: 10.875rem}
.aboutTwo .more a span{line-height: 3.5rem;}
.certified{padding: 3rem 0;}
.certified .company-title { margin-bottom: 2.5rem; }
.certified-title img{display: block; width: 2rem;}
.certified-list ul li .flex-sb{flex-wrap: wrap;}
.certified-list ul li .info,.certified-list ul li .pic, .certified-list ul li:hover .pic, .certified-list ul li.on .pic {width: 100%; }
.certified-list ul li .pic img{display: none;}
.certified-list ul li{padding: 2rem 4% 1rem;}
.certified-list ul li .info h3 img{margin-top: 1.5%;}
.banner-title b{font-size: 1.9rem;}
.banner-title em{font-size: 2rem;}
.banner-title i{margin: 0 auto;}
.ny-main { padding: 4rem 0 2rem; }
.coursebox-sec1 .cont{flex-wrap: wrap;}
.coursebox-sec1 .cont .lt,.coursebox-sec1 .cont .gt{width: 100%;}
.coursebox-sec1 .cont .gt:before{display: none;}
.coursebox-sec1 .cont .lt .course1_cont .item .text{margin-bottom: 1rem; width: 100%;}
.coursebox-sec1 .cont .lt .nav{width: 100%; margin-bottom: 2rem;}
.coursebox-sec1 .cont .gt .items h3{display: none;}
.coursebox-sec1 .cont .gt .items .li .date i{display: none;}
.coursebox-sec1 .cont .gt .items .li .date b{margin-left: 0; font-size: 2rem;}
.coursebox-sec1 .cont .gt .items .li .img{box-sizing: border-box; width: 100%; padding-left: 0;}
.coursebox-sec1 .cont .gt .items .li .jut{padding-left: 0;}
.coursebox-sec1 .cont .gt .items .li{margin-bottom: 2.5rem;}
.coursebox-sec1 .cont .gt .items .li .img{margin-bottom: 1rem;}
.developmore a { display: block; width: 10rem; border-radius: 2.5rem; font-size: 1.15rem; line-height: 3.0625rem; color: #fff; text-align: center; background: #cc0f04; margin: 0 auto; transform: none;}
/* 内页合作客户 */
.partner-title h2{font-size: 1.2rem; line-height: 2rem; margin-bottom: 2rem;}
.partner-list ul li { width: calc(100% / 2 - 2.6%);}
.honor-list ul {width: 102%;}
.honor-list ul a { width: calc(100% / 2 - 2%) !important; margin-right: 2%;}
.factory-list ul h3{font-size: 1.1rem;}
.pro-header{padding: 1rem 0 ;}
.pro-header .pc-logo a img.logo2{width: 65%;}
.pic-main .tle h3{font-size: 1.8rem;}
.pic-main .pic-con{padding: 3rem 4%;}
.pic-main .pic-con h4{font-size: 1.8rem; margin-bottom: 1rem;}
.ny-left{margin: 0;}
.left-title em{font-size: 1.6rem;}
.pro-class{margin-bottom: 2rem;}
.right-title h2 { font-size: 1.5rem; line-height: 2rem; border-left: 0.4rem solid #c10d11; padding-left: 1.25rem; }
.nypro-list ul li { width: 100%; }
.proxq-position{flex-wrap: wrap;}
.proxq-info h2 { font-size: 1.4rem; line-height: 2rem; }
.details-title em { font-size: 1.6rem; padding-left: 1.5rem; }
.recom-title em{font-size: 1.6rem;}
.recom-list ul li{width: 100%;}
/* 内页应用案例列表页 */
.nyapp{padding: 0;}
.nyapp .box .pass{flex-wrap: wrap; justify-content: space-between;}
.nyapp .box .pass::after{display: none;}
.nyapp .box .item{width: 46%; margin-top: 0; margin-bottom: 1rem; background: #f5f5f5; line-height: 2.8125rem;}
.nyapp .box .item .circ{display: none;}
.nyapp .box .item:hover {background: #e58e31;}
.nyapp .box .item:hover .tit-18{color: #fff;}
.app-a{padding: 0; margin-bottom: 3rem;}
.app-a .swiper-slide a{flex-wrap: wrap; height: auto;}
.app-a .swiper-slide .txt,.app-a .swiper-slide .img{width: 100%;}
.app-a .swiper-slide .txt { overflow: hidden; padding: 13% 4%; height: auto; box-sizing: border-box;}
.app-a .swiper-slide .txt .tit-24{font-size: 1.4rem;}
.app-a .swiper-slide .txt .tit-30{font-size: 1.2rem; line-height: 1.6rem; margin-bottom: 2rem;}
.app-a .swiper-slide .img{height: 20rem;}
.pic-editbox p{line-height: 2rem!important;}
.pic-editbox .table0 tr td:first-child{margin-bottom: 2rem;}
.pic-editbox .table-responsive1{overflow-x: scroll;}
.pic-editbox .table-responsive1 .table1{width:790px!important;margin:0 auto;}
.pic-editbox .table-responsive1::-webkit-scrollbar{ width: 7px; height: 7px;}
/*定义滚动条轨道 内阴影+圆角*/
.pic-editbox .table-responsive1::-webkit-scrollbar-track{ background-color: #ccc;}
/*定义滑块 内阴影+圆角*/
.pic-editbox .table-responsive1::-webkit-scrollbar-thumb{ background-color: #c10d11; }
.pro-editbox .table-responsive0{overflow-x: scroll;}
.pro-editbox .table-responsive0 .table0{width:790px!important;margin:0 auto;}
.pro-editbox .table-responsive0::-webkit-scrollbar{ width: 7px; height: 7px;}
/*定义滚动条轨道 内阴影+圆角*/
.pro-editbox .table-responsive0::-webkit-scrollbar-track{ background-color: #ccc;}
/*定义滑块 内阴影+圆角*/
.pro-editbox .table-responsive0::-webkit-scrollbar-thumb{ background-color: #c10d11; }
.pro-editbox .table-responsive1{overflow-x: scroll;}
.pro-editbox .table-responsive1 .table1{width:790px!important;margin:0 auto;}
.pro-editbox .table-responsive1::-webkit-scrollbar{ width: 7px; height: 7px;}
/*定义滚动条轨道 内阴影+圆角*/
.pro-editbox .table-responsive1::-webkit-scrollbar-track{ background-color: #ccc;}
/*定义滑块 内阴影+圆角*/
.pro-editbox .table-responsive1::-webkit-scrollbar-thumb{ background-color: #c10d11; }
.latest-news{padding: 3rem 0;}
.latest-list ul li .info{padding: 6% 4%;}
.latest-list ul li .info h2{font-size: 1.3rem;}
.latest-list ul li .date{padding-top: 1rem;}
.latest-list ul li .info p { margin-bottom: 1rem; }
#latest-num{bottom: 8%;}
.newsclass-box{margin-bottom: 3rem;}
.news-class .ctitle1 li a{line-height: 5rem;}
.nynews-list ul li { width: 100%; margin-bottom: 2rem; }
.nynews-list ul li .info h3{font-size: 1.2rem;}
.ny-problem ul li{padding: 2rem 2%; margin-bottom: 1.5rem;}
.ny-problem dl dd .date,.ny-problem dl dt b,.ny-problem dl dd strong{display: none;}
.ny-problem dl dt .name, .ny-problem dl dd .info { width: 100%; }
.ny-problem dl dt .name h3{font-size: 1.2rem; height: auto;}
.ny-problem dl dt .name h3::after{display: none;}
.news-xq{padding: 3rem 4%; margin-bottom: 3rem;}
.recomnews-list ul li{width: 100%;}
.newsxq-title strong{font-size: 1.3rem;}
.news-left { margin-bottom: 4rem; }
.down-list { padding: 4rem 0; }
.down-list ul li{width: 100%; padding: 2rem 3.5%; margin-bottom: 2rem;}
.message-bg { padding: 4.5rem 0; }
.message-box{background-size: cover; padding: 3rem 0;}
.message .flex-sb{flex-wrap: wrap;}
.message ul{width: 100%; margin-bottom: 0.125rem;}
.message ul input, .message ul select { line-height: 3.375rem;}
.message ul select{height: 3.375rem; background-size: 3%;}
.message-btn input{width: 7rem; line-height: 2.8rem;}
.contact-left strong { font-size: 1.6rem; margin-bottom: 1.5rem;}
.contact-list { margin-bottom: 3rem; }
.contact-list dl dd em { font-size: 1.3rem; line-height: 1.3rem;}
.contact-list dl dd b { font-size: 1.2rem; margin-top: 0.5rem;}
.contact-list dl dd p{font-size: 1.1rem; line-height: 1.5rem;}
.map{background: url(../images/map-pic.jpg) no-repeat center top 64%; height: 22rem;}
}