* {
    margin: 0;
    padding: 0;
}

body {
    font: 16px/1.8 "Microsoft Yahei", verdana;
}

.layui-layer{
    overflow: hidden;
}
.headerpage{
    height: 65px;
}
.footerpage{
    height: 300px;
}

/* 自定义皮肤 */
.feedback{
    border-radius: 12px!important;
}
.feedback .layui-layer-title{
    height: 24px!important;
}

.min-navigation .min-menu li {
    list-style: none;
    float: left;
    height: 100%;
    display: flex;
    align-items: center;
    width: 100px;
}

.min-navigation .min-menu li a {
    display: flex;
    width: 100%;
    height: 100%;
    color: #333;
    justify-content: center;
    align-items: center;
}

.min-navigation .min-menu li a:hover {
    text-decoration: blink;
}

.min-panel{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}
.min-main{
    width: 1366px;
    height: 960px;
    margin: 0 auto;
    overflow: hidden;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    position: relative;
}


/* 旧底部 start */
/*.min-footer{*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    width: 1366px;*/
/*    margin: 0 auto;*/
/*    overflow: hidden;*/
/*}*/
/*.min-footer .footer-info{*/
/*    display: flex;*/
/*    justify-content: space-around;*/
/*    align-items: center;*/
/*    width: 100%;*/
/*    padding: 40px;*/
/*}*/
/*.min-footer .QR-cord-info{*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*}*/
/*.min-footer .QR-cord-info span{*/
/*    display: inline-block;*/
/*    width: 100px;*/
/*    height: 135px;*/
/*    margin: 0px 15px;*/
/*    padding-top: 105px;*/
/*    text-align: center;*/
/*    font-size: 14px;*/
/*    font-family: Microsoft YaHei;*/
/*    font-weight: 400;*/
/*    color: #4D4D4D;*/
/*}*/
/*.min-footer .QR-cord-info .cord-1{*/
/*    background: url(../../img/qrcode1.jpg) 0 0 no-repeat;*/
/*    background-size: 100%;*/
/*}*/
/*.min-footer .QR-cord-info .cord-2{*/
/*    background: url(../../img/qrcode2.png) 0 0 no-repeat;*/
/*    background-size: 100%;*/
/*}*/
/*.min-footer .QR-cord-info .cord-3{*/
/*    background: url(../../img/qrcode2.png) 0 0 no-repeat;*/
/*    background-size: 100%;*/
/*}*/
/*.min-footer .address-info{*/
/*    display: flex;*/
/*    align-items: center;*/
/*    flex-direction: column;*/
/*}*/
/*.min-footer .address-info div{*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    padding: 15px 0px;*/
/*}*/
/*.min-footer .address-info button{*/
/*    margin: 0px 15px;*/
/*}*/
/*.min-footer .address-info div .min-footer-tel{*/
/*    font-size: 24px;*/
/*    font-family: Microsoft YaHei;*/
/*    font-weight: 400;*/
/*    color: #57C6F9;*/
/*}*/

/*.min-footer .copyright-info{*/
/*    font-size: 14px;*/
/*}*/
/* 旧底部 end */

/* 新底部 start */
.min-footer{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 1366px;
    margin: 0 auto;
    overflow: hidden;
    height: 100%;
}
.min-footer .left-content{
    /*width: 25%;*/
    height: 100%;
}
.min-footer .center-content{
    /*width: 50%;*/
    width: calc(1366px - 400px);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    font-size: 14px;
    align-items: center;
}
.min-footer .right-content{
    /*width: 25%;*/
    height: 100%;
    display: flex;
    align-items: center;
    background-color: #e6e6e6;
}
.min-footer .left-content span{
    display: inline-block;
    width: 200px;
    margin: 0 15px;
    padding-top: 55px;
    text-align: center;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #4D4D4D;
    height: 100%;
    background-color: #E6E6E6;
}
.min-footer .left-content .cord-1 img{
    /*background: url(../../img/qrcode1.jpg) 0 0 no-repeat;*/
    /*background-size: 100%;*/
    width: 140px;
}
.min-footer .center-content p{
    margin: 0;
}
.min-footer .center-content .center-content-btn{
    display: flex;
    flex-direction: row;
    padding: 50px 25px 5px;
}

.min-footer .center-content .center-content-btn button{
    margin-right: 20px;
}
.min-footer .center-content .center-content-addr{
    padding: 25px;
    font-size: 16px;
    color: #4c4c4c;
}
.min-footer .center-content .center-content-copyright{
    color: #808080;
}


/*.min-footer .right-content .min-footer-tel{*/
/*    margin-top: 55px;*/
/*    display: block;*/
/*    background-color: #E7F7FE;*/
/*    color: #57C6F9;*/
/*    width: 80%;*/
/*    height: 80px;*/
/*    font-size: 22px;*/
/*    font-weight: bolder;*/
/*    font-style: italic;*/
/*    border-radius: 6px;*/
/*    text-align: center;*/
/*    line-height: 80px;*/
/*}*/
.min-footer .right-content .min-footer-tel{
    background-color: #e6e6e6;
    width: 200px;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: left;
    padding: 50px 30px;
    color: #4c4c4c;
}




/* 导航 */
.min-navigation{
    /*position: absolute;*/
    width: 100%;
    height: 65px;
    transition: all 1s;
    background: #F5F5F5;
}
.min-navigation .min-navigation-bar{
    /*width: 1180px;*/
    margin: 0 auto;
    /*display: flex;*/
    /*align-items: center;*/
    /*justify-content: space-between;*/
    height: 100%;

    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.min-navigation .min-logo{
    cursor: pointer;
    width: 145px;
}
.min-navigation .min-navigation-bar-btn{
    height: 100%;
}
.min-navigation .min-navigation-bar-btn .min-menu{
    list-style: none;
    margin: 0;
    padding: 0;
    height: 100%;
    display: inline-block;
}

.min-navigation .min-navigation-bar-btn .min-menu li:hover{
    background-color: #dbdbdb;
    cursor: pointer;
}

.min-navigation .min-navigation-bar-btn .min-user-head{
    display: inline-block;
    width: 70px;
    height: 100%;
    vertical-align: top;
    align-items: center;
    padding: 15px;
}
.min-navigation .min-navigation-bar-btn .min-user-head img{
    width: 100%;
    border-radius: 50%;
    border: 1px solid #e6e6e6;
    cursor: pointer;
}
/* 使用案例 */
.min-case{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 1366px;
    margin: 0 auto;
    overflow: hidden;
    padding: 50px;
}
.min-case .min-case-title{
    font-size: 30px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
}
.min-case .min-case-img{
    margin: 50px 0px 0px 0px;
}
.min-case .min-case-img ul{
    margin: 0px;
    padding: 0px;
}
.min-case .min-case-img ul li{
    list-style: none;
    float: left;
    margin: 0px 15px;
}
.min-case .min-case-img ul li img{
    width: 200px;
    height: 120px;
    border-radius: 6px;
}