@import url(procommon.css);

.box-banner {
    width: 100%;
    min-width: 1200px;
    /*height: 656px;*/
    background: url("../images/pc_toutu_beijing_banner@2x.jpg") no-repeat;
    background-size: 100% 100%;
}

.box-banner .box-banner-text {
    width: 711px;
    height: 203px;
    margin: 20px auto 30px;
    text-align: left;
    color: white;
    font-weight: normal;
}

.box-banner .box-banner-text .banner-p0 {
    font-size: 70px;
    margin-bottom: 10px;
    padding-top: 20px;
}

.box-banner .box-banner-text .banner-p1 {
    font-size: 28px;
}

.box-banner .box-banner-btn {
    margin: auto;
    width: 711px;
}

.box-banner .box-banner-btn > a {
    display: inline-block;
    /*width: 230px;*/
    /*height: 51px;*/
    /*text-align: center;*/
    /*line-height: 51px;*/
    font-size: 16px;
    color: white;
    /*border: 1px solid white;*/
    /*border-radius: 8px;*/
}

/*.box-banner .box-banner-btn > a:hover {*/
/*background-color: #f63;*/
/*border: 1px solid #f63;*/
/*}*/

.box-banner .b_downFree {
    margin: auto;
    width: 711px;
    height: 50px;
    margin-top: 20px;
    position: relative;
}

.box-banner .b_downFree .in {
    display: inline-block;
    width: 148px;
    height: 50px;
    background: url("../images/b_dcom.png");
    background-size: 100%;
    cursor: pointer;
}

.box-banner .b_downFree .b_inC {
    display: inline-block;
    width: 184px;
    height: 50px;
    background: url("../images/b_dpho.png");
    background-size: 100%;
    cursor: pointer;
}

.box-banner .b_downFree .opera {
    width: 140px !important;
    height: 142px !important;
    left: 344px !important;
    top: -13px !important;
}


.wrapper {
    width: 100%;
}

.banner-animate {
    margin: 30px auto 84px;
    min-width: 1200px;
    text-align: center;
    width: 18px;
    height: 19px;
}

.main {
    width: 1200px;
    margin: 0 auto 124px;
}

.main h2 {
    text-align: center;
    font-size: 48px;
    color: #333;
    font-weight: normal;
    margin-bottom: 110px;
}

.main h2 .b_free {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 36px;
    color: #333;
    font-style: normal;
    margin-top: 30px;
}

.main .main-list {
    margin: 0 auto;
    width: 981px;
    width: 840px \0;
    height: 578px;
}

.main-top {
    width: 981px;
    height: 231px;
}

.main-list dl {
    display: inline-block;
}

.main-list .main-big-text {
    color: #333;
    font-size: 20px;
    margin: 10px 0 5px 0;
}

.main-list .main-text-detail {
    color: #333;
    font-size: 14px;
}

.main-top dl {
    width: 180px;
    height: 231px;
    margin-right: 215px;
    margin-right: 143px \0;
}

.main-top dl:last-of-type {
    margin-right: 0;
}

.main-top .main-last {
    margin-right: 0 \0;
}

.main-top dl dt {
    padding-left: 15px;
}

.main-top dl dd {
    text-align: center;
}

.main-bottom {
    margin-top: 116px;
}

.wrapper-bottom {
    width: 100%;
    min-width: 1200px;
    height: 881px;
    background: #f5f6fa;
}

.wrapper-bottom h3 {
    text-align: center;
    padding: 94px 0 98px 0;
    color: #333;
    font-size: 48px;
    font-weight: normal;
}

.wrapper-img {
    margin: 0 auto;
    width: 1160px;
    height: 464px;
}

.wrapper-img-ul li {
    position: relative;
    /*width:368px;
    height: 504px;*/
    width: 328px;
    height: 464px;
    display: inline-block;
    margin-right: 82px
}

.wrapper-img-ul li img {
    width: 100%;
    height: 100%;
}

.wrapper-img-ul .wrapper-lastimg {
    margin-right: 0;
}

.wrapper-img-ul .boss-detail {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 328px;
    padding: 26px 20px 0px;
    background: rgba(0, 0, 0, 0.8);
    color: white;
}

.boss-detail .boss-name {
    font-size: 18px;
    cursor: pointer;
}

.boss-detail .boss-title {
    font-size: 14px;
    color: #929292;
    height: 51px;
    line-height: 51px;
}

.boss-detail .bossDetail {
    font-size: 14px;
    display: none;
    margin-bottom: 26px;
}

/* 荣誉点赞 BEGIN  */
.get-honor {
    width: 100%;
    background-color: white;
    padding: 136px 0 104px;
}

.honor-content {
    margin: 0 auto;
    width: 80%;
    height:500px;
}

.l-box{
    width:35%;
    margin-right:9%;
    float: left;
}

.h-left {
    /*width: 35%;*/
    padding: 130px 0;
    /*margin-right:9%;*/
}

.h-left p {
    text-align: center;
}

.h-left p.title {
    font-size: 28px;
    color: #333;
}

.h-left p.title span {
    margin-left: 18px;
}

.h-left p.img-p {
    margin: 26px 0 12px;
}

.h-left p.img-p img {
    margin-right: 8px;
}

.h-left p.img-p img:last-of-type {
    margin-right: 0;
}

.h-left p.company {
    font-size: 16px;
    color: #929292;
}

.h-left p.company span {
    margin-left: 10px;
}

.h-right {
    width: 55%;
    float: right;
}

.h-right > p {
    font-size: 28px;
    color: #333;
}

.scroll-box {
    height: 427px;
    margin-top: 28px;
    overflow: auto;
    /*padding-top:10px;*/
}

.scroll-box::-webkit-scrollbar {
    width: 10px;
    height: 124px;
}

.scroll-box::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 10px 15px 15px 10px;
}

.scroll-box::-webkit-scrollbar-track-piece {
    background-color: transparent;
}

.scroll-box > a {
    margin-bottom: 20px;
    display: inline-block;
    height: 124px;
    width: 95%;
    right: 0;
    -webkit-transition: right 0.3s linear;
}

.scroll-box > a:hover {
    position: relative;
    right: -6px;
    z-index: 9;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .24);
}

.scroll-box dl {
    height: 124px;
    width: 100%;
    background-color: #eee;
    padding: 10px 10px 10px 10px;
}

.scroll-box > a:last-of-type {
    margin-bottom: 0;
}

.scroll-box dl dt {
    width: 88px;
    height: 88px;
    margin-right: 20px;
    float: left;
}

.scroll-box dl dt img {
    width: 100%;
    height: 100%;

}

.scroll-box dl dd {
    width: 71%;
    float: left;
    height: 88px;
}

.scroll-box dl dd p.title {
    font-size: 18px;
    color: #333;
    margin-bottom: 4px;
}

.scroll-box dl dd p.detail {
    font-size: 14px;
    color: #929292;
    height:58px;
    overflow: hidden;
    /*height:59px;*/
    /*display: -moz-box;
    display: -webkit-box;
    display: -ms-flexbox;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;*/

}
.scroll-box dl dd p.detail:last-of-type{
    display: -moz-box;
    display: -webkit-box;
    display: -ms-flexbox;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
}

/* 荣誉点赞 END  */