.icon {
    width: 1em; height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
     }

.w{
    width: 1200px;
    margin: 0 auto;
}
.banner{
    height: 578px;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    background: url("../images/banner1.jpg")no-repeat center;
	/* background: url("../images/guoqingzhongqiu.jpg")no-repeat center; */
    overflow: hidden;
}
.banner-main-text h4{
    font-size:46px;
    font-family:PingFangSC-Semibold;
    font-weight:600;
    color:rgba(255,255,255,1);

}
.banner-main-text{
    float: left;
    margin-top: 130px;
}
.banner-main-text h3{
    margin-top: 19px;
    font-size:60px;
    font-family:PingFangSC-Semibold;
    font-weight:600;
    color:rgba(255,255,255,1);
}
.banner-main-text h5{
    margin-top: 36px;
    font-size:24px;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(255,255,255,1);
}
.icon-icon-user{
    position: absolute;
    top: 27%;
    left: 14.2%;
    color: #999999FF;
    font-size: 27px!important;
}
.icon-mima{
    position: absolute;
    top: 43%;
    left: 14.2%;
    color: #999999FF;
    font-size: 27px!important;
}
.icon-33{
    position: absolute;
    top: 59%;
    left: 14.2%;
    color: #999999FF;
    font-size: 27px!important;
}
.banner .login {
    width: 360px;
    height: 400px;
    background: rgba(255,255,255,0.5);
    border-radius: 6px;
    padding: 0 19px;
    position: absolute;
    right: 0;
    top: 93px;
    left: 69%;
}
.banner .login .head h3 {
    text-align: center;
    margin-top: 47px;
    font-size:20px;
    font-family:MicrosoftYaHei;
    font-weight:400;
    color:rgba(0,0,0,1);

}
.banner .login .body {
    width:246px;
    height:232px;
    padding:19px 25px;
}
.banner .login .body p {
    height:44px;
    padding:7px 0px;
}
.banner .login .body .text {
    height:24px;
    line-height:24px;
    border:0;
    padding:10px 40px;
    outline:none;
}
.banner .login .body .text1 {
    background:rgba(255,255,255,1);
    border-radius:6px;
}
.code-login{
    background:rgba(255,255,255,1);
    border-radius:6px;
}
.banner .login .body .text2 {
    background:rgba(255,255,255,1);
    border-radius:6px;
}
.banner .login .body .text3 {
    width:85px;
    background:url(../images/bg_05.png) no-repeat;
    text-transform:uppercase;
}
.banner .login .body .button {
    width:116px;
    height:43px;
    font-size:14px;
    font-weight:bold;
    border:0;
}
.banner .login .body .btn1 {
    width:130px;
    height:43px;
    background:rgba(81,133,255,1);
    border-radius:6px;
    float:left;
    color:#FFF;
    line-height: 43px;
    font-size:18px;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(255,255,255,1);
}
.banner .login .body .btn2 {
    width:130px;
    height:43px;
    background:rgba(255,255,255,1);
    border-radius:6px;
    float:right;
    color:#000000FF;
    line-height: 43px;
    font-size:18px;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(0,0,0,1);
}
.banner .login .foot {
    height:69px;
    line-height:69px;
    text-align:center;
    font-size:16px;
    color:#6d798c;
}
.banner .login .foot em {
    color:#d73800;
    padding:0px 5px 0px 0px;
}
.login-bottom-text{
    text-align: center;
    margin-top: 19px;
    font-size:20px;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(0,0,0,1);
    white-space:nowrap;
}
.login-bottom-text span{
    color: #5185FFFF;
}
.ruanwen-case{

    overflow: hidden;
    background-color: #fff;
}
.ruanwen-text h4{
    text-align: center;
    margin-bottom: 20px;
    font-size:40px;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(0,0,0,1);
}
.ruanwen-text p{
    text-align: center;
    font-size:20px;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(102,102,102,1);
}
.ruanwen-text{
    margin-top: 100px;
}
.ruanwen-case-bg-con{
    margin-top: 60px;
    margin-left: -40px;
}
.ruanwen-case-item{
    margin-right: 20px;
    float: left;
    width: 604px;
    height: 414px;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    background: url("../images/rwtg.jpg") no-repeat;
}
.ruanwen-case-item h4{
    margin-top: 50%;
    margin-left: 26px;
    font-size:20px;
    margin-bottom: 18px;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(255,255,255,1);
}
.ruanwen-case-item  p{
    width: 549px;
    margin-left: 27px;
    font-size:14px;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(255,255,255,1);
}
.ruanwen-case-item:nth-child(2){
    margin-right: 0px;
    float: left;
    width: 604px;
    height: 414px;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    background: url("../images/xwyzy.jpg") no-repeat;
}
.ruanwen-case-item:nth-child(3){
    margin-right: 20px;
    float: left;
    width: 604px;
    height: 414px;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    background: url("../images/wxtg.jpg") no-repeat;
}
.ruanwen-case-item:nth-child(4){
    margin-right: 0px;
    float: left;
    width: 604px;
    height: 414px;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    background: url("../images/qydz.jpg") no-repeat;
}
.ruanwen-case-bot{
    margin-top: 79%;
    margin-left: -33px;
}
.case-ruanwen-item{
    float: left;
    margin-right: 36px;
    width:590px;
    height:320px;
    margin-bottom: 20px;
    background:rgba(255,255,255,1);
    box-shadow:0px 0px 12px 0px rgba(0, 0, 0, 0.1);
    border-radius:0px 0px 6px 6px;
}
.case-ruanwen-item i{
    margin-top: 50px;
    display: block;
    font-size: 65px;
    text-align: center;
    color: #FF0000FF;
}
.case-ruanwen-item svg{
    height: 119px;
    display: block;
    margin: 24px auto 0;
    text-align: center;
    color: #FF0000FF;
}
.case-ruanwen-item img{
    display: block;
    margin: 44px auto 21px;
}
.case-ruanwen-item h4{
    text-align: center;
    text-align: center;
    font-size:30px;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(0,0,0,1);
    margin-bottom: 9px;
}
.case-ruanwen-item h5{
    text-align: center;
    font-size:20px;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(0,0,0,1);
    margin-bottom: 19px;
}
.case-ruanwen-item p{
    text-align: center;
    font-size:14px;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(102,102,102,1);
    line-height: 26px;

}
.case-ruanwen-item:nth-child(2){
    margin-right: 0px;
}
.case-ruanwen-item:nth-child(4){
     margin-right: 0px;
 }
/*我们的优势*/
.ruanwen-ad{
    margin-top: 80px;
    background: url("../images/ys_bj.jpg") no-repeat center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    overflow: hidden;
    height: 750px;
}
.ruanwen-ad-con{
    margin-top: 60px;
}
.ruanwen-ad-item{
    width: 390px;
    height: 220px;
    background: url("../images/mtzy.jpg") no-repeat center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    margin-bottom: 10px;
    overflow: hidden;
    float: left;
    margin-right: 10px;
}
.ruanwen-ad-item:nth-child(2){
    background: url("../images/qyhz.jpg") no-repeat center;
}
.ruanwen-ad-item:nth-child(3){
    background: url("../images/zyxs.jpg") no-repeat center;
}
.ruanwen-ad-item:nth-child(4){
    background: url("../images/fbkj.jpg") no-repeat center;
}
.ruanwen-ad-item:nth-child(5){
     background: url("../images/ysfg.jpg") no-repeat center;
 }
.ruanwen-ad-item:nth-child(6){
    background: url("../images/qybz.jpg") no-repeat center;
}


.ruanwen-ad-item h4{
    text-align: center;
    margin-top: 87px;
    margin-bottom: 10px;
    font-size:20px;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(255,255,255,1);
    line-height:24px;
}
.ruanwen-ad-item p{
    text-align: center;
    font-size:14px;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(255,255,255,1);
}
/*2018一月·最新限时优惠活动*/
.ruanwen-news{
    background-color: #fff;
    overflow: hidden;
}
.ruanwen-news-item{
    width: 240px;
    height: 330px;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    background: url("../images/hycz.png");
    float: left;
    box-shadow:0px 0px 12px 0px rgba(0, 0, 0, 0.1);
    border-radius:6px;
    margin-right: 20px;

}
.ruanwen-news-item:nth-child(2){
    background: url("../images/mstc.png");

}
.ruanwen-news-item h4{
    margin-top: 200px;
    margin-bottom: 20px;
    text-align: center;
    font-size:20px;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(81,133,255,1);
    line-height:24px;
}
.ruanwen-news-item p{
    font-size:14px;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(0,0,0,1);
    text-align: left;
}

.ruanwen-news-item span{
    color: #5185FFFF;
}

.ruanwen-news-btn{
    display: block;
    margin: 0 auto;
    width: 180px;
    height: 40px;
    text-align: center;
    border-radius: 5px;
    background-color: #5185ff;
    line-height: 40px;
    color: #fff;
}
.ruanwen-news-con{
    height: 382px;
}
.ruanwen-news-btn:hover{
    color: #fff;
}
.ruanwen-news-big-pic{
    float: left;
    width:680px;
    height:330px;
    background:rgba(255,255,255,1);
    box-shadow:0px 0px 12px 0px rgba(0, 0, 0, 0.1);
    border-radius:6px;
    margin-right: 20px;
}
.top-new-big-title{
    width:680px;
    height:90px;
    background:rgba(81,133,255,1);
    border-radius:6px 6px 0px 0px;
    line-height: 90px;
    text-align: center;
    font-size:30px;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(255,255,255,1);

}
.top-new-middle-title{
    width:680px;
    height:51px;
    background:rgba(120,161,255,1);
}
.top-new-middle-title p{
    float: left;
    line-height: 51px;
    font-size:14px;
    font-family:PingFangSC-Semibold;
    font-weight:600;
    color:rgba(255,255,255,1);
}
.top-new-middle-title p:nth-child(1){
    margin-left: 31px;
}
.top-new-middle-title p:nth-child(2){
     margin-left: 50px;
 }
.top-new-middle-title p:nth-child(3){
    margin-left: 41px;
}
.top-new-middle-title p:nth-child(4){
    margin-left: 71px;
}
.news-text-black{
    height: 15px;
    margin-left: 31px;
}
.news-text-black p span{
    font-weight: 500;
    color: #08A5E0FF;
}

.news-text-black p{
    float: left;
    font-size:14px;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(51,51,51,1);
}
.news-text-black p:nth-child(2){
    margin-left: 50px;
}
.news-text-black p:nth-child(3){
    margin-left: 51px;
}
.news-text-black p:nth-child(4){
    margin-left: 55px;
}
.new-line-bottom{
    margin: 13px auto;
    width:650px;
    height:1px;
    background:rgba(250,250,250,1);
}
.top-new-middle-bottom{
    padding-top: 20px;
}
/*服务套餐*/
.ruanwen-ser{
    background: url("../images/fwtc_bj.png") no-repeat center;
    height: 647px;
    margin-top: 100px;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    overflow: hidden;
}
.ruanwen-ser-con{
    margin-top: 60px;
}
.ruanwen-ser-item{
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    background: url("../images/mh.png") no-repeat center;
    overflow: hidden;
    float: left;
    width: 242px;
    height: 372px;
}

.ruanwen-ser-item:nth-child(2){
    background: url("../images/ffxxm.png") no-repeat center;
}
.ruanwen-ser-item:nth-child(3){
    background: url("../images/cjsy.png") no-repeat center;
}

.ruanwen-ser-item:nth-child(4){
    background: url("../images/jjfc.png") no-repeat center;
}
.ruanwen-ser-item:nth-last-child(1){
    margin-right: 0;
    background: url("../images/qclm.png") no-repeat center;
}
.ruanwen-ser-item h5{
    margin-top: 288px;
    text-align: center;
    font-size:14px;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(0,0,0,1);
}
.ruanwen-ser-item p{
    margin-top: 6px;
    margin-left: 32px;
    float: left;
    font-size:14px;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(0,0,0,1);
    line-height: 30px;
}
.ruanwen-ser-item p span{
    display: inline-block;
    margin-top: 1px;
    color: #FF0000FF;
    font-size: 20px;
    margin-right: 19px;
    margin-left: 10px;
    line-height: 27px;

}
.red-buy{
    cursor: pointer;
    display: block;
    margin-top: 11px;
    float: left;
    width:60px;
    height:22px;
    background:rgba(255,0,0,1);
    border-radius:4px;
    font-size:14px;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(255,255,255,1);
    line-height:22px;
}
.red-buy:hover{
    color: #fff;
}
.red-buy:focus{
    color: #fff;
}
.icon-goumai{
    float: left;
    margin-right: 3px;
    margin-left: 6px;
}

/*用户点评*/
.ruanwen-comment{
    margin-top: 100px;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    overflow: hidden;
    height: 858px;
}
.ruanwen-comment-con{
    margin-top: 51px;
}
.ruanwen-comment-item{
    overflow: hidden;
    width: 1023px;
    margin-bottom: 30px;
    height: 209px;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    background: url("../images/beidaq.png") no-repeat center;
}
.ruanwen-comment-item h4{
    margin-top: 134px;
    float: left;
    margin-left: 14px;
    font-size:20px;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(51,51,51,1);
}
.ruanwen-comment-item p{
    margin-left: 177px;
    margin-top: 28px;
    font-size:14px;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(102,102,102,1);
    line-height: 23px;
}
.ruanwen-comment-item:nth-child(2) p{
    margin-left: 307px;

}
.ruanwen-comment-item:nth-child(2) h4{
    float: right;
    margin-right: 9px;
}
.ruanwen-comment-item:nth-child(2){
    background: url("../images/rrtt3.png");
    margin-left: 18%;
}
.ruanwen-comment-item:nth-child(3){
    background: url("../images/hqys41.png");
}
/*客户案例*/
.ruanwen-case-user{
    background: #fff;
    overflow: hidden;
    height: 692px;
}
.ruanwen-case-user-con{
    margin-top: 60px;
}
.ruanwen-case-user-item{
    width:290px;
    height:480px;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    box-shadow:0px 0px 12px 0px rgba(0, 0, 0, 0.1);
    border-radius:8px;
    background: url("../images/hkal_1.png") no-repeat center;
    float: left;
    margin-right: 13px;
}
.ruanwen-case-user-item:nth-child(2){
    background: url("../images/khal_2.png") no-repeat center;

}
.ruanwen-case-user-item:nth-child(3){
    background: url("../images/khal_3.png") no-repeat center;

}
.ruanwen-case-user-item:nth-child(4){
     background: url("../images/khal_4.png") no-repeat center;
    margin-right: 0px;
 }

.ruanwen-case-user-item h4{
    margin-top: 159px;
    text-align: center;
    color: #5185FFFF;
}
.ruanwen-case-user-item p{
    margin-top: 20px;
    margin-left: 21px;
    width:249px;
    font-size:14px;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(102,102,102,1);
}
.ruanwen-case-user-item h5{
    margin-top: 41px;
    margin-left: 20px;
    font-size:14px;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(0,0,0,1);
}