/*头部样式修改*/
header,header:hover{
    background:#3D464D;
}
header:hover .header .nav li>a{
    color:rgba(255,255,255,1);
}
header .header .nav li>a.active{
    border-bottom:none;
}
header:hover .header .nav li>a:hover,header:hover .header .nav li>a.active{
    color:rgba(255,255,255,1);
    border-bottom:none;
}
header:hover .header .operate .register{
    border:1px solid rgba(255,255,255,1);
    color:rgba(255,255,255,1);
}
header:hover .header .operate .register:hover{
    border:1px solid rgba(235,235,235,1);
}
header:hover .header .operate .login{
    background:rgba(255,255,255,1);
    color:rgba(50,135,255,1);
}
header:hover .header .operate .login:hover{
    background:rgba(235,235,235,1);
}
header .alreadyLogin .enterControl,header:hover .alreadyLogin .enterControl{
    color:#3287FF;
}
header .alreadyLogin .user .username,header:hover .alreadyLogin .user .username{
    color:rgba(255,255,255,1);
}
/*二级导航*/
nav{
    height:60px;
    background:#fff;
}
nav ul{
    width:1200px;
    margin:0 auto;
    padding-left:225px;
}
nav ul li{
    float:left;
    padding:3px 20px;
}
nav ul li a{
    display: block;
    height:54px;
    line-height: 54px;
    font-size:14px;
    color:rgba(61,70,77,1);
}
nav ul li a:hover, nav ul li a.active{
    border-bottom: 2px solid #3287FF;
    font-family:PingFangSC-Medium;
    font-weight:500;
    color:rgba(51,134,255,1);
}
/*banner部分*/
.banner{
    height:300px;
    background:#2146C7 url(/website/img/understand/understand-banner.png) no-repeat center center;
    padding-top:64px;
}
.banner h1{
    font-size:40px;
    font-family:PingFangSC-Medium;
    font-weight:500;
    color:rgba(255,255,255,1);
    text-align: center;
    margin-bottom:14px;
}
.banner p{
    font-size:16px;
    color:rgba(255,255,255,1);
    margin-bottom:56px;
    text-align: center;
}
.banner a{
    display: block;
    width:130px;
    height:40px;
    line-height: 40px;
    text-align: center;
    background:rgba(255,255,255,1);
    border-radius:2px;
    font-family:PingFangSC-Medium;
    font-weight:500;
    color:#3287FF;
    margin:0 auto;
}
.banner a:hover{
    background:rgba(235,235,235,1);
}
/*功能展示内容*/
.contentbox{
    background:#fff;
    padding:48px 0 32px;
}
.contentbox .tabbox{
    clear:both;
    overflow: hidden;
    width:960px;
    margin:0 auto;
}
.contentbox .tabbox .box{
    width:210px;
    float:left;
    margin:0 55px;
}
.contentbox .tabbox .box img{
    display:block;
    width:100px;
    height:100px;
    margin-left:55px;
    margin-bottom:24px;
}
.contentbox .tabbox .box h3{
    font-size:18px;
    font-family:PingFangSC-Medium;
    font-weight:500;
    color:rgba(61,70,77,1);
    margin-bottom:8px;
    text-align: center;
}
.contentbox .tabbox .box p{
    color:rgba(111,119,126,1);
    text-align: center;
    margin-bottom:16px;
}
.contentbox .tabbox .box p a{
    color:rgba(50,135,255,1);
}
.contentbox .tabbox .box p a:hover{
    color:rgba(30,115,235,1);
}
/*推广流程*/
.flow{
    padding:48px 0;
}
.flow h1{
    font-size:26px;
    font-family:PingFangSC-Medium;
    font-weight:500;
    color:rgba(61,70,77,1);
    text-align: center;
    margin-bottom:8px;
}
.flow b{
    display: block;
    width:50px;
    height:4px;
    background:rgba(50,135,255,1);
    margin:0 auto;
}
.flow ul{
    height:238px;
    background:rgba(255,255,255,1);
    box-shadow:0px 4px 12px 0px rgba(203,214,232,0.5);
    border-radius:2px;
    margin-top:48px;
    padding:0 28px;
}
.flow ul li{
    width:160px;
    margin:48px 38px 0;
    float:left;
}
.flow ul li div{
    position: relative;
}
.flow ul li div h2{
    height:56px;
    line-height: 56px;
    width:70px;
    font-size:40px;
    font-family:PingFangSC-Medium;
    font-weight:500;
    color:rgba(50,135,255,1);
    text-align: center;
    margin:0 auto;
}
.flow ul li div h2 i{
    margin-left:6px;
    float:right;
    font-size:12px;
}
.flow ul li div span{
    display:block;
    width:135px;
    height:1px;
    background:#E8E8E8;
    position: absolute;
    top:28px;
    left:130px;
}
.flow ul li h3{
    font-size:16px;
    font-family:PingFangSC-Medium;
    font-weight:500;
    color:rgba(61,70,77,1);
    margin:16px 0 8px;
    text-align: center;
}
.flow ul li p{
    color:rgba(111,119,126,1);
    text-align: center;
}
/*推客攻略*/
.strategy{
    height:577px;
    padding:48px 0;
    background:#fff;
    margin-bottom:104px;
}
.strategy .container{
    height:525px;
    background:url(/website/img/understand/understand-glbg.png) no-repeat left 34px;
}
.strategy h1{
    font-size:26px;
    font-family:PingFangSC-Medium;
    font-weight:500;
    color:rgba(61,70,77,1);
    text-align: center;
    margin-bottom:8px;
}
.strategy b{
    display: block;
    width:50px;
    height:4px;
    background:rgba(50,135,255,1);
    margin:0 auto;
}
.strategy .left{
    float:left;
    margin-top:92px;
}
.strategy .left h2{
    font-size:20px;
    font-family:PingFangSC-Medium;
    font-weight:500;
    color:rgba(61,70,77,1);
    margin-bottom:11px;
}
.strategy .left h2 span{
    color:rgba(50,135,255,1);
}
.strategy .left p{
    color:rgba(61,70,77,1);
}
.strategy .left .top{
    height:102px;
    margin-bottom:24px;
}
.strategy .left .top img{
    height:102px;
    width:152px;
    float:left;
    margin-left:28px;
    margin-right:27px;
}
.strategy .left .top div{
    float:left;
    margin-top:9px;
}
.strategy .left .bottom img:nth-child(1){
    height:114px;
    width:72px;
    float:left;
    margin-left:68px;
    margin-right:32px;
}
.strategy .left .bottom img:nth-child(2){
    height:168px;
    width:86px;
    float:left;
    margin-right:16px;
}
.strategy .left .bottom div{
    float:left;
    margin-top:23px;
}
.strategy .right{
    float:right;
    margin-top:87px;
}
.strategy .right .box{
    float:right;
    width:220px;
    height:297px;
    background:rgba(50,135,255,0.05);
    border-radius:10px;
    border:1px dashed rgba(50,135,255,1);
    margin-left:22px;
    padding-top:29px;
}
.strategy .right .box h3{
    font-size:20px;
    font-family:PingFangSC-Medium;
    font-weight:500;
    color:rgba(61,70,77,1);
    text-align: center;
}
.strategy .right .box img{
    display: block;
    height:120px;
    width:120px;
    margin:26px auto 15px;
}
.strategy .right .box p{
    color:rgba(61,70,77,1);
    text-align: center;
    margin-bottom:5px;
}