﻿*{padding: 0;margin: 0;}
li{list-style-type: none;}
@font-face {
    font-family: alifont;//自定义字体名称
    src: url(./ali.ttf)
}
body,div,span{font-family: "alifont";}
a {outline: none;	/* 去除旧版浏览器的点击后的外虚线框 */color: #000000;}
a:hover {text-decoration: none;}
a:visited{text-decoration: none;}
a:focus{text-decoration: none}

.m-left .menu-1 li{position: relative;}
/*子页面左侧导航选中标识*/
.active-list{
    content: "";
    width: 5px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
    background-color: #d7bb95;
}

.m-right .content{padding: 25px 90px;}
.m-right .content h2.title1{font-size: 18px; color: #054994;font-weight: bold;margin-left: -22px;line-height: 38px;}
.m-right .content .title2{font-size: 15px;display: inline-block;margin-top: 10px;}
.m-right .content .title3{font-size: 15px;color: #0d4f97;font-weight: bold;}
.m-right .content p{font-size: 14px;margin: 20px 0; font-family: "alifont"; color: #808080;}
.box-img{width: 80%; text-align: center;margin: 20px auto;}
/*子页面左侧导航*/
#middle .menu-1>li>a{text-align: center;display: block;padding: 15px 10px;}
#middle .m-left a:hover {background-color: #e7e7e7;}
#middle .m1>li>a{text-align: left;display: block;padding: 20px 60px;font-size: 16px;}
#middle .m1>li{position: relative;font-weight: bold;}
#middle .m1>li .iconfont{position: absolute; right: 10px;}
#middle .m2>li>a{display: block;padding: 20px 10px 20px 75px;position: relative;border-bottom: 1px solid #f2f2f2;font-weight: normal;}
.img-name{text-align: center;}

/*物业文字图片左右排版开始*/
.img-list{
    width: 100%;
    text-align: center;
}
.m-b .content-indent{
    padding-left: 20px;
}
.m-b .list-1>li{
    list-style-type: circle;
    color: #808080;

}
.m-b .list-2,.m-b .list-1{
    padding-left: 20px;
}
.m-b .list-2>li{
    list-style-type: square;
    color: #808080;
    margin-top: 10px;
}
.m-b .title5{
    color: #054994;
    font-size: 15px;
}
.div-list .item-font{
    color: #808080;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.div-list .li01, .li02{
    position: relative;
    height: 310px;
}
.div-list .li01{
    padding: 20px 58% 20px 60px;
    background-color: #f4f5f7;
    margin: 0 auto;
}
.li01 .img-div{
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 310px;
}
.li01 .img-div>img{width: 100%;height: 100%;}

.div-list .li02{
    padding: 20px 60px 20px 58%;
    background-color: #fff;
    /*max-width: 1240px;*/
    margin: 0 auto;
}
.li02 .img-div{
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 310px;
}
.li02 .img-div>img{width: 100%;height: 100%;}
/*物业文字图片左右排版结束*/

/*供应链、小贷文字图片左右排版开始*/
.m-b .list-2>p{margin-top: 6px;}
.item-box{max-width: 1240px;height: 359px;margin: 0 auto;position: relative;}
.item-box::after{content: "";clear: both;display: inline-block;}
.item-box .item-font{width: 50%; position: absolute;top: 50%; transform: translateY(-50%);padding: 0 10px;}
.item-box .img-div{position: absolute;right: 0;top: 0;width: 50%;height: 359px;}
.item-box .img-div>img{width: 100%;height: 100%;}
.list .li1, .li2{height: 359px;max-width: 1240px;margin: 0 auto;}

.li1{background-color: #f4f5f7;}
.li1 .item-font{left: 0;line-height: 25px;text-align: right;}

.li2 .item-font{right: 0;line-height: 25px;}
.li2 .img-div{left: 0;}
/*供应链、小贷文字图片左右排版结束*/

.breadcrumb{position: relative;}
.breadcrumb-nav{position: absolute; right: 15px;}

@media screen and (max-width: 769px) {
    .m-right .content{padding: 25px;}
    .box-img{width: 100%;}

    /*手机端左侧导航栏移动到上方*/
    #middle .m-left {width: 100%;}
    #middle .menu-1 > li {width: 25%;float: left;border-right: 1px solid #c9c9c9;}
    #middle .menu-1 > li:last-child {border: none;}

    #middle .m-right {width: 100%;}

    .active-list{
        width: 0;
    }
}
