@charset "utf-8";


.header-area {
    padding: 30px 0 0 0;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
}

    .header-area:after {
        position: absolute;
        background-color:rgba(255,255,255,1.00);
        width: 100%;
        height: 100%;
        content: "";
        left: 0;
        top: 0;
        z-index: -1;
    }

    .header-area h2 {
        font-size: 40px;
        line-height: 75px;
        font-weight: 800;
        margin-bottom: 25px;
        color: #FFFFFF;
        text-align:center
    }

 

.header-bg {
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}

#particles-js {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: transparent;
    background-image: url(style.css);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    left: 0;
    top: 0;
}


.logo-sch{width: 1200px; min-width: 1200px; margin: 0 auto; position:inherit;}
*{padding: 0;margin: 0;}
body{width: 100%;height: 100%;background: #fff;font-size: 14px;font-family: 'Microsoft Yahei', 'PingFangSC', sans-serif;color: #333;}
a,a:hover{text-decoration: none;color: inherit;transition: all .2s ease;}
.items{padding: 60px 0;overflow: hidden;}
.center{width: 1200px;margin: 0 auto;position: relative;min-width: 1200px;}
.main-title{font-size: 30px;text-align: center;margin-bottom: 50px;}
.items-solution .flex-row{justify-content: space-between;display: flex;flex-direction: row;align-items: center;}
.sch{position: relative; width:1200px; margin: 0 auto; }
.items-solution .item{position: relative;width: 276px;height: 183px;box-shadow: 5px 10px 15px 2px rgba(115, 115, 115, 0.15); margin-bottom: 35px;}
.items-solution .item-title{text-align: center;height: 183px;line-height: 183px;background-color: #293949;font-size: 18px;color: #fff;margin-bottom: 40px;}
.transition{-moz-transition: all .3s ease;-webkit-transition: all .3s ease;transition: all .3s ease;}

.wode{text-decoration: none;background-color:#fff; font-size: 25px;padding-top:55px; text-align: center;height: 183px;}
.wode:hover{text-decoration: none; background-color:#EDDE04;font-size:29px; color:white; } 

.wode01{text-decoration: none;background-color:#fff; font-size: 25px;padding-top:55px; text-align: center;height: 183px;}
.wode01:hover{text-decoration: none; background-color:#0753ED; font-size:29px; color:white; } 

.wode02{text-decoration: none;background-color:#fff; font-size: 25px;padding-top:55px; text-align: center;height: 183px;}
.wode02:hover{text-decoration: none; background-color:#DF06FC; font-size:29px; color:white; } 

.wode03{text-decoration: none;background-color:#fff; font-size: 25px;padding-top:55px; text-align: center;height: 183px;}
.wode03:hover{text-decoration: none; background-color:#FB0303; font-size:29px; color:white; } 

.wode04{text-decoration: none;background-color:#fff; font-size: 25px;padding-top:55px; text-align: center;height: 183px;}
.wode04:hover{text-decoration: none; background-color:#5EB850; font-size:29px; color:white; } 

.wode05{text-decoration: none;background-color:#fff; font-size: 25px;padding-top:55px; text-align: center;height: 183px;}
.wode05:hover{text-decoration: none; background-color:#FF9C0F; font-size:29px; color:white; } 

.wode06{text-decoration: none;background-color:#fff; font-size: 25px;padding-top:55px; text-align: center;height: 183px;}
.wode06:hover{text-decoration: none; background-color:#A67E4D; font-size:29px; color:white; } 

.wode07{text-decoration: none;background-color:#fff; font-size: 25px;padding-top:55px; text-align: center;height: 183px;}
.wode07:hover{text-decoration: none; background-color:#6A83F9; font-size:29px; color:white; } 

.wode08{text-decoration: none;background-color:#fff; font-size: 25px;padding-top:55px; text-align: center;height: 183px;}
.wode08:hover{text-decoration: none; background-color:#FB6384; font-size:29px; color:white; } 

.wode09{text-decoration: none;background-color:#fff; font-size: 25px;padding-top:55px; text-align: center;height: 183px;}
.wode09:hover{text-decoration: none; background-color:#1086B8; font-size:29px; color:white; } 

.wode10{text-decoration: none;background-color:#fff; font-size: 25px;padding-top:55px; text-align: center;height: 183px;}
.wode10:hover{text-decoration: none; background-color:#7B0507; font-size:29px; color:white; } 

.wode11{text-decoration: none;background-color:#fff; font-size: 25px;padding-top:55px; text-align: center;height: 183px;}
.wode11:hover{text-decoration: none; background-color:#EE63F1; font-size:29px; color:white; }