body{
    margin:0;
    padding:0;
}
.header{
    border-bottom:1px solid #ecedee;
    height: 55px;
    background-color: #fff;
    margin-bottom: 23px;
}
.header-title{
    display: inline-block;
    margin-left: 30px;
    font-size:20px;
    line-height: 56px;
}
.header-qh{
    /* display: inline-block; */
    height: 50px;
    margin-left: 10px;
    font: 18px/50px "Microsoft Yahei"!important;
    color: #696969!important;
    font-weight: 600!important;
    background: url(../img/qiehuan.png) no-repeat;
    background-size: contain;
    padding-left: 30px;
}
.conter{
    height: 565px;
    background-color: #f4f7fb;
    padding:0 25px;
}
.conter1{
    position: relative;
    background-color:#288de2; 
}
.conter1:after{
    content: "";
    position: absolute;
    top:100%;
    left: 45%;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #288de2;

}
.conter1-top{
    height: 75px;
    margin-left:15px;
    margin-right:15px;
    padding-top: 25px;
    /* border-bottom: 1px solid #ccc; */
    border-bottom: 1px solid rgba(255,255,255,0.3);
    position: relative;
}
.conter1-bottom{
    height: 40px;
    padding-left:15px;
    line-height: 40px;
    color: #fff;
    font-size: 14px;
}
.conter1-title{
    color: #fff;
    font-size: 20px;
}
.conter1-title1{
    color: #fff;
    font-size: 12px;
    padding-top:10px;
}
.conter2{
    position: relative;
    background-color:#fcb347; 
}
.conter2:after{
    content: "";
    position: absolute;
    top:100%;
    left: 45%;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fcb347;

}
.conter3{
    position: relative;
    background-color:#44ba9b;
    margin-right:0 !important;
}
.conter3:after{
    content: "";
    position: absolute;
    top:100%;
    left: 45%;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #44ba9b;
}
.conter-1{
    float: left;
    width: calc(100% / 3 - 15px);
    height: 145px;
    margin-right:20px;
}

.conter-bottom{
    width: 925px;
    height: 369px;
    border: 1px solid #ddd;
    border-radius: 3px;
    background-color:#fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) 
}
.conter-title{
    margin-bottom:5px;
}
.conter-btn{
    float: right;
    width: 70px;
    height: 30px;
    border-radius: 3px;
    margin-top: -20px;
    background-color: #ddf0fc;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
    font-size: 12px;
}
.bottom-title{
    height: 32px;
    color: #666;
    border-bottom: 1px solid #ddd;
    line-height: 32px;
    padding-left: 15px;
    font-size: 14px;
}
.bottom-title i{
    height: 25px;
    width: 35px;
    display: block;
    float: left;
    margin-top: 3px;
    background: url(../img/icon.png) no-repeat 1px -96px;
}
.bottom-left{
    float: left;
    width: 338px;
    height: 337px;
    border-right: 1px solid #ddd;
}
.bottom-left li{
    height: 40px;
    border-bottom: 1px solid #eaeaea;
    padding:13px 18px 15px 25px;
}
.bottom-title1{
    display:inline-block;
    width: 92%;
    font-size: 18px;
    font-weight: bold;
    padding-left: 25px;
    line-height: 60px;
    border-bottom: 1px solid #eaeaea;
}
.bottom-right{
    width: 23%;
    display: inline-block;
    padding:16px;
}
.bottom-right1{
    display: inline-block;
    width: 100%;
    border:1px solid #ddd;
    margin-bottom:25px;
    height: 80px;
}
.bottom-right2{
    background:url(../img/dp.png) 130px 14px no-repeat;
}
.bottom-right3{
    background:url(../img/qjph.png) 95px 14px no-repeat;
}
.bottom-right4{
    background:url(../img/bbph.png) 110px 26px no-repeat;
}
.bottom-df{
    height: 60px;
    line-height: 60px;
    padding-left: 15px;
}
.bottom-df1{
    background-color: #fcca7e;
    line-height: 20px;
    color: #fff;
    padding-left: 15px;
    opacity: 0.8;
}
.bottom-df2{
    background-color: #7cceba;
    line-height: 25px;
    color: #fff;
    padding-left: 15px;
    opacity: 0.8;
}
.bottom-df3{
    background-color: #67afea;
    line-height: 25px;
    color: #fff;
    padding-left: 15px;
    opacity: 0.8;
}
.conter-icon{
    height: 80px;
    overflow: hidden;
    position: absolute;
    top: 20px;
    right: 22px;
    font-size: 77px !important;
}
.conter-icon1{
    height: 80px;
    overflow: hidden;
    position: absolute;
    top: 20px;
    right: 22px;
    font-size: 95px !important;
}
.conter-icon2{
    height: 80px;
    overflow: hidden;
    position: absolute;
    top: 20px;
    right: 22px;
    font-size: 85px !important;
}
.icon-zhangjie:before{
    color: #6dafe7;
}
.icon-zhuanxiang:before{
    color: #fccD80;
}
.icon-diannao:before{
    color: #7fcdba;
}