@charset "utf-8";
/* 网站管理后台，重写样式 */
/* 解寒召 */
*{margin: 0;padding: 0;box-sizing: border-box;}
html{background-color:#f2f2f2;color:#333;}
table {border-collapse: collapse;border-spacing: 0;}
table th, table td {padding: 5px;}
img {border: 0;max-width: 100%;}
ol, ul {list-style: none;}
a:focus {outline: none;}
p {word-spacing: -1.5px;}
input, button, textarea, select, optgroup, option {font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;}
input, button, textarea, select {*font-size:100%;}
input, select {vertical-align: middle;}
select, input, button, textarea, button {font: 99% arial, helvetica, clean, sans-serif;}
table {font-size: inherit;font: 100%;border-collapse: collapse;}
pre, code, kbd, samp, tt {font-family: monospace;*font-size:108%;line-height: 100%;}
h1 {font-size: 32px;}
h2 {font-size: 26px;}
h3 {font-size: 20px;}
h4 {font-size: 14px;}
h5 {font-size: 12px;}
h6 {font-size: 10px;}
body {background-color: #fff;overflow-x: hidden;color: #333;font-size: 15px;font-family: microsoft yahei;position: relative;overflow-x: hidden;overflow-y: auto;}
/*通用样式*/
.hidden {visibility: hidden;}
.none{display: none;}
.clear {clear: both;height: 0;line-height: 0;font-size: 0;}
/*文字对齐样式*/
.tl {text-align: left!important;}
.tc {text-align: center!important;}
.tr {text-align: right!important;}
.fl {float: left;display: inline;}
.fr {float: right;display: inline;}
/*文字颜色*/
.red{color: red;}
.green{color: green;}
.blue{color: blue;}

/*最小宽度*/
.mw150{min-width: 150px!important;}
.mw170{min-width: 170px!important;}
.mw250{min-width: 250px!important;}
/*宽度*/
.w1200{width: 1200px!important;}
.w1000{width: 1000px!important;}
.w800{width: 800px!important;}
.w750{width: 750px!important;}
.w600{width: 600px!important;}
.w100{width: 100px!important;}
.w80{width: 80px!important;}
.w10{width: 10px!important;}
.wbf80{width: 80%!important;}
/*最小高度*/
.mh1000{min-height: 1000px;}
/*高度*/
.h50{height: 50px;}
/*左距*/
.pl10{padding-left: 10px;}
.pl15{padding-left: 15px;}
.pl20{padding-left: 20px;}
.pl25{padding-left: 25px;}
.pl30{padding-left: 30px;}
.pl35{padding-left: 35px;}
.pl40{padding-left: 40px;}
.pl45{padding-left: 45px;}
.pl50{padding-left: 50px;}
.pl55{padding-left: 55px;}
/* 空行 */
.line30{width: 100%;height: 30px;clear: both;}
.line40{width: 100%;height: 40px;clear: both;}
.line50{width: 100%;height: 50px;clear: both;}
.line60{width: 100%;height: 60px;clear: both;}
.line70{width: 100%;height: 70px;clear: both;}

/*背景颜色*/
.bgc999{background-color:#999;}
.bgcwx{background-color: #339900;}
.bgc{background-color: #F4E9E3;}

/* 字体 */
.font-f{font-family: 'Lexend',sans-serif;}

/* 主题与颜色 */
.color{color: #7e8427!important;}
a {color: #333;text-decoration: none;}
a:hover {color: #7e8427;text-decoration: none;}

/* 宽度布局 */
.full{width: 100%;}

/* 按钮 */
.btn1{background-color: #f2f2f2; color: #000;}
.btn1:hover{background-color: #7E8427; color: #fff;}
.btn2{background-color: #7E8427; color: #fff;}
.btn2:hover{background-color: #C89374; color: #000;}

/*相应式布局*/
/*xs-小于750时生效*/
@media screen and (max-width:750px){
/* 版芯 */
.main{width: 100%;margin: 0 auto;}
/* 头部header */
.head-pc{display: none;}
.head-m{height: 53px;width: 100%;line-height: 53px;box-shadow: 0 1px 10px 2px rgba(0,0,0,.1);}
.head-m .head-box{height: 53px;width: 100%;line-height: 53px;display: flex;justify-content: space-between;padding:2px 10px;box-sizing: border-box;align-items:center ;}
.head-m .head-box .layui-icon{font-size: 25px;color: #20222A;}
.head-m .head-box img{max-width: 200px;}
.head-m .nav-m{position: relative;top: 0px;left: 0;z-index: 9999;display: none;}
.head-m .nav-m ul{width: 100%;background-color: #fff;border-bottom: 5px solid #E6E6E6;}
.head-m .nav-m ul li{border-bottom: 1px solid #E6E6E6;}
.head-m .nav-m ul li .layui-nav-child{background-color: #fff;}
.head-m .nav-m ul li a{color: #000;text-align: center;border: none;}
.head-m .nav-m ul li a:hover{color: #000!important;border: none;}
.head-m .layui-nav-itemed>a, .layui-nav-tree .layui-nav-title a, .layui-nav-tree .layui-nav-title a:hover {color: #000!important; }
.head-m .layui-nav-tree .layui-nav-item .layui-nav-child a{padding-left: 0;text-align: center;padding:0}
.head-m .layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-nav-child dd.layui-this a, .layui-nav-tree .layui-this, .layui-nav-tree .layui-this>a, .layui-nav-tree .layui-this>a:hover{background-color: #fff;color: #000;}

/* 第一部分 banner */
.content1{width: 100%;height: 442px;background-size: cover;}
.content1 .body{width: 100%;margin-left: 0%;color: #fff; text-align: center;padding-top: 40px;}
.content1 .body .p1{font-size: 16px;font-weight: 600;font-family: 'microsoft yahei';}
.content1 .body .p2{font-size: 30px;font-weight: 600;padding:20px 0;line-height: 40px;font-family: 'microsoft yahei';}
.content1 .body .p3{font-size: 15px;padding-bottom: 30px;font-family: 'microsoft yahei';}

/* 第二部分 小菜单 */
.content2{width: 100%;height: 550px; padding-top: 50px;display: flex;border-bottom: 1px solid #ddc5c5;flex-wrap:wrap;}
.content2 .left{width: 100%;margin:0 15px;}
.content2 .left p{font-family: 'Lexend',sans-serif;font-size: 20px;}
.content2 .right{width: 100%;margin:0 15px;}
.content2 .right ul{display: flex;align-items: center;flex-wrap:wrap;justify-content: space-between;}
.content2 .right ul li{width: 49%;text-align: center;}
.content2 .right ul li img{display: block; margin:0 auto;}
.content2 .right ul li p{line-height: 40px;}

/* 第三部分 产品 */
.content3 .top{width: 100%;padding-top: 40px; padding-left: 20px;}
.content3 .top p{font-size: 40px;font-weight: 400;font-family: 'Lexend',sans-serif;}
.content3 .bottom{padding:20px 0 50px 0;display: flex;justify-content: space-between;flex-wrap:wrap;}
.content3 .bottom .left{width: 100%;}
.content3 .bottom .left ul{display:flex;justify-content: space-between;align-items:center;flex-wrap:wrap;margin: 0 20px;}
.content3 .bottom .left ul li{width: 48%;text-align: center;}
.content3 .bottom .left ul li img{display: block; margin:0 auto;}
.content3 .bottom .left ul li p{height: 120px;overflow: hidden;line-height: 36px;font-size: 18px; font-weight: 500;padding-top: 20px;}
.content3 .bottom .right{width: 100%;margin: 0 20px; text-align: center;}
.content3 .bottom .right img{max-width: 100%;}
.content3 .bottom .right p{overflow: hidden;line-height: 36px;font-size: 18px; font-weight: 500;padding-top: 20px;}

/* 第四部分 优势 */
.content4{width: 100%;}
.content4 ul{display: flex;justify-content: space-between;align-items: center;flex-wrap:wrap;margin:0 20px;}
.content4 ul li{width: 100%;text-align: center;height: 400px; display: flex;flex-direction: column;justify-content: center;align-items: center;margin-bottom: 20px;}
.content4 ul li .p1{font-size: 16px; font-weight: 500;color: #fff;}
.content4 ul li .p2{font-size: 40px; font-weight: 500;padding-top: 15px;color: #fff;padding-bottom: 20px;}

/* 第五部分 选择产品 */
.content5{width: 100%;background-size: cover;margin-bottom: 30px;}
.content5 .body{margin-left: 2%;color: #000; text-align: left;padding-top: 45px;margin:0 30px;}
.content5 .body .p1{font-size: 26px;font-weight: 600;font-family: 'Lexend',sans-serif;}
.content5 .body .p2{font-size: 15px;font-family: 'Lexend',sans-serif; padding-bottom: 30px;padding-top: 10px;}

/* 第六部分 一张图片 */
.content6{width: 100%;display: flex; justify-content: space-between;align-items: center;flex-wrap:wrap;}
.content6 .left{background-color: #7E8427;padding:40px 20px;}
.content6 .left .p1{font-size: 36px;font-weight: 600;color: #fff;}
.content6 .left .p2{font-size: 30px;color: #fff;}
.content6 .left .p3{font-size: 14px;color: #fff;padding:20px 0 40px 0;}
.content6 .left .a1{font-size: 15px;color: #fff;}
.content6 .right{clear: both;}
.content6 .right img{width: 100%;height: 100%;}

/* 第七部分 hot5产品 */
.content7{width: 100%;background-size: cover;padding:50px 0;text-align: center;border-bottom: 1px solid #ddc5c5;}
.content7 .title{font-size: 20px;font-weight: 600;color: #000;font-family: 'Lexend',sans-serif;}
.content7 ul{display:flex;justify-content: space-between;align-items:center;flex-wrap:wrap;}
.content7 ul li{width: 100%;padding-top: 25px;}
.content7 ul li img{border-radius: 50%;height: 50%;width: 50%;}
.content7 ul li p{font-weight: 600;color: #000;font-size: 16px;font-family: 'Lexend',sans-serif;line-height: 50px;}

/* 第八部分 客户评价 */
.content8{width: 100%;background-image: url(/skin/images/bg8.png);background-size: cover;padding:100px 0 0 0;background-position: top right;background-repeat: no-repeat;background-size: auto;min-height: 600px;--background-overlay: '';}
.content8 .title{font-size: 36px;font-weight: 600;color: #000;font-family: 'Lexend',sans-serif;padding-left: 30px;}
.content8 ul{display:flex;flex-wrap:wrap;align-items:center;flex-wrap:wrap;}
.content8 ul li{width: 100%;border-bottom: 1px solid #ddc5c5;;}
/* .content8 ul li:nth-child(2n) {border-left: 1px solid #ddc5c5;}
.content8 ul li:nth-child(n+3) {border-top: 1px solid #ddc5c5;} */
.content8 ul li a{width: 100%;display: block;padding:40px;}
.content8 ul li a:hover{background-color: #F9F3F0;background-image: url(/skin/images/bg82.png);background-size: cover;background-position: top right;background-repeat: no-repeat;background-size: auto;color: #000;}
.content8 ul li a img{width: 75px;height: 75px;border-radius: 50%;}
.content8 ul li a .p1{margin:24px 0;}
.content8 ul li a .p2{font-size: 20px;font-weight: 600;}

/* 第九部分swiper */
.content9{width: 100%; height: 300px;overflow: hidden;margin: 0 auto;padding:80px 0 50px 0;}
.content9 .title{font-size: 20px;font-weight: 600;color: #000;font-family: 'Lexend',sans-serif;padding-bottom: 20px;text-align: center;}
.content9 .swiper1{width: 100%;}

/* 第十部分 大图 */
.content10{width: 100%;height: 220px;background-position: bottom center;background-repeat: no-repeat;background-size: contain;}

/* footer */
.footer{width: 100%;min-height: 400px;background-color: #fff;}
.footer .border{border-top: 1px solid #e7e3e3;border-bottom: 1px solid #e7e3e3;}
.footer .top{width: 100%;padding:50px 0 0 0;display:flex;justify-content: space-between;align-items:center;flex-wrap:wrap;}
.footer .top .left{width: 100%;padding:0 10px;text-align: center;padding-bottom: 30px;}
.footer .top .left p{font-size: 35px;font-weight: 600;display: block;padding-bottom: 30px; color: #000;}
.footer .top .right{width: 100%;}
.footer .top .right ul{display:flex;justify-content: space-between;align-items:center;flex-wrap:wrap;}
.footer .top .right ul li{width: 100%;padding:0 10px;text-align: center;padding-bottom: 30px;}
.footer .top .right ul li .p1{font-size: 20px;font-weight: 500;color: #000;padding-bottom: 20px;}
.footer .top .right ul li .p2{font-size: 14px;color: #666;padding-bottom: 20px;}
.footer .top .right ul li .p3 a{font-size: 16px;font-weight: 500;color: #7e8427;}
.footer .top .right ul li .p3 a:hover{font-size: 16px;font-weight: 500;color: #ddc5c5;}
.footer .mid{width: 100%;padding:50px 0;display:flex;justify-content: space-between;}
.footer .mid .title{font-size: 20px;font-weight: 600;padding-bottom: 20px;}
.footer .mid .left{width: 100%;}
.footer .mid .left ul{display:flex;justify-content:center;flex-wrap:wrap;padding-left: 30px;}
.footer .mid .left ul::after{content:'';flex:auto;}
.footer .mid .left ul li{width: 48%;}
.footer .mid .left ul li a{font-size: 16px;color: #666;padding-bottom: 10px;display: block;}
.footer .mid .left ul li a:hover{color: #222;}
.footer .mid .left ul li p{font-size: 16px;color: #666;display: block;}
.footer .mid .left .tiaozhuan{display:flex;padding-top: 10px;}
.footer .mid .left .tiaozhuan a{padding-right: 20px;}
.footer .mid .left .tiaozhuan img{width: 20px;height: 20px;}
.footer .mid .right{width: 100%;display: none;}
.footer .mid .right input{margin:10px 0 20px 0;width: 100%;height: 46px;}
.footer .bottom{width: 100%;color: #a7a2a7;height: 130px;text-align: center;line-height: 130px;}
.footer .bottom p{width: 100%;}

/* listbanner  */
.listbanner{width: 100%;position: relative;height: 300px;overflow: hidden;}
.listbanner img{height: 100%;width: 1238px;margin-left: -619px;left: 50%;top: 0;max-width: none;}
.listbanner p{position: absolute;top: 0;left: 0;color: #fff;font-size: 30px;display:flex;justify-content: center;align-items:center;width: 100%;height: 100%;}

/* 单页面内容 */
.page-body{padding: 50px 30px;}
.page-body p{font-size: 16px;color: #333;line-height: 40px!important;}
.page-body img{margin: 0 auto;display: block;}

/* 面包屑导航 */
.mbx{padding-top: 50px;padding-bottom: 20px;margin:0 20px;}
.mbx a{color: #777;font-size: 14px;}

/* 列表页 */
.list-body{padding-bottom: 50px;margin:0 20px;}
.list-body .title{font-size: 50px;color: #333;padding-bottom: 30px;}
.list-body .desc{font-size: 15px;color: #777;padding-bottom: 30px;}
.list-body .list{display:flex;justify-content: space-between;align-items:center;flex-wrap: wrap;}
.list-body .list li{width: 48%;margin-bottom: 30px;}
.list-body .list li p{font-size: 16px;color: #222;line-height: 36px;font-weight: 600;display: block;padding-top: 10px;min-height: 70px;}

/* 详情页 */
.detail-body{padding:30px 0;}
.detail-body img{display: block; margin: 0 auto;}

/* 相关产品 */
.other-article{padding-bottom: 50px;}












}/* 结束 */
/* **************************************************************************** */
/* 大于750时生效 */
@media screen and (min-width:751px){
/* 版芯 */
.main{width: 1200px;margin: 0 auto;}


/* 头部header */
.head-m{display: none;}
.head-pc{width: 100%;}
.head-pc .head-box{width: 100%;height: 92px; margin:0 35px;display: flex;justify-content:space-between;align-items: center;overflow: hidden;}
.head-pc .head-box .left{width: auto;}
.head-pc .head-box .left img{max-height: 45px;}
.head-pc .head-box .mid{width: auto;}
.head-pc .head-box .mid .layui-nav {background-color: #fff;}
.head-pc .head-box .mid .layui-nav .layui-this:after, .layui-nav-bar{display: none;}
.head-pc .head-box .mid .layui-nav .layui-nav-item a{color: rgb(0 0 0 / 70%);font-size: 15px;padding: 0 20px;font-weight: 600;font-family: 'inherit';}
.head-pc .head-box .mid .layui-nav .layui-nav-item a:hover{color: #7e8427;}
.topid  a{color: #7e8427!important;}

/* 第一部分 banner */
.content1{width: 100%;height: 800px;background-size: cover;}
.content1 .body{width: 600px;margin-left: 50%;color: #fff; text-align: right;padding-top: 245px;}
.content1 .body .p1{font-size: 16px;font-weight: 600;font-family: 'microsoft yahei';}
.content1 .body .p2{font-size: 50px;font-weight: 600;padding:20px 0;line-height: 62px;font-family: 'microsoft yahei';}
.content1 .body .p3{margin-left: 30%;font-size: 15px;padding-bottom: 30px;font-family: 'microsoft yahei';}

/* 第二部分 小菜单 */
.content2{width: 100%;height: 260px; padding-top: 50px;display: flex;border-bottom: 1px solid #ddc5c5;}
.content2 .left{width: 50%;}
.content2 .left p{font-family: 'Lexend',sans-serif;font-size: 20px;}
.content2 .right{width: 50%;}
.content2 .right ul{display: flex;justify-content: space-between;align-items: center;}
.content2 .right ul li img{display: block; margin:0 auto;}
.content2 .right ul li p{line-height: 40px;}

/* 第三部分 产品 */
.content3 .top{width: 100%;height: 150px;padding-top: 100px;}
.content3 .top p{font-size: 40px;font-weight: 400;font-family: 'Lexend',sans-serif;}
.content3 .bottom{padding:20px 0 100px 0;display: flex;justify-content: space-between;}
.content3 .bottom .left{width: 50%;}
.content3 .bottom .left ul{display: flex;align-items: center;flex-wrap: wrap;}
.content3 .bottom .left ul li{width: 50%;padding-right: 30px;text-align: center;}
.content3 .bottom .left ul li img{display: block; margin:0 auto;width:265px;height: 265px;}
.content3 .bottom .left ul li p{height: 120px;overflow: hidden;line-height: 36px;font-size: 25px; font-weight: 500;padding-top: 20px;}
.content3 .bottom .right{width: 50%;}
.content3 .bottom .right img{width: 548px;height: 651px;;}
.content3 .bottom .right p{height: 120px;overflow: hidden;line-height: 36px;font-size: 25px; font-weight: 500;padding-top: 20px;}

/* 第四部分 优势 */
.content4{width: 100%;}
.content4 ul{display: flex;justify-content: space-between;align-items: center;}
.content4 ul li{width: 32.5%;text-align: center;height: 400px; display: flex;flex-direction: column;justify-content: center;align-items: center;}
.content4 ul li .p1{font-size: 16px; font-weight: 500;color: #fff;}
.content4 ul li .p2{font-size: 40px; font-weight: 500;padding-top: 15px;color: #fff;padding-bottom: 20px;}

/* 第五部分 选择产品 */
.content5{width: 100%;height: 800px;background-size: cover;}
.content5 .body{width: 500px;margin-left: 20%;color: #000; text-align: left;padding-top: 245px;}
.content5 .body .p1{font-size: 40px;font-weight: 600;font-family: 'Lexend',sans-serif;}
.content5 .body .p2{font-size: 15px;font-family: 'Lexend',sans-serif; padding-bottom: 30px;padding-top: 10px;}

/* 第六部分 一张图片 */
.content6{width: 100%;height: 594px;display: flex; justify-content: space-between;align-items: center;}
.content6 .left{width:594px;height: 594px;background-color: #7E8427;padding:60px 140px 0 70px;}
.content6 .left .p1{font-size: 40px;font-weight: 600;color: #fff;}
.content6 .left .p2{font-size: 36px;color: #fff;}
.content6 .left .p3{font-size: 14px;color: #fff;padding:20px 0 100px 0;}
.content6 .left .a1{font-size: 15px;color: #fff;}
.content6 .right{width:594px;height: 594px;}
.content6 .right img{width: 100%;height: 100%;}

/* 第七部分 hot5产品 */
.content7{width: 100%;height: 580px;background-size: cover;padding:100px 0;text-align: center;border-bottom: 1px solid #ddc5c5;}
.content7 .title{font-size: 20px;font-weight: 600;color: #000;font-family: 'Lexend',sans-serif;}
.content7 ul{display:flex;justify-content: space-between;align-items:center;}
.content7 ul li{width: 18%;padding-top: 25px;}
.content7 ul li img{border-radius: 50%;}
.content7 ul li p{font-weight: 600;color: #000;font-size: 16px;font-family: 'Lexend',sans-serif;line-height: 50px;}

/* 第八部分 客户评价 */
.content8{width: 100%;background-image: url(/skin/images/bg8.png);background-size: cover;padding:100px 0;background-position: top right;background-repeat: no-repeat;background-size: auto;min-height: 600px;--background-overlay: '';}
.content8 .title{font-size: 40px;font-weight: 600;color: #000;font-family: 'Lexend',sans-serif;padding-bottom: 20px;}
.content8 ul{display:flex;flex-wrap:wrap;align-items:center;}
.content8 ul li{width: 50%;height: 440px;}
.content8 ul li:nth-child(2n) {border-left: 1px solid #ddc5c5;}
.content8 ul li:nth-child(n+3) {border-top: 1px solid #ddc5c5;}
.content8 ul li a{width: 100%;height: 440px;display: block;padding:100px;}
.content8 ul li a:hover{background-color: #F9F3F0;background-image: url(/skin/images/bg82.png);background-size: cover;background-position: top right;background-repeat: no-repeat;background-size: auto;color: #000;}
.content8 ul li a img{width: 75px;height: 75px;border-radius: 50%;}
.content8 ul li a .p1{margin:24px 0;}
.content8 ul li a .p2{font-size: 20px;font-weight: 600;}

/* 第九部分swiper */
.content9{width: 940px; height: 300px;overflow: hidden;margin: 0 auto;padding:80px 0 50px 0;}
.content9 .title{font-size: 20px;font-weight: 600;color: #000;font-family: 'Lexend',sans-serif;padding-bottom: 20px;text-align: center;}
.content9 .swiper{width: 100%;height: 100px;}

/* 第十部分 大图 */
.content10{width: 100%;height: 600px;background-position: bottom center;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;}

/* footer */
.footer{width: 100%;min-height: 400px;background-color: #fff;}
.footer .border{border-top: 1px solid #e7e3e3;border-bottom: 1px solid #e7e3e3;}
.footer .top{width: 100%;height: 262px;padding:50px 0;display:flex;justify-content: space-between;align-items:center;}
.footer .top .left{width: 600px;padding:0 10px;}
.footer .top .left p{font-size: 40px;font-weight: 600;display: block;padding-bottom: 30px; color: #000;}
.footer .top .right{flex: 1;}
.footer .top .right ul{display:flex;justify-content: space-between;align-items:center;}
.footer .top .right ul li .p1{font-size: 20px;font-weight: 500;color: #000;padding-bottom: 20px;}
.footer .top .right ul li .p2{font-size: 14px;color: #666;padding-bottom: 20px;}
.footer .top .right ul li .p3 a{font-size: 16px;font-weight: 500;color: #7e8427;}
.footer .top .right ul li .p3 a:hover{font-size: 16px;font-weight: 500;color: #ddc5c5;}
.footer .mid{width: 100%;height: 324px;padding:50px 0;display:flex;justify-content: space-between;}
.footer .mid .title{font-size: 20px;font-weight: 600;padding-bottom: 20px;}
.footer .mid .left{flex: 1;}
.footer .mid .left ul{display:flex;}
.footer .mid .left ul li{width: 220px;}
.footer .mid .left ul li a{font-size: 16px;color: #666;padding-bottom: 10px;display: block;}
.footer .mid .left ul li a:hover{color: #222;}
.footer .mid .left ul li p{font-size: 16px;color: #666;display: block;}
.footer .mid .left .tiaozhuan{display:flex;padding-top: 10px;}
.footer .mid .left .tiaozhuan a{padding-right: 20px;}
.footer .mid .left .tiaozhuan img{width: 20px;height: 20px;}
.footer .mid .right{width: 410px;}
.footer .mid .right input{margin:10px 0 20px 0;width: 100%;height: 46px;}
.footer .bottom{width: 100%;height: 131px;color: #a7a2a7;display: flex;align-items: center;}

/* listbanner  */
.listbanner{width: 100%;position: relative;}
.listbanner p{position: absolute;top: 0;left: 0;color: #fff;font-size: 50px;display:flex;justify-content: center;align-items:center;width: 100%;height: 100%;}

/* 单页面内容 */
.page-body{padding: 50px 30px;}
.page-body p{font-size: 16px;color: #333;line-height: 40px!important;}
.page-body img{margin: 0 auto;display: block;}

/* 面包屑导航 */
.mbx{padding-top: 50px;padding-bottom: 20px;}
.mbx a{color: #777;font-size: 14px;}

/* 列表页 */
.list-body{padding-bottom: 50px;}
.list-body .title{font-size: 50px;color: #333;padding-bottom: 30px;}
.list-body .desc{font-size: 15px;color: #777;padding-bottom: 30px;}
.list-body .list{display:flex;justify-content: space-between;align-items:center;flex-wrap: wrap;}
.list-body .list li{width: 23%;margin-bottom: 30px;}
.list-body .list li p{font-size: 16px;color: #222;line-height: 36px;font-weight: 600;display: block;padding-top: 10px;}

/* 详情页 */
.detail-body{padding:50px 0;}
.detail-body img{display: block; margin: 0 auto;}

/* 相关产品 */
.other-article{padding-bottom: 50px;}















}/* 结束 */
/* **************************************************************************** */
/* 通用样式 */
.no-data{color: #7e8299;padding-left: 30px;padding-top: 15px;}
/*分页样式*/
.pglist {clear: bot
.content3 .bottom .right{width: 50%;}






















}/* 结束 */
/* **************************************************************************** */
/* 通用样式 */
.no-data{color: #7e8299;padding-left: 30px;padding-top: 15px;}
/*分页样式*/
.pglist {clear: both;margin: 20px;overflow: hidden;margin-left: 0px;text-align: center;font-size:12px}
.pglist ul{display:inline-block;}
.pglist ul li { display:inline-block;border: 1px solid #ccc;padding: 8px 15px;margin: 0 3px;line-height: 20px;background: #fff;color:#999}
.pglist ul li:hover{ background:#ddc5c5; color:#fff;border: 1px solid #ccc}
.pglist ul li:hover a{color:#fff;}
.pglist ul li.thisclass {display: inline-block;border: 1px solid #ccc;padding: 8px 15px;margin: 0 3px;background: #ccc;color: #fff;}
.pglist ul li.thisclass a {color: #fff;}
.pglist ul li.active {display: inline-block;border: 1px solid #ccc;padding: 8px 15px;margin: 0 3px;background: #ddc5c5;color: #fff;}
.pglist ul li.active a {color: #fff;}
.pglist ul li a{ display:block;color:#999;line-height: 20px;}
.pglist ul li a:hover {color: #fff;}
.pglist ul li strong{padding:5px;}

/*tp调试框*/
#think_page_trace_open{z-index: 99999999999;}