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

.container .block-1{

}
.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 "microsoft yahei";
    color: #00a0e9;
    margin-bottom: 10px;
}
.container .block-1 .desc-text{
    font: 18px/30px "microsoft yahei";
    width: 500px;
    color: #444444;
}
.container .block-1 .option-1 .platform-left,.container .block-1 .option-1 .platform-right{
	width: 50%;
	height: 370px;
	float: left;
	margin: 70px 0 20px 0;
	padding: 0 5px;
}
.container .block-1 .option-1 .platform-left{
	margin-top: 120px;
}
.container .block-1 .option .en-title{
	font-size: 12px;
	color: #555;
	margin-left: 2px;
	text-transform: uppercase;
	font-weight: normal;
}
.container .block-1 .option .cn-title{
	font-size: 26px;
	font-weight: normal;
	color: #333333;
	margin: 2px 0 20px 0;
}
.container .block-1 .option-1 .platform-left .text{
	font-size: 15px;
	color: #666;
	margin-bottom: 20px;
}
.container .block-1 .option-1 .platform-left .item-list .item{
	float: left;
	width: 120px;
	height: 25px;
	line-height:25px;
	color: #666;
	text-align: center;
	background: url("../image/weIntro/block-1-icon.png") no-repeat left center;
}
.container .block-1 .option-1 .platform-left .item-list .item-0{
	margin-right: 0;
}
.container .block-1 .option-1 .platform-left .notice{
	 font: normal 26px "微软雅黑";
	 margin-top: 20px;
	 color: #f39800;
}
.container .block-1 .option-1 .platform-right{
	position: relative;
}
.container .block-1 .option-1 .platform-right .img{
	width: 471px;
	height: 369px;
	position: absolute;
	top: 0;
	right: 0;
	background: url("../image/weIntro/block-1-img.png") no-repeat center;
}
.container .block-1 .option-1 .platform-right .circle{
	position: absolute;
	top: 30%;
	left:3%;
	width:124px;
	height: 124px;
	background: url("../image/weIntro/block-1-circle.png") no-repeat center;
}
.container .block-1 .option-1 .platform-right .circle p{
	text-align: center;
	color: #fff;
	line-height: 20px;
}
.container .block-1 .option-1 .platform-right .circle p.cn{
	margin-top: 35px;
	font-size: 16px;
}
.container .block-1 .option-1 .platform-right .circle p.en{
	font-size: 12px;
	text-transform: uppercase;
}
.container .block-1 .option-2{
	width: 100%;
    height: 550px;
    background: #eee;
}
.container .block-1 .option-2 .title{
	text-align: center;
	padding: 20px 0;
}
.container .block-1 .option-2 .cn-title{
	margin: 0;
	margin-bottom: 5px;
}
.container .block-1 .option-2 .en-title{
	margin: 0;
	font-size: 14px;
}
.container .block-1 .option-2 .img-wrap .item{
	width: 265px;
	float: left;
	background: #fff;
	margin-right: 13px;
	color: #555;
}
.container .block-1 .option-2 .img-wrap .item-0{
	margin-right: 0;
}
.container .block-1 .option-2 .img-wrap .item .img {
	widows: 265px;
	height: 210px;
	overflow: hidden;
}
.container .block-1 .option-2 .img-wrap .item .img img{
	width: 100%;
}
.container .block-1 .option-2 .img-wrap .item .info{
	text-align: left;
}
.container .block-1 .option-2 .img-wrap .item .info .info-title{
	line-height: 50px;
	text-align: center;
	font-size: 18px;
}
.container .block-1 .option-2 .img-wrap .item .info .info-text{
	padding: 0 8px;
	font-size: 14px;
	margin-bottom: 20px;
}
.container .block-1 .option-2 .img-wrap .item:hover{
	background: #F39800;
	color: #fff;
}
.container .block-1 .option-2 .img-wrap .item:hover .info .link{
	border: 1px solid #fff;
}
.container .block-1 .option-2 .img-wrap .item .info .link{
	display: block;
	width: 110px;
	margin-left: 8px;
	margin-bottom: 20px;
	line-height: 22px;
	border-radius: 10px;
	text-indent:20px;
	font-size: 13px;
	text-decoration: none;
	color: #fff;
	border: 1px solid #f39800;
	background: #f39800 url("../image/weIntro/block-1-link.png") no-repeat 80% center;
}
.container .ad-block-1{
    height: 548px;
    background: url("../image/weIntro/1-hf.png") no-repeat center;
}
.container .block-1 .option-3 .title{
	text-align: center;
	padding: 50px 0;
}
.container .block-1 .option-3 .cn-title{
	margin: 0;
	margin-bottom: 5px;
	color: #f5f5f5;
}
.container .block-1 .option-3 .en-title{
	margin: 0;
	font-size: 14px;
	color: #b0bfc8;
}
.container .ad-block-1 .platform-wrap .item{
	width: 280px;
	margin-right: 130px;
	float: left;
}
.container .ad-block-1 .platform-wrap .item-0{
	margin-right: 0;
}
.container .ad-block-1 .platform-wrap .item .img{
	width: 165px;
	height: 165px;
	margin: 0 auto;
	border-radius: 82px;
	margin-bottom: 40px;
}
.container .ad-block-1 .platform-wrap .item .img-1{
	background: url("../image/weIntro/three-accounts.png") no-repeat top left;
}
.container .ad-block-1 .platform-wrap .item .img-2{
	background: url("../image/weIntro/three-accounts.png") no-repeat top center;
}
.container .ad-block-1 .platform-wrap .item .img-3{
	background: url("../image/weIntro/three-accounts.png") no-repeat top right;
}
.container .ad-block-1 .platform-wrap .item:hover .img-1{
	background: url("../image/weIntro/three-accounts-hover.png") no-repeat top left;
}
.container .ad-block-1 .platform-wrap .item:hover .img-2{
	background: url("../image/weIntro/three-accounts-hover.png") no-repeat top center;
}
.container .ad-block-1 .platform-wrap .item:hover .img-3{
	background: url("../image/weIntro/three-accounts-hover.png") no-repeat top right;
}
.container .ad-block-1 .platform-wrap .item:hover .info{
	color: #01a8f6;
}
.container .ad-block-1 .platform-wrap .item .info{
	text-align: center;
	color: #fff;
	margin: 0 35px;
}
.container .ad-block-1 .platform-wrap .item .info .title{
	font-size: 20px;
}
.container .ad-block-1 .platform-wrap .item .info .text{
	font-size: 14px;
	line-height: 25px;
	margin-top: 10px;
}
.container .block-2,
.container .block-3{
    text-align: center;
    padding-top: 40px;
}
.container .block-2 .title-info,
.container .block-3 .title-info,
.container .block-4 .title-info,
.container .block-6 .title-info,
.container .ad-block-2 .title-info{
    font-size: 26px;
    font-family: "微软雅黑";
    color: #333333;
    margin-bottom: 20px;
}
.container .block-2 .desc-area,
.container .block-3 .desc-area,
.container .block-4 .desc-area,
.container .block-6 .desc-area,
.container .ad-block-2 .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 .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{
    width: 70px;
    height: 70px;
    margin: 0 auto;
    background:#fff url("../image/weIntro/2-ptgn-1.png") no-repeat;
}
.container .block-2 .option:hover{
	background: #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-1:hover .img-wrap{
    background-position: 0 0;
}
.container .block-2 .option-2:hover .img-wrap{
    background-position: -75px 0;
}
.container .block-2 .option-3:hover .img-wrap{
    background-position: -150px 0;
}
.container .block-2 .option-4:hover .img-wrap{
    background-position: -225px 0;
}
.container .block-2 .option-5:hover .img-wrap{
    background-position: -300px 0;
}
.container .block-2 .option-6:hover .img-wrap{
    background-position: 0 -75px;
}
.container .block-2 .option-7:hover .img-wrap{
    background-position: -75px -75px;
}
.container .block-2 .option-8:hover .img-wrap{
    background-position: -150px  -75px;
}
.container .block-2 .option-9:hover .img-wrap{
    background-position: -225px  -75px;
}
.container .block-2 .option-10:hover .img-wrap{
    background-position: -300px  -75px;
}
.container .block-2 .option-11:hover .img-wrap{
    background-position: 0px  -150px;
}
.container .block-2 .option-12:hover .img-wrap{
    background-position: -75px  -150px;
}
.container .block-2 .option-13:hover .img-wrap{
    background-position: -150px  -150px;
}
.container .block-2 .option-14:hover .img-wrap{
    background-position: -225px  -150px;
}
.container .block-2 .option-15:hover .img-wrap{
    background-position: -300px  -150px;
}
.container .block-2 .option-16:hover .img-wrap{
    background-position: 0px  -225px;
}
.container .block-2 .option-17:hover .img-wrap{
    background-position: -75px  -225px;
}
.container .block-2 .option-18:hover .img-wrap{
    background-position: -150px  -225px;
}
.container .block-2 .option-19:hover .img-wrap{
    background-position: -225px  -225px;
}
.container .block-2 .option-20:hover .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,.container .block-2 .option:hover .desc-text{
    color: #fff;
}
.container .block-2 .option .desc-text{
    font-family: "microsoft yahei";
    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 .ad-block-2 .desc-area{
	width: 550px;
	margin: 0 auto;
	padding-top: 60px;
}
.container .ad-block-2 .desc-area .title-info{
	color: #fff;
}
.container .ad-block-2 .desc-area .line{
	width: 45px;
	margin: 0 auto;
	height: 1px;
	background: #fff;
	margin-bottom: 40px;
}
.container .ad-block-2 .desc-area .text{
	color: #fff;
	line-height: 35px;
	font-size: 14px;
}
.container .ad-block-2 .link-wrap {
	width: 550px;
	margin: 0 auto;
	margin-top: 70px;
}
.container .ad-block-2 .link-wrap a{
	display: inline-block;
	width: 220px;
	height: 50px;
	line-height: 50px;
	border: 1px solid #fff;
	text-indent: 18%;
	font-size: 16px;
	color: #fff;
	float: left;
	border-radius: 3px;
	text-decoration: none;
	background: url("../image/weIntro/ad-block-QQ.png") no-repeat 20% center;
}
.container .ad-block-2 .link-wrap a.link-tel{
	float: right;
	background: url("../image/weIntro/ad-block-tel.png") no-repeat 20% center;
}
.container .ad-block-2 .link-wrap a.link-tel div {
	margin-left: 50px;
	line-height: 20px;
	font-size: 14px;
}
.container .ad-block-2 .link-wrap a.link-tel div.tel{
	margin-top: 5px;
}
.container .ad-block-2 .link-wrap a:hover{
	background-color: #f39800;
	border: 1px solid #f39800;
}
.container .block-3 .option{
    width: 200px;
    height: 235px;
    margin-right: 25px;
    float: left;
    margin-bottom: 20px;
}
.container .block-3 .option .img{
	height: 200px;
	overflow: hidden;
}
.container .block-3 .option .img img{
    width: 100%;
    display: block;
}
.container .block-3 .option .name{
	height: 35px;
	line-height: 35px;
	text-align: center;
	color: #fff;
	font-size: 20px;
	background: #78cdf3;
	font-family: "microsoft yahei";
}
.container .block-3 .option:hover .name{
    background: #f39800;
}
.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 .process-wrap .item{
	width: 157.14px;
	float: left;
	margin-bottom:40px;
}
.container .block-4 .process-wrap .item-0{
	margin-right: 0;
}
.container .block-4 .process-wrap .item .img-wrap{
	height: 168px;
	position: relative;
}
.container .block-4 .process-wrap .item .info-wrap{
	height: 120px;
	text-align: center;
	color: #666;
}
.container .block-4 .process-wrap .item .info-wrap .text{
	font-size: 16px;
	margin-top: 10px;
}
.container .block-4 .process-wrap .item .info-wrap .num{
	font-size: 20px;
}
.container .block-4 .process-wrap .item .info-wrap ._text{
	font-size: 16px;
}
.container .block-4 .process-wrap .item .info-wrap ._num{
	font-size: 20px;
	padding-top: 70px ;
}
.container .block-4 .process-wrap .item .img{
	position: absolute;
	bottom: 40px;
	left: 15px;
	width: 120px;
	height: 120px;
}
.container .block-4 .process-wrap .item:hover .img{
	position: absolute;
	top: -28px;
	left: -5px;
	width: 157px;
	height: 157px;
}
.container .block-4 .process-wrap .item .img-wrap-1 .icon{
	position: absolute;
	top: 15px;
	left: 65px;
}
.container .block-4 .process-wrap .item .img-wrap-1 .img{
	position: absolute;
	top: 50px;
	left: 18px;
}
.container .block-4 .process-wrap .item:hover .img-wrap-1 .img{
	position: absolute;
	top: 42px;
	left: -10px;
}
.container .block-4 .process-wrap .item:hover .info-wrap{
	color: #78cdf3;
}
.container .block-4 .process-wrap .item .icon{
	position: absolute;
	bottom: 10px;
	left: 65px;
	width: 22px;
	height: 22px;
	z-index: 99;
	background: url("../image/weIntro/block-4-icon.png") no-repeat center;
}
.container .block-4 .process-wrap{
	position: relative;
}
.container .block-4 .process-wrap .line{
	position: absolute;
	bottom: 56%;
	width: 100%;
	height: 1px;
	z-index: 0;
	background: #78cdf3;
}
.container .block-4 .process-wrap .item:hover .icon{
	background: url("../image/weIntro/block-4-icon-hover.png") no-repeat center;
}
.container .block-4 .process-wrap .item .img-1{
	background:url("../image/weIntro/block-4-img-1.png") no-repeat left top;
}
.container .block-4 .process-wrap .item .img-2{
	background: url("../image/weIntro/block-4-img-2.png") no-repeat left center;
}
.container .block-4 .process-wrap .item .img-3{
	background: url("../image/weIntro/block-4-img-1.png") no-repeat -293px center;
}
.container .block-4 .process-wrap .item .img-4{
	background: url("../image/weIntro/block-4-img-2.png") no-repeat -288px center;
}
.container .block-4 .process-wrap .item .img-5{
	background: url("../image/weIntro/block-4-img-1.png") no-repeat -586px center;
}
.container .block-4 .process-wrap .item .img-6{
	background: url("../image/weIntro/block-4-img-2.png") no-repeat -575px center;
}
.container .block-4 .process-wrap .item .img-7{
	background:url("../image/weIntro/block-4-img-1.png") no-repeat -868px center;
}
.container .block-4 .process-wrap .item:hover .img-1{
	background: url("../image/weIntro/block-4-img-1-hover.png") no-repeat 5px 10px;
}
.container .block-4 .process-wrap .item:hover .img-2{
	background: url("../image/weIntro/block-4-img-2-hover.png") no-repeat 10px center;
}
.container .block-4 .process-wrap .item:hover .img-3{
	background: url("../image/weIntro/block-4-img-1-hover.png") no-repeat -283px center;
}
.container .block-4 .process-wrap .item:hover .img-4{
	background: url("../image/weIntro/block-4-img-2-hover.png") no-repeat -275px center;
}
.container .block-4 .process-wrap .item:hover .img-5{
	background: url("../image/weIntro/block-4-img-1-hover.png") no-repeat -578px center;
}
.container .block-4 .process-wrap .item:hover .img-6{
	background: url("../image/weIntro/block-4-img-2-hover.png") no-repeat -568px center;
}
.container .block-4 .process-wrap .item:hover .img-7{
	background: url("../image/weIntro/block-4-img-1-hover.png") no-repeat -863px center;
}
.container .block-4 .desc-area{
	margin-top: 30px;
}
.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: 345px;
    background: url("../image/weIntro/7-img2.png") center no-repeat;
}
.container .block-5 .desc-1 .item{
	width: 180px;
	height: 345px;
	float: left;
	margin-right: 4px;
	background: #f2ece0;
}
.container .block-5 .desc-1 .item-0{
	margin-right: 0;
}
.container .block-5 .desc-1 .item .img{
	width: 114px;
	margin: 0 auto;
	height: 114px;
	overflow: hidden;
	margin-top: 35px;
}
.container .block-5 .desc-1 .item .img-1{
	background: url("../image/weIntro/block-5.png") no-repeat left top;
}
.container .block-5 .desc-1 .item .img-2{
	background: url("../image/weIntro/block-5.png") no-repeat -187px 0;
}
.container .block-5 .desc-1 .item .img-3{
	background: url("../image/weIntro/block-5.png") no-repeat -372px 0;
}
.container .block-5 .desc-1 .item .img-4{
	background: url("../image/weIntro/block-5.png") no-repeat -554px 0;
}
.container .block-5 .desc-1 .item .img-5{
	background: url("../image/weIntro/block-5.png") no-repeat -740px 0;
}
.container .block-5 .desc-1 .item .img-6{
	background: url("../image/weIntro/block-5.png") no-repeat right center
}
.container .block-5 .desc-1 .item:hover .img-1{
	background: url("../image/weIntro/block-5-hover.png") no-repeat left top;
}
.container .block-5 .desc-1 .item:hover .img-2{
	background: url("../image/weIntro/block-5-hover.png") no-repeat -187px 0;
}
.container .block-5 .desc-1 .item:hover .img-3{
	background: url("../image/weIntro/block-5-hover.png") no-repeat -372px 0;
}
.container .block-5 .desc-1 .item:hover .img-4{
	background: url("../image/weIntro/block-5-hover.png") no-repeat -554px 0;
}
.container .block-5 .desc-1 .item:hover .img-5{
	background: url("../image/weIntro/block-5-hover.png") no-repeat -740px 0;
}
.container .block-5 .desc-1 .item:hover .img-6{
	background: url("../image/weIntro/block-5-hover.png") no-repeat right center
}
.container .block-5 .desc-1 .item .img-title{
	height: 80px;
	font-size: 20px;
	font-family: "microsoft yahei";
	line-height: 80px;
	text-align: center;
}
.container .block-5 .desc-1 .item .img-info{
	height: 110px;
	font-size: 14px;
	color: #777777;
	text-indent: 20px;
	margin:  0 5px;
	overflow: hidden;
	background: url("../image/weIntro/block-5-square.png") no-repeat left top;
	
}
.container .block-5 .desc-1 .item:hover{
	background: #f39800;
}
.container .block-5 .desc-1 .item:hover .img-info,
.container .block-5 .desc-1 .item:hover .img-title{
	color: #fff;
}
.container .block-5 .desc-2{
    margin-top: 80px;
    height: 635px;
    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 .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;
}