 
/*关于高顿*/
.aboutBanner{ height: 588px; background: url(../images/aboutBj.jpg) center no-repeat; overflow: hidden;}
.section-26{ height: 802px; background: url(/plus/26Bj.jpg) center no-repeat; overflow: hidden;}
.section-26 .caption{ font-size: 32px; line-height: 32px; text-align: center; position: relative; letter-spacing: 1px; color: #333; position: relative; margin-top: 96px;}
.section-26 .caption:after{ content: ""; display: block; width: 70px; height: 3px; position: absolute; left: 50%; margin-left: -35px; bottom: -23px;}
.section-26 .briefIntroduction{ margin-top: 115px;}
.section-26 .txtDescrible{ float: left; width: 50%;}
.section-26 .txtDescrible p{ font-size: 14px; line-height: 24px; color: #666; letter-spacing: 1px; overflow: hidden; margin-bottom: 30px;}
.section-26 .txtDescrible p .img{ float: right;}
.section-26 .txtDescrible p .txt{ float: left; width: 400px;}
.section-26 .timeLine{ float: right;}
.section-26 .timeList{ position: relative;}
.section-26 .timeList:after{ content: ""; display: block; width: 1px; background: #d9d9d9; position: absolute; left: 63px; top: 8px; bottom: -12px;}
.section-26 .timeList:before{ content: ""; display: block; width: 10px; height: 12px; background: url(../images/arrowTime.png) center no-repeat; position: absolute; left:59px; bottom: -22px;}
.section-26 .timeItem{ overflow: hidden; margin-bottom: 22px;}
.section-26 .timeItem .year{ float: left; font-size: 20px; line-height: 20px; color: #d7b06b; font-family: arial; position: relative; padding-right: 24px;}
.section-26 .timeItem .year:after{ content: ""; display: block; width: 6px; height: 6px; background: #f7f7f7; border: 2px solid #d7b06b; border-radius: 50%; position: absolute; right: 0; top: 50%; margin-top: -5px; z-index: 1;}
.section-26 .timeItem .happen{ float: left; font-size: 12px; line-height: 22px; color: #666666; padding-left: 12px; margin-top: -2px;}
.section-27{ background: #373d41; overflow: hidden; padding-bottom: 87px;}
.section-27 .caption{ font-size: 32px; line-height: 32px; text-align: center; position: relative; letter-spacing: 1px; color: #fff; position: relative; margin-top: 96px;}
.section-27 .caption:after{ content: ""; display: block; width: 70px; height: 3px; background: #d7b06b; position: absolute; left: 50%; margin-left: -35px; bottom: -23px;}
.section-27 .serviceBox{ overflow: hidden; margin-top: 78px;}
.section-27 .serviceImg{ float: left; margin-left: 110px;}
.section-27 .serviceTxt{ float: left; margin-left: 155px;}
.section-27 .serviceList{ margin-top: 40px;}
.section-27 .serviceList li{ margin-bottom: 30px;}
.section-27 .serviceList h2{ font-size: 16px; line-height: 28px; color: #ccc; font-weight: bold;}
.section-27 .serviceList p{ font-size: 16px; line-height: 36px; color: #ccc; letter-spacing: 1px; padding-left: 16px; position: relative;}
.section-27 .serviceList p:before{ content: ""; display: block; width: 3px; height: 3px; background: #cccccc; position: absolute; left: 0; top: 50%; margin-top: -1px;}
.section-27 .serviceList p span{ color: #d7b06b;}
.section-27 .slide{ position: relative; margin-top: 65px;}
.section-27 .slide .btn{ position: absolute; display: block; top: 50%; margin-top: -33px; width: 20px; height: 66px; background-image: url(../images/icons.png); background-repeat: no-repeat; cursor: pointer;}
.section-27 .slide .btnPrev{ left: 0; background-position: 0 -740px;}
.section-27 .slide .btnNext{ right: 0; background-position: -20px -740px;}
.section-27 .slide .slideBox{ margin: 0 auto; overflow: hidden; width: 1135px;}
.section-27 .slide .slideList{ width: 1000000px; overflow: hidden;}
.section-27 .slide .slideItem{ float: left; width: 180px; height: 122px; padding-right: 11px;}
.section-28 { overflow: hidden; padding-bottom: 108px;}
.section-28 .caption{ font-size: 32px; line-height: 32px; text-align: center; position: relative; letter-spacing: 1px; color: #333; position: relative; margin-top: 95px;}
.section-28 .caption:after{ content: ""; display: block; width: 70px; height: 3px; background: #d7b06b; position: absolute; left: 50%; margin-left: -35px; bottom: -23px;}
.section-28 .advantageBox{ margin-top: 100px;}
.section-28 .advantageNavLists{ border-bottom: 1px solid #e0e0e0; padding: 0 20px; position: relative;}
.section-28 .advantageNavLists:after{ content: ""; display: block; clear: both; zoom: 1;}
.section-28 .advantageNavItem{ width: 230px; float: left; cursor: pointer; position: relative; padding-bottom: 10px;}
.section-28 .advantageNavItem .icon{ margin: 0 auto; width: 90px; height: 90px; background-image: url(../images/icons.png); background-repeat: no-repeat; border-radius: 50%; background-color: #dfdfdf; transition: all 0.3s;}
.section-28 .advantageNavItem.active .icon{ background-color: #d7b06b;}
.section-28 .advantageNavItem .icon1{ background-position: 0 -1331px;}
.section-28 .advantageNavItem.active .icon1{ background-position: 0 -1241px;}
.section-28 .advantageNavItem .icon2{ background-position: -90px -1331px;}
.section-28 .advantageNavItem.active .icon2{ background-position: -90px -1241px;}
.section-28 .advantageNavItem .icon3{ background-position: -180px -1331px;}
.section-28 .advantageNavItem.active .icon3{ background-position: -180px -1241px;}
.section-28 .advantageNavItem .icon4{ background-position: -270px -1331px;}
.section-28 .advantageNavItem.active .icon4{ background-position: -270px -1241px;}
.section-28 .advantageNavItem .icon5{ background-position: -360px -1331px;}
.section-28 .advantageNavItem.active .icon5{ background-position: -360px -1241px;}
.section-28 .advantageNavItem.active:before{ content: ""; display: block; height: 2px; width: 230px; background: #dfc591; position: absolute; left: 50%; margin-left: -115px; bottom: -2px;}
.section-28 .advantageNavItem.active:after{ content: ""; display: block; margin:0 auto; height: 0; width: 0; border-top: 6px solid #dfc591; border-left: 3px solid transparent; border-right: 3px solid transparent; position: absolute; left: 50%; margin-left: -3px; bottom: -10px;}
.section-28 .advantageNavItem .itemPargraph{ text-align: center; font-size: 18px; line-height: 28px; color: #333; letter-spacing: 1px; margin-top: 30px;}
.section-28 .advantageNavItem .verticalLine{ width: 1px; height: 20px; background: #999; margin: 11px auto 0; transition: all 0.3s;}
.section-28 .advantageNavItem.active .verticalLine{ background: #dfc591;}
.section-28 .advantageDescrible{ margin-top: 70px;}
.section-28 .advantageItem{ overflow: hidden;}
.section-28 .advantageItem .advantageImg{ float: left; margin-left: 32px;}
.section-28 .advantageItem .advantageTxt{ float: left; margin-left: 40px; width: 632px;}
.section-28 .advantageItem .advantageTxt .AdvantageTitle{ font-size: 24px; line-height: 24px; font-weight: bold; color: #666; margin-top: 7px;}
.section-28 .advantageItem .advantageTxt .advantageWord{ font-size: 16px; line-height: 30px; color: #666; letter-spacing: 1px; margin-top: 28px;}
.section-29{ overflow: hidden; height: 777px; background: url(../images/29Bj.jpg) center no-repeat;}
.section-29 .caption{ font-size: 32px; line-height: 32px; text-align: center; position: relative; letter-spacing: 1px; color: #fff; position: relative; margin-top: 97px;}
.section-29 .caption:after{ content:""; display: block; width: 70px; height: 3px; background: #d7b06b; position: absolute; left: 50%; margin-left: -35px; bottom: -23px;}
.section-29 .mediaCoverage{ overflow: hidden; margin-top: 165px;}
.section-29 .coverageTxt{ float: left; margin-left: 20px;}
.section-29 .coverageList{}
.section-29 .coverageItem{ padding-left: 12px; position: relative;}
.section-29 .coverageItem:before{ content:""; display: block; width: 3px; height: 3px; background: #ccc; position: absolute; left: 0; top: 50%; margin-top: -2px;}
.section-29 .coverageItem a{ display: block; font-size: 14px; line-height: 36px; color: #ccc; letter-spacing: 1px;}
.section-29 .moreBtn{ padding-left: 12px; margin-top: 14px;}
.section-29 .moreBtn a{ display: block; width: 66px; height: 22px; border: 1px solid #999; border-radius: 12px; text-align:  center; line-height: 22px; font-size: 14px; color: #999;}
.section-29 .certificateShow{ float: right; width: 538px; height: 321px; background: url(../images/computer_29.png) center no-repeat; position: relative; margin-right: 25px;}
.section-29 .screen{ width: 406px; height: 255px; margin: 15px auto 0; overflow: hidden;}
.section-29 .certificateList{ overflow: hidden;}
.section-29 .certificateItem{ width: 406px; height: 255px; overflow: hidden; text-align: center;}
.section-29 .certificateItem img{ max-height: 255px;}
.section-29 .slide_thumb{ position: absolute; width: 10px; right: 18px; bottom: 40px;}
.section-29 .slide_thumb span{ display: block; width: 10px; height: 10px; background: #626669; margin: 10px 0; border-radius: 50%; cursor: pointer;}
.section-29 .slide_thumb span.active{ background: #d7b06b;}
.section-30{ overflow: hidden; padding-bottom: 190px;}
.section-30 .caption{ font-size: 32px; line-height: 32px; text-align: center; position: relative; letter-spacing: 1px; color: #333; position: relative; margin-top: 96px;}
.section-30 .caption:after{ content:""; display: block; width: 70px; height: 3px; background: #d7b06b; position: absolute; left: 50%; margin-left: -35px; bottom: -23px;}
.section-30 .customerType{ overflow: hidden; margin-top: 138px;}
.section-30 .customerType .typeImg{ float: left; margin-top: 30px;}
.section-30 .typeList{ float: right; overflow: hidden;}
.section-30 .typeList dl{ float: left; margin-left: 40px;}
.section-30 .typeList dt{ font-size: 16px; line-height: 24px; font-weight: bold; color: #666; letter-spacing: 1px; margin-bottom: 26px;}
.section-30 .typeList dd{ font-size: 14px; line-height: 26px; color: #999; letter-spacing: 1px;}

.section-40{ background: #fff;}
.section-40 .gjp_time{ width: 1200px; margin: auto; overflow: hidden;}
.section-40 .gjp_time .line{ height: auto; overflow: hidden;}
.section-40 .gjp_time dd{ display: block; width: 5200px; overflow: hidden;}
.section-40 .gjp_time dd span{ display: block; width: 150px; float: left; height: 2px; position: relative; background: #707070;}
.section-40 .gjp_time dd span:before{ position: absolute; right: 0; top: -3px; border-radius: 8px; z-index: 1; background: #707070;}
.section-40 .gjp_time dd dt{ height: 22px; width: 5200px; overflow: hidden; }
.section-40 .gjp_time dd dt span{}
#about_news_detail{}
#about_news_detail .activityTrailer{ background: #fff; box-shadow: 1px 1px 2px #efeeee; overflow: hidden; padding-bottom: 25px;}
#about_news_detail .trailerTitle{ margin-right: 30px;}
#about_news_detail .trailerTitle .btnGroup{ float: right; overflow: hidden;}
#about_news_detail .trailerTitle .btnGroup .btn{ float: left; width: 26px; height: 22px; border: 1px solid #ddd; cursor: pointer;}
#about_news_detail .trailerTitle .btnGroup .btn.btnPrev{ border-top-left-radius: 3px; border-bottom-left-radius: 3px; background: url(../images/icons.png) no-repeat -60px -700px;}
#about_news_detail .trailerTitle .btnGroup .btn.btnNext{ border-top-right-radius: 3px; border-bottom-right-radius: 3px; background: url(../images/icons.png) no-repeat -86px -700px; margin-left: -1px;}
#about_news_detail .activityTrailer .slideBox{ width: 280px; margin: 24px auto 0;}
#about_news_detail .activityTrailer .slideBox .activityThumb{ width: 280px; overflow: hidden;}
#about_news_detail .activityTrailer .slideBox .activityThumb img{ display: block; width: 280px;}
#about_news_detail .activityTrailer .activityName{ font-size: 16px; line-height: 22px; margin-top: 16px; max-height: 44px;}
#about_news_detail .activityTrailer .activityName a{ color: #333; letter-spacing: 2px;}
#about_news_detail .activityTrailer .activityInfor{ overflow: hidden; margin-top: 20px;}
#about_news_detail .activityTrailer .activityInfor .time{ font-size: 14px; line-height: 34px; float: left; letter-spacing: 2px; color: #666; position: relative; padding-left: 15px; padding-right: 23px;}
#about_news_detail .activityTrailer .activityInfor .time:before{ content: ""; display: block; width: 4px; height: 4px; background: #ccc; position: absolute; left: 0; top: 50%; margin-top: -2px;}
#about_news_detail .activityTrailer .activityInfor .addr{ font-size: 14px; line-height: 34px; float: left; letter-spacing: 2px; color: #666;}
#about_news_detail .activityTrailer .activityInfor .detailLink{ float: right; font-size: 14px; line-height: 34px; color: #d6b16b; text-decoration: none;}
#about_news_detail .mediaCoverage{ background: #fff; overflow: hidden; margin-top: 30px; padding-bottom: 25px; box-shadow: 1px 1px 2px #efeeee;}
#about_news_detail .coverageList{ padding: 0 28px; margin-top: 25px;}
#about_news_detail .coverageImg{ width: 284px; height: 154px; text-align: center; overflow: hidden;}
#about_news_detail .coverageImg a{ display: block; overflow: hidden;}
#about_news_detail .coverageImg a img{ display: block; width: 100%;}
#about_news_detail .coverageTxt{ padding: 16px 0 14px; border-bottom: 1px solid #f2f2f2;}
#about_news_detail .coverageTxt a{ display: block; font-size: 14px; line-height: 24px; height: 48px; color: #666; letter-spacing: 1px; text-decoration: none;}
 