*{box-sizing:border-box}
body{color:#333;font-size:14px;margin:0;font-family:"Microsoft YaHei"}
a{text-decoration:none;color:inherit}
a:hover{color:#3540a5}
a img{border:none}
h2{font-size:22px}
h3{font-size:18px}
.container{margin:0 auto;padding-left:15px;padding-right:15px}
.row{display:flex;flex-wrap:wrap}
.panel{border-radius:5px;box-shadow:0 0 25px rgba(0,0,0,0.16);background-color:#ffffff;border:1px solid #cccccc}
.header{box-shadow:0 3px 5px 0 rgba(51,51,51,.5);border-top:5px solid #101519;padding-top:27px;padding-bottom:16px;font-size:15px;z-index:100}
.header .main-col{flex:1;padding-left:26px}
.header .main-col .top{display:flex;justify-content:space-between;border-bottom:1px solid #c5c6c7;line-height:1em;padding:0 5px 12px 10px}
.header .main-col .top .right{display:flex;align-items:center;margin-top:-5px}
.header .main-col .top .right img{margin-right:5px}
.header .main-col .bottom{display:flex;justify-content:space-between;padding:10px 5px 0 10px}
.header .main-col .bottom .menus{display:flex}
.header .main-col .bottom .menus a{margin-right:32px}
.header .mobile-row{margin:0 -15px;display: none}
.header .mobile-row .col{padding:15px;width: 50%}
.header .mobile-row .col .item{display: block;background-color: #bbc3dc;border-radius:5px;padding:15px;font-weight: bold;height: 100%;font-size: 18px;text-align: right}
.index-page .first-screen-block{margin-top:70px;margin-bottom:63px}
.index-page .first-screen-block .left-col{width:50%;font-size:15px}
.index-page .first-screen-block .left-col h2{color:#3540a5;font-weight:bold}
.index-page .first-screen-block .left-col h3{font-weight:bold;margin-top:26px;margin-bottom:24px}
.index-page .first-screen-block .left-col .desc{line-height:24px;color:#747474;margin-bottom:22px}
.index-page .first-screen-block .left-col .labels{display:flex;flex-wrap:wrap}
.index-page .first-screen-block .left-col .labels .label{color:#3540a5;background-color:#e5e2fb;padding:10px 20px;border-radius:5px;margin-right:20px;margin-bottom:20px}
.index-page .first-screen-block .right-col{width:50%}
.index-page .first-screen-block .right-col img{width:100%}
.index-page .theme-panel-block{margin-bottom:36px;line-height:36px;padding:57px 54px 54px 84px}
.index-page .theme-panel-block .row{align-items:center}
.index-page .theme-panel-block .row .left-col{width:300px}
.index-page .theme-panel-block .row .left-col h3{color:#3540a5;margin:0}
.index-page .theme-panel-block .row .right-col{width:calc(100% - 300px)}
@media (min-width:1504px){.container{width:1474px}
    .index-page .first-screen-block .left-col{width:44.6%}
    .index-page .first-screen-block .right-col{width:55.4%;padding-right:20px;padding-top:14px}
}@media (max-width:1504px){.header .main-col .bottom .right-menus{display:none}
}@media (max-width:1300px){.header{padding:16px 0}
    .header .logo img{height:38px}
    .header .main-col{display: flex;align-items: center}
    .header .main-col .top{border-bottom:none;line-height: 1.5em;padding-bottom: 0;width: 100%}
    .header .main-col .bottom{display:none}
    .header .mobile-row{display: flex}
    .index-page .first-screen-block{margin-top:30px}
}@media (min-width:1024px){.index-page .first-screen-block .left-col{padding-left:27px;padding-right:14px}
    .index-page .theme-panel-block .row .left-col h3{margin:-52px 0 0 0}
}@media (max-width:1024px){.index-page .first-screen-block{margin-bottom:0}
    .index-page .first-screen-block .left-col{width:100%}
    .index-page .first-screen-block .right-col{width:100%}
    .index-page .theme-panel-block{padding:30px}
    .index-page .theme-panel-block .row{flex-direction:column}
    .index-page .theme-panel-block .row .left-col{width:100%;text-align:center;margin-bottom:20px}
    .index-page .theme-panel-block .row .right-col{width:100%}
}@media (max-width:750px){
    .header .main-col .top .right{display: none}
}@media (max-width:500px){.index-page .first-screen-block .left-col .labels .label{margin-right:10px;margin-bottom:10px;padding:10px 15px;font-size:12px}
}