﻿
/* CSS Document */
.developer_wrap{width:100%; overflow:hidden; padding-top:60px;
}
.developer_wrap .banner{width:100%; height:816px;padding-top: 70px; background:#f7f7f7;/* background:url(../images/developer_img1.jpg) 50% 0 no-repeat; */text-align:center ;
}
.developer_wrap .developer_div1{width:100%; height:360px; padding-top:72px; 
}
.developer_div1 .blocklist{width:1029px; overflow:hidden; margin:0 auto;text-align: left;
}
.blocklist .link{width:178px; height:296px;padding-left:26px;padding-right: 20px; float:left; margin-right:44px; background:url(../images/developer_img3.jpg) 0 0 no-repeat;
}
.blocklist .link .content{line-height:24px; padding-top:189px;font-size:14px; font-family:'宋体'; color:#6d6e70;
}
.blocklist .block1{background-position: 0px -1184px;}
.blocklist .block2{/*background-position: 0 -1776px;*/background-position: 0px -2072px;
}
.blocklist .block3{background-position: 0px 0px;
}
.blocklist .block4{margin-right:0; background-position: 0px -592px;
}
.blocklist .block1:hover{background-position: 0  -1480px;
}
.blocklist .block2:hover{background-position: 0  -2072px;
}
.blocklist .block3:hover{background-position: 0  -296px;
}
.blocklist .block4:hover{background-position: 0  -888px;
}
.developer_div1 .jian {height: 31px;width: 60px;margin:0 auto;margin-top:69px;*margin-top:66px;
}
.developer_wrap .developer_div2{width:100%; 
}
.developer_div2 .div2_con{width:946px; margin:0 auto; font-family:'Microsoft YaHei'; 
}
.div2_con .jt{width:1px; height:1px; display:block; border-top:#009570 solid 23px; border-bottom:solid 23px transparent; border-left:solid 30px transparent; border-right:solid 30px transparent; position:relative; margin:0 auto; top:-1px;
}
.developer_div2 .div2_con .title{line-height:64px; width:304px; margin:0 auto; padding-top:60px; margin-bottom:32px; font-size:40px; font-weight:normal; text-align:center; border-bottom:#e7eaec solid 2px;
}
.div2_con .doc_content{width:944px; margin-bottom:72px; border:#e7e8e8 solid 1px; border-top:0;
}
.div2_con .doc_content .stitle{width:100%; height:48px; background:#e7e8e8;
}
.doc_content .stitle .name{float:left; line-height:48px; padding-left:14px; font-size:20px; color:#081f30;font-weight:normal;
}
.doc_content .taglist{padding:24px 0 24px 16px; overflow:hidden;
}
.doc_content .taglist .link{float:left; margin-right:42px; height:24px; line-height:24px; background:#f1f1f1; font-size:16px; color:#142f42; padding:0 6px;
}
.doc_content .taglist .link:hover{background:#02ab71; color:#FFF;
}
.doc_content .sdklist{width:100%; overflow:hidden; padding-bottom:36px;
}
.doc_content .sdklist li{line-height:25px; width:100%; float:left; overflow:hidden; margin-top:35px;
}
.doc_content .sdklist .name{float:left; width:122px; padding-left:16px; font-size:18px; color:#0b2334; line-height:25px;
}
.doc_content .sdklist .mr{margin-right:0;
}
.doc_content .sdklist a{float:left; line-height:25px; font-size:14px; color:#142f42; font-family:'宋体'; margin-right:22px;
}
.doc_content .sdklist .andicon{padding:0 17px 0 38px; background:url(../images/developer_img4.png) 14px 2px #f1f1f1 no-repeat;
}
.doc_content .sdklist .iosicon{padding:0 16px 0 33px; background:url(../images/developer_img4.png) 12px -27px #f1f1f1 no-repeat;
}
.doc_content .sdklist .winicon{padding:0 14px 0 38px; background:url(../images/developer_img4.png) 12px -57px #f1f1f1 no-repeat;
}
.doc_content .sdklist .webicon{padding:0 19px 0 34px; background:url(../images/developer_img4.png) 11px -86px #f1f1f1 no-repeat;
}
.doc_content .sdklist .ocxicon{padding:0 16px 0 35px; background:url(../images/developer_img4.png) 10px -116px #f1f1f1 no-repeat;
}
.doc_content .sdklist .andicon:hover{padding:0 17px 0 38px; background:url(../images/developer_img4.png) 14px -148px #02ab71 no-repeat; color:#FFF;
}
.doc_content .sdklist .iosicon:hover{padding:0 16px 0 33px; background:url(../images/developer_img4.png) 12px -176px #02ab71 no-repeat; color:#FFF;
}
.doc_content .sdklist .winicon:hover{padding:0 14px 0 38px; background:url(../images/developer_img4.png) 12px -207px #02ab71 no-repeat; color:#FFF;
}
.doc_content .sdklist .webicon:hover{padding:0 19px 0 34px; background:url(../images/developer_img4.png) 11px -236px #02ab71 no-repeat; color:#FFF;
}
.doc_content .sdklist .ocxicon:hover{padding:0 16px 0 35px; background:url(../images/developer_img4.png) 10px -266px #02ab71 no-repeat; color:#FFF;
}
.developer_wrap .developer_div3{width:100%; height:154px; padding-top:230px; background:url(../images/developer_img5.jpg) 50% 0 no-repeat;
}
.developer_wrap .developer_div3 .div3_con{width:1060px; overflow:hidden; margin:0 auto;
}
.developer_div3 .div3_con .linkbox{width:232px; float:left; overflow:hidden; margin-right:174px;
}
.developer_div3 .div3_con .mr{margin-right:0;
}
.div3_con .linkbox .link{float:left; margin-left:16px; margin-bottom:24px; width:99px; height:24px; line-height:24px; text-align:center; font-size:16px; background:#0f161b; color:#FFF; letter-spacing:2px;
}
.div3_con .linkbox .link:hover{background:#086146;
}
.developer_wrap .developer_div4{width:100%; height:326px;
}
.developer_wrap .developer_div4 .jt{width:1px; height:1px; display:block; border-top:#101e2d solid 23px; border-bottom:solid 23px transparent; border-left:solid 30px transparent; border-right:solid 30px transparent; position:relative; margin:0 auto; top:-1px;
}
.developer_wrap .developer_div4 .div4_con{width:1034px; padding-top:34px; overflow:hidden; margin:0 auto;
}
.developer_div4 .div4_con dl{float:left; overflow:hidden;
}
.developer_div4 .div4_con dt{height:101px;
}
.developer_div4 .div4_con .dl1{width:287px;
}
.developer_div4 .div4_con .dl2{width:245px;
}
.developer_div4 .div4_con .dl3{width:330px;
}
.developer_div4 .div4_con .dl4{width:170px;
}
.div4_con .dl1 .img{margin-left:47px;
}
.div4_con .dl2 .img{margin-left:31px;
}
.div4_con .dl3 .img{margin-left:71px;
}
.div4_con .dl4 dt{text-align:center;
}
.developer_div4 .div4_con .link{float:left; width:142px; height:24px; line-height:24px; font-size:16px; color:#142f42; font-family:'Microsoft YaHei'; text-align:center; background:#f1f1f1;
}
.div4_con .dl2 .link{width:122px;
}
.div4_con .dl3 .con{width:212px; height:24px; line-height:24px; font-size:16px; color:#142f42; font-family:'Microsoft YaHei'; text-align:center; background:#f1f1f1; margin-bottom:4px;
}
.developer_div4 .div4_con .link:hover{background:#20a56e; color:#FFF;
}
.div4_con .dl4 .stitle{font-size:16px; color:#0c283d; font-family:'Microsoft YaHei'; font-weight:normal; text-align:center; padding:4px 0;
}
.div4_con .dl4 .con{line-height:24px; text-align:center; font-size:14px; color:#969696; font-family:'宋体'; letter-spacing:0;
}




@media screen and (max-width: 1300px) {
	.developer_wrap .developer_div1{
		padding-top:50px;
	}
	.developer_wrap .banner{
		padding-top:20px;
    	height: 817px;
	}
	.developer_div1 .jian {
	    margin-top: 90px;
	}
}
@media screen and (max-height: 700px) {
	.developer_wrap .developer_div1{
		padding-top:50px;
	}
	.developer_wrap .banner{
		padding-top:20px;
    	height: 817px;
	}
	.developer_div1 .jian {
	    margin-top: 90px;
	}
}


























