.banner{
    height:435px;
    background:linear-gradient(134deg,rgba(0,53,176,1) 0,rgba(74,205,235,1) 100%);
    position: relative;

}

.banner .wrapper{
	width:1200px;
	height:435px;
	margin:0 auto;
	position:relative;
}
.banner .contract-box,
.banner .email-box,
.banner .alliance-box{
    position: absolute;
    top: 29%;
    left: 11%;
    width: 507px;
}
.banner .alliance-box{
    top:34%;
}

.banner .contract-box h3,
.banner .email-box h3,
.banner .alliance-box h3{
    font-size:36px;
    font-weight:400;
    color:rgba(255,255,255,1);
    line-height:50px;
}
.banner .contract-box p,
.banner .email-box p,
.banner .alliance-box p{
    width:507px;
    height:115px;
    font-size:18px;
    font-weight:300;
    color:rgba(241,245,249,1);
    line-height:25px;
    margin-top:15px;
    margin-bottom:23px;
}
.banner .alliance-box p{
    font-size: 24px;
    line-height:19px;
    margin-top:34px;
}
.banner .contract-box .try-btn,
.banner .email-box .try-btn{
    width:219px;
    height:51px;
    border-radius:8px;
    border:2px solid rgba(255,255,255,0.54);
    font-size:24px;
    font-weight:300;
    color:rgba(255,255,255,1);
    line-height:51px;
    text-align: center;
    cursor:pointer;
    box-sizing:border-box;
}
.banner .contract-box .try-btn:hover,
.banner .email-box .try-btn:hover{
	background:#4680FF;
}
.banner .contract-img{
    position: absolute;
    bottom: 6px;
    left: 54%;
    width: 448px;
    height: 345px;
    background: url(../images/service/contract-bg.png) center no-repeat;   
}
.banner .email-img{
    position: absolute;
    bottom: 6px;
    left: 54%;
    width: 448px;
    height: 345px;
    background: url(../images/service/email-bg.png) center no-repeat;   
}
.banner .alliance-img{
    position: absolute;
    bottom: 0;
    left: 54%;
    width: 457px;
    height: 416px;
    background: url(../images/service/alliance-bg.png) center no-repeat;   
}
.contract-advant{
    height:424px;
    background:rgba(255,255,255,1);
    padding-top:48px;
    box-sizing: border-box;
}
.email-advant{
    height:692px;
    background:rgba(255,255,255,1);
    padding-top:48px;
    box-sizing: border-box;
}
.alliance-advant{
    height: 3491px;
    background:rgba(255,255,255,1);
    padding-top:40px;
    box-sizing: border-box;
}
.advant h3{
    font-size:24px;
    font-weight:400;
    color:rgba(0,0,0,1);
    line-height:33px;
    text-align: center;
}
.alliance-advant h3{
    line-height:42px;
    font-size:30px;
}
.alliance-advant .title-0{
    margin-bottom:50px;
}
.alliance-advant .title-1{
    margin-bottom:66px;
}
.alliance-advant .title-2{
    margin-bottom: 74px;
    margin-top:135px;
}
.alliance-advant .row-0{
    position: relative;
    background: url(../images/service/introduce-bg.png) center no-repeat;
    width: 1108px;
    height: 400px;
    margin:0 auto;
    margin-bottom:70px;
   
}
.alliance-advant .row-0 .content{
    width: 469px;
    height: 308px;
    font-size: 15px;
    font-weight: 400;
    color: rgba(102,102,102,1);
    line-height: 27px;
    position: absolute;
    top: 33px;
    left: 47px;
}
.alliance-advant .row{
    width: 957px;
    margin:0 auto;
    margin-bottom:36px;
}
.alliance-advant .row .content{
    float: left;
    width: 398px;
    padding-top:91px;
}
.alliance-advant .row:nth-of-type(even) .content{
    margin-left: 53px;
    margin-right: 35px;
}
.alliance-advant .row:nth-of-type(odd) .img{
    margin-right:88px;
}

.alliance-advant .row h6{
    font-size:30px;
    font-weight:400;
    color:rgba(102,102,102,1);
    line-height:42px;
}
.alliance-advant .row p{
    width:398px;
    font-size:20px;
    font-weight:400;
    color:rgba(153,153,153,1);
    line-height:34px;
    margin-top:24px;
}

.alliance-advant .row .img{
    float: left;
}
.alliance-advant .row-1 .img{
    width: 471px;
    height: 413px;
    background: url(../images/service/advant-15.png) center no-repeat;
}
.alliance-advant .row-2 .img{
    width: 471px;
    height: 413px;
    background: url(../images/service/advant-16.png) center no-repeat;
}
.alliance-advant .row-3 .img{
    width: 471px;
    height: 413px;
    background: url(../images/service/advant-17.png) center no-repeat;
}
.alliance-advant .row-4 .img{
    width: 471px;
    height: 413px;
    background: url(../images/service/advant-18.png) center no-repeat;
}
.alliance-advant .row-5 .img{
    width: 471px;
    height: 421px;
    background: url(../images/service/advant-19.png) center no-repeat;
}

.contract-advant ul{
    width: 1069px;
    margin:0 auto;
    margin-top:67px;
}
.email-advant ul{
    width:950px;
    margin:0 auto;
    margin-top:67px;
}
.alliance-advant ul{
    width: 953px;
    margin:0 auto;
}
.advant ul li{
    width: 149px;
    height: 179px;
    list-style: none;
    float: left;
    overflow: hidden;
    border-bottom:7px solid rgba(70,128,255,1);
    box-sizing: border-box;
    position: relative;
}
.contract-advant ul li{
    margin-right: 35px;   
}
.email-advant ul li{
    margin-right: 118px;
   
}
.alliance-advant .core li{
    width:149px;
    height:195px;
    border-radius:2px;
    border:1px solid rgba(241,245,249,1);
    margin-right:119px;
    box-sizing:border-box;
}
.advant ul li:last-child{
    margin-right: 0;
}
.advant li .icon-1{
    background: url(../images/service/advant-1.png) center no-repeat;
    width: 76px;
    height: 59px;
    margin:0 auto;
    margin-top:33px;
}
.advant li .icon-2{
    background: url(../images/service/advant-2.png) center no-repeat;
    width: 76px;
    height: 59px;
    margin:0 auto;
    margin-top:33px;
}
.advant li .icon-3{
    background: url(../images/service/advant-3.png) center no-repeat;
    width: 76px;
    height: 59px;
    margin:0 auto;
    margin-top:33px;
}
.advant li .icon-4{
    background: url(../images/service/advant-4.png) center no-repeat;
    width: 76px;
    height: 59px;
    margin:0 auto;
    margin-top:33px;
}
.advant li .icon-5{
    background: url(../images/service/advant-5.png) center no-repeat;
    width: 76px;
    height: 59px;
    margin:0 auto;
    margin-top:33px;
}
.advant li .icon-6{
    background: url(../images/service/advant-6.png) center no-repeat;
    width: 76px;
    height: 59px;
    margin:0 auto;
    margin-top:33px;
}
.advant li .icon-7{
    background: url(../images/service/advant-7.png) center no-repeat;
    width: 76px;
    height: 59px;
    margin:0 auto;
    margin-top:33px;
}
.advant li .icon-8{
    background: url(../images/service/advant-8.png) center no-repeat;
    width: 76px;
    height: 59px;
    margin:0 auto;
    margin-top:33px;
}
.advant li .icon-9{
    background: url(../images/service/advant-9.png) center no-repeat;
    width: 76px;
    height: 59px;
    margin:0 auto;
    margin-top:33px;
}
.advant li .icon-10{
    background: url(../images/service/advant-10.png) center no-repeat;
    width: 76px;
    height: 59px;
    margin:0 auto;
    margin-top:33px;
}
.advant li .icon-11{
    background: url(../images/service/advant-11.png) center no-repeat;
    width: 76px;
    height: 59px;
    margin:0 auto;
    margin-top:33px;
}
.advant li .icon-12{
    background: url(../images/service/advant-12.png) center no-repeat;
    width: 76px;
    height: 59px;
    margin:0 auto;
    margin-top:33px;
}
.advant li .icon-13{
    background: url(../images/service/advant-13.png) center no-repeat;
    width: 76px;
    height: 59px;
    margin:0 auto;
    margin-top:33px;
}
.advant li .icon-14{
    background: url(../images/service/advant-14.png) center no-repeat;
    width: 76px;
    height: 59px;
    margin:0 auto;
    margin-top:33px;
}
.advant .core .icon{
    width: 54px;
    height: 60px;
    margin:0 auto;
    margin-top:20px;
}
.advant .core .icon-1{
    background: url(../images/service/core-1.png) center no-repeat;  
}
.advant .core .icon-2{
    background: url(../images/service/core-2.png) center no-repeat;
}
.advant .core .icon-3{
    background: url(../images/service/core-3.png) center no-repeat;
}
.advant .core .icon-4{
    background: url(../images/service/core-4.png) center no-repeat;
}
.advant li>p{
    width:73px;
    font-size:18px;
    font-weight:300;
    color:rgba(102,102,102,1);
    line-height:25px;
    text-align: center;
    margin:0 auto;
    margin-top:38px;
}
.alliance-advant .core h6{
    font-size:18px;
    font-weight:300;
    color:rgba(102,102,102,1);
    line-height:25px;
    text-align: center;
    margin-top:26px;
    margin-bottom:7px;
}
.alliance-advant .core .core-font{
    font-size:12px;
    font-weight:300;
    color:rgba(102,102,102,1);
    text-align: center;
}
.alliance-advant .core .core-font-1{
    width:130px;
    line-height:17px;
    margin:0 auto;
}
.alliance-advant .core .core-font-2{
    width:130px;
    line-height:17px;
    margin:0 auto;
}
.alliance-advant .core .core-font-3{
    width:125px;
    line-height:17px;
    margin:0 auto;
}
.alliance-advant .core .core-font-4{
    width:98px;
    line-height:17px;
    margin:0 auto;
}
.advant li .content{ 
    position: absolute;
    bottom:0;
    left:0;
    height:0;
    width: 100%;
    overflow: hidden;
    background:rgba(70,128,255,1);
    -moz-transition:height 0.6s;
    -webkit-transition:height 0.6s;
    -o-transition: height 0.6s;
    transition:height 0.6s;    
}
.advant li .font{
    padding:10px;
    font-size:12px;
    font-weight:400;
    color:rgba(255,255,255,1);
    text-align: center;
} 
.advant li:hover .content{
    height:172px;
    
}
.email-advant .row-1 .nth-font-1,
.contract-advant li .font{
    line-height:17px;
}
.email-advant .row-1 .nth-font-2{
    line-height:17px;
}
.email-advant .row-1 .nth-font-3{
    line-height:17px;
}
.email-advant .row-1 .nth-font-4{
    line-height:17px;
}
.email-advant .row-2 .nth-font-1{
    line-height:17px;
}
.email-advant .row-2 .nth-font-2{
    line-height:15px;
}
.email-advant .row-2 .nth-font-3{
    line-height:13px;
}
.email-advant .row-2 .nth-font-4{
    line-height:13px;
}

 
.frame{
    height:638px;
    background:rgba(241,245,249,1);
    padding-top: 45px;
    box-sizing: border-box;
}
.frame h3{
    font-size:24px;
    font-weight:400;
    color:rgba(0,0,0,1);
    line-height:33px;
    text-align: center;
}
.frame .contract-img{
    width:1003px;
    height: 453px;
    margin:0 auto;
    margin-top:50px;
    background: url(../images/service/contract-frame.png) center no-repeat;
}
.frame .email-img{
    width:935px;
    height: 468px;
    margin:0 auto;
    margin-top:39px;
    background: url(../images/service/email-frame.png) center no-repeat;
}
.pain{
    height:455px;
    background:rgba(255,255,255,1);
    padding-top:57px;
    box-sizing: border-box;
}
.pain-solution{
    height: 592px;
    background:rgba(255,255,255,1);
    padding-top:57px;
    box-sizing: border-box;
}
.pain h3,
.pain-solution h3{
    font-size:24px;
    font-weight:400;
    color:rgba(0,0,0,1);
    line-height:33px;
    text-align: center;
}
.pain ul{
    width:1097px;
    margin:0 auto;
    margin-top:50px;
}
.pain-solution ul{
    width:1100px;
    margin:0 auto;
    margin-top:50px;
    margin-bottom: 70px;
}
.pain ul li{
    float: left;
    list-style: none;
    width:351px;
    height:103px;
    background:rgba(255,255,255,1);
    border-radius:2px;
    border:1px solid rgba(212,212,212,1);
    margin-right: 22px;
    box-sizing: border-box;
    position: relative;
}
.pain-solution ul li{
    float: left;
    list-style: none;
    width:230px;
    height:85px;
    background:rgba(255,255,255,1);
    border-radius:2px;
    border:1px solid rgba(212,212,212,1);
    margin-right: 60px;
    box-sizing: border-box;
}
.pain-solution li:hover{
    background:rgba(228,237,255,1);
}
.pain-solution li .font{
    font-weight:400;
    color:rgba(102,102,102,1);
}
.pain-solution .row-1 .nth-font-1,
.pain-solution .row-1 .nth-font-2,
.pain-solution .row-2 .nth-font-2{
    width:144px;
    height:33px;
    line-height:33px;
    font-size:24px;
    margin:0 auto;
    margin-top:25px;

}
.pain-solution .row-1 .nth-font-3{
    width:209px;
    height:52px;
    line-height:26px;
    font-size:19px;
    margin:0 auto;
    margin-top:15px;
}
.pain-solution .row-1 .nth-font-4{
    width:190px;
    height:52px;
    line-height:26px;
    font-size:19px;
    margin:0 auto;
    margin-top:15px;
}
.pain-solution .row-2 .nth-font-1{
    width:230px;
    height:52px;
    font-size:19px;
    line-height:26px;
    margin-top: 15px;
    margin-left: 6px;
}
.pain-solution .row-2 .nth-font-2{
    width:180px;
    height:56px;
    font-size:20px;
    line-height:28px;
    margin:0 auto;
    margin-top:15px;

}
.pain-solution .row-2 .nth-font-3{
    width:152px;
    height:52px;
    font-size:19px;
    line-height:26px;
    margin:0 auto;
    margin-top:15px;
}
.pain-solution .row-2 .nth-font-4{
    width:190px;
    height:52px;
    line-height:26px;
    font-size:19px;
    margin:0 auto;
    margin-top:15px;
}
.pain ul li:last-child,
.pain-solution ul li:last-child{
    margin-right: 0;
}
.pain li .icon{
    float: left;
}
.pain li .icon-1{
    background: url(../images/service/pain-1.png) center no-repeat;
    width: 50px;
    height: 41px;
    margin-left:100px;
    margin-top:31px;
}
.pain li .icon-2{
    background: url(../images/service/pain-2.png) center no-repeat;
    width: 50px;
    height: 41px;
    margin-left:100px;
    margin-top:31px;
}
.pain li .icon-3{
    background: url(../images/service/pain-3.png) center no-repeat;
    width: 50px;
    height: 41px;
    margin-left:100px;
    margin-top:31px;
}
.pain li .icon-4{
    background: url(../images/service/pain-4.png) center no-repeat;
    width: 50px;
    height: 41px;
    margin-left:100px;
    margin-top:31px;
}
.pain li .icon-5{
    background: url(../images/service/pain-5.png) center no-repeat;
    width: 50px;
    height: 41px;
    margin-left:100px;
    margin-top:31px;
}
.pain li .icon-6{
    background: url(../images/service/pain-6.png) center no-repeat;
    width: 50px;
    height: 41px;
    margin-left:100px;
    margin-top:31px;
}
.pain li .font{
    font-size:24px;
    font-weight:400;
    color:rgba(102,102,102,1);
    line-height:103px;
    height: 103px;
    width:95px;
    margin-left:19px;
    float: left;
}
.pain ul li:hover{
    border:1px solid rgba(212,212,212,1);
    background:rgba(228,237,255,1);
    transition: all 0.5s;
}
.pain li .content{
    position: absolute;
    left: calc(50% - 136px);
    top:0;
    opacity: 0;
    width:272px;
    height:103px;
    box-sizing: border-box;
}
.pain .content p{
    display:table-cell;
    vertical-align: middle;
    font-size:16px;
    font-weight:400;
    color:rgba(102,102,102,1);
    line-height:22px;
    width:272px;
    height:103px;
    text-align: center;
}
.pain li:hover .icon,
.pain li:hover .font{
    opacity: 0;
}
.pain li:hover .content{
    opacity: 1;
    background:rgba(228,237,255,1);
    transition: all 0.5s;
}

.scheme{
    height:557px;
    background:rgba(241,245,249,1);
    padding-top:53px;
    box-sizing: border-box;
}
.scheme h3{
    font-size:24px;
    font-weight:400;
    color:rgba(0,0,0,1);
    line-height:33px;
    text-align: center;
}
.scheme .box{
    width:1011px;
    margin:0 auto;
    margin-top:79px;
}
.scheme .box .img{
    background: url(../images/service/scheme-bg.png) center no-repeat;
    width:469px;
    height: 332px;
    float: left;
}
.scheme .box p{
    width:325px;
    height:176px;
    font-size:18px;
    font-weight:400;
    color:rgba(102,102,102,1);
    line-height:27px;
    margin-left:182px;
    float: left;
    margin-top: 62px;
}
.scene{
    height:698px;
    background:rgba(241,245,249,1);
    padding-top: 39px;
    box-sizing: border-box;
}
.scene h3{
    font-size:24px;
    font-weight:400;
    color:rgba(0,0,0,1);
    line-height:33px;
    text-align: center;
}
.scene .img{
    width:1110px;
    height:405px;
    margin:0 auto;
    margin-top:32px;
    margin-bottom: 50px;
    background: url(../images/service/email-scene.png) center no-repeat;
}
.scene p{
    width:1110px;
    height:76px;
    font-size:16px;
    font-weight:400;
    color:rgba(102,102,102,1);
    line-height:22px;
    margin:0 auto;
}
.contract-worth{
    height:426px;
    background:rgba(255,255,255,1);
    padding-top:52px;
    box-sizing: border-box;
}
.email-worth{
    height:382px;
    background:rgba(255,255,255,1);
    padding-top:58px;
    box-sizing: border-box;
}
.worth h3{
    font-size:24px;   
    font-weight:400;
    color:rgba(102,102,102,1);
    line-height:33px;
    text-align: center;
}
.contract-worth ul{
    width: 1095px;
    margin: 0 auto;
    margin-top:43px;
}
.email-worth ul{
    width: 1056px;
    margin: 0 auto;
    margin-top:49px;
}
.worth ul li{
    overflow: hidden;
    position: relative;
    float: left;
    list-style: none;
    width: 183px;
    height: 184px;
}
.contract-worth ul li{
    margin-right:45px; 
}
.email-worth ul li{
    margin-right:108px; 
}
.worth li:last-child{
    margin-right: 0;
}
.worth .worth-1{
    background: url(../images/service/worth-1.png) center no-repeat;
}
.worth .worth-2{
    background: url(../images/service/worth-2.png) center no-repeat;
}
.worth .worth-3{
    background: url(../images/service/worth-3.png) center no-repeat;
}
.worth .worth-4{
    background: url(../images/service/worth-4.png) center no-repeat;
}
.worth .worth-5{
    background: url(../images/service/worth-5.png) center no-repeat;
}
.worth .worth-6{
    background: url(../images/service/worth-6.png) center no-repeat;
}
.worth .worth-7{
    background: url(../images/service/worth-7.png) center no-repeat;
}
.worth .worth-8{
    background: url(../images/service/worth-8.png) center no-repeat;
}
.worth li .bottom-bg{
    position: absolute;
    bottom:0;
    left: 0;
    height:69px;
    width: 100%;
    background:linear-gradient(360deg,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
}
.worth li>.box{
    position: absolute;
    bottom: -113px;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 18px;
    box-sizing: border-box;
    -moz-transition:bottom 0.6s;
    -webkit-transition:bottom 0.6s;
    -o-transition: bottom 0.6s;
    transition:bottom 0.6s;
    
}
.worth .worth-title{ 
    font-size: 20px;
    font-weight: 400;
    color: rgba(255,255,255,1);
    line-height: 28px;
    text-align: center;
}
.worth .worth-font{
    width:155px;
    height:60px;
    font-size:14px;
    font-weight:400;
    color:rgba(255,255,255,1);
    line-height:20px;
    margin:0 auto;
    margin-top:62px;
}
.email-worth .worth-font{
    width:158px;
    height:40px;
}
.email-worth .nth4-font{
    text-align: center;
}
.worth li:hover .box{
    bottom:0;
    background:linear-gradient(360deg,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
}

.header-main .left-item .service-line{
	display: block;
}
.header-main .left-item .service-link{
	font-weight:600;
}