/*页面整体遮罩*/

.preloading{width: 100%;text-align: center;height: 100%;position: fixed;background: #ffffff;z-index: 998877665544;top: 0px;display: table;left: 0;}
.preloading .wrap-preload{background-color: #01ABE5; display: table-cell;text-align: center;vertical-align: middle;}
.preloading .cssload-loader{width: 49px; height: 49px; border-radius: 50%;margin: 3em;display: inline-block;position: relative;vertical-align: middle;background: #ffffff;}
.preloading .cssload-loader,.preloading .cssload-loader:before, .preloading .cssload-loader:after{animation: 1.15s infinite ease-in-out;-o-animation: 1.15s infinite ease-in-out;-ms-animation: 1.15s infinite ease-in-out;-webkit-animation: 1.15s infinite ease-in-out;-moz-animation: 1.15s infinite ease-in-out;}
.preloading .cssload-loader:before,.preloading .cssload-loader:after{width: 100%; height: 100%;border-radius: 50%;position: absolute;top: 0;left: 0;}
.preloading .cssload-loader{animation-name: cssload-loader;-o-animation-name: cssload-loader; -ms-animation-name: cssload-loader;-webkit-animation-name: cssload-loader;-moz-animation-name: cssload-loader;}
@keyframes cssload-loader{ from{ transform: scale(0); opacity: 1;}
  to{ transform: scale(1); opacity: 0;}
  }
@-o-keyframes cssload-loader{ from{ -o-transform: scale(0); opacity: 1;}
  to{ -o-transform: scale(1); opacity: 0;}
  }
@-ms-keyframes cssload-loader{ from{ -ms-transform: scale(0); opacity: 1;}
  to{ -ms-transform: scale(1); opacity: 0;}
  }
@-webkit-keyframes cssload-loader{ from{ -webkit-transform: scale(0); opacity: 1;}
  to{ -webkit-transform: scale(1); opacity: 0;}
  }
@-moz-keyframes cssload-loader{ from{ -moz-transform: scale(0); opacity: 1;}
  to{ -moz-transform: scale(1); opacity: 0;}
  }

/*黄老师公共类*/

.layui-m-layercont{color: #fff;}
.layui-layer-content{color: #fff;}
::-webkit-scrollbar{width: 0px;}
::-webkit-scrollbar-track{background-color: #EEEEEE;}
::-webkit-scrollbar-thumb{background-color: #D6D6D6;}
::-webkit-scrollbar-thumb:hover{background-color: #ccc;}
::-webkit-scrollbar-thumb:active{background-color: #ccc;}
a,div,span,p{-webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-user-select: none; -moz-user-focus: none; -moz-user-select: none; -webkit-appearance: none; outline: none; border: none;}
html,body{color: #333;font-size: 0.26rem;}
*{-webkit-box-sizing: border-box;box-sizing: border-box;font-style: normal;margin: 0;padding: 0;font-family: "Microsoft YaHei";border: none;outline: none;color: #333;font-size: 0.26rem;}
table{border-collapse: collapse;display: table;width: 100%;}
ol,ul,li{list-style: none;}
span,i,b{display: inline-block;}
a{display: inline-block;text-decoration: none;cursor: pointer;color: #333;-webkit-transition: color, border, background 0.3s;-o-transition: color, border, background 0.3s;transition: color, border, background 0.3s;}
img{display: inline-block;vertical-align: middle;}
.tac{text-align: center !important;}
.tar{text-align: right !important;}
.tal{text-align: left !important;}
.taj{text-align: justify !important;}
.touper{text-transform: uppercase;}
.tolower{text-transform: lowercase;}
.tocapit{text-transform: capitalize;}
.clearfix:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.oe{display: block;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;}
.dot2{overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.dot3{overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.dot4{overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.dot5{overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.bgcov,.bg100{display: block;width: 100%;background-repeat: no-repeat !important;background-position: center center !important;}
.bgcov{background-size: cover !important;}
.bg100{background-size: 100% 100% !important;}
.imgcov{width: 100%;height: 100%;max-width: 100%;max-height: 100%;-o-object-fit: cover;object-fit: cover;}
.banxin1200{width: 90%;margin: 0 auto;}

/*商桥*/


/* #newBridge{display: none !important;}
#nb_icon_wrap{display: none !important;}
#newBridge .nb-icon-wrap-0 .nb-icon-wrap-base{display: none !important;} */


/*重置PC的代码*/

.teamdet{width: 100%;}
.catiul{width: 100%;}

/*首页轮播图*/

#chaoIndexSwiper .swiper-wrapper .swiper-slide{height: auto;overflow: hidden;position: relative;}
#chaoIndexSwiper .swiper-pagination{z-index: 99993;bottom: 0.3rem !important;}
#chaoIndexSwiper .swiper-pagination-bullet{background: rgba(255, 255, 255, 1) !important;border: 0 !important;outline: none !important;box-sizing: border-box;opacity: 1 !important;width: 8px;height: 8px;border-radius: 100% !important;margin: 0 4px !important;}
#chaoIndexSwiper .swiper-pagination-bullet-active{background: #00B5EC !important;border-radius: 8px !important;overflow: hidden;width: 20px;}

/*首页在轮播图下方的二级导航文字*/

#chaoSubNav{width: 100%;padding-top: 0.6rem;}
#chaoSubNav .chaoSubNav3{padding-top: 0.3rem;}
#chaoSubNav .chaoSubNav3:first-child{padding-top: 0;}
#chaoSubNav .chaoSubNav3 .d1box{width: 100%;display: flex;}
#chaoSubNav .chaoSubNav3 .d1box a{font-size: 0.3rem;padding-bottom: 0.2rem;color: #00B5EC;font-weight: 700;}
#chaoSubNav .chaoSubNav3 .d2box{width: 100%;display: flex;flex-wrap: wrap;}
#chaoSubNav .chaoSubNav3 .d2box a{width: 25%;border: 0px solid red;padding: 0.1rem 0;transition: color 0.3s;}
#chaoSubNav .chaoSubNav3 .d2box a:hover{color: #01ABE5;}

/*首页在二级导航文字下面的列表*/

#chaoSubBody{padding: 0.5rem 0 0.6rem;}
#chaoSubBody .listUl{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
#chaoSubBody .listUl .listLi{width: 47%;margin-top: 0.4rem;}
#chaoSubBody .listUl .listLi:nth-child(1){margin-top: 0;}
#chaoSubBody .listUl .listLi:nth-child(2){margin-top: 0;}
#chaoSubBody .listUl .listLi a{display: block;width: 100%;}
#chaoSubBody .listUl .listLi a .d1box{display: block;width: 100%;height: 2rem;}
#chaoSubBody .listUl .listLi a .d2box{display: block;width: 100%;}
#chaoSubBody .listUl .listLi a .d2box .p1{font-size: 0.28rem;color: #333;padding: 0.1rem 0 0;}
#chaoSubBody .listUl .listLi a .d2box .p2{font-size: 0.26rem;color: #666;display: none;}

/*首页为什么选择*/

.whyxkws{height: auto;padding: 0.6rem 0;}
.whyxkws .whyxkwtop{padding-bottom: 0.4rem;}
.whyxkws .whyxkwtop p{font-size: 0.3rem;font-weight: 700;padding-top: 0;padding-bottom: 0.25rem;}
.whyxkws .whyxkwtop p i{font-size: 0.3rem;font-weight: 700;}
.whyxkws .whyxkwtop span{font-size: 0.26rem;color: #fff;}
.whyxkws .whyxkwbot .wxkw{width: 100%;float: inherit;display: flex;align-items: center;padding: 0.1rem 0;}
.whyxkws .whyxkwbot .wxkw:first-child{padding-top: 0;}
.whyxkws .whyxkwbot .wxkw:last-child{padding-bottom: 0;}
.whyxkws .whyxkwbot .wxkw p{padding-top: 0;font-size: 0.3rem;padding-right: 0.3rem;}
.whyxkws .whyxkwbot .wxkw p a{font-size: 0.4rem;}
.whyxkws .whyxkwbot .wxkw p i{font-size: 0.4rem;color: #fff;}
.whyxkws .whyxkwbot .wxkw span{font-size: 0.24rem;}
.whyxkws .whyxkwbot .wxkw em{font-size: 0.24rem;padding-left: 0.3rem;}
.whyxkws .whyxkwbot{width: 100%;min-width: inherit;}

/*多媒体解决方案*/

.multiMediaSolution2{padding-bottom: 0.6rem;}
.idmt{padding: 0.6rem 0;}
.idmt .idmttop span{font-size: 0.3rem;padding-bottom: 0.1rem;padding-top: 0;font-weight: 700;}
.huangMultiMedia{padding: 0;}
.huangMultiMedia2{height: auto;display: flex;justify-content: space-between;flex-wrap: wrap;}
.huangMultiMedia2 .itembox{width: 48%;float: inherit;height: auto;margin-top: 0.3rem;height: 2rem;}
.huangMultiMedia2 .itembox:nth-child(1){margin-top: 0;}
.huangMultiMedia2 .itembox:nth-child(2){margin-top: 0;}
.huangMultiMedia2 .maskfixd{padding: 0.3rem;background: rgba(0, 0, 0, 0.3);}
.huangMultiMedia2 .maskfixd .d2{margin-top: 0.2rem;}
.huangMultiMedia2 .maskfixd .d1 .s1{font-size: 0.3rem;width: 100%;}

/*首页的专业团队轮播*/

.iteams{padding-bottom: 0.6rem;}
.iteams .iteamtop{padding: 0.6rem 0;width: 100%;display: flex;justify-content: center;text-align: center;}
.iteams{padding-bottom: 0.6rem;}
.iteams .iteamtop{padding: 0.6rem 0;width: 100%;}
#chaoTeamSwiper .swiper-wrapper{width: 100%;}
#chaoTeamSwiper .swiper-wrapper .swiper-slide{width: 48%;}
#chaoTeamSwiper .swiper-wrapper .swiper-slide .d1box{height: 2.2rem;overflow: hidden;background: #fff;padding: 0.1rem;}
#chaoTeamSwiper .swiper-wrapper .swiper-slide .d2box{padding-bottom: 0.6rem;padding-top: 0.5rem;}
#chaoTeamSwiper .swiper-wrapper .swiper-slide .d2box p{color: #fff;text-align: center;}
#chaoTeamSwiper .swiper-wrapper .swiper-slide .d2box p.p1{font-size: 0.26rem;}
#chaoTeamSwiper .swiper-wrapper .swiper-slide .d2box p.p2{font-size: 0.24rem;padding-top: 0.1rem;}

/*首页的专业团队轮播--小圆点样式*/

#chaoTeamSwiper .swiper-pagination{bottom: 0 !important;}
#chaoTeamSwiper .swiper-pagination-bullet{background: #fff !important;opacity: 1;}
#chaoTeamSwiper .swiper-pagination-bullet-active{background: #00b5ec !important;}

/*首页的新闻列表*/

#chaoNewsList{padding: 0.6rem 0;}
#chaoNewsList .itembox{margin-top: 0.3rem;}
#chaoNewsList .itembox:first-child{margin-top: 0;}
#chaoNewsList .itembox:last-child{border-bottom: none;}
#chaoNewsList .inewlist .inew .inewtop{width: 100%;display: flex;align-items: center;justify-content: space-between;}

/*首页的合作伙伴*/

#chaoPartner{padding: 0.6rem 0;}

/*首页的在线下单立即报价*/

#chaoOnlineOrder{padding: 0.6rem 0;}
#chaoOnlineOrder .chaoOnlineOrder2{background: #fff;padding: 0.6rem 0.3rem;}

/*友情链接*/

#chaoFriendLink{padding: 0.6rem 0 0.5rem;}
#chaoFriendLink .d1box{font-size: 0.26rem;color: #333;font-weight: 700;padding-bottom: 0.1rem;}
#chaoFriendLink .d2box{width: 100%;padding-top: 0.1rem;}
#chaoFriendLink .d2box a{font-size: 0.24rem;color: #333;transition: color 0.3s;border: 0px solid red;margin-right: 0.2rem;padding: 0.1rem;}
#chaoFriendLink .d2box a:active{color: #00B5EC;}

/*公共类底部*/

#chaoFooter1{width: 100%;background: #282828;padding: 0.6rem 0;}
#chaoFooter1 .chaoFooter1a .foot1{display: none;}
#chaoFooter1 .chaoFooter1a .foot1 .ulbox{width: 100%;border-bottom: 1px solid rgba(255, 255, 255, 0.1);padding: 0.3rem 0;}
#chaoFooter1 .chaoFooter1a .foot1 .ulbox:first-child{padding-top: 0;}
#chaoFooter1 .chaoFooter1a .foot1 .ulbox:last-child{padding-bottom: 0;border-bottom: none;}
#chaoFooter1 .chaoFooter1a .foot1 .ulbox .d1box{font-size: 0.3rem;color: #fff;padding-bottom: 0.15rem;}
#chaoFooter1 .chaoFooter1a .foot1 .ulbox .d2box{width: 100%;overflow: hidden;}
#chaoFooter1 .chaoFooter1a .foot1 .ulbox .d2box a{font-size: 0.24rem;color: #c0c0c0;float: left;width: 25%;border: 0px solid red;padding: 0.2rem 0;display: inline-flex;justify-content: center;align-items: center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;transition: color 0.3s;}
#chaoFooter1 .chaoFooter1a .foot1 .ulbox .d2box a:hover{color: #fff;}
#chaoFooter1 .chaoFooter1a .foot2{padding: 0.3rem 0 0.8rem !important;width: 50%;float: left;}
#chaoFooter1 .chaoFooter1a .foot2 p{color: #fff;font-size: 0.24rem;display: block;text-align: center;padding-top: 0.3rem;}
#chaoFooter1 .chaoFooter1a .foot2 div{width: 100%;display: flex;justify-content: center;}
#chaoFooter1 .chaoFooter1a .foot2 div img{display: inline-block;width: 1.6rem !important;height: 1.6rem !important;}
#chaoFooter1 .chaoFooter1a .foot3{padding-top: 0.4rem;}
#chaoFooter1 .chaoFooter1a .foot3 *{color: #fff;font-size: 0.24rem;}
#chaoFooter1 .chaoFooter1a .foot3>a{display: flex;align-items: center;display: none;}
#chaoFooter1 .chaoFooter1a .foot3>p{display: none;}
#chaoFooter1 .chaoFooter1a .foot3>ul{width: 100%;}
#chaoFooter1 .chaoFooter1a .foot3>ul li{width: 100%;padding: 0.1rem 0;}
#chaoFooter1 .chaoFooter1a .foot3>ul li:first-child{padding-top: 0;}
#chaoFooter1 .chaoFooter1a .foot3>ul li:last-child{padding-bottom: 0;}
#chaoFooter2{width: 100%;background: #282828;padding: 0.6rem 0;border-top: 1px solid rgba(255, 255, 255, 0.1);}
#chaoFooter2 .d1box{width: 100%;display: flex;justify-content: center;align-items: center;}
#chaoFooter2 .d1box p{color: #fff;font-size: 0.24rem;padding-right: 0.3rem;}
#chaoFooter2 .d1box p:last-child{padding-right: 0;}
#chaoFooter2 .d2box{width: 100%;display: flex;justify-content: center;align-items: center;padding-top: 0.2rem;}
#chaoFooter2 .d2box a{font-size: 0.24rem;border: 0px solid red;color: #c0c0c0;margin: 0 0.2rem;}
#chaoFooter2 .d2box a:first-child{margin-left: 0;}
#chaoFooter2 .d2box a:last-child{margin-right: 0;}

/*联系我们--单独的html文件--仅仅banner大图*/

#contactBanner{display: block;width: 100%;}

/*面包屑导航--单独的html文件*/

#crumbsNav{padding: 0.3rem 0;background: #f5f5f5;}
#crumbsNav .crumbsNav2{display: flex;align-items: center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
#crumbsNav .crumbsNav2 .a3:before{content: ">";margin: 0 0.1rem;}
#crumbsNav .crumbsNav2 .a3{color: #333;}
#crumbsNav .crumbsNav2 a{display: inline-block;}
#crumbsNav .crumbsNav2 a:last-child{color: #01ABE5;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
#crumbsNav .crumbsNav2 a:last-child:before{color: #333;}

/*联系我们的公司基本信息*/

#contactInfo{width: 100%;}

/*联系我们的公司分部展示*/

#contactBranch{width: 100%;}

/*联系我们的地图插件*/

.contactMapBox{width: 100%;padding-bottom: 0.6rem;}
.contactMapBox .contactMapBox2{height: 5rem;border: 1px solid #eee;}

/* 多媒体的详情页面 */

.duoMeiTiDetail .detailVideo{height: 5rem;}
.duoMeiTiDetail .detailVideo video{display: block;width: 100%;height: 100%;max-width: 100%;max-height: 100%;object-fit: cover;}
.duoMeiTiDetail .detailZiXun .d1{text-align: center;font-size: 0.3rem;padding: 0.4rem 0 0.2rem;font-weight: 700;}
.duoMeiTiDetail .detailZiXun .d2{text-align: justify;font-size: 0.26rem;line-height: 0.5rem;}
.duoMeiTiDetail .detailZiXun .d3{width: 100%;display: flex;justify-content: center;padding: 0.3rem 0;}
.duoMeiTiDetail .detailZiXun .d3 a{width: 100%;height: 0.8rem;display: inline-flex;justify-content: center;align-items: center;background: #01ABE5;color: #fff;font-size: 0.26rem;}

/* 公共类后端富文本输出区域 */

#richTextBox p{font-size: 0.26rem !important;color: #666 !important;padding: 0.1rem 0 !important;line-height: 0.5rem !important;}
#richTextBox span{font-size: 0.26rem !important;color: #666 !important;}
#richTextBox strong{font-size: 0.26rem !important;color: #666 !important;}
#richTextBox p:first-child{padding-top: 0 !important;}
#richTextBox p:last-child{padding-bottom: #666 !important;}
#richTextBox img{display: block !important;max-width: 100% !important;width: 100% !important;height: auto !important;object-fit: cover !important;max-width: 100% !important;max-height: 100% !important;}

/* 上一篇下一篇带返回按钮 */

.detailBckBox{padding: 0.4rem 0 0.5rem;}
.detailBckBox .d1box{display: flex;justify-content: space-between;align-items: center;}
.detailBckBox .d1box a{display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 48%;border: 0px solid red;padding: 0.1rem 0;text-decoration: underline;color: #333;transition: color 0.3s;}
.detailBckBox .d1box a:nth-child(2){text-align: right;}
.detailBckBox .d1box a:active{color: #01ABE5;}
.detailBckBox .d2box{padding-top: 0.3rem;}
.detailBckBox .d2box a{width: 100%;height: 0.8rem;display: inline-flex;justify-content: center;align-items: center;background: #01ABE5;color: #fff;font-size: 0.26rem;}

/* 尊龙官网登录入口z6mg页面--公司资质轮播 */

.ziZhiLunBo{padding-bottom: 0.6rem;}
.ziZhiLunBo .ziZhiLunBo2 .swiper-container .swiper-wrapper .swiper-slide{height: 5rem;}
.ziZhiLunBo .swiper-pagination{z-index: 10;bottom: 0.3rem !important;}
.ziZhiLunBo .swiper-pagination-bullet{background: #fff !important;border: 2px solid #fff !important;outline: none !important;box-sizing: border-box;opacity: 1 !important;width: 10px;height: 10px;}
.ziZhiLunBo .swiper-pagination-bullet-active{background: #01ABE5 !important;border: 2px solid #01ABE5 !important;}

/* 暂无数据 */

.ifNoData{text-align: center;width: 100%;padding: 2rem 0;}
.ifNoData .d1{font-size: 0.3rem;color: #666;font-weight: 700;}
.ifNoData .d2{width: 100%;display: flex;justify-content: center;padding-top: 0.5rem;}
.ifNoData .d2 a{width: 40%;height: 0.8rem;display: inline-flex;justify-content: center;align-items: center;background: #01ABE5;color: #fff;font-size: 0.26rem;}

/* 所有页面的二级导航，但是首页没有，联系我们页面没有 */

.small_nav{width: 100%;padding: 0.15rem 0;display: flex;justify-content: center;}
.small_nav .box{display: flex;width: 90%;flex-wrap: wrap;margin: 0 auto;}
.small_nav .box a{width: 20%;border: 0px solid red;display: inline-flex;justify-content: center;align-items: center;padding: 0.2rem 0;font-size: 0.26rem;}
.small_nav .box a.on{color: #01ABE5;}

/* 设计案例的列表大全 */

.caseList{width: 100%;}
.caseList2{display: flex;justify-content: space-between;flex-wrap: wrap;}
.caseList2 .itembox{width: 48%;margin-top: 0.3rem;}
.caseList2 .itembox:nth-child(1){margin-top: 0;}
.caseList2 .itembox:nth-child(2){margin-top: 0;}
.caseList2 .itembox .imgbox{height: 2rem;overflow: hidden;position: relative;}
.caseList2 .itembox .imgbox p{position: absolute;bottom: 0;right: 0;background: rgba(0, 0, 0, 0.5);color: #fff;padding: 0.1rem;font-size: 0.26rem;}
.caseList2 .itembox .txtbox{border: 1px solid #eee;padding: 0.2rem;}
.caseList2 .itembox .txtbox .d1box{width: 100%;font-size: 0.3rem;color: #333;padding-bottom: 0.1rem;}
.caseList2 .itembox .txtbox .d2box{width: 100%;font-size: 0.26rem;color: #666;height: 0.8rem;line-height: 0.4rem;}

/* 分页插件 */

.page{width: 100%;display: flex;justify-content: center;padding: 0.6rem 0;}
.page>div{width: 90%;display: flex;justify-content: center;}
.page>div span,.page>div a{flex: 1;border: 1px solid #eee;padding: 0.2rem 0;display: inline-flex;justify-content: center;align-items: center;font-size: 0.24rem;color: #666;}
.page>div a{border-right: none;}
.page>div a:last-child{border-right: 1px solid #eee;}
.page>div .current{background: #01ABE5;color: #fff;border: 1px solid #01ABE5;}
.page>div .end{display: none;}

/* 案例详情的最大盒子 */

.caseDetailTitles{text-align: center;font-size: 0.3rem;color: #01ABE5;padding: 0.6rem 0;font-weight: 700;}
.caseDetailIntroduce{border: 1px solid #eee;padding: 0.3rem;}
.caseDetailIntroduce .itembox{padding: 0.2rem 0;border-bottom: 1px dashed #ddd;}
.caseDetailIntroduce .itembox:first-child{padding-top: 0;}
.caseDetailIntroduce .itembox:last-child{padding-bottom: 0;border-bottom: none;}
.caseDetailIntroduce .itembox p{padding-top: 0.2rem;}
.caseDetailIntroduce .itembox p:first-child{padding-top: 0;}
.caseDetailSwiper{padding: 0.4rem 0;}
#caseDetailSwiper .swiper-slide{height: 5rem;overflow: hidden;position: relative;}
#caseDetailSwiper .swiper-pagination{z-index: 99993;bottom: 0.3rem !important;}
#caseDetailSwiper .swiper-pagination-bullet{background: rgba(255, 255, 255, 1) !important;border: 0 !important;outline: none !important;box-sizing: border-box;opacity: 1 !important;width: 8px;height: 8px;border-radius: 100% !important;margin: 0 4px !important;}
#caseDetailSwiper .swiper-pagination-bullet-active{background: #00B5EC !important;border-radius: 8px !important;overflow: hidden;width: 20px;}

/* 推荐的案例 */

.tuiJianBoxs{width: 100%;padding-bottom: 0.6rem;}
.tuiJianBoxs2 .tuiJianTitle{font-size: 0.3rem;padding: 0.1rem 0 0.6rem;text-align: center;font-weight: 700;color: #01ABE5;}
.tuiJianBoxs2 .tuiJianList{display: flex;justify-content: space-between;flex-wrap: wrap;}
.tuiJianBoxs2 .tuiJianList .itembox{width: 48%;margin-top: 0.3rem;}
.tuiJianBoxs2 .tuiJianList .itembox:nth-child(1){margin-top: 0;}
.tuiJianBoxs2 .tuiJianList .itembox:nth-child(2){margin-top: 0;}
.tuiJianBoxs2 .tuiJianList .itembox .d1box{height: 3rem;overflow: hidden;position: relative;}
.tuiJianBoxs2 .tuiJianList .itembox .d1box p{position: absolute;bottom: 0;right: 0;background: rgba(0, 0, 0, 0.5);color: #fff;padding: 0.1rem;font-size: 0.26rem;}
.tuiJianBoxs2 .tuiJianList .itembox .d2box{text-align: center;font-size: 0.28rem;padding: 0.2rem 0;}

/* 展厅资讯的列表大全 */

.newsListBox{width: 100%;}
.newsListBox2 .itembox{width: 100%;display: flex;justify-content: space-between;padding: 0.3rem;border-bottom: 1px dashed #ddd;}
.newsListBox2 .itembox:first-child{padding-top: 0;}
.newsListBox2 .itembox:last-child{padding-bottom: 0;border-bottom: none;}
.newsListBox2 .itembox .fls{width: 30%;overflow: hidden;height: 1.3rem;border: 1px solid #eee;}
.newsListBox2 .itembox .frs{width: 70%;padding-left: 0.5rem;display: flex;flex-direction: column;justify-content: space-between;}
.newsListBox2 .itembox .frs .fr1{font-size: 0.28rem;}
.newsListBox2 .itembox .frs .fr2{font-size: 0.24rem;color: #666;}
.newsListBox2 .itembox .frs .fr3{width: 100%;display: flex;justify-content: space-between;align-items: center;}
.newsListBox2 .itembox .frs .fr3 p{font-size: 0.24rem;color: #999;}

/* 展厅展台报价页面 */

.offerMoneyPage{border-top: 1px dashed #ddd;padding: 0.6rem 0;}
.offerMoneyPage2 .titles .d1box{font-size: 0.3rem;color: #01ABE5;font-weight: 700;text-align: center;padding-bottom: 0.3rem;}
.offerMoneyPage2 .titles .d2box{text-align: center;}
.offerMoneyPage2 .titles .d2box a,.offerMoneyPage2 .titles .d2box span{color: #666;font-size: 0.26rem;display: inline;line-height: 0.4rem;}
.offerMoneyPage2 .titles .d2box a{color: #01ABE5;}
.offerMoneyPage2 form{display: block;width: 100%;padding-bottom: 0.6rem;}
.offerMoneyPage2 form dl{display: block;width: 100%;padding-top: 0.4rem;}
.offerMoneyPage2 form dl dt{display: flex;width: 100%;padding-bottom: 0.2rem;align-items: center;}
.offerMoneyPage2 form dl dt span{color: red;font-size: 0.3rem;font-weight: 700;}
.offerMoneyPage2 form dl dd{display: block;width: 100%;}
.offerMoneyPage2 form dl dd input{display: block;width: 100%;height: 0.8rem;border: 1px solid #eee;padding: 0 0.5rem;line-height: 0.8rem;}
.offerMoneyPage2 form dl dd input:hover{border: 1px solid #01ABE5;}
.offerMoneyPage2 form dl dd textarea{display: block;width: 100%;height: 1.6rem;border: 1px solid #eee;padding: 0.3rem;line-height: 0.4rem;resize: none;}
.offerMoneyPage2 form dl dd textarea:hover{border: 1px solid #01ABE5;}
.offerMoneyPage2 form dl.codeDl dd{display: flex;justify-content: space-between;}
.offerMoneyPage2 form dl.codeDl dd input{width: 50%;text-align: center;padding: 0;display: inline-block;}
.offerMoneyPage2 form dl.codeDl dd img{width: 40%;height: 0.8rem;box-sizing: border-box;border: 1px solid #eee;}
.offerMoneyPage2 .submitbox{width: 100%;height: 0.8rem;display: flex;justify-content: center;align-items: center;background: #01ABE5;color: #fff;font-size: 0.26rem;}

/* 新闻详情的标题和描述 */

.newDetailTopBox{width: 100%;padding-bottom: 0.6rem;}
.newDetailTopBox .d1box{text-align: center;font-size: 0.3rem;font-weight: 700;color: #01ABE5;padding-bottom: 0.5rem;}
.newDetailTopBox .d2box{width: 100%;display: flex;justify-content: space-between;align-items: center;}
.newDetailTopBox .d2box p{font-size: 0.26rem;color: #666;}

/* wap端黄老师头部的导航 */

body{padding-top: 60px;box-sizing: border-box;}
.chaoCommMenu{position: fixed;z-index: 9988770;left: 0;right: 0;top: 0;height: 60px;background: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);display: flex;align-items: center;justify-content: center;}
.chaoCommMenu2{width: 100%;height: 100%;display: flex;justify-content: space-between;align-items: center;margin: 0 auto;}
.chaoCommMenu2 a:nth-child(1){overflow: hidden;height: 0.85rem;padding-left: 5%;}
.chaoCommMenu2 a:nth-child(1) img{width: 2.4rem;height: 0.85rem;}
.chaoCommMenu2 a:nth-child(2){color: #333;font-size: 0.5rem;height: 100%;border: 0px solid red;display: inline-flex;align-items: center;padding-right: 5%;padding-left: 5%;font-weight: 700;}

/* wap端黄老师遮罩的导航 */

.chaoMaskContainer{position: fixed;z-index: 9988771;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100vh;background: #fff;display: flex;flex-direction: column;transition: all 0.5s;transform: translateX(-100%);}
.chaoMaskContainer.on{transform: translateX(0);}
.chaoMaskContainer *{box-sizing: border-box;font-size: 0.26rem;color: #333;}
.chaoMaskContainer .banxinMask{width: 90%;margin: 0 auto;}
.chaoMaskLogo2{width: 100%;display: flex;justify-content: space-between;align-items: center;padding: 0.3rem 0;}
.chaoMaskLogo2 a{border: 0px solid red;}
.chaoMaskLogo2 a:nth-child(1){position: relative;overflow: hidden;height: 0.85rem;}
.chaoMaskLogo2 a:nth-child(1) img{width: 2.4rem;height: 0.85rem;}
.chaoMaskLogo2 a:nth-child(2){width: 30%;height: 0.85rem;display: inline-flex;justify-content: flex-end;align-items: center;font-size: 0.5rem;color: #999;transition: color 0.3s;}
.chaoMaskLogo2 a:nth-child(2):active{color: #01ABE5;}
.chaoMaskMenu{border-top: 1px solid #eee;overflow-x: hidden;overflow-y: auto;flex: 1;}
.chaoMaskMenu ul{display: block;width: 100%;}
.chaoMaskMenu ul li{display: block;width: 100%;border-bottom: 1px dashed #eee;}
.chaoMaskMenu ul li:last-child{border-bottom: none;}
.chaoMaskMenu ul li .oneDiv{display: flex;width: 100%;padding: 0 5%;justify-content: space-between;align-items: center;}
.chaoMaskMenu ul li .oneDiv a{padding: 0.2rem 0;width: 50%;font-size: 0.3rem;}
.chaoMaskMenu ul li .oneDiv a:nth-child(2){display: inline-flex;justify-content: flex-end;align-items: center;}
.chaoMaskMenu ul li .oneDiv a:nth-child(2) span{font-size: 0.3rem;color: #999;transform: rotate(270deg);transition: all 0.3s;}
.chaoMaskMenu ul li .subDiv{width: 100%;display: none;}
.chaoMaskMenu ul li .subDiv a{width: 90%;margin: 0 auto;display: block;padding: 0.2rem 5%;border-bottom: 1px solid #eee;font-size: 0.28rem;color: #01ABE5;}
.chaoMaskMenu ul li .subDiv a:hover{background: #f5f5f5;}
.chaoMaskMenu ul li .subDiv a:last-child{border-bottom: none;}
.chaoMaskMenu ul li.level1{transition: background 0.3s;}
.chaoMaskMenu ul li.level1 a{transition: color 0.3s;}
.chaoMaskMenu ul li.level1:hover{background: #01ABE5;}
.chaoMaskMenu ul li.level1:hover a{color: #fff !important;}
.chaoMaskMenu ul li.level1 .oneDiv a:nth-child(1){width: 100%;}
.chaoMaskMenu ul li.level1 .oneDiv a:nth-child(2){display: none;}
.chaoMaskMenu ul li.level2.on .oneDiv{background: #01ABE5;color: #fff;}
.chaoMaskMenu ul li.level2.on .oneDiv a:nth-child(1){color: #fff;}
.chaoMaskMenu ul li.level2.on .oneDiv a:nth-child(2) span{color: #fff;transform: rotate(90deg);}

/* 详情页面的推荐的相关资讯 */

.relevantNews{padding-bottom: 0.6rem;}
.relevantNews .relevantTitle{font-size: 0.3rem;color: #01ABE5;font-weight: 700;text-align: center;padding-bottom: 0.6rem;}
.relevantNews .relevantList{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.relevantNews .relevantList .itembox{width: 47%;margin-top: 0.5rem;}
.relevantNews .relevantList .itembox:nth-child(1){margin-top: 0;}
.relevantNews .relevantList .itembox:nth-child(2){margin-top: 0;}
.relevantNews .relevantList .itembox .d1box{height: 2rem;overflow: hidden;}
.relevantNews .relevantList .itembox .d2box .d1{font-size: 0.28rem;color: #333;padding: 0.1rem 0;}
.relevantNews .relevantList .itembox .d2box .d2{font-size: 0.24rem;color: #666;display: none;}
.relevantNews .relevantList .itembox .d2box .d3{width: 100%;display: flex;justify-content: space-between;align-items: center;}
.relevantNews .relevantList .itembox .d2box .d3 p{font-size: 0.24rem;color: #666;}