/*
    * 关于我们
    * 版权所有：深圳前海百丰投资咨询有限公司
*/
.aboutus-banner-new { width: 100%; min-width: 1200px; height: 300px; background:url("../images/aboutus-topbanner.jpg") no-repeat center top;}
.aboutus-tab { margin-top: 15px; width: 100%; min-width: 1200px; height: 210px; position: relative;}
.aboutus-tab:before {content: " "; width: 100%; height: 1px; background-color: #e7d9c3;  display: block; position: absolute; left: 0; top: 130px; z-index: -1}
.aboutus-tab ul { clear: both; overflow: hidden;}
.aboutus-tab ul li { width: 120px; height: 210px; background-image: url("../images/aboutus-tab.png"); background-repeat: no-repeat; float: left;}
.aboutus-tab ul li a {height: 210px; display: block;}
.aboutus-tab ul li span {display:none}
.aboutus-tab ul li.a1 {margin-right: 40px; background-position:left top;}
.aboutus-tab ul li.a1:hover ,.aboutus-tab ul li.a1.active {background-position:left -253px;}
.aboutus-tab ul li.a2 {margin-right: 50px; background-position:-150px top;}
.aboutus-tab ul li.a2:hover ,.aboutus-tab ul li.a2.active {background-position:-150px -253px;}
.aboutus-tab ul li.a3 {margin-right: 50px; width: 145px; background-position:-320px top;}
.aboutus-tab ul li.a3:hover ,.aboutus-tab ul li.a3.active {background-position:-320px -253px;}
.aboutus-tab ul li.a4 {margin-right: 56px; background-position:-515px top;}
.aboutus-tab ul li.a4:hover ,.aboutus-tab ul li.a4.active {background-position:-515px -253px;}
.aboutus-tab ul li.a5 {margin-right: 52px;width: 130px; background-position:-694px top;}
.aboutus-tab ul li.a5:hover ,.aboutus-tab ul li.a5.active {background-position:-694px -253px;}
.aboutus-tab ul li.a6 {margin-right: 52px; background-position:-875px top;}
.aboutus-tab ul li.a6:hover ,.aboutus-tab ul li.a6.active {background-position:-875px -253px;}
.aboutus-tab ul li.a7 {  background-position:-1057px top;}
.aboutus-tab ul li.a7:hover ,.aboutus-tab ul li.a7.active {background-position:-1057px -253px;}

.aboutus-box {margin-top: 80px;}
.aboutus-box .auitem {display: none}
.aboutus-box .auitem.on {display: block}
.aboutus-h2 { margin-bottom: 10px; height: 30px; line-height: 30px; position: relative}
.aboutus-h2:before {content: " "; width: 100%; height: 1px; background-color: #ccc;  display: block; position: absolute; left: 0; top: 14px; z-index: 1}
.aboutus-h2 span { padding:0 10px 0 15px; height: 30px; font-size: 18px;  background-color: #fff;display: inline-block; position: absolute; left: 0; top:0; z-index: 2}
.aboutus-h2 span:before {content: " ";  width: 5px; height: 24px; background-color: #efae50; display: inline-block; position: absolute; left: 0; top:3px; z-index: 2}
.aboutus-one {clear: both; overflow: hidden}
.aboutus-one .aleft {width: 312px; float: left}
.aboutus-one .aright {margin-left: 312px;}
.aboutus-one .aright .cn { padding: 30px 50px 10px 40px; height: 152px; text-indent: 24px; line-height: 30px; background-color:#e4e4e4; text-align: justify; position: relative }
.aboutus-one .aright .cn:before {content: " ";  width: 24px; height: 22px; background:url("../images/aboutus-ico1.png") no-repeat;  display: inline-block; position: absolute; left: 32px; top: 24px; }
.aboutus-one .aright .as { padding: 14px 25px 0; width: 88px; height: 76px; font-size: 16px; line-height: 24px; color: #d28407; background-color: #fef5e4; display: inline-block; text-align: center;}

.aboutus-two  { clear: both;}
.aboutus-two .aright {width: 500px; float: right; transform: translateY(-76px); position: relative}
.aboutus-two .aright span img {width: 500px; height: 282px;}
.aboutus-two .aright p {height: 36px; line-height: 36px; font-size: 16px; color: #d28407; background-color: #fef5e4; text-align: center;}
.aboutus-two .aleft {margin-right: 540px; overflow: hidden;}
.aboutus-two .aleft p { margin-top: 30px; text-indent: 24px; line-height: 24px; text-align: justify}

.company-qualification { clear: both; overflow: hidden;}
.company-qualification ul li { margin:0 34px 30px 0; width:274px; height: 274px; background-color: #e9e9e9; float: left; text-align: center; overflow: hidden;}
.company-qualification ul li:nth-child(4n) {margin-right: 0}
.company-qualification ul li img { margin:35px 0; width:234px;  height: 165px; }
.company-qualification ul li p { height: 38px; line-height: 38px; font-size: 15px; background-color: #dcdbdb;  word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.company-qualification ul li a {color: #222; display: block;}
.company-qualification ul li a:hover {background-color: #e3e1e1;}
.company-qualification ul li a:hover p {background-color: #cecece}

.development-history {margin: 170px 0; position: relative; background: url("../images/aboutus-ico6.png") repeat-y center top;}
.development-history .atop {width: 96px; height: 168px; background: url("../images/aboutus-ico3.png") no-repeat;  display: inline-block; position: absolute; left: 50%; top: -168px; margin-left: -48px;  z-index: 2 }
.development-history .abottom {width: 96px; height: 165px; background: url("../images/aboutus-ico5.png") no-repeat;  display: inline-block; position: absolute; left: 50%; bottom: -165px; margin-left: -48px;  z-index: 2 }
.development-history  ul { padding: 54px 0 30px;}
.development-history  ul li {margin:0 0 80px 50%; padding-left: 75px; min-height: 122px; position: relative;  }
.development-history  ul li .cn { padding-top: 15px; font-size: 16px; color: #3f4041;  line-height: 30px; font-family: "微软雅黑 Light";}
.development-history  ul li .cn .yellow { color: #e7a951;}
.development-history  ul li time {padding-right: 35px; width: 316px; height: 122px; line-height: 122px; font-size: 30px; color: #e7a951; font-weight: 800; font-family:"Arial Black";font-stretch:condensed; text-align: right; background: url("../images/aboutus-ico4.png") no-repeat;  display: inline-block; position: absolute; left: -320px; top: 0;}
.development-history  ul li time span {display: inline-block;transform:scale(1,1.5);}
.development-history  ul li time em {width: 25px; height: 25px; display: inline-block; background-color: #e7a951; border-radius:100%; position: absolute; top: 50%; right: -18px; margin-top: -10px;  }
.development-history  ul li.even { margin-left: 0; margin-right: 50%;  padding-left:0;   padding-right: 75px; }
.development-history  ul li.even  .cn  { text-align: right}
.development-history  ul li.even  time {padding-right: 0;padding-left: 35px; left: initial; right: -320px; background: url("../images/aboutus-ico41.png") no-repeat; text-align: left; color: #0e2c50; }
.development-history  ul li.even  em {right: inherit; left: -18px;  background-color: #0e2c50; }

.service-sector {padding-bottom: 30px}
.about-welfare .pic {margin-bottom: 50px}
.about-welfare .t { padding-bottom: 40px; font-weight: bold}
.about-welfare dl {padding-bottom: 25px; line-height: 26px; color: #666666;}
.about-welfare dl dt {padding:0 0 8px 32px;font-size: 14px; font-weight: bold; position: relative}
.about-welfare dl dt em {width: 25px; height: 25px; position: absolute; left: 0; top: -2px; background-repeat: no-repeat; background-position: left top}
.about-welfare dl dd {padding-left: 32px; font-size: 13px; line-height: 26px}
.about-welfare .w1 {background-image: url("../images/aw_1.png");}
.about-welfare .w2 {background-image: url("../images/aw_2.png");}
.about-welfare .w3 {background-image: url("../images/aw_3.png");}
.about-welfare .w4 {background-image: url("../images/aw_4.png");}
.about-welfare .w5 {background-image: url("../images/aw_5.png");}
.about-welfare .w6 {background-image: url("../images/aw_6.png");}
.about-welfare .w7 {background-image: url("../images/aw_7.png");}

.compan-size-one { margin: 90px 0 40px; min-height: 475px; border: 1px solid #000000;box-shadow:0 1px 1px  0 #aaa inset; position: relative;}
.compan-size-one .aleft { margin:50px 80px 35px; width: 396px; float: left; position: relative;}
.compan-size-one .aleft h2 {padding: 5px 0 20px; font-size: 40px; font-weight: bold; letter-spacing: 2px}
.compan-size-one .aleft p {line-height: 32px; color: #060001; text-indent: 24px;}
.compan-size-one .aleft:before {content: " "; width: 20px; height:75%; background-color: #ffcb6e;  display: block; position: absolute; left: -56px; top: 30px; z-index: 1}
.compan-size-one .aright { width: 610px; height: 510px; float: right; border: 2px solid #ffcb6e;  position: absolute; top: -60px; right: 40px;}
.compan-size-one .aright span { display: inline-block; transform: translate(15px,-28px)}
.compan-size-one .aright span img { width: 615px; height: 504px;}
.compan-pic{ clear: both; overflow: hidden;}
.compan-pic ul li { margin-right:2%; width:32%;  float: left; text-align: center; overflow: hidden;}
.compan-pic ul li:nth-child(3n) {margin-right: 0}
.compan-pic ul li img { width:100%;  height:266px; }
.compan-pic ul li p { height: 38px; line-height: 38px; font-size: 16px; font-weight: bold; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.compan-pic ul li a {color: #222; display: block;}

.compan-size-two { margin: 100px 0; padding-top: 100px; border-top: 6px solid #d7d7d7; position: relative;}
.compan-size-two:before {content: " "; height:14px; width: 200px; position: absolute; top: -10px; left: 0; background-color:#d7d7d7; display: inline-block }

.contactus-one {margin-bottom: 50px; clear: both; overflow: hidden;}
.contactus-map {width: 808px; height: 628px; float: left}
.contactus-address { width: 330px; float: right; font-family: "微软雅黑";}
.contactus-address ul li { padding: 50px 40px; text-align: center; color: #3b3b3c; background-color: #ededed; margin-bottom: 25px;}
.contactus-address ul li .cu_1 { width: 42px; height: 53px;background: url("../images/contactus_1.png") no-repeat; display: inline-block;}
.contactus-address ul li .cu_2 { width:49px; height: 48px;background: url("../images/contactus_2.png") no-repeat; display: inline-block;}
.contactus-address ul li .t { padding: 30px 0 15px;font-size: 22px; display: block;}
.contactus-address ul li p { font-size: 18px; line-height: 30px;}
.contactus-address ul li p .b {font-weight: bold}

.contactus-two { width: 100%; min-width: 1200px;  background-color:#f7f7f7; clear: both; overflow: hidden }
.contactus-two  h2 { padding: 70px 0 56px; text-align: center}
.contactus-two .item { margin: 0 7%; width: 36%; float: left;}
.contactus-two  .cu_3 { width: 43px; height: 43px;background: url("../images/contactus_3.png") no-repeat; display: inline-block;}
.contactus-two  .cu_4 { width: 43px; height: 43px;background: url("../images/contactus_4.png") no-repeat; display: inline-block;}
.contactus-two .item .t { margin-bottom: 20px; font-size: 22px; color: #31a0e1;}
.contactus-two .item .t em { vertical-align: middle; margin-right: 10px;}
.contactus-two .item .t2 {color: #9ac047; }
.contactus-two .item dl ,.contactus-two .item .zx { font-size: 16px; line-height: 30px; color:#3b3b3c;clear: both; overflow: hidden }
.contactus-two .item dl dt { width: 50px; font-weight: normal; float: left; line-height: 34px;}
.contactus-two .item dl dd {margin-left: 52px; line-height: 34px;}