@charset "utf-8";
/* CSS Document */
/**
* GEP ECOTECH
* Intelligent solid waste recycling equipment and complete line system solution provider
* 2022-09-01 by Lizhiyuan vip@xiaquer.com
* Copyright 2017-2022 
*/

.h_title{ padding:40px 0; overflow:hidden;text-align: center}
.h_title h3{ font-size:28px;font-weight:bold; color:#000;margin-bottom:6px;}
.h_title p{ font-size:15px;color:#525252;}
@media (max-width:1300px) {
.h_title{ padding:4% 0;}
.h_title h3{ font-size:26px;}
}
@media (max-width:1024px) {
.h_title h3{ font-size:24px;}
}
@media (max-width:768px) {
.h_title h3{ font-size:22px;}
.h_title p{ font-size:14px; }
}
@media (max-width:480px) {
.h_title h3{ font-size:20px;}
}

.banner-container{position:relative;max-width:1920px;width:100%;height: 100%; overflow:hidden;margin-left: auto;margin-right: auto;white-space:nowrap}
.banner-container a{display: inline-block;overflow: hidden;box-sizing:border-box;vertical-align:top}
.banner-container .carousel-indicator {position: absolute;width: 100%;text-align: center;bottom: 10px;z-index:99;}
.banner-container .carousel-indicator span { display: inline-block; width: 12px; height: 12px;border-radius: 50%; margin: 0 5px;cursor: pointer;background: rgba(255,255,255,.4);}
.banner-container .carousel-indicator span.active {background: rgba(255,255,255,8);}
@media (max-width:980px) {
.banner-container{margin-top:50px;}
.banner-container .carousel-indicator{bottom:4px;}
.banner-container .carousel-indicator span {width:8px; height:8px;}
}
.materials{width:1320px;}
.materialscove{margin-bottom:40px;}
.materials .more{width:120px;padding:10px 0; text-align: center; margin:0 auto;display:block; color:#656565; font-size:15px; border:1px solid #afafaf;transition: all 500ms ease;-webkit-transition:all 500ms ease;}
.materials .more:hover{background:#3754b2;color:#ffffff; border-color:#3754b2;}
.materials ul{width:100%;margin-bottom:20px;display:flex;justify-content:space-between;flex-wrap:wrap;}
.materials ul li{width:10%;margin:0 10px;background:#f0f0f0;}
.materials ul li:nth-child(n+9){margin-top:20px;}
.materials ul li .pic{width:100%;overflow: hidden;}
.materials ul li .pic img{-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;vertical-align:middle;}
.materials ul li .pic img:hover{transform: scale(1.1)}
.materials ul li h3{font-size:16px;font-weight:normal;padding:10px}
@media (max-width:1320px) {
.materials{width:98%;}
.materialscove{margin-bottom:4%;}
.materials ul li{margin:0 1%;}
}
@media (max-width:1024px) {
.materials ul li h3{font-size:15px;padding:5px}
.materials .more{padding:1% 0;}
}
@media (max-width:800px) {
.materials ul li{width:17%;}
.materials ul li:nth-child(n+6){margin-top:2%;}
.materials ul li:last-child{display:none;}
}
@media (max-width:480px) {
.materials ul li{width:31.3333%;margin:0 1%;}
.materials ul li h3{font-size:14px;padding:9px 6px}
.materials ul li:nth-child(n+4){margin-top:2%;}
.materials ul li:nth-child(n+10){display:none;}

}

.video_show{width:100%;background:#ffffff;margin-top:50px;box-sizing:border-box; color:#fff;position: relative;overflow:hidden;}
.video_show .videobg{display:flex;flex-flow:column;justify-content:space-between;position: relative;z-index:2;padding:147px 0;}
.video_show .video-media{position:absolute;top:50%;bottom:0;left:50%;transform:translate(-50%,-50%);max-width:fit-content;z-index:0;}
.video_show .video_txt{width:100%}
.video_show .video_txt h2{font-size:28px;padding-bottom:20px;}
.video_show .video_txt h3{font-size:20px;padding:10px 0;}
.video_show .video_txt p{font-size:16px;line-height:1.8;margin-bottom:10px;}
.video_show .video_txt .more{padding:10px 30px;display:inline-block; color:#fff; font-size:15px; border:1px solid #fff; margin-top:30px;transition:all .4s ease}
.video_show .video_txt .more:hover{background:#3754b2;color:#ffffff;border:1px solid #3754b2;transform:translate(0,-4px)}
@media (max-width:1300px) {
.video_show{margin-top:5%;}
.video_show .video_txt .more{padding:1% 4%;margin-top:2%;}
}
@media (max-width:1200px) {
.video_show .video_txt h2{padding-bottom:0%;}
.video_show .video_txt h3{padding:1% 0;}
.video_show .video_txt p{font-size:15px;margin-bottom:1%;}
}
@media (max-width:1024px) {
.video_show .video_txt h2{font-size:22px;padding:1% 0;}
.video_show .video_txt h3{font-size:18px;padding: 0;}
.video_show .video_txt p{font-size:14px;margin-top:1%;}
}
@media (max-width:980px) {
.video_show .videobg{padding:80px 0;}
}
@media (max-width:768px) {
#video-media{max-width:140%}
.video_show .video_txt p{display: none}
}
@media (max-width:640px) {
.video_show .video_txt .more{margin-top:2%;}
}
@media (max-width:480px) {
.video_show .videobg{padding:40px 0;}
.video_show .video_txt h2{font-size:20px;margin-bottom:4%;}
.video_show .video_txt h3{font-size:16px;margin-bottom:2%;}
}

.serve{ padding:20px 0 60px;display:flex;justify-content:space-between;flex-wrap:wrap;}
.serve dl{width:325px;font-size:19px; text-align: center; color:#585858;background: url(../images/serve-ico01.png) top center no-repeat;padding-top:64px;}
.serve dl:nth-child(2){background:url(../images/serve-ico02.png) center top no-repeat;}
.serve dl:nth-child(3){background:url(../images/serve-ico03.png) center top no-repeat;}
.serve dl:nth-child(4){background:url(../images/serve-ico04.png) center top no-repeat;}

.serve dl dt{ position:relative;overflow:hidden;padding:15px 0 5px;font-size:16px;}
.serve dl dd .num{display:inline-block;padding-right:20px;position:relative;transition:all 0.2s ease-in 0.2s;}
.serve dl dd .num em,.serve dl dd .num i{ font-weight:bold; height:auto; line-height:normal; font-style:normal; color:#3754b2;}
.serve dl dd .num em{ font-size:48px;}
.serve dl dd .num i{ font-size:32px;position: absolute;right:-5px;top:-8px;}
@media (max-width:1300px) {
.serve{padding:2% 0 4%;}
.serve dl{width:25%;}
}
@media (max-width:1024px) {
.serve dl{font-size:16px;}
.serve dl dt{padding:4% 0 1%;}
.serve dl dd .num{padding-right:12px;}
.serve dl dd .num em{font-size:24px;}
.serve dl dd .num i{font-size:22px;}
}
@media (max-width:768px) {
.serve dl{padding-top:50px;}
.serve dl,.serve dl:nth-child(2),.serve dl:nth-child(3),.serve dl:nth-child(4){background-size:24%;}
}
@media (max-width:480px) {
.serve dl{width:50%;margin-bottom:2%}
.serve dl dt{font-size:14px;}
}
@media (max-width:420px) {
.serve dl{margin-bottom:5%}
.serve dl dt{padding:1% 0}
}
@media (max-width:360px) {
.serve dl{padding-top:42px;}
}

.casemax{ background:#f1f2f7; padding-bottom:45px;width:100%;}
.casemax .caselist{}
.casemax .caselist ul{margin-bottom:20px; display:flex;justify-content:space-between;flex-wrap:wrap;}
.casemax .caselist ul li{width:24%;}
.casemax .caselist ul li .pic{width:100%;}
.casemax .caselist ul li h2{font-size:18px;padding:12px 0;font-weight:bold;}
.casemax .caselist ul li .param{font-size:14px;}
.casemax .caselist ul li .param span{display:block;padding:2px 0}
.casemax .caselist .more{width:120px; padding:10px 0; text-align: center; margin:0 auto;display:block; color:#656565; font-size:15px; border:1px solid #afafaf;transition: all 500ms ease;-webkit-transition:all 500ms ease;}
.casemax .caselist .more:hover{background:#3754b2;color:#ffffff; border-color:#3754b2;}
@media (max-width:768px) {
.casemax .caselist ul li h2{font-size:16px;padding:3% 0;}
}
@media (max-width:640px) {
.casemax{padding-bottom:3%;}
.casemax .caselist ul{margin-bottom:2%;}
.casemax .caselist ul li{width:49%;margin-bottom:2%;}
}
@media (max-width:480px) {
.casemax .caselist .more{padding:6px 0;}
}

.newsmax{margin-bottom:60px}
.newsmax .h_title{display:flex;justify-content:space-between;flex-wrap:wrap;place-items:center;padding:40px 0 20px;}
.newsmax .h_title h3{margin:0;}
.newsmax .news-content{width:49%;float:left;}
.newsmax .news-content ul{width:100%;}
.newsmax .news-content ul li{width:100%;margin-bottom:33px;}
.newsmax .news-content ul li:last-child{margin-bottom:0;}
.newsmax .news-content ul li a{font-size:17px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position: relative; padding-left: 15px;}
.newsmax .news-content ul li a:before { content: ""; width:6px; height:6px; border-radius: 4px; position: absolute; left: 0; top:9px; background: #2674de; }
.newsmax .news-content ul li .summary{font-size:14px;overflow: hidden; word-break:break-all;margin-top:5px;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;color: #999}
.newsmax .news-content ul li .summary span{float: right;}
.newsmax .video-content{width:49%;float:right;}
@media (max-width:1300px) {
.newsmax{margin:2% auto 5%}
.newsmax .h_title{padding:4% 0;}
.newsmax .news-content ul li{margin-bottom:5%;}
}
@media (max-width:1200px) {
.newsmax .news-content ul li{margin-bottom:4%;}
}
@media (max-width:768px) {
.newsmax .news-content{width:100%;}
.newsmax .news-content ul li{margin-bottom:2%;}
.newsmax .video-content{width:100%;margin-bottom:4%;}
}
@media (max-width:640px) {
.newsmax .news-content ul li a{font-size:16px}
}

.nbanner{height:340px;color:#fff;}
.nbanner .box{position:relative}
.nbanner .content{position:absolute;top:50%;transform:translateY(-50%);box-sizing:border-box;}
.nbanner .content h1,.nbanner .content .title{padding-bottom:16px;font-size:30px;color:#fff;text-align:left;display:block;position: relative;font-weight: bold;white-space:pre-line}
.nbanner .content .slogan{ font-size:16px;color:#fff;text-align:left;margin-top:10px;}
.nbannerlist{height:300px;}
.nbannerlist .content h1:before,.nbannerlist .content .title:before{content:'';position:absolute;bottom:0;left:0;width:155px;height:5px;background:#2674de}
.nbannerlist .content h1:after,.nbannerlist .content .title:after{content:'';position:absolute;left:155px;bottom:0;border:2.5px solid #2674de;border-top-color:transparent;border-right-color:transparent}
.nbannerinfo{height:240px;}
.nbanner-material{height:300px;position: relative;text-align: center;color:#fff;background-repeat:no-repeat;background-position:center center;background-size:cover}
.nbanner-material h1{display:inline-block;font-size:32px;}
.nbanner-material h1:after{content:'';display: block; width:120%;height:5px;background:#2674de;margin:0 auto;transform:translateX(-9%);margin-top:10px;}
.nbanner-material .content{position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%}
@media (max-width:800px) {
.nbanner{height:200px;}
.nbanner-material{height:200px;}
.nbanner .content{top:61%;}
.nbanner-material .content{top:62%}
.nbanner .content h1,.nbanner .content .title{font-size:24px;}
.nbanner-material h1{font-size:24px;}

}
@media (max-width:480px) {
.nbanner{height:200px;}
.nbanner .content{top:64%;}
.nbanner .content h1,.nbanner .content .title{font-size:22px;padding-bottom:12px}
.nbanner-material h1{font-size:22px;}
.nbannerlist .content h1:before, .nbannerlist .content .title:before{width:100px;height:3px;}
.nbannerlist .content h1:after, .nbannerlist .content .title:after{display:none;}
.nbanner .content .slogan{font-size:14px;}
}
@media (max-width:420px) {
.nbanner .content h1,.nbanner .content .title{font-size:20px;}
}
.solutit {padding:36px 0;}
.solutit .tit {width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;place-items:center;}
.solutit .tit p {color:#00479d;font-size:28px;font-weight:bold;display: inline-block;}
.solutit .tit .more {color:#8ab923;font-size:14px;display: inline-block;}
.solutit p.con {color:#999999;font-size:15px;line-height:22px;margin-top:5px;}
@media (max-width:1200px) {.solutit {padding:3% 0;}
.solutit .tit p {font-size:24px;}
}
@media (max-width:768px) {.solutit .tit p {font-size:22px;}
}
@media (max-width:480px) {
.solutit .tit p {font-size:20px;}
.solutit p.con {display:none;}
}
@media (max-width:320px) {.solutit .tit p {font-size:18px;}
}

.solution-project-video{margin-top:40px;padding-bottom:40px;width:100%;background:url(../images/project-video-bg.jpg) top center  #f0f0f0 no-repeat;}
.solution-project-video .solutit{padding:24px 0}
.solution-project-video .related_case{margin:0 auto}
.solution-project-video .solution-video{margin-top:40px; width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;}
.solution-project-video .solution-video li{width:23%}
.solution-project-video .solution-video li .pic{width:100%;position: relative}
.solution-project-video .solution-video li .pic img{width:100%}
.solution-project-video .solution-video li .pic:before{content:'';background: url(../images/videoico.png) center center no-repeat;background-size:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;}
.solution-project-video .solution-video li h4{font-size:16px;text-align: center;padding:10px 0}
@media (max-width:800px) {
.solution-project-video .solutit{padding:2% 0}
.solution-project-video{margin-top:4%;padding-bottom:4%;}
.solution-project-video .solution-video{margin-top:4%;}
.solution-project-video .solution-video li{width:48%}
}
@media (max-width:420px) {
.solution-project-video .solution-video li .pic:before{width:36px;height:36px;}
}
.section-message{ padding:40px 0;overflow:hidden;background:#f0f0f0;}
.section-message .box{overflow:hidden;display:flex;justify-content:space-between;flex-wrap:wrap;}
.section-message .section-message-left{float:left;width:370px;background:#3754b2;position:relative;}
.section-message .section-message-left img{ display:block;position: absolute;;bottom: 0;left:0;}
.section-message .section-message-left .content{padding:10px 20px;color:#fff}
.section-message .section-message-left .content h4{font-size:24px;padding:8px 0;}
.section-message .section-message-left .content p{font-size:15px;padding:4px 0}
.section-message .section-message-right{float: right;width:850px;background:#f1f2f7;padding:30px;border-radius:5px;}
.section-message .section-message-right h4{ font-size:28px;}
.section-message .section-message-right p{ font-size:15px;color:#6f6f6f;padding:5px 0;}
.section-message .section-message-right form .input{margin:10px 0; width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;}
.section-message .section-message-right form .input input{width:30%;border:1px solid #dcdada; font-size:15px; padding:0 1%; height:50px; line-height:50px;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;color:#2f2f2f}
.section-message .section-message-right form textarea{width:98%; border:1px solid #dcdada; font-size:15px;padding:1%; height:160px; line-height:28px;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;color:#2f2f2f}
.section-message .section-message-right form input[type="submit"]{width:160px;border:none; background:#3754b2; color:#fff; font-size:18px; font-weight:bold; line-height:48px;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
@media (max-width:1200px) {
.section-message{padding:4% 0;}
.section-message .section-message-left{width:26%;}
.section-message .section-message-right{width:67%;padding:3%;}
.section-message .section-message-right h4{ font-size:24px;}
}
@media (max-width:1024px) {
.section-message .section-message-left{display:none}
.section-message .section-message-right{width:100%;padding:0%;float:none;background:no-repeat}
.section-message .section-message-right form .input input{width:100%;margin-top:10px}
}
@media (max-width:480px) {
.section-message{padding:6% 0;}
.section-message .section-message-right h4{font-size:20px;}
.section-message .section-message-right p{font-size:14px;}
.section-message .section-message-right form .input input{line-height:36px;height:36px;font-size:14px;}
.section-message .section-message-right form textarea{font-size:14px;}
.section-message .section-message-right form input[type="submit"]{width:120px;line-height:38px;font-size:15px;}
}
@media (max-width:320px) {
.section-message .section-message-right h4{font-size:18px;}
}

.listmax{width:1320px;margin:50px auto 0}
.materialslist{width:100%;}
.materialslist li{width:145px;float:left;margin:10px 10px; text-align: center; background:#f0f0f0;}
.materialslist li .pic{width:100%;overflow: hidden;}
.materialslist li .pic img{-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;vertical-align:middle;}
.materialslist li .pic img:hover{transform: scale(1.1)}
.materialslist li h3{font-size:16px;font-weight:normal;padding:14px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.projectlist{width:100%}
.projectlist li{width:310px;margin:0 10px 20px;float: left;background:#f0f0f0;}
.projectlist li .pic{width:100%;height: inherit;overflow: hidden}
.projectlist li .pic img{width:100%;-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s;-ms-transition:all .8s ease 0s;-webkit-transform:scale(1,1);transform:scale(1,1)}
.projectlist li .pic img:hover{-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}
.projectlist li section{padding:16px;}
.projectlist li section h2{font-size:18px;padding:6px 0;width:100%;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.projectlist li section p{font-size:14px;padding:1px 0;width:100%;height:inherit;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.videolist{width:100%}
.videolist li{width:310px;margin:0 10px 20px;float: left;background:#f0f0f0;}
.videolist li .pic{width:100%;position: relative}
.videolist li .pic img{width:100%}
.videolist li .pic:before{content:'';background: url(../images/videoico.png) center center no-repeat;background-size:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;}
.videolist li h3{font-size:16px;text-align: center;padding:10px 0}
.page_tags { min-height:600px;margin:0 auto 60px;}
.page_tags a { background:#f0f0f0; padding: 5px 15px; margin: 10px; display: block; float: left;border-radius:6px;opacity:0.9;}
@media (max-width:1320px) {
.listmax{width:100%;margin:4% auto 0}
.materialslist li{width:18%;margin:1% 1%;}
.projectlist li{width:23%;margin:0 1% 2%;}
.projectlist li section{padding:12px;}
.videolist li{width:23%;margin:0 1% 2%;}
}
@media (max-width:1200px) {
.listmax{width:98%;}
.page_tags a {margin:1% 1%}
}
@media (max-width:768px) {
.projectlist li{width:31.3333333%;}
.projectlist li section{padding:6px;}
.projectlist li section h2{font-size:16px;}
.videolist li{width:48%;}
.materialslist li{width:23%;}
}
@media (max-width:480px) {
.projectlist li{width:48%;}
.projectlist li section{padding:10px;}
.materialslist li{width:31.3333%}
.materialslist li h3{padding:6px 0;}
.videolist li h3{padding:6px 0;}
}
@media (max-width:420px) {
.videolist li .pic:before{width:36px;height:36px;}
}

.consulbox {width:100%;background:#3754b2;}
.consulbox .consul {width:1300px;margin:0 auto;padding:34px 0;overflow:hidden;display:flex;justify-content:space-between;flex-wrap:wrap;}
.consulbox .consul li {width:33.3333333%;text-align:center;}
.consulbox .consul li .pic {width:70px;margin:0 auto 10px;text-align:center;}
.consulbox .consul li .t {font-size:20px;color:#f4f5f5;font-weight:bold;line-height:30px;}
.consulbox .consul li .c {font-size:14px;color:#f4f5f5;margin:10px 0 15px}
.consulbox .consul li a {font-size:15px;color:#f4f5f5;font-weight:bold;display:inline-block;width:130px;line-height:34px;text-align:center;border:1px solid #f4f5f5;border-radius:5px;}
@media (max-width:1300px) {.consulbox .consul {width:100%;padding:3% 0}
}
@media (max-width:640px) {
.consulbox .consul li {width:100%;padding:3% 0}
.consulbox .consul li:nth-child(2) {background:#19348d;}
}
@media (max-width:480px) {.consulbox .consul li .t {font-size:18px;}
.consulbox .consul li .c {margin:1% 0 2%;}
.consulbox .consul li a {width:120px;line-height:28px;margin-top:1%;}
}
@media (max-width:320px) {.consulbox .consul li .c {width:90%;margin:1% auto;line-height:22px;}
}
.news-company{width:100%;}
.news-company ul{display:flex;justify-content:space-between;flex-wrap:wrap;}
.news-company ul li{display:block;width:49%;margin-bottom:20px; position:relative;overflow:hidden;background:#f5f5f5;}
.news-company ul li:nth-child(n+3){ margin-bottom: 0; }
.news-company ul li .pic{width:28%;float:left;overflow:hidden;height:120px;}
.news-company ul li .pic img{width:100%;-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s;-ms-transition:all .8s ease 0s;-webkit-transform:scale(1,1);transform:scale(1,1)}
.news-company ul li .pic img:hover{-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}
.news-company ul li .content{float:right;width:68%;padding:2% 1%; }
.news-company ul li .content h3{ display:block; font-size:18px;line-height:1;overflow:hidden;transition:all .6s;text-overflow: ellipsis; white-space: nowrap;}
.news-company ul li .content span{font-size:14px;padding:8px 0;display: block;}
.news-company ul li .content p{ font-size:14px; color:#999;line-height:1.4;overflow: hidden;word-break:break-all;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
@media (max-width:1200px) {
.news-company ul li .content h3{font-weight:normal}
}
@media (max-width:768px) {
.news-company ul li{width:100%;margin-bottom:2%;}
.news-company ul li:nth-child(n+3){ margin-bottom:2%; }
.news-company ul li:nth-child(n+4){ margin-bottom:0%; }
.news-company ul li .content{padding:2% 1%}
}
@media (max-width:640px) {
.news-company ul li .content{position: relative;height:68px;padding:6px 3px}
.news-company ul li .content h3{font-size:16px;word-break:break-all;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;line-height:1.4;}
.news-company ul li .content p{display:none}
.news-company ul li .content span{position: absolute;bottom:0;left:3px;}
.news-company ul li .pic{height:80px;}
}
.news-industry {width:100%;background:#f5f5f5;}
.news-industry .indu-left {width:52%;float:left;}
.news-industry .indu-left .indutop {width:100%;border-bottom:1px solid #dddddd;padding:20px 0;margin-bottom:20px;}
.news-industry .indu-left .indutop a {font-size:18px;font-weight:bold;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;transition:all .6s;line-height:46px;display:block;}
.news-industry .indu-left .indutop p {color:#999;font-size:14px;line-height:24px;overflow: hidden;word-break:break-all;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.news-industry .indu-left li {width:100%;}
.news-industry .indu-left li a {font-size:16px;line-height:30px;transition:all .6s;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;display:block;}
.news-industry .indu-left .more {width:144px;line-height:42px;color:#FFF;font-size:16px;background:#7fbe25;display:block;text-align:center;border-radius:5px;margin-top:30px;}
.news-industry .indu-left .more:hover {color:#FFF;}
.news-industry .indu-right {width:600px;float:right;}
.news-industry .indu-right img {width:100%;}
.news-faq-video{margin:20px auto 50px;}
.news-faq-video .solutit{width:100%;padding:3% 0;}
.news-faq-video .news-content{width:48%;float:left;}
.news-faq-video .news-content ul{width:100%;}
.news-faq-video .news-content ul li{width:100%;margin-bottom:33px;}
.news-faq-video .news-content ul li:last-child{margin-bottom:0;}
.news-faq-video .news-content ul li a{font-size:17px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position: relative; padding-left: 15px;}
.news-faq-video .news-content ul li a:before { content: ""; width:6px; height:6px; border-radius: 4px; position: absolute; left: 0; top:9px; background: #2674de; }
.news-faq-video .news-content ul li .summary{font-size:14px;overflow: hidden; word-break:break-all;margin-top:5px;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;color: #999}
.news-faq-video .news-content ul li .summary span{float: right;}
.news-faq-video .news-video{width:50%;float:right;}
.news-faq-video .news-video ul{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;}
.news-faq-video .news-video ul li{width:48%;background:#f0f0f0;}
.news-faq-video .news-video ul li:nth-child(n+3){margin-top:20px;}
.news-faq-video .news-video ul li .pic{width:100%;position: relative}
.news-faq-video .news-video ul li .pic img{width:100%}
.news-faq-video .news-video ul li .pic:before{content:'';background: url(../images/videoico.png) center center no-repeat;background-size:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;}
.news-faq-video .news-video ul li h4{font-size:16px;text-align: center;padding:10px 0}
@media (max-width:1200px) {
.news-faq-video{margin:2% auto 4%;}
.news-industry .indu-left .indutop {padding:2% 0;margin-bottom:2%;}
.news-industry .indu-left .more {margin-bottom:6px;margin-top:3%;}
.news-industry .indu-right{width:46%;}
}
@media (max-width:768px) {.news-industry .indu-left {width:100%;float:none;padding-bottom:2%}
.news-industry .indu-right {display:none;}
.news-industry .indu-left .more {margin-bottom:3%;}
.news-industry .indu-left li a{font-size:14px}
.news-faq-video .news-content{width:100%;float:none;margin-bottom:2%;}
.news-faq-video .news-content ul li{margin-bottom:2%;}
.news-faq-video .news-video ul li{width:49%}
.news-faq-video .news-video ul li:nth-child(n+3){margin-top:2%;}
.news-faq-video .news-video{width:100%;float:none;}
}
@media (max-width:480px) {
.news-industry .indu-left .indutop a {font-size:16px;line-height:30px;}
.news-industry .indu-left .more {width:100px;line-height:28px;font-size:14px}
}
@media (max-width:420px) {
.news-faq-video .news-video ul li .pic:before{width:36px;height:36px;}
}
.weizhi {font-size: 14px; color: #777;border-bottom:1px solid #f0f0f0;line-height:1;}
.weizhi .box{padding:15px 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.weizhi a {color: #777; }
.weizhi a:hover { text-decoration: underline; }
@media (max-width:800px) {
.weizhi .box{padding:10px 0;}
}

.side_title {padding: 15px 0;border-bottom: #f0eeee 1px solid;font-weight: bold;background: #fff;display:flex;justify-content:space-between;flex-wrap:wrap;place-items:center;}
.side_title span {font-size:20px;}
.side_title a {font-size:14px; font-weight:normal; }
.side_title a:hover{color: #666;}
.main_left{width:70%;float:left;margin-bottom:50px;}
.main_left .newlist{width:100%;display: block;margin-bottom:2%}
.main_left .newlist li {transition: all .8s;width:100%;padding:20px 0;float:left;border-bottom:#f0eeee 1px solid}
.main_left .newlist li>a{display:block;}
.main_left .newlist p { color: #777; line-height: 24px; word-break: break-all; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2;}
.main_left .newlist h2 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 0px 0 8px; line-height: 28px; font-size: 18px; }
.main_left .newlist .b_time{color: #cbcbcb;font-size:15px;display:block;padding:5px 0}
.main_left .newlist li i { display: block; overflow: hidden; width: 210px; height: 120px; float: left; margin-right: 20px; border-radius: 4px; }
.main_left .newlist .pc_list {overflow: hidden;display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 12px;}
.main_left .newlist .pc_list em { display: block; float: left; width: 31%; height: 140px; overflow: hidden; border-radius: 4px; }
.main_left .newlist .pc_list em img { width: 100%; min-height: 100%; }
.main_left .newlist li img { transition: .5s; width: 100%; min-height: 100%; }
.main_left .newlist li img:hover { transform: scale(1.1) }
.content_box { background: #fff;width:100%;}
.content_box h1 { font-size:28px; margin:26px 0; }
.content_box .content_info { color: #888; font-size:15px; padding-bottom: 10px; border-bottom: #ccc 1px dotted;}
.content_box .content_info span { margin-right: 10px; }
.content_box .content_text {margin-top: 30px;word-break: break-word;color:#333}
.content_box .content_text p { margin-bottom:16px; line-height: 26px; font-size: 16px;}
.content_box .content_text p:last-child{margin-bottom:0;}
.content_box .content_text a {color:#002280;}
.content_box .content_text a:hover {color:#2674de;text-decoration: underline;}
.content_box .content_text strong {font-size:20px;font-weight:bold;}
.content_box .content_text img { margin: 15px auto; max-width: 100% !important; height: auto !important; }
.content_box .content_text video { height: auto !important; max-width: 100% !important; margin: auto; display: block }
.content_box .content_text iframe { width: 100%; min-height: 400px; }
.content_box .content_text ul, .content_text ol { margin: 20px 0 20px 35px; }
.content_box .content_text ul li, .content_text ol li { margin-top: 3px; line-height: 30px; list-style-type: disc; }
.content_box .content_text hr { margin: 20px 0; }
.content_box .content_text table { margin-bottom: 20px !important }

/*ccadd*/

.content_box .content_text h3{ margin: 30px 0 10px 0;  }
.content_box .content_text p{   margin:15px 0 15px 0;   } /*text-indent:2em; */

/*ccadd*/



.content_box .tags {width:100%;padding:10px 0}
.content_box .tags a {color:#999;border: #e9e5e5 1px solid;padding:5px 20px;font-size:14px;margin-right:6px;display: inline-block}
.content_box .tags a:hover {color: #fff;background: #2674de;}
.content_box .info_next {margin:20px 0; border-top: #efefef 1px solid;border-bottom: #efefef 1px solid; padding:10px 0; }
.content_box .info_next p{color:#333;line-height: 34px;}
.content_box .info_next p a { }
.content_box .video-container{cursor:pointer;margin-top:20px;}
.content_box .video-container video{width:100%;}
.page-body{margin:0 auto 60px;width:98%;}
.main_right{width:28%;float:right;position:sticky;top:60px;margin-bottom:50px;}
.main_right .side_nav{width:100%;}
.main_right .side_nav ul{width:80%;margin:0 auto;padding:10px 0;}
.main_right .side_nav ul li{margin:5px 0; width:100%;line-height:40px;border-radius:10px;border:solid 1px #f0f0f0; text-align: center;background:#f0f0f0;}
.main_right .side_nav ul li a{width:100%;display:block;font-size:16px;}
.main_right .side_nav ul li:hover{background:#2674de}
.main_right .side_nav ul li:hover a{color:#fff} 
.main_right .side_nav ul li.on{background:#2674de}
.main_right .side_nav ul li.on a{color:#fff} 
.main_right .recom_case{width:100%;}
.main_right .recom_case ul {padding:10px 0;overflow: hidden;width:100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.main_right .recom_case ul li { width:49%;margin-bottom: 15px; font-size: 15px; }
.main_right .recom_case ul li a { display: block;overflow: hidden}
.main_right .recom_case ul li:nth-child(n+3){ margin-bottom: 0; }
.main_right .recom_case ul li i { display: block; width: 100%; height:inherit; overflow: hidden; margin-bottom: 5px; }
.main_right .recom_case ul li img { width: 100%; min-height: 100%; transition: all .5s }
.main_right .recom_case ul li:hover img { transform: scale(1.1) }
.main_right .recom_case ul li p{font-size:15px;}

.main_right .recom_video{width:100%;}
.main_right .recom_video .video{width:100%;}
.main_right .recom_video .video a{width:100%;position: relative;display:block;}
.main_right .recom_video .video a img{max-width:100%}
.main_right .recom_video .video a:before{content:'';background: url(../images/videoico.png) center center no-repeat;background-size:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;}
@media (max-width:420px) {
.main_right .recom_video .video a:before{width:36px;height:36px;}
}
.relatednews_news {width:100%;}
.relatednews_news ul{width:100%;padding:10px 0}
.relatednews_news ul li {position: relative;padding-left: 15px;font-size:15px;line-height:30px;overflow:hidden;height:30px}
.relatednews_news ul li:before { content: ""; width: 4px; height: 4px; border-radius: 4px; position: absolute; left: 0; top: 14px; background: #a8d4d7; }
.relatednews_news ul li span{float:right;}
.relatednews_news ul li a{display:inline-block;width:calc(100% - 84px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hot_news{width:100%;}
.hot_news ul{width:100%;}
.hot_news ul li {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 40px; position: relative; padding-left: 30px; }
.hot_news ul li:before { content: ""; width: 20px; height: 20px; border-radius: 4px; position: absolute; left: 4px; top: 11px; }
.hot_news ul li:nth-child(even) { background: #f5f5f5; border-radius: 3px; }
.hot_news ul li:nth-child(1):before { background: url(../images/no1.png) no-repeat }
.hot_news ul li:nth-child(2):before { background: url(../images/no2.png) no-repeat }
.hot_news ul li:nth-child(3):before { background: url(../images/no3.png) no-repeat }
.hot_news ul li:nth-child(4):before { background: url(../images/no4.png) no-repeat }
.hot_news ul li:nth-child(5):before { background: url(../images/no5.png) no-repeat }
.hot_news ul li:nth-child(6):before { background: url(../images/no6.png) no-repeat }
.hot_news ul li:nth-child(7):before { background: url(../images/no7.png) no-repeat }
.hot_news ul li:nth-child(8):before { background: url(../images/no8.png) no-repeat }
.hot_news ul li:nth-child(9):before { background: url(../images/no9.png) no-repeat }
.hot_news ul li:nth-child(10):before { background: url(../images/no10.png) no-repeat }
@media (max-width:1024px) {
.main_right .side_nav ul{width:90%}
.content_box h1 { font-size:24px; margin:2% 0; }
.content_box .content_text{margin-top:3%;}
.content_box .content_text p{margin-bottom:10px;font-size:15px;line-height:24px;}
.content_box .content_text strong{font-size:18px;}
}
@media (max-width:800px) {
.main_right{width:100%;float:none;margin-bottom:5%;display:none;}
.main_left{width:100%;float:none;margin-bottom:2%}
.main_left .newlist{margin:2% auto 3%}
.main_left .newlist li{padding:2% 0}
.content_box .info_next {margin:2% 0;padding:1% 0; }
.content_box .info_next p{line-height:1.2;margin:10px 0}
}
@media (max-width:640px) {
.main_left .newlist li h2 { white-space: normal; margin: 0; font-weight: normal; font-size: 16px; line-height: 22px; word-break: break-all; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; margin-bottom:8px; }
.main_left .newlist .pc_list em { height: 80px; }
.main_left .newlist li { padding:1% 0;margin-bottom:1%;}
.main_left .newlist p { display: none }
.main_left .newlist li i{width:28%;height:80px;}
.main_left .newlist .b_time{padding:0; font-size: 12px; }
}
@media (max-width:480px) {
.main_right .side_nav ul li{line-height:36px;}
.content_box h1 { font-size:20px;}
.content_box .content_info{font-size:14px}
.content_box .tags a {padding:3px 14px;}
.relatednews_news ul li span{display:none;}
.relatednews_news ul li a{width:100%;}
}

.main_text{margin:30px auto}
.main_text .case_atlas{position: relative;float:left;width:700px;height:100%; overflow:hidden;margin-left: auto;margin-right: auto;white-space:nowrap}
.main_text .case_atlas p,.main_text .case_atlas figure{display: inline-block;overflow: hidden;box-sizing:border-box;vertical-align:bottom}
.main_text .case_atlas .carousel-indicator,.main_text .case_atlas .next,.main_text .case_atlas .prev { position: absolute; z-index: 10;}
.main_text .case_atlas .next,.main_text .case_atlas .prev {top: 50%;width:40px;height:70px;text-align: center; color: #fff;transform: translateY(-50%);background: rgba(255,255,255,.6);z-index: 10;cursor: pointer;background:url(../images/carousel-next.png) no-repeat center center;background-size:60%;}
.main_text .case_atlas .next {right:0;background:url(../images/carousel-prev.png) no-repeat center center;background-size:60%;}
.main_text .case_atlas .carousel-indicator { position: absolute; width: 100%;text-align: center; bottom: 10px;}
.main_text .case_atlas .carousel-indicator span {display: inline-block; width: 12px; height: 12px; border-radius: 50%;margin: 0 5px;cursor: pointer;background: rgba(255,255,255,.4);}
.main_text .case_atlas .carousel-indicator span.active {background:#2674de;}

.main_text .case_paramet{float:right;width:43%;margin-top:20px}
.main_text .case_paramet h1{font-size:26px;padding:15px 0;}
.main_text .case_paramet .material{width:100%;padding:10px 0;font-size:15px;}
.main_text .case_paramet .material p{padding:6px 0; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.main_text .case_paramet .chatus {margin-top:50px; overflow:hidden;width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;height:54px;}
.main_text .case_paramet .chatus .chat,.main_text .case_paramet .chatus .call{display:block;width:48%;border-radius:4px;text-align:center;}
.main_text .case_paramet .chatus .chat {background:#2674de;color:#fff;font-size:16px;line-height:54px;text-align:center}
.main_text .case_paramet .chatus .call {font-size:14px;line-height:22px;color:#8ab923;border:1px solid #7fbe25;}
.main_text .case_paramet .chatus .call strong {display:block;font-size:22px;line-height:26px;color:#8ab923;font-weight:bold;}
.case_title {font-size:28px;margin:10px 0;padding:10px 0;font-weight:bold;position:relative; }
.case_title:before{content:'';position:absolute;bottom:0;left:0;width:96px;height:3px;background:#2674de}
.entry-content{padding:12px 0;line-height:1.8;font-size:16px;}
.entry-content~p{padding-bottom:10px;}
.related_case{margin:30px auto;width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;}
.related_case li{width:31%}
.related_case li .pic{width:100%;height: inherit;overflow: hidden}
.related_case li .pic img{width:100%;-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s;-ms-transition:all .8s ease 0s;-webkit-transform:scale(1,1);transform:scale(1,1)}
.related_case li .pic img:hover{-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}
.related_case li h3{font-size:18px;width:100%;padding:10px 0}
.related_case li .param{width:100%;}
.related_case li .param span{display:block;width:100%;}
.related_news{margin:30px auto;width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;}
.related_news li {width:48%;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;position: relative;font-size:15px;line-height:1;padding:6px 0 6px 12px}
.related_news li:before { content: ""; width: 4px; height: 4px; border-radius: 4px; position: absolute; left: 0; top:11px; background: #a8d4d7; }
.related_news li span{float:right;}
.related_news li a{display:inline-block;width:calc(100% - 84px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
@media (max-width:1200px) {
.case_title {font-size:24px;}
.main_text{margin:3% auto}
.main_text .case_paramet{margin-top:1%}
.main_text .case_paramet h1{padding:2% 0}
.main_text .case_paramet .chatus{margin-top:5%;}
.related_case{margin:3% auto;}
.related_news{margin:3% auto;}
.main_text .case_atlas{width:55%;}
}
@media (max-width:800px) {
.case_title{font-size:22px;}
.main_text .case_atlas{max-width:700px;width:100%;float:none}
.main_text .case_atlas .next, .main_text .case_atlas .prev{width:30px;height:52px;}
.main_text .case_paramet{width:100%;float:none}
.main_text .case_paramet h1{font-size:24px}
.main_text .case_paramet .chatus{margin-top:1%;}
.main_text .case_paramet .material p{padding:2px 0}
.related_case li h3{font-size:16px;}
.related_news li{width:100%;}
.related_case li .param{font-size:14px;}
}
@media (max-width:640px) {
.entry-content{font-size:15px;line-height:1.6;}
}
@media (max-width:480px) {
.main_text{margin:3% auto}
.case_title{font-size:20px;}
.main_text .case_paramet h1{font-size:22px}
.related_case li{width:100%;}
.related_case li:nth-child(2) {;margin:3% 0}
.related_news li span{display:none}
.related_news li a{width:100%;}
.main_text .case_paramet .chatus .chat, .main_text .case_paramet .chatus .call{width:45%}
.main_text .case_paramet .chatus{height:42px;}
.main_text .case_paramet .chatus .chat{line-height:42px;}
.main_text .case_paramet .chatus .call strong{font-size:18px;line-height:1}
}
@media (max-width:360px) {
.main_text .case_paramet .chatus .call strong{font-size:16px;}
}
.material-inner{width:1300px;margin:30px auto;}
.material-inner a{width:104px;margin:0 2px 4px;padding:20px 0;display:inline-block;position:relative;background:#f0f0f0;transition:background .16s;place-items:center; text-align: center;}
.material-inner a:hover{background:#2674de;color:#fff}
.material-inner a.on{background:#2674de;color:#fff}
.material-onclick{display:none}
.material-introduction{width:100%;background:#f0f0f0;}
.material-introduction .box{display:flex;justify-content:space-between;flex-wrap:wrap;place-items:center}
.material-introduction .left{width:40%;}
.material-introduction .left h2{font-size:28px;}
.material-introduction .left p{padding:12px 0;font-size:16px;line-height:1.6}
.material-introduction .video{width:48%;}
.material-disposal{display:flex;flex-wrap:wrap;justify-content:space-between;place-items:center;overflow:hidden;margin:20px auto}
.material-disposal .description{width:45%}
.material-disposal .applications{margin-top:20px;list-style:none}
.material-disposal .applications li{display:inline-block;margin:0 24px 0 0;text-align:center}
.material-disposal .applications img{width:102px;border-radius:50%}
.material-disposal .applications span{display:block;margin-top:10px}
.material-disposal .flowchart{width:50%}
.material-products{margin:20px auto;width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;}
.material-products li{height:300px;width:624px;background:url(../images/product-item-bg.jpg) no-repeat center center;position: relative;place-items:center;text-align:center;display:flex}
.material-products li .pic{width:65%;float:left;}
.material-products li .pic img{width:80%;margin:0 auto;}
.material-products li .content{width:40%;position:absolute;top:50%;transform:translateY(-50%);box-sizing:border-box;white-space:pre-line;right:0;}
.material-products li .content h3{font-size:22px;}
@media (max-width:1304px) {
.material-inner{width:98%;margin:3% auto;}
.material-inner a{width:10%;margin:0 0.5% 0.5%; padding:1% 0;}
.material-disposal{margin:2% auto}
}
@media (max-width:1200px) {
.material-introduction .left h2{font-size:26px;}
.material-products{margin:2% auto;}
.material-products li{height:auto;width:49%;background-size:100%;padding:25px 0;}
}
@media (max-width:1024px) {
.material-products li .content h3{font-size:20px;}
}
@media (max-width:980px) {
.material-introduction{padding:4% 0;}
.material-introduction .left{width:100%;}
.material-introduction .video{width:100%;max-width:600px;margin:0 auto}
.material-disposal{margin:0 auto 2%}
.material-disposal .applications{margin-top:2%;}
}
@media (max-width:800px) {
.material-inner a{width:18%;margin:0 1% 0.5%}
.material-introduction .left h2{font-size:24px;}
.material-disposal .description{width:100%}
.material-disposal .flowchart{width:100%}
.material-disposal .applications{margin:2% auto;}
.material-disposal .flowchart img{margin:0 auto;}
}
@media (max-width:640px) {
.material-introduction .left p{font-size:15px;}
.material-products li .content h3{font-size:18px;}
.material-disposal .applications img{width:85px}
.material-disposal .applications span{margin-top:6px;}
}
@media (max-width:480px) {
.material-inner a{width:23%;margin:0 1% 1%}
.material-introduction .left h2{font-size:22px;}
.material-products li{width:100%;margin:1% 0;}
.material-products li .pic img{width:72%;}
.material-products li .content h3{font-size:18px;}
}
@media (max-width:420px) {
.material-inner a{width:31.333333%;}
.material-disposal .applications img{width:70px}
}
.about-head{margin:30px auto}
.about-head .video-container{width:48%;float: right;margin-left:20px;}
.about-head h2{font-size:28px;padding:20px 0}
.about-head p{font-size:16px;line-height:1.8;text-indent:2em;margin-bottom:10px;text-align: justify;}
.about-advantage{width:100%;height:510px;overflow: hidden;background:#2674de;color:#fff; text-align: center;}
.about-advantage .picl {width:960px;float:left;background:url(../images/about-xuanze.jpg) no-repeat right center;height:inherit;}
.about-advantage .right{float:left;width:650px;}
.about-advantage .right h2{font-size:28px;padding:20px 0;}
.about-advantage .right .right_adv{width:86%;margin:0 auto}
.about-advantage .right .right_adv dl{ width:48%;float:left;padding:20px 0;}
.about-advantage .right .right_adv dl dt{ padding-bottom:8px;}
.about-advantage .right .right_adv dl dt img{ display:block; margin:0 auto;width:80px;}
.about-advantage .right .right_adv dl dd{ font-size:16px; line-height:32px;}
.about-advantage .right .right_adv dl dd span{ display:inline-block; font-size:32px; font-weight:bold; position:relative; padding-right:20px;}
.about-advantage .right .right_adv dl dd span:after{position:absolute; font-size:20px; width:20px; height:20px; line-height:20px; font-weight:bold; right:0; top:0; content: attr(hotTag);}
@media (min-width:800px) {.about-advantage .picl {width:50%;}
}
@media (max-width:1200px) {
.about-head{margin:3% auto}
.about-head .video-container{margin-left:2%;}
.about-head h2{font-size:22px;padding:1% 0}
.about-head p{font-size:14px;line-height:1.6;margin-bottom:6px;}
.about-advantage .picl {width:50%;}
.about-advantage .right{width:50%;}
}
@media (max-width:800px) {
.about-advantage{padding-bottom:2%;height: auto}
.about-advantage .picl {display:none}
.about-advantage .right{width:100%;float:none;}
.about-advantage .right .right_adv{width:100%;}
.about-advantage .right .right_adv dl dd span{font-size:26px;}
}
@media (max-width:480px) {
.about-head .video-container{width:100%;float:none;margin-left:0;}
.about-head h2{padding:2% 0}
.about-advantage .right h2{font-size:22px;padding:4% 0 2%;}
.about-advantage .right .right_adv dl{padding:2% 0;}
.about-advantage .right .right_adv dl dt img{width:60px;}
.about-advantage .right .right_adv dl dd span{font-size:20px;}
.about-advantage .right .right_adv dl dd{line-height:22px;font-size:14px;}
}
.about-honorx {margin:0 auto 50px;display:flex;justify-content:space-between;flex-wrap:wrap;}
.about-honorx li {width:25%;margin:0 0 1%;}
.about-honorx li .pic {width:100%;}
.about-honorx li .pic img {width:100%;}
.about-honorx li .t {font-size:15px;color:#41434f;text-align:center;}
@media (max-width:480px) {
.about-honorx li .t{font-size:14px;}
}
.factoryImpress {width:100%;max-width:1920px;margin:0 auto;}
.factoryImpress .factory-kj {width:100%;background:#f0f0f0;}
.factoryImpress .factory-kj .img {background:url(../images/about_kj.jpg) center right no-repeat;width:960px;height:383px;float:left;}
.factoryImpress .factory-kj .r {width:960px;float:right;position: relative;height:383px;}
.factoryImpress .factory-kj .r .measure {width:564px;position:absolute;z-index:10;top:50%;left:60px;transform:translateY(-50%);}
.factoryImpress .t {font-size:28px;margin-bottom:20px;font-weight:bold;}
.factoryImpress .c {font-size:15px;line-height:28px;}
.factoryImpress .factory-sl {width:100%;background:#f0f0f0;}
.factoryImpress .factory-sl .img {background:url(../images/about_sl.jpg) center left no-repeat;width:960px;height:360px;float:right;}
.factoryImpress .factory-sl .l {width:960px;float:left;position: relative;height:360px;}
.factoryImpress .factory-sl .l .measure {width:564px;position:absolute;z-index:10;top:50%;right:60px;transform:translateY(-50%);}
@media (min-width:769px) {.factoryImpress .factory-kj .img {width:50%;}
.factoryImpress .factory-kj .r {width:50%;}
.factoryImpress .factory-sl .img {width:50%;}
.factoryImpress .factory-sl .l {width:50%;}
}
@media (max-width:1200px) {
.companyculture .comculture {width:98%;}
.factoryImpress .factory-kj .r .measure {width:80%}
.factoryImpress .factory-sl .l .measure {width:80%;}
.factoryImpress .t {font-size:24px;}
}
@media (max-width:1024px) {.factoryImpress .c {font-size:14px;}
}
@media (max-width:800px) {
.factoryImpress .factory-kj .r {width:100%;float:none;height: auto}
.factoryImpress .factory-kj .img {width:100%;float:none;}
.factoryImpress .factory-sl .l {width:100%;float:none;height: auto}
.factoryImpress .factory-sl .img {width:100%;float:none;}
.factoryImpress .t {font-size:22px;}
.factoryImpress .c {font-size:14px;}
.factoryImpress .factory-kj .r .measure,.factoryImpress .factory-sl .l .measure {padding:4% 0;width:96%;margin: 0 auto;float:none;position: initial;transform:none}}
@media (max-width:480px) {
.factoryImpress .factory-kj .img {background:url(../images/about_kj.jpg) center top no-repeat;background-size:100%;height:192px;}
.factoryImpress .factory-sl .img {height:182px;background:url(../images/about_sl.jpg) center top no-repeat;background-size:100%;}
.factoryImpress .t {font-size:20px;margin-bottom:2%;}
.factoryImpress .c {line-height:24px;}
}
@media (max-width:420px) {
.factoryImpress .factory-kj .img,.factoryImpress .factory-sl .img {height:168px;}
}
@media (max-width:375px) {
.factoryImpress .factory-kj .img,.factoryImpress .factory-sl .img {height:142px;}
.factoryImpress .c {line-height:24px;}
.factoryImpress .t {font-size:20px;}
}
@media (max-width:360px) {.factoryImpress .factory-kj .img,.factoryImpress .factory-sl .img {height:136px;}
}
@media (max-width:320px) {.factoryImpress .factory-kj .img,.factoryImpress .factory-sl .img {height:120px;}
.factoryImpress .t {font-size:18px;}
}
.contact-info{margin:50px auto;display:flex;justify-content:space-between;flex-wrap:wrap;}
.contact-info dl{width:24%;padding:50px 0; text-align: center; border-top:5px solid #3754b2; font-size:15px;color:#616161;transition:all .4s ease;-moz-box-shadow:2px 2px 5px #eee; -webkit-box-shadow:2px 2px 5px #eee; box-shadow:2px 2px 5px #eee;}
.contact-info dl:hover{transform:translate(0,-4px);}
.contact-info dl dt{font-size:20px;font-weight:bold;color:#606060;}
.contact-info dl dd{padding:10px 0;font-size:18px;}
.contact-info dl i {display:block;width:95px;height:95px;background:url(../images/contactIcon.png) no-repeat;background-position:0 0;margin:0 auto 20px}
.contact-info dl .faxIcon {background-position:-95px 0}
.contact-info dl .emailIcon {background-position:-190px 0}
.contact-info dl .addressIcon {margin-bottom:33px;background-position:-285px 0}
@media (min-width:1200px) {
.contact-info dl:hover i {background-position-y:-95px}
}
@media (min-width:1200px) and (max-width:480px) {
.contact-info dl:hover i {background-position-y:-52px}
}
@media (max-width:1200px) {
.contact-info{margin:5% auto;}
}
@media (max-width:1024px) {
.contact-info dl dd{font-size:16px;}
}
@media (max-width:800px) {
.contact-info{margin:5% auto 2%;}
.contact-info dl{width:49%;margin-bottom:2%}
}
@media (max-width:640px) {
.contact-info dl dt{font-size:18px;}
}
@media (max-width:480px) {
.contact-info dl{padding:6% 0}
.contact-info dl i {width:52px;height:52px;background-size:208px 104px;margin:0 auto 10px}
.contact-info dl .faxIcon {background-position:-52px 0}
.contact-info dl .emailIcon {background-position:-104px 0}
.contact-info dl .addressIcon {margin-bottom:14px;background-position:-156px 0}
.contact-info dl dt{font-size:17px;}
.contact-info dl dd{padding:2% 0;width:98%;margin:0 auto}
}
@media (max-width:320px) {
.contact-info dl dt{font-size:16px;}
.contact-info dl dd{font-size:13px;}
}
.about-map{width:100%;margin:20px auto 0;overflow: hidden}
.about-map .map-container{width:100%;height:500px;}
@media (max-width:1023px) {
.about-map{display:none}
}
.serve_wenhua{margin:0 auto}
.serve_wenhua ul{margin:20px auto;display:flex;justify-content:space-between;flex-wrap:wrap;}
.serve_wenhua ul li{ width:20%; text-align: center;}
.serve_wenhua ul li img{ display:block; margin:0 auto;}
.serve_wenhua ul li h3{font-size:18px; color:#343434;padding:20px 0;}
.serve_supoort{margin:0 auto}
.serve_supoort ul{margin:20px auto;display:flex;justify-content:space-between;flex-wrap:wrap;}
.serve_supoort ul li{width:624px;margin-bottom:20px;}
.serve_supoort ul li h3{margin:20px auto;font-size:20px;}
.serve_supoort ul li p{font-size:16px;line-height:1.6;color:#333}
.serve_tese{margin:0 auto}
.serve_tese ul{margin:30px auto;display:flex;justify-content:space-around;flex-wrap:wrap;}
.serve_tese ul li{width:20%; text-align: center;color:#000}
.serve_tese ul li i{width:100%;}
.serve_tese ul li i img{margin:0 auto;}
.serve_tese ul li .title{display: block; margin:20px auto;font-size:20px;}
.serve_tese ul li p{font-size:16px;line-height:1.6;font-weight:600;}
@media (max-width:1200px) {
.serve_supoort ul li{width:49%;margin-bottom:2%;}
}
@media (max-width:1024px) {
.serve_tese ul li{width:30%;}
.serve_wenhua ul li img{width:90px;}
.serve_wenhua ul li h3{font-size:16px;}
}
@media (max-width:768px) {
.serve_wenhua ul{justify-content:space-around;}
.serve_wenhua ul li{width:33.333333%;}
.serve_wenhua ul li img{width:60px;}
.serve_tese ul li .title{font-size:18px;margin:10px 0}
.serve_tese ul li p{font-size:14px;}
.serve_tese ul li i img{width:60px;}
.serve_supoort ul li h3{font-size:18px;margin:10px 0}
.serve_supoort ul li p{font-size:14px;}
}
@media (max-width:620px) {
.serve_supoort ul li{width:100%;}
}
@media (max-width:480px) {
.serve_wenhua ul{margin:20px 0 10px;}
.serve_wenhua ul li h3{padding:10px 0}
.serve_tese ul{margin:20px 0 10px;}
.serve_tese ul li p{display:none;}
.serve_tese ul li .title{font-size:16px;}
.serve_supoort ul li h3{font-size:16px;}
.serve_supoort ul li p{display:none;}
}
@media (max-width:375px) {
.serve_wenhua ul li img{width:40px;}
.serve_tese ul li i img{width:40px;}
}
.deviceinfos {width:100%;padding:60px 0;background:radial-gradient(circle at 38.2%,#42495e,#151c30);}
.deviceinfos .box{display:flex;justify-content:space-between;flex-wrap:wrap;}
.deviceinfos .deviceimage {width:600px;height:100%;overflow:hidden;}
.deviceinfos .deviceimage img {margin:auto;}
.deviceinfos .devicecontent {width:50%;position: relative;}
.deviceinfos .devicecontent h1 {font-size:30px;padding-top:30px;padding-bottom:16px;color:#fff;font-weight:bold;margin:0;}
.deviceinfos .devicecontent h5 {color:#808080;font-size:14px;line-height:24px;}
.deviceinfos .devicecontent .useArea {overflow:hidden;padding:24px 0;border-bottom:1px solid #f0f0f0}
.deviceinfos .devicecontent .useArea h4 {font-size:16px;margin-bottom:20px;color:#00479d;font-weight:bold}
.deviceinfos .devicecontent .useArea span {display:block;float:left;width:50%;font-size:16px;color:#808080;line-height:28px;text-indent:0}
.deviceinfos .devicecontent .useArea p {font-size:16px;color:#808080;line-height:28px;text-indent:32px}
.deviceinfos .devicecontent .prodata {width:100%;padding:15px 0;border-bottom:1px solid #42495e;}
.deviceinfos .devicecontent .prodata .definition{font-size:15px;color:#9e9e9e;line-height:1.6;margin-bottom:15px;}
.deviceinfos .devicecontent .prodata .data{width:100%;}
.deviceinfos .devicecontent .prodata .data p {font-size:14px;color:#fff;line-height:24px;display:inline-block;width:32%}
.deviceinfos .devicecontent .prodata .data p span {color:#8ab923;}
.deviceinfos .devicecontent .chatus {overflow:hidden;width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;height:54px;position:absolute;left:0;bottom:0}
.deviceinfos .devicecontent .chatus .chat,.deviceinfos .devicecontent .chatus .call{display:block;width:48%;border-radius:4px;text-align:center;}
.deviceinfos .devicecontent .chatus .chat {background:#2674de;color:#fff;font-size:16px;line-height:54px;text-align:center}
.deviceinfos .devicecontent .chatus .call {font-size:14px;line-height:22px;color:#8ab923;border:1px solid #7fbe25;}
.deviceinfos .devicecontent .chatus .call strong {display:block;font-size:22px;line-height:26px;color:#8ab923;font-weight:bold;}
.deviceinfos .devicecontent .action {line-height:32px;width:100%;padding:20px 0;}
.deviceinfos .devicecontent .action a {background:url(../images/productsee-ico.png) left center no-repeat;padding-left:38px;display:inline-block;color:#fff;font-size:16px;font-weight:bold;transition:all 0.6s;background-position:4px 0px;}
.deviceinfos .devicecontent .action a:hover {color:#8ab923;}

.product-summary{height:351px; margin:30px auto;display:flex;justify-content:space-between;flex-wrap:wrap;position: relative}
.product-summary .summary{width:50%;position:absolute;z-index:10;top:50%;left:0;transform:translateY(-50%);}
.product-summary .summary .case_title{margin:0 auto 10px;}
.product-summary .summary .introdu-honor{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;}
.product-summary .summary .introdu-honor li{width:32%;padding:30px 0; text-align:center;background:#f0f0f0;}
.product-summary .summary .introdu-honor li i{background:url(../images/introduction-honor.png) no-repeat;width:100%;height:38px;display:block;background-position:50% 0;margin-bottom:14px;}
.product-summary .summary .introdu-honor li i.ce{background-position:50% -126px;}
.product-summary .summary .introdu-honor li i.pc{background-position:50% -244px;}
.product-summary .summary .introdu-honor li p{font-size:14px;color:#333333;}
.product-summary .image{width:624px;position:absolute;right:0;top:0;}
.product-summary .image video{width:100%;}
.product-content{padding:12px 0;line-height:1.6;font-size:15px;}
.gallery {width:100%;margin:20px auto 30px;display:flex;justify-content:space-between;flex-wrap:wrap;}
.gallery p{width:24%;}
.advantagebox{padding:10px 0; width:100%;background:#f0f0f0}
.advantagebox ul{display:flex;justify-content:space-between;flex-wrap:wrap;}
.advantagebox ul li{padding:1%;width:47%;margin:0 0 20px;float:left;color:#808080;border-bottom:1px solid #FFF;transition:all .4s; background:#fafafa;display:flex}
.advantagebox ul li .pic{float:left;width:196px;}
.advantagebox ul li .conbox{width:380px;margin:0 auto;align-self:center;}
.advantagebox ul li .conbox h4{font-size:16px;color:#333; line-height:30px; font-weight:bold;transition:all .4s;padding:10px 0;}
.advantagebox ul li .conbox p{font-size:14px;line-height:1.4;font-weight:normal;color:#333;transition:all .4s;padding-left:10px;position: relative;}
.advantagebox ul li .conbox p span{display:block;margin-bottom:4px;;}
.advantagebox ul li .conbox p span:before{ content: ""; width: 4px; height: 4px; border-radius: 4px; position: absolute; left: 0; top:9px; background: #8ab923; }
@media (max-width:1200px) {
.deviceinfos {padding:4% 0;}
.deviceinfos .deviceimage{width:48%}
.deviceinfos .devicecontent{width:50%}
.advantagebox ul li .pic{width:26%;}
.advantagebox ul li .conbox{width:68%;}
.product-summary{height:324px; margin:3% auto;}
.product-summary .summary{width:48%;}
.product-summary .summary .case_title{margin:0 auto 1%;}
.product-summary .image{width:50%;}
}
@media (max-width:1024px) {
.product-summary{height:266px;}
.product-summary .summary .introdu-honor{display:none}
}
@media (max-width:1000px) {
.deviceinfos{padding:60px 0 30px}
.deviceinfos .deviceimage{width:100%}
.deviceinfos .devicecontent{width:100%}
.product-content{font-size:14px}
}
@media (max-width:800px) {
.deviceinfos .devicecontent h1{font-size:28px;padding:2% 0 1%}
.deviceinfos .devicecontent .prodata{padding:1% 0}
.deviceinfos .devicecontent .prodata .definition{font-size:14px;}
.product-summary{height:auto;}
.product-summary .summary{width:100%;position: inherit;transform:none}
.product-summary .image{position: inherit;width:80%;margin:0 auto}
.advantagebox ul li{width:100%;margin:0 0 2%;}
.gallery {margin:2% auto;}
.gallery p{width:49%}
.gallery p:nth-child(n+3){margin-top:2%}
}
@media (max-width:640px) {
.product-summary .image{width:100%;}
.deviceinfos .devicecontent h1{font-size:24px}
.deviceinfos .devicecontent .chatus{position:initial;}
}
@media (max-width:600px) {
.deviceinfos .devicecontent .prodata .data p{width:49%;}
.deviceinfos .devicecontent .prodata .data p:last-child{width:100%;}
}
@media (max-width:480px) {
.advantagebox ul li{padding:3%}
.deviceinfos .devicecontent .chatus .chat, .deviceinfos .devicecontent .chatus .call{width:45%}
.deviceinfos .devicecontent .chatus{height:42px;}
.deviceinfos .devicecontent .chatus .chat{line-height:42px;}
.deviceinfos .devicecontent .chatus .call strong{font-size:18px;line-height:1}
}
@media (max-width:420px) {
.deviceinfos .devicecontent h1{font-size:22px}
}
@media (max-width:360px) {
.deviceinfos .devicecontent .chatus .call strong{font-size:16px;}
}
@media (max-width:320px) {
.deviceinfos .devicecontent .prodata .data p{width:100%;}
}

.tableWrap {width:100%;}
.tableWrap p {font-size:18px;line-height:34px;color:#333;font-weight:bold;padding:10px 0}
.tableWrap table {width:100%;margin:0 auto;}
.tableWrap table tr {height:56px;border-bottom:1px solid #ebeff2;}
.tableWrap table tr td {line-height:56px;font-size:16px;color:#333;text-align:center;transition:all .4s;border-right:2px solid #fff;}
.tableWrap table tr:nth-child(2n) {background:#f4f8fb}
.tableWrap table tr:first-child td {font-size:18px;color:#333}

@media (max-width:1199px) {.tableWrap table {width:100%;}
.tableWrap p {padding:1% 0}
}
@media (max-width:640px) {.tableWrap table tr {height:38px;}
.tableWrap table tr:first-child td {font-size:16px;}
.tableWrap table tr td {line-height:38px;font-size:14px;}
}
@media (max-width:480px) {.tableWrap {overflow-x:scroll;overflow-y:hidden;padding-bottom:2%;}
.tableWrap table {margin-bottom:0%;width:480px;}
.tableWrap table tr:first-child td {font-size:15px;}
}
@media (max-width:375px) {.tableWrap table {width:460px;}
.tableWrap table tr:first-child td {font-size:14px;}
}
.primary-product-body{margin-top:50px; padding:30px 0 20px;background:radial-gradient(circle at 38.2%,#42495e 10%,#151c30);}
.primary-product-body .tab-titles{display:flex;justify-content:space-between;flex-wrap:wrap}
.primary-product-body .tab-titles a{width:30%;padding:1% 0; font-size:16px;background:#f3fdff;color:#2b333e;font-weight:bold;text-align:center;cursor:pointer;line-height:38px;}
.primary-product-body .tab-titles a.active{background:#7fbe25;color:#ffffff}
.primary-product-body .tab-contents{position:relative;}
.primary-product-body .tab-contents .content{position:absolute;left:0;top:0;visibility:hidden;filter:opacity(0);transition:all .0s ease-in;color:#ffffff;}
.primary-product-body .tab-contents .content.active{position:static;visibility:visible;filter:opacity(1)}
.primary-product-body .tab-contents .content .tableWrap table tr{height:auto}
.primary-product-body .tab-contents .content .tableWrap table tr:first-child td{color:#ffffff;font-size:16px;}
.primary-product-body .tab-contents .content .tableWrap table tr td{color:#ffffff;border-right:none;font-size:16px;line-height:40px;}
.primary-product-body .tab-contents .content .tableWrap table tr:nth-child(2n){background:#4e5467}
@media (max-width:1200px) {
	.primary-product-body{margin-top:5%; padding:3% 0 2%;}
}
@media (max-width:640px) {.primary-product-body .tab-contents .content .tableWrap table tr {height:auto;}
.primary-product-body .tab-contents .content .tableWrap table tr:first-child td {font-size:14px;}
.primary-product-body .tab-contents .content .tableWrap table tr td {line-height:38px;font-size:14px;}
}
@media (max-width:480px) {
.primary-product-body .tab-titles a{font-size:15px;line-height:28px;}
}

.product-category{}
.product-category ul{margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;font-size:14px;text-align:center}
.product-category ul li{width:24%;position:relative;padding:40px 0 20px 0;border:2px solid #f0f0f0}
.product-category ul li h3{font-size:22px;}
.product-category ul li .figure{width:100%;padding:40px 0;border-bottom:2px solid #f0f0f0;height:180px;place-items:center;display:flex;}
.product-category ul li .figure img{width:92%;margin:0 auto}
.product-category ul li .technical{height:38px;margin-top:30px;line-height:1.6}
.product-category ul li .technical p:nth-child(3){display:none}
.product-category ul li .action{margin-top:30px;font-size:14px;overflow:hidden}
.product-category ul li .action a{display:inline-block;width:44%;line-height:34px;border:2px solid #f0f0f0;transition:all .16s ease}
.product-category ul li .action .chat{border-color:#2674de}
.product-category ul li .action .more:hover{background:#2674de;border-color:#2674de;color:#fff}
.product-category ul li:hover,.product-category ul li:hover .figure{border-color:#2674de;}
@media (max-width:1200px) {
.product-category ul li .figure{height:160px;padding:4% 0}
}
@media (max-width:1024px) {
.product-category ul li h3{font-size:20px;}
}
@media (max-width:800px) {
.product-category ul li .figure{height:210px;}
.product-category ul li{width:48%;}
.product-category ul li:nth-child(n+3){margin-top:2%}
}
@media (max-width:480px) {
.product-category ul li h3{font-size:18px;}
.product-category ul li{padding:3% 0 2% 0;}
.product-category ul li .figure{padding:5% 0;height:140px;}
.product-category ul li .technical{margin:8% auto;font-size:13px;}
.product-category ul li .action{margin:0 auto 0;padding:2% 0}
.product-category ul li .action a{line-height:28px;}
}
@media (max-width:375px) {
.product-category ul li .figure{height:110px;}
}
@media (max-width:360px) {
.product-category ul li .action{padding:10% 0 8%}
}
@media (max-width:320px) {
.product-category ul li .technical{display:none}
.product-category ul li h3{font-size:16px;}
}
.primary-product-head{height:500px;background:url(../images/category-primary-product-banner.jpg) no-repeat top center;background-size:cover}
.primary-product-head .box{position:relative;display:flex;justify-content:space-between;flex-wrap:wrap;}
.primary-product-head .presentation{width:36%;position:absolute;z-index:10;top:46%;left:0;transform:translateY(-50%);color:#c9ccd6}
.primary-product-head .presentation .title{position:relative;margin:10px 0;color:#fff;font-size:5.6em;text-shadow: 2px 2px 4px #000000;}
.primary-product-head .presentation .slogan{font-weight:900;color:#fafbff;font-size:25px;font-family:math}
.primary-product-head .certs{margin-top:5%;width:88%;display:flex;justify-content:space-between;flex-wrap:wrap;}
.primary-product-head .certs li{width:32%;padding:20px 0; text-align:center;background:#f0f0f0;}
.primary-product-head .certs li i{background:url(../images/introduction-honor.png) no-repeat;width:100%;height:38px;display:block;background-position:50% 0;margin-bottom:8px;}
.primary-product-head .certs li i.ce{background-position:50% -126px;}
.primary-product-head .certs li i.patented{background-position:50% -244px;}
.primary-product-head .certs li p{font-size:14px;color:#333333;}
.primary-product-head .figure{width:800px;position: absolute;bottom:0;right: 0}
.primary-product-head .action{position:absolute;bottom:10px;right:0;display:flex;flex-wrap:nowrap;justify-content:space-between;line-height:36px;color:#fff}
.primary-product-head .action p a{color:#fff;margin-left:10px;font-weight:600}
.primary-product-head .action .inquiry{padding:0 20px;margin-left:20px; color:#333;background:#bae212}
.popular-products{margin:40px auto 0;width:1320px;}
.popular-products strong{font-size:20px;margin:10px;display: block;}
.popular-products ul{width:100%;margin:20px auto 0}
.popular-products ul li{width:244px;float: left;background:#f0f0f0;margin:0 10px}
.popular-products ul li:nth-child(n+6){margin-top:10px;}
.popular-products ul li .pic{width:100%;margin:20px auto;}
.popular-products ul li .pic img{width:88%;margin:0 auto;}
.popular-products ul li .content{padding:0 0 20px;width:100%;text-align: center;}
.popular-products ul li .content .name{font-size:18px;display: block;font-weight:bold;}
.popular-products ul li .content p{width:100%;margin:10px 0}
.popular-products ul li .content p a{display:inline-block;}
.popular-products ul li .content p a:hover{}
.popular-products ul li .content p a.chat{margin-left:4px; background:#bae212;padding:4px 6px;}
@media (max-width:1320px) {
.primary-product-head .presentation{width:46%;}
.popular-products{margin:2% auto 0;width:98%;}
.popular-products strong{font-size:18px;margin:0 1%;}
.popular-products ul{margin:2% auto 0}
.popular-products ul li{width:18%;margin:0 1%;}
.popular-products ul li:nth-child(n+6){margin-top:2%;}
}
@media (max-width:1200px) {
.popular-products ul li .content{padding:0 0 1%;}
.popular-products ul li .content .name{font-size:16px;}	
.popular-products ul li .content p a{margin:2% 0}
}
@media (max-width:800px) {
.primary-product-head{height:auto;padding:80px 0 20px 0; background-size:cover;}
.primary-product-head .presentation{width:100%;position: inherit;transform:none; text-align: center;}
.primary-product-head .presentation .title{font-size:4em;}
.primary-product-head .presentation .slogan{font-size:22px;}
.primary-product-head .certs{margin:5% auto 3%;width:420px;}
.primary-product-head .figure{width:100%;position: inherit}
.primary-product-head .action p{display:none;}
.popular-products strong{font-size:16px;}
.popular-products ul li{width:23%}
.popular-products ul li:nth-child(n+5){margin-top:2%;}
}
@media (max-width:800px) {
.popular-products ul li{width:31.33333333%}
.popular-products ul li:nth-child(n+4){margin-top:2%;}
}
@media (max-width:480px) {
.primary-product-head .presentation .title{font-size:3em;}
.primary-product-head .certs{width:100%;}
.primary-product-head .certs li{padding:3% 0;}
.popular-products ul li{width:48%}
.popular-products ul li:nth-child(n+3){margin-top:2%;}
}
@media (max-width:420px) {
.primary-product-head .presentation .title{font-size:2.5em;}
.primary-product-head .presentation .slogan{font-size:18px;}

}
@media (max-width:320px) {
.primary-product-head .presentation .title{font-size:2em;}
.primary-product-head .presentation .slogan{font-size:16px;}
}