/*通用类名*/
body{background: #f6f1eb;}
.w100{width: 100%}
.text-center{text-align: center}
.lay-icon{font-size: 30px ;color: #e95f16;}
.vertical-center{display: flex;align-items:center;}
.fs10px{font-size: 10px}
.maxw100{max-width: 100%;}
#LRdiv0{display: none!important}
.half-black{color: #555}
.verticalAlignment{vertical-align: middle}
.deleteLine{text-decoration:line-through}
.fontWeight{font-weight: bold}
.opacity_forwards{opacity: 0;animation-fill-mode: forwards}
.Nselect_color{color:#787878}
.select_color{color: #ea5e00!important}
/*定义侧边显示和隐藏效果*/
.dispaly-hiding{overflow-y: hidden}
.sidebar-btn{transition: all 0.5s ease;left: 0;}
.dispaly-hiding .sidebar{text-align: left;left: 0!important;}
.dispaly-hiding .sidebar-btn{left:100%!important;position: realtive;z-index:30;background-color:#f6f1eb;padding: 10px 0}
.mask{visibility:hidden;position: fixed;top: 0;left: 0;right: 0;bottom: 0;background:gray;opacity: 0;transition: all 0.5s ease;}
.dispaly-hiding .mask{visibility: visible;z-index: 10;opacity: 0.8;}
/* 修改layui*/
.layui-btn-danger{color:white!important;} /* 按钮字体颜色 */
.layui-form-select dl dd.layui-this{background-color:#ea5e00}
.layui-btn-primary:hover{border-color:#ea5e00!important}  /* 按钮hover边框颜色 */
.layui-form-select dl dd{border:solid 1px #e2e2e2}   /* 修改下拉框 */
.layui-form-select dl{padding: 0!important} /* 去掉下拉框上下距离*/
.layui-nav .layui-nav-item a{padding: 0 15px;}  /*导航菜单间距变小*/

/*数字型导航按钮*/
.swiper-pagination .swiper-pagination-bullet{background:rgba(0,0,0,0.2);}
.swiper-pagination .swiper-pagination-bullet-active{background: #ea5e00;}
.guest .swiper-slide{text-align:center;font-size:12px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.guest .swiper-pagination-bullet{width:18px;height:18px;text-align:center;line-height:18px;font-size:12px;color:#000;opacity:1;background:rgba(255,255,255,0.3);}
.guest .swiper-pagination{text-align: right}
.guest .swiper-pagination-bullet-active{color:#fff;background:#ea5e00;}
.banner .swiper-pagination-bullet,.activity .swiper-pagination-bullet{width:8px;height:8px;opacity:1;}
.banner .swiper-pagination-bullet-active,.activity .swiper-pagination-bullet-active{width:20px;border-radius:20px;}

/*导航自定义*/
.article-nav{display: inline-block;margin-bottom: 5px}
.layui-nav{background-color: transparent;padding: 0}
.layui-nav-child{background-color:#f6f1eb;border: none;}
.layui-nav .layui-nav-child a{color: #ea5e00}
.layui-nav .layui-nav-child dd.layui-this a, .layui-nav-child dd.layui-this{color: #333;background-color:rgba(255,255,255,0.1) }
.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after{background-color: pink;display: none}  /*导航下方蓝条*/
.layui-nav .layui-nav-more,.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after{display: none}/*去掉小三角*/

/*PC样式*/
.pad10{padding: 10px}
.pad10-top{padding-top: 10px}
.pad10-top-bottom{padding: 20px 0 15px 0}
.pad10-left-right{padding: 0 10px}
.margin10-bottom{margin-bottom: 10px}
.sidebar{text-align: right}
footer{background-color:#f6f1eb;}
.footer-text{font-size: 10px;color: #504b47;line-height: 20px;font-family: Microsoft YaHei}
.lay-add{box-shadow: #ccc 1px 1px 8px;}
.vcr-text{padding: 2px 10px}
.boxshadow{background: white;border-radius: 3px;padding: 4px;box-shadow:5px 5px 10px -5px #999;}
.right-h4{font-weight: bold;font-size: 16px}
#pages a{margin-bottom: 5px}   /*设置分页时的行距*/
/* 顶部关于我们 */
.gfwxslide{position: relative}
.imgidwx{position: absolute;top: 23px;left:-35px;z-index: 10;width: 130px;display: none}
/* 团队轮播 */
.team {width: 100%;background-size: 100% 100%;}
.team .swiper-container {width: 100%;padding:10px 0;}
.team .swiper-slide {background-position: center;background-size: 130% 120%;width: 30%;}
.team .swiper-slide img {display: block;width: 100%;}
.team .swiper-pagination{color: #c2c2c2;}
/*评价form样式*/
.evaluate .layui-form-label{padding: 0}
.evaluate .layui-form-item:first-child{background: antiquewhite}
.evaluate .layui-form-item p{line-height: 38px;color: gray;font-size: 12px}
/*图片里的标题样式*/
.picture-title{position: absolute;bottom: 0;left: 0;right: 0;z-index: 5}
.picture-title-bottom{padding: 0 5px;bottom: 5px}
.picture-title p{background: rgba(0,0,0,0.3);height: 35px;line-height: 35px;padding: 0 15px;color: white!important;font-size: 14px;text-align: left}
.layui-col-sm9 .picture-title p:after{content:"查看详情";float: right;font-size: 12px;opacity: 0.8;}
.list-form li:last-child{margin-bottom: 0!important}
.list-text ul li p,.list-text ul li h4{color: #555;text-align: left}

/*定义手机端样式*/
@media screen and (max-width: 758px) {
    body{padding-top: 66px!important;}
    /*定义侧边栏的样式*/
    .sidebar{padding-bottom: 100px;left: -80%;position: fixed;top: 0;bottom: 0;width:80%;background-color:#f6f1eb;transition: all 0.5s ease;z-index: 20;overflow-y: auto;overflow-x: hidden}
    /*自定义手机端导航样式*/
    .layui-container[pad15]{padding: 0 5px;}
    .layui-nav{padding: 0}
    .layui-nav .layui-nav-item{display: block;padding-top:15px;line-height: 30px}
    .layui-nav-child{display: block;position: relative;top: 0;left: 0;border: none;background-color: transparent;padding:0 30px;min-width: auto;box-shadow:none}
    .layui-nav .layui-nav-child dd.layui-this a, .layui-nav-child dd.layui-this{background-color: transparent}
    .layui-anim-upbit{animation-name:auto}/*去掉弹出动画*/
    .layui-nav .layui-nav-child a{background-color: rgba(255,255,255,0.1)}
    .sidebar .layui-nav dd a{padding: 0 10px}
    .team .swiper-slide {width: 70%;}
    /*自定义手机端导航样式完毕*/
    .title-pic{height: 55px}
    .topnav{position: fixed;top:0;left:0;right:0;z-index: 10;height: 60px;background-color: #f6f1eb!important;display: flex;align-items: center;}

}
/* 定义除手机端的样式 */
@media screen and (min-width: 758px) {/*>=768的设备 - 小屏幕优先*/
    .line-h20{line-height: 20px!important}
    .pc-text-center{text-align: center!important}
    .layui-nav-child{top:60px}
    .layui-nav-child dd a{border-bottom: solid 1px rgba(255,255,255,0.5)}
    .layui-nav-child dd:last-child a{border:none}
}


