a{
    text-decoration:none;
    -webkit-tap-highlight-color:transparent;
}
li{
    list-style: none;
}
body,html{
    font-family:"Microsoft YaHei";
    background: #f6f7fb;
}
.container{
    width:100%;
    margin:0 auto;
    margin:0;
    padding:0;

}
.cont{
    width:1211px;
    margin:0 auto;
}
/*第一行*/
.row1{
    width:1211px;
    height:200px;
    margin:20px 0;
}
.head{
    width:390px;
    height:200px;
    background: #fff;
    border-radius: 10px 10px 10px 10px;
    float:left;
    margin-right:15px;
    text-align: center;
}
.head img{
    width:80px;
    height:80px;
    border-radius: 60px 60px 60px 60px;
    margin: 22px auto;
}
.head h3{
    font-size:18px;
    margin-bottom: 15px;
}
.head p{
    font-size:15px;
    color:#8b9096;
}
/* 数据 */
.data{
    background:#fff;
    border-radius: 10px;
    height:200px;
    padding:0 15px;
    width:776px;
    float:left;
}
.data ul li{
    width:238px;
    height:75px;
    color:#fff;
    font-size: 12px;
    margin:15px 15px 15px 0;
    border-radius:10px;
    float: left;
}
.data ul li p{
    margin:13px 0 0 14px;
}
.data ul li:first-child{
    background:url(../../images/home/data1.png);
}
.data ul li:nth-child(2){
    background:url(../../images/home/data2.png);
}
.data ul li:last-child{
    background:url(../../images/home/data3.png);
    margin-right: 0;
}
.data>p{
    clear: both;
    background:#f4f9ff;
    line-height:75px;
    text-align: center;
    color:#3c4650;
    font-size: 14px;
    border-radius: 10px;
}
.data>p span{
    color:#ff7f71;
    margin:0 6px;
}
.data>p a{
    color:#8b9096;
    margin-left:34px;
    background:url(../../images/home/arrows.png)no-repeat center right;
    padding-right:18px;
    font-size: 12px;
}
/*第二排*/
.row2{
    width:1211px;
    height:380px;
   /** margin:20px 0;*/
}
.top{
    width:390px;
    height:380px;
    background:#fff;
    border-radius: 10px 10px 10px 10px;
    margin-right:15px;
    float:left;
}
.title{
    margin:20px 0 0 12px;
    font-size:20px;
    color:#3b454e;

}
.top h3{
    text-align: center;
    margin:112px auto 108px;
    font-size:22px;
    color:#3b454e;
}
.top h3 p{
    display: inline-block;
    font-size:34px;
    color:#3078f1;
}
.row2 ul li{
    display: inline-block;
    margin:0 16px 12px 16px;
    font-size:16px;
    text-align: center;
    float:left;
}
.row2 ul li h4{
    color:#3478f3;
}
.row2 ul li p{

}
.radar{
    width:390px;
    height:380px;
    background:#fff;
    border-radius: 10px 10px 10px 10px;
    margin-right:15px;
    float:left;
}
.radarimg{
    width:254px;
    height:230px;
    margin:20px auto;
}
.radar h3{
    font-size:16px;
    color:#7c8389;
    margin: 0 0 5px 16px;
}
.radar p{
    font-size:14px;
    color:#adb1b4;
    margin: 0 0 5px 16px;
}
.radar span{
    color:#3078f1;
}
.lawlist{
    width:400px;
    height:380px;
    background:#fff;
    border-radius: 10px 10px 10px 10px;
    float:left;
}
.lawlist ul{
    padding:20px 0;
}
.lawlist ul li h2{
    font-size:16px;
    float:left;
}
.lawlist ul li h2:nth-child(1){
    width:70px;
}
.lawlist ul li h2:nth-child(2){
    width:104px;
}
.lawlist ul li h2:nth-child(3){
    width:104px;
}
.lawlist ul li h2:nth-child(4){
    width:70px;
}
.lawlist ul li p{
    font-size:15px;
    text-align: center;
    float:left;
    color:#9ca0a3;
}
.lawlist ul li p:nth-child(1){
    width:70px;
}
.lawlist ul li p:nth-child(2){
    width:104px;
}
.lawlist ul li p:nth-child(3){
    width:104px;
}
.lawlist ul li p:nth-child(4){
    width:70px;
}
.lawlist h4{
    color:#3078f1;
    font-size:16px;
    margin:24px 36px;
    font-weight: normal;
}
.row3{
    width:1211px;
    height:380px;
    background:#fff;
    border-radius: 10px 10px 10px 10px;
    margin-top:20px;
}
.titlebar{
    padding:30px 0 0 12px;
    font-size:20px;
    color:#3b454e;
}
.growup{
    width:370px;
    height:290px;
    float:left;
    margin:15px 0 0 25px;
}
.row4{
    width:1211px;
    height:330px;
    margin-top:20px;
}
.databar{
    width:780px;
    height:330px;
    background: #fff;
    border-radius: 10px 10px 10px 10px;
    margin-right:15px;
    float:left;
}
.countbar{
    width:700px;
    height:250px;
    margin:15px auto 0;
}
.weekdata{
    width:376px;
    height:330px;
    background: #fff;
    border-radius: 10px 10px 10px 10px;
    float:left;
    text-align: center;
    padding:0 20px;

}
.weekdata ul{
    display:inline-block;
    margin-top:30px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-size:16px;
    cursor: pointer;
}
.weekdata h3{
    margin:70px auto 10px;
    font-size:32px;
    color:#3078f1;
    font-size:32px;
}
.weekdata span{
    display:inline-block;
    margin-bottom:58px;
    font-size:16px;
}
.weekdata p{
    margin-bottom: 10px;
    font-size: 16px;
}
.weekdata strong{
    color:#3078f1;
    font-weight: normal;
}
.navdata{
    color:#3078f1;
    font-size:16px;
}
.weekdata i{
    font-style: normal;
}

