body{position: relative; background: #F2F2F2;line-height: 26px;}
a:hover {color: #c24046;}
img {max-width: 100%}
h1 {font-size: 24px;}
h2 {font-size: 22px;}
h3 {font-size: 20px;}
h4 {font-size: 18px;}
h5 {font-size: 16px;}
/* layui */
.layui-bg-white {background-color: #FFF !important;}
.layui-main {width: 1240px;}
.layui-main>div {padding: 8px;}
.layui-nav * {font-size: 16px;}
.layui-laypage .layui-laypage-curr .layui-laypage-em {background: #c24046;}
.layui-card-header {padding: 0 16px}
.layui-layer-title {font-size: 16px;}
.layui-layer-setwin span {width: 32px;height: 32px;}
.layui-nav * {font-size: 16px;}
.layui-elem-quote {border-left: 5px solid #c24046;}
.layui-layer-tips .layui-layer-content {background-color: #c24046;}
.layui-layer-tips i.layui-layer-TipsL,.layui-layer-tips i.layui-layer-TipsR {border-bottom-color:#c24046}
.layui-nav-child dd {line-height: 36px;}
.layui-collapse4 {border-radius: 6px;}
.layui-collapse6 {border-radius: 6px;}
.layui-collapse8 {border-radius: 8px;}
.layui-laypage a, .layui-laypage span {padding: 0 10px;}

/* wrapper */
body {margin-top: 100px;}
.wrap {width: 100%;overflow: visible;}
.bg-cms {background: #c24046;color: #FFF !important;}
.bg-cms a {color: #FFF;}
.col-cms {color: #c24046;}
.col-cms-hover a:hover{color: #c24046 !important;}
.fl {float: left;}
.fr {float: right;}
.tc {text-align: center;}
.pr {position:relative;}
.pa {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.opacity95 {opacity: .95;}
.opacity85 {opacity: .85;}
.opacity75 {opacity: .75;}
.opacity50 {opacity: .50;}
.elip-2 {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; }
.elip-3 {display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; }
.elip-4 {display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; }
.title {text-align: center;padding: 5% 0;overflow: hidden;}
.title h2 {font-size: 38px;color: #c24046;display: inline-block;}
.title span {font-size: 12px;color: #666;}
.title2 {padding: 3% 0;}
.title2 a {margin: 5px;}
/* wrapper */


/* header */
.header {position: fixed;width: 100%; height: 100px;left: 0;top: 0; box-shadow: 0px 2px 3px rgb(0 0 0 / 10%);z-index: 999;}
.header .layui-main {height: 68px;}
.header .layui-main>div {padding: 0px;}
.headerTop {height: 32px;font-size: 12px;}
.headerTop span,.headerTop a {padding: 0 5px;}
.headerTop i {color: #666;margin-right: 4px;}
.headerNav {height: 70px;padding: 5px 0;}
.header .layui-nav .layui-nav-item a {color: #333;}
.logo {padding: 8px 0;}
.logo img {height: 50px;}
#NavPc {margin: 4px 0;}
.search {margin: 2px 10px;display: inline-block;}
.search input,.search button {height: 24px;line-height: 24px;display: block;}
.search input {margin-right: 10px;width: 150px;height: 26px;line-height: 26px;}
/* header */

/* index */
.products,.apply,.about,.brand,.news {margin-bottom: 3%;}
#banner {width: 100% !important; height: 800px !important;overflow:hidden;margin: 0 auto;}
#banner a {width: 100%;}
#banner img {width: 1920px;}
.column {padding-bottom: 5%;border-bottom-width:0 !important}
/*.products img,.apply img,.about img,.news img,.case img {width: 100%;}*/

/*.news img,*/
.case img {
    width: 100%;
    height: 220px;
    border: 1px solid #f2f2f2;
}
.products p,.apply p {font-size: 18px;font-weight: bold;}
.products .layui-card-header {font-size: 18px;font-weight: bold;}
.apply img {width: 100%;}
.apply p {border-bottom:1px solid #F2F2F2;}
.apply .layui-card-header {height: auto;line-height: 25px;}
.apply span {color: #666;margin: 10px; padding: 0 !important;}
.about {background: #FFF;}
.aboutPic {height: 350px;overflow: hidden;}
.newsInfo ul li {display: none;}
.newsInfo ul li:nth-last-child(1),.newsInfo ul li:nth-last-child(2),.newsInfo ul li:nth-last-child(3) {display: block;}
.aboutInfo p {height: 350px;overflow: hidden;display: block;}
.news {}
.news .column li {margin: 0 5px !important;}
.news .column li:after {border-bottom:unset !important}
.newsPic,.newsInfo {
    height: 380px;
    overflow: hidden;
}
/* 针对Webkit浏览器隐藏滚动条 */
.scroll-area::-webkit-scrollbar {
    display: none;
}
.newsPic p {position: absolute; width: 100%;bottom: 0; background: oklab(0 0 0 / 0.8); color: #FFF;line-height: 48px; text-align: center; font-size: 17px; font-weight: bold;}
.newsPic img {width: 100%;}
.newsInfo {line-height: 28px;}
.newsInfo a {font-weight: bold;font-size: 16px;}
.newsInfo span {color: #666;}
.brand li {margin-left: -1px;border: 1px solid #F2F2F2;margin-top: -1px;}
.links {/*height: 38px;*/line-height: 38px;}

                                            /* footer */
                                        .footer {padding: 2% 0;}
.footer,.footer a {font-size: 14px;color: rgba(255,255,255,.7);}
.footerNav {padding: 40px 0;line-height: 32px;}
.footerNav a {font-size: 14px;}
.wecharPic {margin-top: 10px;}
.wecharPic img {max-width: 120px;width: 120px;}
.copy {font-size: 12px;line-height: 38px; opacity: 0.7;}
.copy a {color: #FFF;}
.layui-fixbar {color: #FFF;}
.layui-fixbar .layui-icon {font-size: 26px;color: #FFF;}
/* footer */


.sideFr li {line-height: 32px;}
.sideFr span {margin-right: 5px;}
.side h2,.sideFr h2,.related h2 {font-size: 17px;height: 48px;line-height: 48px;padding-left: 20px}
.side .layui-menu li span {margin-right: 5px;}
.bannerlist {margin-bottom: 8px;}
.listNews h3 {font-size: 17px;line-height: 36px;}
.crumbMore {opacity: .5;}
.crumbMore a {margin: 0 5px;}
.listPic {height: 120px;overflow: hidden;}
.listPic img {width: 100%;}
.listBrand .listPic,.listDownFl .listPic {height: 180px;}
.listBrand ul li ,.listDownFl ul li {line-height: 36px;}
.listBrand ul li h3,.listDownFl ul li h3 {font-size: 17px;line-height: 36px;}
.listBrand ul li p,.listBrand ul li span,.listDownFl ul li p,.listDownFl ul li span {font-size: 16px;}
.listBrand ul li span,.listDownFl ul li span {position: absolute;bottom: 16px;right: 16px;;}
.listPro h1 {font-size: 22px;padding: 3% 0 2%;}
.listPro h2 {font-size: 17px;line-height: inherit}
.listProInfo h2 {padding:5px 15px;margin: 10px 0;}
.listPro .layui-menu .layui-menu-item-checked:after {border-right: 0px;}
.listPro .layui-menu li {line-height: 38px;font-size: 15px;}
.listPro .layui-menu {padding-bottom: 10px;}
.listPro .layui-table th {font-weight: 400; text-align: center; padding: 0px 15px; line-height: 50px;}
.listPro .layui-table img {height: 50px;}
.listTitle {font-size: 17px;}
.pages {padding: 3% 0;}
.pages a:hover {color: #c24046}
.SinglePage h1 {margin-top: 16px;font-size: 26px;}
.showTitle {text-align: center;margin: 20px 0;}
.showTitle h1 {font-size: 24px;margin-bottom: 10px;}
.showTitle span {margin: 0 10px;opacity: .9;}
.showProPic,.showProInfo {height: 95px; }
.show hr {margin: 16px 0;}
.showPro .ShowTitle {padding-bottom: 10px;margin-bottom: 20px; }
.showPro h1,.showPro h2 {font-size: 18px; }
.showCon img {max-width: 100%;display: block;margin: auto;}
.showCon>* {margin-bottom:10px;}
.showBrand h1 {font-size: 22px;padding : 20px 0;}
.showPage {text-align: center;}
.showPage .layui-btn:hover{border:1px solid #d2d2d2}

.related {margin-top: 20px;}
.related li {padding:2px 8px;}
.sideFr li {padding:2px 0px;}

@media screen and (max-width: 1366px) {
    body {font-size: 14px;line-height: 28px;}
    .layui-nav * {font-size: 14px;}
    #banner  {height: 640px !important;}
    #banner img {width: 1366px}
}

@media screen and (max-width: 1280px) {
    #banner  {height: 550px !important;}
    #banner img {width: 1280px}
}

@media screen and (max-width: 1080px) {
    body {font-size: 16px;line-height: 32px;margin-top: 58px;}
    .layui-main>div {padding: 8px 0;}
    .title h2 {font-size: 28px;}
    .title2 {padding: 10% 0;}
    .logo img { height: 40px; }
    .banner {height: auto;}
    .bannerPic {padding: 0;}
    .footer {padding: 10px;}
    #NavPc {display: none;}
    #NavMb {float: right;}
    .headerTop,.footerNavInfo {display: none;}
    .search {font-size: 14px;margin: 30px 10px;}
    .header {height: 58px;border-bottom: 1px solid #F2F2F2;}
    .header .layui-main {width: 95%;height: 58px;}
    .headerNav {padding:5px 0}
    .layui-main {width: 100%;padding: 0;}
    .NavIcon {display: block !important;line-height: 40px;}
    .NavMb {width: 100%;height: 100%;background: #FaFaFa;}
    .NavMb ul {padding: 20px !important;}
    .NavMb .layui-nav.layui-nav-tree {width: 100%;}
    .Logo img {height: 40px;}
    .indexMt {margin-top: 80px;}
    #banner  {width: 100vw !important; height: 40vw !important;}
    #banner img {width: 100%}
    .bannerBox .layui-padding-3 {padding: 0 !important;}
    .products>div,.apply>div,.about>div,.brand>div,.news>div {padding-left:8px;padding-right:8px;}
    .aboutPic,.aboutInfo p	 {height: auto;}
    .aboutInfo h3 {text-align: center;}
    .newsPic, .newsInfo { height:auto; }
    .links {display: none;}
    .newsBox {padding: 0px !important;margin: 16px 0 8px;}
    .listNews>div {padding: 8px 0;}
    .listPic {height: 200px;}
    .sideHot {display: none;}
}

@media screen and (max-width: 960px){
    #banner {width: 960px !important; height: 720px !important;}
    .tc-M {text-align: center;}
    .listNewPic {height: 130px;}
    .listNew .elip-4 {-webkit-line-clamp: 3;}

}

@media screen and (max-width: 768px){
    #banner {width: 768px !important; height: 284px !important;}
    .ShowTitle h1 { font-size: 17px;}
    .listNewPic {height: 130px;}
    .newsInfo ul li {display: block;}
    .news .column li {font-size: 12px;}
    .layui-tab-bar {display: none;}
    /*.layui-fixbar li:nth-child(3),.layui-fixbar li:nth-child(4),.layui-fixbar li:nth-child(5) {display: none;}*/
    .layui-fixbar li:nth-child(5) {display: none;}
    .copy {line-height: normal;padding-top: 10px;}
    .layui-tab[overflow]>.layui-tab-title {overflow:unset}
    .layui-tab .layui-tab-title {white-space: unset;height:auto}
    .layui-breadcrumb {display: inherit; overflow: hidden; height: 42px;}
    .news .column li { margin: 5px !important; }

}

@media screen and (max-width: 460px){
    .layui-card-body {line-height: 28px;}
    #banner {width: 100% !important; height: 200px !important;}
    .listNewPic {height: 75px;}
    .listNew .elip-4 {-webkit-line-clamp: 2;}
    .listNew .time {display: none;}
    .listPro {font-size: 14px;}
    .listPro .layui-card-body {line-height: 22px;}
    .listProPic {width: 100px;height: 100px;}
    .ShowTitle {height: auto !important;}
    .ShowTitle .info {display: none;}
    .showProInfo {margin: 0;}
    .showProInfo .layui-row {line-height: 24px;font-size: 14px;}
    .showPro .layui-padding-3 {padding: 0 !important;}
    .copy {font-size: 12px;}
    .copy a {display: block;}
}

span.lan .subs{display: none;position: absolute;right: 0;top: 22px;background: #fff;border:solid 1px #ededed;border-radius: 3px;padding: 5px;width: 4%;z-index: 999;}
span.lan .subs a{display: block;font-size: 13px;color: #333;text-align: center;}
span.lan:hover .subs{display: block;}
span.lan {height: 30px}

#newabout .list{margin-top: 20px;}
#newabout .list .bigs{width: 598px;height: 202px;border: solid 1px #eee;padding: 40px;overflow: hidden;}
#newabout .list .bigs:nth-child(2n){border-left: none;}
#newabout .list .bigs .left{width: 60px;}
#newabout .list .bigs .left img{max-width: 100%;height: auto;}
#newabout .list .bigs .right{width: 400px;margin-left: 30px;}
#newabout .list .bigs .right .tit{font-size: 20px;color: #333;}
#newabout .list .bigs .right .briefs{font-size: 13px;color: #666;margin-top: 10px;line-height: 23px;}
#newabout .list .bigs:nth-child(1),#about .list .bigs:nth-child(2){border-bottom: none;}
#newabout .list .bigs:nth-child(2),#about .list .bigs:nth-child(3){background: #fbfbfb;}

/*#newcontact{padding-bottom: 120px;}*/
#newcontact .top{font-size: 23px;/*color: #c24046;*/color:#333;padding-top: 80px;padding-bottom: 40px;border-bottom: solid 1px #e5e5e5;line-height: 40px;}
#newcontact .bot{margin-top: 40px;}
#newcontact .bot .left{width: 410px;}
#newcontact .bot .left .list .meg{font-size: 16px;color: #666;padding-left: 40px;margin-top: 20px;}
#cpmtact .bog .left .list .meg:first-child{margin-top: 0;}
#newcontact .bot .left .list .meg.meg1{background:url(/images/img4.png)no-repeat left;}
#newcontact .bot .left .list .meg.meg2{background:url(/images/img5.png)no-repeat left;}
#newcontact .bot .left .list .meg.meg3{background:url(/images/img6.png)no-repeat left;}
#newcontact .bot .left .list .meg.meg4{background:url(/images/img7.png)no-repeat left;}
#newcontact .bot .left .list .meg.meg5{background:url(/images/img8.png)no-repeat left;}
#newcontact .bot .left .list .meg.meg6{background:url(/images/img9.png)no-repeat left;}
#newcontact .bot .left .code{margin-top: 40px;}
#newcontact .bot .left .code img{max-width: 100%;height: auto;}
#newcontact .bot .left .code .l{width: 75px;overflow: hidden;}
#newcontact .bot .left .code .r{width: 300px;margin-left: 25px;}
#newcontact .bot .left .code .r .tit1{font-size: 15px;color: #333;margin-top: 15px;}
#newcontact .bot .left .code .r .tit2{font-size: 14px;color: #333;margin-top: 12px;}
#newcontact .bot .left .code .r .tit2 span{font-size: 14px;color: #cd0e16;}
#newcontact .bot .right{width: 686px;}
#newcontact .bot .right #map{width: 100%;height: 366px; border: solid 1px #cd0e16;}

/*在线留言*/
#newfeedback{}
#newfeedback form{}
#newfeedback .c_row{width: 100%; /*margin-right:2%;*/ margin-bottom:60px; /*visibility:hidden;*/}
#newfeedback .c_row.mr{margin-right: 0;}
#newfeedback .c_row .user{width:100%;border:none;border-bottom:1px solid #cccccc; position:relative; height:48px; line-height:48px; color:#999; font-size:14px;}
#newfeedback .m_row{margin-bottom:30px;}
#newfeedback .m_row .mess{line-height:28px; font-size:14px; color:#999; width:100%; border:none;border-bottom:1px solid #cccccc; min-height:50px;}
#newfeedback .c_submit{position:relative; margin:0 auto; /*visibility:hidden;*/text-align: left;margin-top: 60px;}
#newfeedback .c_submit .mit{height:50px; width:280px; border:none; background: #fff;color: #c24046; line-height:50px; font-size:16px; cursor:pointer;border-radius: 10px;margin-right: 10px;display: inline-block;border:solid 1px #c24046;}
#newfeedback .c_submit .mit:hover{background:#c24046;color:#fff;}

#aff-im-root {
    display: none !important;
}
/*百度客服*/

.text-ellipsis {
    white-space: nowrap; /* 保证文本在一行内显示 */
    overflow: hidden; /* 超出容器部分隐藏 */
    text-overflow: ellipsis; /* 超出部分显示省略号 */
    /*width: 200px; !* 设置容器宽度 *!*/
}

.minContent {
    width: min-content;
}

.linkPosition{ position:relative; }
.linkPosition span{ position:absolute; top:-100px;}

.layui-menu .layui-menu-item-checked a,.layui-menu .layui-menu-item-checked2 a { color: #c33d48; }
.layui-menu .layui-menu-item-checked:after {border-right: 3px solid #c53a4a;}

.layui-form-select dl dd.layui-this { color: #c33d48; }
.listProInfo h2 {font-size:17px;padding: 5px 0px;}

.layui-form-select .layui-input {width: 150px;}
.layui-input-wrap .layui-input { padding-right: 0px; width: 150px; }
.layui-form-select dl dd.layui-this { color: #c33d48; }

.layui-tab-brief>.layui-tab-title .layui-this { color: #c54650;}
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after {
    border-bottom: 2px solid #c54650;
}
.showPro h1 {padding-top:20px}