@charset "utf-8";
@import url('basez2.0.css');
#id-pro-desc-main1,#id-pro-desc-main2,#id-rich-text,.faq-s-answer,.v-det-desc-main{font-family:Roboto,sans-serif;color:#4a4a4a;font-size:15px;line-height:24px;font-weight:400}
h1,h2,h3,h4{margin-bottom:1rem;line-height:1.3}
p{margin-bottom:1rem}
:root{--primary:#ea511f;--primary-light:#f8d7cf;--dark:#333;--light:#f9f9f9;--gray:#666;--light-gray:#eee}
.subcategories{background:#fff}
section{padding:0 0 4rem 0}
.container{width:96%;max-width:1400px;margin:0 auto;padding:0 20px}
.section-title{text-align:center;margin-bottom:3rem}
.section-title h2{font-size:26px;position:relative;display:inline-block;padding-bottom:10px}
.section-title h2:after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60px;height:3px;background:var(--primary)}
.subcat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}
.subcat-card{background:var(--light);border-radius:8px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.1);transition:transform .3s}
.r-d-content img{transition:all .6s ease 0s}
.subcat-image img{width:100%;height:200px;object-fit:cover}
#id-rich-text img{display:inline!important}
.subcat-content{padding:1.5rem}
.subcat-content h3{color:var(--primary);margin-bottom:.5rem}
.subcat-content{padding:1.5rem}
.subcat-content h3{color:var(--primary);margin-bottom:.5rem}
.applications{background:#fff}
.section-title h2{font-size:26px;position:relative;display:inline-block;padding-bottom:10px}
.section-title h2:after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60px;height:3px;background:var(--primary)}
.apps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}
.app-card{background:var(--light);padding:2rem;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.1);transition:transform .3s}
.app-card:hover{transform:translateY(-5px)}
.app-icon{font-size:2rem;color:var(--primary);margin-bottom:1rem}
.r-d-content img{transition:all .6s ease 0s}
#id-rich-text img{display:inline!important}
.advantages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:5rem}
.advantage-item{display:flex;align-items:flex-start}
.cases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}
.case-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 5px rgba(0,0,0,.1)}
#id-rich-text img{display:inline!important}
.case-content{padding:1.5rem}
.case-content h3{color:var(--primary)}
.boxwrap{margin:0 auto;width:96%;max-width:1400px;height:auto;text-align:left;padding:0;padding:0;position: relative;}
.nav li > a {
    font-size: 15px;
    color: #333;
    font-weight: 700;
}
/***/
.hero {
    padding: 5rem 0 5rem;
    color: #2c3e50;
    background:#eee;
    margin-bottom:2.5rem;
    
}
.hero-text {
    flex: 1;
    min-width: 300px;
    padding-left: 2rem;
}
.hero-image {
    flex: 1;
    min-width: 300px;
    text-align: center;
}
.hero-image  img{
    border-radius:8px;
}
.hero-text h1 {
    font-size: 2.5rem;
    margin-bottom: 1.5rem;
}
.r-d-content a, .pro-desc-main a, .b-d-content a, .r-topdesc a, .r-bottomdesc a {
    color: #ea511f;
}
.hero-content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
/**application category*/
.pagett{margin-bottom:20px;margin-top:90px;}
.pagett dd .active,.pagett dd a:hover{background:#fc6226;color:#fff}
.apptt{padding:60px 0;display:block;overflow:hidden;position:relative;margin-bottom:100px;margin-top:100px;}
.apptt:after{content:"";position:absolute;width:25%;height:100%;top:0;left:0;background:#f0f1f3;z-index:1}
.apptt .icenter{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center}
.apptt dd{display:block;width:65%}
.apptt dd span{display:block;font-size:40px;color:#333;margin-bottom:20px}
.apptt p{display:block;font-size:16px;line-height:28px;color:#333}
.apptt p img{display:block;max-height:380px;max-width:100%;height:auto}


@media screen and (min-width:1200px) {
    .icenter{width:100%;max-width:1500px;margin:0 auto;display:block;overflow:hidden;padding:0 20px}
.pagett dd{display:flex;flex-wrap:nowrap;width:100%}
.pagett dd a{flex:1;vertical-align:middle;border-right:1px solid #ddd;text-align:center;color:#333;font-size:16px;padding: 20px 0;text-decoration:none;transition:all .3s ease;
border:1px solid #ddd;text-align:center;
}
.pagett dd a:last-child{border-right:0}
}
@media screen and (min-width:769px) and (max-width:1199px){
.icenter{width:100%;max-width:1200px;margin:0 auto;display:block;overflow:hidden;padding:0 20px}
.pagett{margin-top:70px;}
.pagett dd{display:flex;flex-wrap:wrap;width:100%;gap:15px;}
.pagett dd a{flex:1 1 calc(33.333% - 15px);min-width:calc(33.333% - 15px);padding:20px 30px;font-size:15px;border: 1px solid #ddd;}
}
@media screen and (max-width:768px){
.apptt{padding:30px 0;margin-bottom:50px}
.apptt:after{width:100%;height:50%}
.apptt .icenter{flex-direction:column}
.apptt dd{width:100%;margin-bottom:20px}
.apptt dd span{font-size:24px}
}
@media screen and (max-width:768px){
.icenter{width:100%;margin:0 auto;display:block;overflow:hidden;padding:0 15px}
.pagett{display:block;overflow:hidden;margin-top:65px;/* margin:30px 0; *//* border-bottom:1px solid #eee; *//* padding-bottom:15px; */}
.pagett dd{display:flex;flex-wrap:wrap;width:100%;gap:10px}
.pagett dd a{flex:1 1 calc(50% - 10px);min-width:calc(50% - 10px);vertical-align:middle;border:1px solid #ddd;text-align:center;color:#333;font-size:14px;padding:15px 10px;border-radius:4px;text-decoration:none;transition:all .3s ease}
}
._left{float:left;width:15.7%}
._left .hd h1{float:left;color:#fff;height:91px;font-size:14px;padding:0 0 12px 0;width:100%}
.clearfix::after{content:"";display:table;clear:both}