﻿/* 头图 */
.social-banner{
	height:430px;
	background: url(banner.jpg) no-repeat center;
    margin: 0 auto;
	min-width: 1200px;
	display: block;
    overflow: hidden;
}
.social-banner>img{
  margin-top: 5%;
  margin-left: 20%;
}
.banner-title{
    font-size: 32px;
    font-weight: bold;
    color:#455a64;
    margin: 25px 0;
    margin-left: 18%;
}
.banner-sectitle{
    font-size: 24px;
    color:#455a64;
    margin-left: 18%;
}
/* 公共部分 */
.f_l{
    float: left;
}
.f_r{
    float: right;
}
.clearfix:after { 
    content: ''; 
    display: table; 
    clear: both; 
   } 
.common-title{
    max-width: 1200px;
    font-size: 35px;
    font-weight: bold;
    line-height: 40px;
    color: #3c3768;
    text-align: center;
    margin: 0 auto;
    padding-top: 70px;
    display: table;
}  
.blank_bottom1{
    padding-bottom: 70px;
}
.blank_bottom2{
    padding-bottom: 40px;
}
.blank_bottom3{
    padding-bottom: 90px;
}
.blank-top2{
    margin-top: 200px;
    margin-bottom:20px;
}
.common-title img,.common-title span{
    display: inline-block;
    vertical-align: middle;
}
.common-title span{
    margin: 0 48px;
}

/* 内容 */
.social-content{
    height: 4122px;
    background: url(social_bg.jpg) no-repeat center;
    background-position-y: -1px;
    min-width: 1200px;
}
.social-select{
    width: 1200px;
    margin: 0 auto;
}
.social-select ul{
    display: inline-block;
    overflow:hidden;
    margin-right: -74px;
}
.social-select ul li{
    width: 352px;
    float: left;
    margin-right: 72px;
}
.social-select ul li img{
    display: block;
    margin: 0 auto;
}
.social-select-t{
    color: #1b1b1b;
    font-size: 24px;
    text-align: center;
    margin-bottom: 25px;
}
.social-select-p{
    width: 240px;
    color: #1b1b1b;
    font-size: 18px;
    line-height: 28px;
    text-align: justify;
    text-justify: inter-ideograph;/*IE*/
    margin:  0 auto;
}
/* 三大痛点 */
.social-select ul.pain-spot li{
    height: 419px;
   background: url(social_pic1.png) no-repeat center;
}
.social-select ul.pain-spot li+li{
   background: url(social_pic2.png) no-repeat center;
}
.social-select ul.pain-spot li+li+li{
   background: url(social_pic3.png) no-repeat center;
}
.social-select ul.pain-spot .social-select-t{
    margin-top: 220px;
    margin-bottom: 18px;
}
.social-select ul.pain-spot .social-select-p{
    text-align: center;
    font-family: "Helvetica";
}
.line{
    width: 100%;
    height: 4px;
    margin-bottom: 18px;
    background: url(../images/social_mall/social_line.png) no-repeat center;
}
.social-seo{
    text-align: center;
    font-size: 20px;
    line-height: 28px;
    color: #1b1b1b;
    font-weight: 600;
}
.social_relation{
    display: block;
    margin: 55px auto 0;
}
/* 体系 */
ul.social-system{
    width: 1200px;
    margin: 0 auto;
}

ul.social-system li.num01{
    padding-left: 478px;
    margin-bottom: 90px;
}
ul.social-system li.num02{
    padding-left:609px;
    margin-bottom: 76px;
}
ul.social-system li.num03{
    padding-left: 476px;
    margin-bottom: 50px;
}
ul.social-system li.num04{
    padding-left:204px;
}
ul.social-system li img.num-img{
    float: left;
   margin-bottom: 44px;
   margin-right: 30px;
}
ul.social-system li .social-select-t{
    text-align: left;
    margin-bottom:0px; 
}
ul.social-system li .social-select-p{
    text-align: left;
    width: auto;
    word-wrap:break-word;
}
/* 多端口展示 */
.social-show{
    height: 858px;
    background: url(social_img.png) no-repeat bottom center; 
}
.social-show .social-select-t{
    font-size: 18px;
    color: #434343;
    font-weight: normal;
}
.social-show ul li img.h5_icon{
    margin-top: 145px;
}
.social-show ul li img.app_icon{
    margin-top: 40px;
}
.social-show ul li img.applet_icon{
    margin-top: 145px;
}
/*底部*/
.bottom-banner {
    background: url(footer_bg.jpg) no-repeat top center;
    height: 340px;
    text-align: center;
    color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 97px;
}
.bottom-p{
    text-align: center;
    color: #fff;
    font-size: 30px;  
}
.bottom-banner>a{
   width: 270px;
   height: 65px;
   display: block;
   margin: 45px auto 0;
   text-align: center;
   font-size: 28px;
   color: #fff;
   line-height: 65px;
   letter-spacing: 3px;
}