/**************************************
****---------微信平台介绍--------******
***----------@author jjhu--------******
***--------@since 2015-12-30-----******
***----@url www.yiyuit.com-----****
***************************************/

.container .block-1{
    padding-top: 60px;
    background: url("../image/weIntro/3-1-100101.png") right top no-repeat;
}
.container .block-1 .title-info{
    text-align: center;
}
.container .block-1 .option{
    position: relative;
}
.container .block-1 .option-left{
    text-align: left;
}

.container .block-1 .option  .title{
    font: bold 26px "黑体";
    color: #00a0e9;
    margin-bottom: 10px;
}
.container .block-1 .desc-text{
    font: 18px/30px "黑体";
    width: 500px;
    color: #444444;
}
.container .block-1 .option-right{
    padding-left: 600px;
}
.container .block-1 .option-1{
    height: 400px;
    text-align: center;
}
.container .block-1 .option-1 .title{
    margin: 120px 0 40px;
    text-align: center;
    font-size: 58px;
    color: #00a0e9;
}
.container .block-1 .option-1 .desc-text{
    text-align: center;
    color: #00a0e9;
    font-size: 30px;
}
.container .block-1 .option-1 img.img-1{
    position: absolute;
    left: 120px;
    top:-40px;
}
.container .block-1 .option-2{
    margin-top: 50px;
    height: 300px;
}
.container .block-1 .option-2 img{
    position: absolute;
    right: 70px;
    top: -100px;
}
.container .option .small-square{
    display: inline-block;
    width: 40px;
    height: 8px;
    background: #00a0e9;
}
.container .block-1 .option-3{
    padding-bottom: 120px;
}
.container .block-1 .option-3 img{
    position: absolute;
    left: 200px;
    top: -80px;
}
.container .block-1 .option-4{
    padding-bottom: 150px;
}
.container .block-1 .option-4 img{
    position: absolute;
    right:70px;
    top: -50px;
}
.container .block-1 .option-5{
    padding-bottom: 140px;
}
.container .block-1 .option-5 img{
    position: absolute;
    left: 80px;
    top: -130px;
}
.container .ad-block-1{
    height: 219px;
    background: url("../image/weIntro/1-hf.png") no-repeat center;
}

.container .block-2,
.container .block-3{
    text-align: center;
    padding-top: 40px;
}
.container .block-2 .title-info,
.container .block-3 .title-info{
    font-size: 36px;
    font-family: "黑体";
    color: #00a0e9;
    margin-bottom: 20px;
}
.container .block-2 .desc-area,
.container .block-3 .desc-area{
    margin-bottom: 60px;
    text-align: center;
}
.container .block-2 .option{
    width: 20%;
    margin-bottom: 10px;
    border: 1px solid #e5e5e5;
    padding: 20px 0 10px;
    *width: 218px;
}
.container .block-2 .option:hover{
    border-color: #00a0e9;
}
.container .block-2 .option .img-wrap{
    width: 70px;
    height: 70px;
    margin: 0 auto;
    background-color: #666666;
    background-image: url("../image/weIntro/2-ptgn.png");
    background-repeat: no-repeat;
}
.container .block-2 .option:hover .img-wrap{
    background-color: #00a0e9;
}
.container .block-2 .option-1 .img-wrap{
    background-position: 0 0;
}
.container .block-2 .option-2 .img-wrap{
    background-position: -75px 0;
}
.container .block-2 .option-3 .img-wrap{
    background-position: -150px 0;
}
.container .block-2 .option-4 .img-wrap{
    background-position: -225px 0;
}
.container .block-2 .option-5 .img-wrap{
    background-position: -300px 0;
}
.container .block-2 .option-6 .img-wrap{
    background-position: 0 -75px;
}
.container .block-2 .option-7 .img-wrap{
    background-position: -75px -75px;
}
.container .block-2 .option-8 .img-wrap{
    background-position: -150px  -75px;
}
.container .block-2 .option-9 .img-wrap{
    background-position: -225px  -75px;
}
.container .block-2 .option-10 .img-wrap{
    background-position: -300px  -75px;
}
.container .block-2 .option-11 .img-wrap{
    background-position: 0px  -150px;
}
.container .block-2 .option-12 .img-wrap{
    background-position: -75px  -150px;
}
.container .block-2 .option-13 .img-wrap{
    background-position: -150px  -150px;
}
.container .block-2 .option-14 .img-wrap{
    background-position: -225px  -150px;
}
.container .block-2 .option-15 .img-wrap{
    background-position: -300px  -150px;
}
.container .block-2 .option-16 .img-wrap{
    background-position: 0px  -225px;
}
.container .block-2 .option-17 .img-wrap{
    background-position: -75px  -225px;
}
.container .block-2 .option-18 .img-wrap{
    background-position: -150px  -225px;
}
.container .block-2 .option-19 .img-wrap{
    background-position: -225px  -225px;
}
.container .block-2 .option-20 .img-wrap{
    background-position: -300px  -225px;
}
.container .block-2 .option .title{
    margin-top: 10px;
    font: bold 30px "黑体";
    color: #666666;
}
.container .block-2 .option:hover .title{
    color: #00a0e9;
}
.container .block-2 .option .desc-text{
    font-family: "黑体";
    font-size: 14px;
    color: #666666;
    margin-top: 10px;
}
.container .block-2 .btn-wrap{
    text-align: right;
    margin-top: 40px;
}
.container .block-2 .btn-wrap a{
    display: inline-block;
    width: 231px;
    height: 50px;
    background: url("../image/weIntro/3-icon.png") no-repeat center;
    text-indent: -9999px;
    text-align: left;
}
.container .ad-block-2 {
    margin-top: 60px;
    height: 435px;
    background: url("../image/weIntro/4-hf.png") no-repeat center;
}
.container .block-3 .option{
    width: 200px;
    margin-right: 25px;
    float: left;
    margin-bottom: 20px;
}
.container .block-3 .option:hover{
    border: 1px solid #00a0e9;
    *width: 198px;
}
.container .block-3 .option img{
    width: 100%;
    display: block;
}
.container .block-3 .option-5,
.container .block-3 .option-10,
.container .block-3 .option-15,
.container .block-3 .option-20{
    margin-right: 0;
}
.container .block-4{
    background: url("../image/weIntro/5-liucheng.png") center no-repeat;
    height: 419px;
    margin: 80px 0 50px;
}
.container .ad-block-3{
    height: 529px;
    background: url("../image/weIntro/6-img1.png") no-repeat center;
}
.container .block-5 .desc-1{
    margin-top: 40px;
    height: 346px;
    background: url("../image/weIntro/7-img2.png") center no-repeat;
}
.container .block-5 .desc-2{
    margin-top: 80px;
    height: 606px;
    background: url("../image/weIntro/8-ys.png") center no-repeat;
}
.container .block-6{
    padding-top: 50px;
    text-align: center;
}
.container .block-6 .desc-area{
    margin-bottom: 40px;
}
.container .block-6 .title-info{
    font: 30px "黑体";
    color: #00a0e9;
    margin-bottom: 20px;
}
.container .block-6 .desc-text{
    font: 22px "黑体";
    margin-bottom: 30px;
}
.container .block-6 .case-list-wrap .option{
    width: 206px;
    margin-right: 14px;
    margin-bottom: 30px;
}
.container .block-6 .btn-wrap{
    margin: 20px 0 30px;
}
.container .block-6 .btn-wrap a{
    display: inline-block;
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    border-radius: 3px;
    border: 1px solid #00a0e9;
    color: #333;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
}
.container .block-6 .btn-wrap a:hover{
    background-color: #00a0e9;
    color: #FFFFFF;
}