@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0;
}
i{font-style:normal;
}
.sp_container{width:100%; height:500px; background:url("../images/sp_banner.jpg")/*tpa=statics/css/app/modules/pc/assets/css/sp_banner.jpg*/ 50% 0 no-repeat; padding:0;
}
.contain_box{width:1134px; margin:0 auto; height:531px; font-family:'Microsoft YaHei';
}
.contain_box h1{padding:132px 0 34px 0; font-size:40px; height:50px; line-height:50px; color:#FFF; font-weight:normal; 
}
.contain_box h1 em{font-size:30px; padding-left:12px;
}
.contain_box p{font-size:18px; color:#FFF; line-height:36px;
}
.contain_box a{font-size:18px; color:#FFF; float:left; height:41px; line-height:41px; margin-top:114px;
}
.contain_box .a1{width:154px; text-align:center; background:url("../images/sphy_btn1.png")/*tpa=statics/css/app/modules/pc/assets/css/sphy_btn1.png*/ 0 0 no-repeat; margin-right:24px;
}
.contain_box .a1:hover{background-position: 0 -41px;
}
.contain_box .a2{text-decoration:underline; 
}
.nav_bar{width:100%; height:70px; background:#ededed; z-index:5; font-family:'Microsoft YaHei';
}
.nav_box{width:1174px; height:70px; margin:0 auto;
}
.nav_box a{float:left; width:142px; height:70px; text-align:center; line-height:70px; text-align:center; font-size:16px; color:#6b6b6b; font-weight:bold;
}
.nav_box .a1{background:url("../images/sphy_navline.png")/*tpa=statics/css/app/modules/pc/assets/css/sphy_navline.png*/ left bottom no-repeat; color:#3cb44b;
}
.nav_box span{float:left; width:1px; height:30px; background:url("../images/sphy_nav_bg.png")/*tpa=statics/css/app/modules/pc/assets/css/sphy_nav_bg.png*/ left top no-repeat; margin:20px 14px;
}
/*sp_content*/
.sp_content{width:100%; height:365px; background:#f7f9fb;}
.sp_content .content_box{width:1174px; margin:0 auto; overflow:hidden; font-family:'Microsoft YaHei';}
.content_box .title{padding:40px 0 30px; font-size:20px;  text-align:center; line-height:32px; font-weight:normal;}
.content_box .con{line-height:26px; font-size:16px;  text-align:center;width:1174px;margin:0 auto; }
.content_box .con_list{width:1100px;margin:30px auto; }
.content_box .con_list li{line-height:30px;width:180px;height:180px;float:left; font-size:14px; color:#fff; background:#f08300; }
.content_box .con_list p{padding:40px 20px; font-size:16px;}
.content_box .con_list img{width:180px;float:left; }
}
/*应用场景*/
.div1{width:100%; height:720px; 
}
.div1 .div1_con, .div2 .div2_con, .div3 .div3_con, .div4 .div4_con, .div5 .div5_con, .div6 .div6_con, .div7 .div7_con{width:1200px; overflow:hidden; margin:0 auto;
}
.div1_con .sptitle, .div2_con .sptitle, .div3_con .sptitle, .div4_con .sptitle, .div5_con .sptitle, .div6_con .sptitle, .div7_con .sptitle{margin:76px auto 52px auto; line-height:28px; border-left:#26b77b solid 3px; padding-left:16px; font-size:28px; font-weight:normal; font-family:'Microsoft YaHei'; text-align:center;width:150px;}
.div1_con .div1_list{padding-left:50px; overflow:hidden; 
}
.div1_list li{width:464px; height:82px; float:left; overflow:hidden; margin:0 120px 62px 0; background:url("sp_icons.png")/*tpa=statics/css/app/modules/pc/assets/css/sp_icons.png*/ left top no-repeat;}
.div1_list .l1{background:url("../images/huiyi.png")/*tpa=statics/css/app/modules/pc/assets/css/huiyi.png*/ no-repeat;}
.div1_list .l2{background:url("../images/jiankong.png")/*tpa=statics/css/app/modules/pc/assets/css/jiankong.png*/ no-repeat;}
.div1_list .l3{background:url("../images/xiezuo.png")/*tpa=statics/css/app/modules/pc/assets/css/xiezuo.png*/ no-repeat;}
.div1_list .l4{background:url("../images/jiaoyu.png")/*tpa=statics/css/app/modules/pc/assets/css/jiaoyu.png*/ no-repeat;}
.div1_list .l5{background:url("../images/yuanchengyiliao.png")/*tpa=statics/css/app/modules/pc/assets/css/yuanchengyiliao.png*/ no-repeat;}
.div1_list .l6{background:url("../images/mianshi.png")/*tpa=statics/css/app/modules/pc/assets/css/mianshi.png*/ no-repeat;}

.div1_list .s_title{padding-left:112px; font-size:18px;  font-family:'Microsoft YaHei'; line-height:38px; margin-bottom:14px; font-weight:normal;
}
.div1_list .con{padding-left:114px; font-size:14px;  line-height:22px;
}
.div1_list .mr{margin-right:0;
}
.div1_imgbox{padding:6px 0 0 58px; overflow:hidden;
}
.div1_imgbox img{float:left; margin-right:41px;
}
.div1_imgbox .mr{margin-right:0;
}
/*我们的优势*/
.div2{width:100%; height:100%; background:#f7f9fb;margin-top:150px;
}
.div2_con .title{
}
.div2_con .div2_list{padding-left:50px; overflow:hidden;
}
.div2_list li{width:258px; height:258px; margin-bottom:5px; float:left; margin-right:143px;
}
.div2_list .mr{margin-right:0;
}
.div2_list span{float:left; width:100%; height:132px; background:url("../images/sp_icon_img.png")/*tpa=statics/css/app/modules/pc/assets/css/sp_icon_img.png*/ 84px 0 no-repeat;
}
.div2_list .icon2{background-position: 28px -124px;
}
.div2_list .icon3{background-position: 56px -262px;
}
.div2_list .icon4{background-position: 54px -396px;
}
.div2_list .icon5{background-position: 52px -517px;
}
.div2_list .icon6{background-position: 69px -650px;
}
.div2_list .icon7{background-position: 46px -784px;
}
.div2_list .icon8{background-position: 70px -922px;
}
.div2_list .icon9{background-position: 52px -1046px;
}
.div2_list .con{line-height:32px; font-size:16px; color:#747474; font-family:'Microsoft YaHei'; text-align:center;
}
/*能力集*/
.div3{width:100%; height:470px;
}
.div3_con .title{margin:82px 0 52px 0;
}
.div3_con .div3_box{padding-left:30px; overflow:hidden;
}
.div3_box .s_title{line-height:30px; margin-bottom:14px; font-size:16px; font-family:'Microsoft YaHei'; font-weight:normal;
}
.div3_listbox .div3_list, .div3_listbox{overflow:hidden;}
.div3_box .fl{float:left;
}
.div3_box .fr{float:right; margin-right:30px;
}
.div3_list li{width:140px; height:50px; float:left; margin:0 18px 22px 0; text-align:center; line-height:50px; background:#5bcb9d; font-size:16px; color:#FFF; font-family:'Microsoft YaHei';
}
/*我们的客户*/
.div4{width:100%; height:389px; background:#f7f9fb;}
.div4_con .title{margin:73px 0 62px 0;}
.div4_con .div4_list{padding-left:62px; overflow:hidden;}
.div4_list li{width:306px; overflow:hidden; float:left; margin-right:52px;}
.div4_list .l1{width:316px;}
.div4_list h4{height:36px; border-bottom:#dbdbdc solid 1px; margin-bottom:25px;}
.div4_list img{float:left;}
.div4_list .img1{margin:0 10px 0 14px;}
.div4_list .img2{margin:4px 10px 6px 18px;}
.div4_list .img3{margin:8px 11px 0 20px;}
.div4_list span{float:left; padding-left:10px; font-size:14px; line-height:36px; font-weight:normal; border-left:#dbdbdc solid 1px;}
.div4_list .con{font-size:16px;  line-height:20px;}
/*服务模式*/
.div5{width:100%; height:364px;}
.div5_con .title{margin:82px 0 62px 0;}
.div5_con .div5_list{padding-left:65px; overflow:hidden; font-family:'Microsoft YaHei';}
.div5_list li{float:left;}
.div5_list h4{padding-left:80px; line-height:38px; font-size:18px; color:#000000; font-weight:normal; }
.div5_list span{padding-left:80px; display:block; line-height:20px; font-size:16px; }
.div5_list .l1{width:588px; height:95px; background:url("../images/sphy_sfimg1.png")/*tpa=statics/css/app/modules/pc/assets/css/sphy_sfimg1.png*/ left 10px no-repeat;}
.div5_list .l2{width:502px; height:95px; background:url("../images/sphy_sfimg2.png")/*tpa=statics/css/app/modules/pc/assets/css/sphy_sfimg2.png*/ left 10px no-repeat;}
/*业务流程*/
.div6{width:100%; height:378px;
}
.div6_con .title{margin:0 0 64px 0;
}
.div6_con .div6_list{padding-left:30px; overflow:hidden;
}
.div6_list li{float:left; width:240px; height:117px; margin-right:44px; }
.div6_list p{line-height:26px; text-align:center; font-size:16px;  font-family:'Microsoft YaHei';
}
.div6_list span{display:block; width:100%; height:54px; 
}
.span1{background:url("../images/sphy_stepimg1.png")/*tpa=statics/css/app/modules/pc/assets/css/sphy_stepimg1.png*/ 99px 9px no-repeat;
}
.span2{background:url("../images/sphy_stepimg2.png")/*tpa=statics/css/app/modules/pc/assets/css/sphy_stepimg2.png*/ 99px 9px no-repeat;
}
.span3{background:url("../images/sphy_stepimg3.png")/*tpa=statics/css/app/modules/pc/assets/css/sphy_stepimg3.png*/ 99px 9px no-repeat;
}
.span4{background:url("../images/sphy_stepimg4.png")/*tpa=statics/css/app/modules/pc/assets/css/sphy_stepimg4.png*/ 99px 9px no-repeat;
}
.div6_list .l1{margin:0;
}
.div6_con .tips{width:1090px; line-height:30px; padding:24px 0 0 30px; text-align:right; font-size:14px; color:#ababab; font-family:'Microsoft YaHei';
}
/*开发指南*/
.div7{width:100%; height:370px;
}
.div7_con .title{margin:0 0 62px 0;
}
.div7_con .div7_list{padding-left:52px; height:33px;
}
.div7_list li{float:left; padding-left:44px; font-family:'Microsoft YaHei'; background:url('../images/sp_step_icons.png') left 4px no-repeat; margin-right:130px;
}
.div7_list .l2{background-position: 0 -43px;
}
.div7_list .l3{background-position: 0 -90px;
}
.div7_list .con{display:block; line-height:33px; font-size:16px; 
}
.div7_list .num{display:block; width:100%; text-align:center; font-size:12px; line-height:14px; 
}
.div7_con .btnbox{width:998px; padding-left:52px; text-align:center; margin-top:96px;
}
.btnbox .num{margin-right:78px;
}
.btnbox .num, .btnbox .num i{font-size:18px;  background:url('pj_bg3.png') 0 0 no-repeat; cursor:pointer; font-family:'Microsoft YaHei';
}
.btnbox .num{background-position:right -42px; padding:0 28px 0 0; display:inline-block;
}
.btnbox .num i{height:41px; line-height:41px; color:#18bd9c; padding:0 0 0 28px; background-position:0 0px; display:inline-block; position:static;
}
.btnbox .num:hover, .num:hover i{background:url('pj3.png') 0 0 no-repeat;
}
.btnbox .num:hover{background-position:right -42px; padding:0 28px 0 0;
}
.btnbox .num:hover i{color:#FFF; padding:0 0 0 28px; background-position: 0 0;
}