/*通用样式*/
h1{
    font-size:40px;
    color:#2B93E2;
    font-weight:bold;
}
h2{
    font-size:30px;
}
h3{
    font-size:25px;
    font-weight:bold;
}
h4{
    font-size:20px;
    font-weight:bold;
}
.container p{
    font-size:20px;
}
h2,h3,h4,p{
    color:#1B1B1B;
}
/*横幅栏部分*/
.container{
    margin-top:48px;
}
.banner{
    position:relative;
    width:100%;
    height:335px;
    background:url("https://hbbwebsite.oss-cn-shenzhen.aliyuncs.com/hbbwebsite/image/1469081264000_us_banner_default.jpg") no-repeat;
    background-position:center;
    background-size:cover;
}
#AboutHbb{
    position:relative;
    margin:0 auto;
    width:606px;
    height:130px;
    display:block;
    top:102.5px;
    background:url("https://hbbwebsite.oss-cn-shenzhen.aliyuncs.com/hbbwebsite/image/1469081264000_us_hbb_default.png");
    background-position:center;
    background-size:cover;
}
/*二级导航栏*/
.sec-navbar {
    position: relative;
    height: 70px;
    width: 100%;
    background-color: #F8F8F8;
}
.sec-navbar > ul{
    margin-left:377px;
    position:relative;
}
.sec-navbar > ul li{
    float:left;
    padding:26.5px 20px;
    font-size:17px;
    cursor:pointer;
    color:#656565;
}
.sec-navbar > ul .sec-navbar-selected{
    color:#F74D61;
}
#sec-underline{
    position: absolute;
    top:67px;
    left:0;
    display:block;
    width:108px;
    height:3px;
    background: #F74D61;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}
/* 正文部分样式 */
.content{
    padding-bottom:130px;
    width:100%;
    text-align: center;
}
/* 企业介绍样式 */
.content-text{
    width:1200px;
    margin:0 auto;
    text-align: left;
}
#content-page-1 p{
    display:inline-block;
    margin-top:50px;
    text-align:left;
    line-height:30px;
    text-indent: 2em;
}
/* 企业文化样式 */
#dutyImg{
    display:block;
    position:relative;
    width:162px;
    height:162px;
    margin:60px auto 0;
}
#content-page-2 h1{
    margin-top:20px;
}
#dutyArea{
    margin-top:10px;
}
#dutyArea ul{
    display:inline-block;
}
#dutyArea ul li{
    font-size:20px;
    text-align:left;
    padding:20px 20px 0 20px;
    display:block;
}
.duty-title li{
    font-weight:bold;
}
#ourPhoto{
    width:100%;
    margin-top:60px;
}
#content-page-2 #alwaysInsist{
    margin-top:60px;
}
#content-page-2 h4,
#content-page-2 p{
    text-align:left;
    width:1200px;
    display:inline-block;
}
#content-page-2 h4{
    margin-top:60px;
}
#content-page-2 p{
    line-height:30px;
    margin-top:10px;
}
/* 合作伙伴样式 */
.iconArea-center{
    text-align:center;
    margin:0 auto;
    width:1050px;
}
.iconsArea{
    position:relative;
    width:1050px;
    height:240px;
    display:inline-block;
}
.icon{
    width:300px;
    margin:0 25px;
    float:left;
}
.icon p{
    margin-top:20px;
}
.icon img{
    width:300px;
    height:200px;
}
/* 加入我们样式 */
#content-page-4 h3,
#content-page-4 h4,
#content-page-4 p{
    display:block;
    text-align:left;
    width:1200px;
    margin:0 auto;
}
#content-page-4 h3{
    margin-top:60px;
    color:#2B93E2;
}
#content-page-4 h4{
    margin-top:30px;
}
#content-page-4 p{
    margin-top:10px;
    line-height:30px;
}
#content-page-4 hr{
    width:1200px;
    margin:60px auto 0;
    border:0 none;
    background-color:#C4C4C4;
    height:1px;
}
#content-page-4 .welcomeIn{
    margin-top:30px;
}
#content-page-4 h1{
    margin-top:60px;
    color:#1B1B1B;
    font-weight:100;
}
#content-page-4 .ourEmail{
    color:#2B93E2;
    text-align:center;
    font-weight:100;
}
/* 联系我们样式 */
.iconBanner{
    position:relative;
    margin:0 auto;
    width:1200px;
    height:162px;
    border-bottom:1px solid #C4C4C4;
    padding:60px 0;
}
.iconArea{
    float:left;
}
.iconArea img{
    width:55px;
    height:55px;
}
#hotline{
    width: 216px;
}
#technical{
    width: 356px;
    margin-left: 208px;
    margin-right: 176px;
}
#email{
    width: 244px;
}
.iconTitle{
    font-size:28px;
    font-weight:bold;
    margin-top:30px;
}
.iconNo{
    font-size:28px;
    margin-top:18px;
}
.companyArea{
    width:1200px;
    position:relative;
    margin:0 auto;
    text-align:left;
}
.companyArea h3{
    margin-top:60px;
}
.companyArea p{
    margin-top:20px;
}
.companyArea img{
    position:absolute;
    top:48px;
    left:510px;
    width:793px;
    height:664px;
}


/**********响应式分割线*************/
@media (max-width:1440px) {
    /*通用样式*/
    h1 {
      font-size: 32px;
    }
    h2 {
      font-size: 24px;
    }
    h3 {
      font-size: 20px;
    }
    h4 {
      font-size: 16px;
    }
    .container p {
      font-size: 16px;
    }
    /*横幅栏部分*/
    .container {
      margin-top: 48px;
    }
    .banner {
      height: 268px;
    }
    #AboutHbb {
      width: 484.8px;
      height: 104px;
      top: 82px;
    }
    /*二级导航栏*/
    .sec-navbar {
      height: 56px;
    }
    .sec-navbar > ul {
      margin-left: 301.6px;
    }
    .sec-navbar > ul li {
      padding: 21.2px 16px;
      font-size: 13.6px;
    }
    #sec-underline {
      top: 53.6px;
      width: 86.4px;
      height: 2.4px;
    }
    /* 正文部分样式 */
    .content {
      padding-bottom: 104px;
      text-align: center;
    }
    /* 企业介绍样式 */
    .content-text{
      width: 960px;
      text-align: left;
    }
    #content-page-1 p{
      margin-top: 40px;
      line-height: 24px;
    }
    /* 企业文化样式 */
    #dutyImg {
      width: 129.6px;
      height: 129.6px;
      margin: 48px auto 0;
    }
    #content-page-2 h1 {
      margin-top: 16px;
    }
    #dutyArea {
      margin-top: 8px;
    }
    #dutyArea ul li {
      font-size:16px;
      padding: 16px 16px 0 16px;
    }
    #ourPhoto {
      margin-top: 48px;
    }
    #content-page-2 #alwaysInsist {
      margin-top: 48px;
    }
    #content-page-2 h4,
    #content-page-2 p {
      width: 960px;
    }
    #content-page-2 h4 {
      margin-top: 48px;
    }
    #content-page-2 p {
      line-height: 24px;
      margin-top: 8px;
    }
    /* 合作伙伴样式 */
    .iconArea-center{
        width:840px;
    }
    .iconsArea {
      width: 840px;
      height: 192px;
    }
    .icon {
      width: 240px;
      margin: 0 20px;
    }
    .icon p {
      margin-top: 16px;
    }
    #content-page-3 .iconImg{
        width:240px;
        height: 160px;
    }
    /* 加入我们样式 */
    #content-page-4 h3,
    #content-page-4 h4,
    #content-page-4 p {
      width: 960px;
    }
    #content-page-4 h3 {
      margin-top: 48px;
    }
    #content-page-4 h4 {
      margin-top: 24px;
    }
    #content-page-4 p {
      margin-top: 8px;
      line-height: 24px;
    }
    #content-page-4 hr {
      width: 960px;
      margin: 48px auto 0;
    }
    #content-page-4 .welcomeIn {
      margin-top: 24px;
    }
    #content-page-4 h1 {
      margin-top: 48px;
    }
    /* 联系我们样式 */
    .iconBanner {
      width: 960px;
      height: 129.6px;
      padding: 48px 0;
    }
    .iconArea img {
      width: 44px;
      height: 44px;
    }
    #hotline {
      width: 172.8px;
    }
    #technical {
      width: 284.8px;
      margin-left: 166.4px;
      margin-right: 140.8px;
    }
    #email {
      width: 195.2px;
    }
    .iconTitle {
      font-size: 22.4px;
      margin-top: 24px;
    }
    .iconNo {
      font-size: 22.4px;
      margin-top: 14.4px;
    }
    .companyArea {
      width: 960px;
    }
    .companyArea h3 {
      margin-top: 48px;
    }
    .companyArea p {
      margin-top: 16px;
    }
    .companyArea img {
      top: 38.4px;
      left: 408px;
      width: 634.4px;
      height: 531.2px;
    }

}