.share{background: url(../images/xinrenzhuce.png) no-repeat;height: 290px;}
.share_title{font-size: 28px;text-align: center;color: #fff;margin:80px auto 60px;}
.share_btn{display: block;width: 170px;height: 44px;box-sizing: border-box;border:1px solid #fff;border-radius:4px;text-align: center;
                line-height: 44px;margin:0 auto;color: #fff;}
h3{font-size: 28px;color: #555;text-align: center;margin:80px auto 0 }
.line{width: 46px;height: 4px;background: #23B9CB;border-radius: 2px;margin: 20px auto 0;}  
.title{width: 694px;margin:20px auto 0;line-height:40px;font-size: 16px;color: #999;text-align: center;}
.pro_list{margin:40px auto 60px;padding-left: 100px;}
.pro_list li{width: 150px;height: 50px;line-height: 50px;text-align: center;box-sizing: border-box;font-size: 16px;color: #999;border:1px solid #ccc;float: left;
    cursor: pointer;}
.pro_list .active{border:1px solid #23B9CB;color: #555;}
.system_list{margin:60px auto;padding-left: 60px;display: none;}
.system_list li{float: left;width: 208px;height: 316px;margin-right: 50px;border:1px solid #ccc;position: relative;}
.system_list li>img{margin:20px auto 0;display: block;}
.show{display: block;}
.img_title{font-size: 18px;margin:20px auto;text-align: center;}
.system_list p{font-size: 12px;color: #B0B0B0;margin-bottom: 8px;text-align: center;}
.down_btn{display: block;width: 132px;height: 38px;line-height: 38px;text-align: center;margin: 30px auto 0;border-radius:19px;}
.w_btn{font-size: 12px;color:#B0B0B0;margin: 10px auto;display: block;text-align: center;}
.w_btn2:hover{color:#81AF1B;}
.w_btn1:hover{color:#504AC5;}
.opa{width: 168px;height: 202px;border:1px solid #EEEEEE; position: absolute;top:20px;left: 18px;background: #fff;display: none;}
.opa img{display: block;width: 134px;height: 134px;margin:20px 15px;}
.opa span{display: block;text-align: center;font-size: 12px;color: #777;}
.code_btn{display: block;margin: 30px auto;width: 130px;height: 38px;text-align: center;line-height: 38px;border:1px solid #FF523D;color: #FF523D;
    font-size: 16px;border-radius:19px;}
.system_list .li1:hover{border: 1px solid #14ACE8;} 
.system_list .li1:hover .down_btn{background: #14ACE8;color: #fff!important;}
.system_list .li2:hover .down_btn{background: #504AC5;color: #fff!important;}
.system_list .li3:hover .down_btn{background: #81AF1B;color: #fff!important;}
.system_list .li4:hover .down_btn{background: #FF523D;color: #fff!important;}
.system_list .li2:hover{border: 1px solid #504AC5;}   
.system_list .li3:hover{border: 1px solid #81AF1B;}   
.system_list .li4:hover{border: 1px solid #FF523D;}