@charset "gb2312";
/* CSS Document */

.col_con {
    width: 100%;
    height: auto;
    min-width: 1200px;
}

.colbg01 {
    background: #f4f6f8;
}

.pat90 {
    padding-top: 90px;
}

.pab70 {
    padding-bottom: 70px;
}

.pat60 {
    padding-top: 60px;
}

.pat50 {
    padding-top: 50px;
}

.pab50 {
    padding-bottom: 50px;
}

.colu_btn {
    padding: 0 36px;
    line-height: 50px;
    display: inline-block;
    background: #f5f5f5;
    text-align: center;
    color: #666666;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    font-size: 16px;
    color: #666;
    margin-top: 80px;
}

.colu_btn2 {
    padding: 0 36px;
    line-height: 50px;
    display: inline-block;
    background: #ff6960;
    text-align: center;
    color: #666666;
    border: 1px solid #ff6960;
    border-radius: 3px;
    font-size: 16px;
    color: #fff;
    margin-top: 80px;
}

.colu_btn:hover {
    background: #ff6960;
    color: #fff;
    border: 1px solid #ff6960;
}

/**嵌入式发展史**/
.column-banner {
    width: 100%;
    height: 330px;
    min-width: 1200px;
}

.history-banner {
    background: url(../images/history_banner.jpg) center no-repeat;
    margin-top: 12px;
}

.needlist {
    width: 1200px;
    height: 260px;
    overflow: hidden;
    margin: 0 auto;
}

.needlist li {
    width: 204px;
    height: 216px;
    background: #fff;
    border-radius: 10px;
    position: relative;
    transition: .4s;
    -webkit-transition: .4s;
    margin: 0 18px;
    float: left
}

.needlist li em {
    position: absolute;
    top: 15px;
    left: 20px;
}

.needlist li .needimg {
    width: 204px;
    height: auto;
    text-align: center;
    padding: 34px 0 0 0
}

.needlist li .needimg img {
    display: block;
    margin: 0 auto
}

.needlist li .needimg i {
    width: 22px;
    height: 3px;
    display: block;
    text-align: center;
    margin: 15px auto;
}

.ibg01 {
    background: #86e699
}

.ibg02 {
    background: #4085ea
}

.ibg03 {
    background: #fd6c34
}

.ibg04 {
    background: #ff5950
}

.ibg05 {
    background: #788eff
}

.needlist li span {
    font-size: 16px;
    font-weight: bold;
    color: #444;
    display: block;
    text-align: center;
}

.needlist li p {
    font-size: 12px;
    line-height: 22px;
    color: #888;
    padding: 12px 15px 12px 20px;
}

.needlist li:hover {
    box-shadow: 0 14px 22px rgba(0, 0, 0, 0.05);
    transform: translateY(-6px);
    -webkit-transform: translateY(-6px);
}

.need-p {
    width: 500px;
    height: 42px;
    background: #ff5950;
    border-radius: 20px;
    display: block;
    text-align: center;
    line-height: 42px;
    color: #fff;
    font-size: 16px;
    margin: 0 auto
}

.qrs_history_title {
    width: 100%;
    height: 84px;
    background: url(../images/wlw_training_01.png) top center no-repeat;
    margin: 58px auto 0;
    text-align: center
}

.qrs_history_title2 {
    background: url(../images/wlw_training_02.png) top center no-repeat;
}

.qrs_history_title p {
    padding-top: 30px;
}

.qrs_history_four {
    width: 1046px;
    height: 145px;
    margin: 30px auto 0;
    background: url(../images/histroy_icon05.png) no-repeat;
}

.qrs_history_four li {
    width: 160px;
    height: auto;
    float: left;
    position: relative;
    margin-right: 135px;
    text-align: center;
}

.qrs_history_four li p {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    display: block;
    text-align: center;
    padding-top: 40px;
}

.qrs_history_four li span {
    line-height: 20px;
    border-radius: 10px;
    background: #fff;
    padding: 0 15px;
    color: #333;
    font-size: 14px;
    display: inline-block;
    margin-top: 12px;
}

.year_tab {
    width: 1200px;
    height: 72px;
    background: url(../images/histroy_icon15.png) 0 55px no-repeat;
    margin: 0 auto
}

.year_tab li {
    width: 55px;
    height: 70px;
    position: relative;
    text-align: center;
    background: url(../images/histroy_icon07.png) 8px 10px no-repeat;
    float: left;
    margin-left: 23px;
    margin-top: 45px;
    padding-top: 15px;
    transition: .4s;
    -webkit-transition: .4s;
    cursor: pointer
}

.year_tab li em {
    width: 32px;
    height: 23px;
    position: absolute;
    bottom: 25px;
    left: -3px;
}

.year_tab li span {
    transition: .4s;
    -webkit-transition: .4s;
}

.year_tab li:hover {
    background: url(../images/histroy_icon06.png) 0 2px no-repeat;
}

.year_tab li:hover span {
    font-weight: bold;
    font-size: 16px;
    color: #ff5950;
    transform: translateY(-2px);
    -webkit-transform: translateY(-2px);
}

.year_tab li:hover em {
    background: url(../images/histroy_icon16.png) no-repeat;
}

.year_tab li.hover {
    background: url(../images/histroy_icon06.png) 0 2px no-repeat;
}

.year_tab li.hover span {
    font-weight: bold;
    font-size: 16px;
    color: #ff5950;
}

.year_tab li.hover em {
    background: url(../images/histroy_icon16.png) no-repeat;
}

.year_tab li span {
    font-size: 14px;
    position: absolute;
    color: #444;
    width: 87px;
    top: -26px;
    left: -28px
}

.year_tab_nr {
    width: 1200px;
    height: 430px;
    margin: 30px auto 0;
}

.year_nr {
    width: 1200px;
    height: auto;
    background: #f3f6f8;
    padding: 0 0 50px 0
}

.kcdg_development_left {
    width: 50%;
    margin-top: 20px;
}

.kcdg_development_left01 {
    float: left;
    width: 253px;
    height: 305px;
    margin-left: 34px;
    position: relative;
    text-align: center;
}

.kcdg_development_left01 img {
    text-align: left;
    width: 100%;
    height: 305px;
}

.kcdg_development_left01 p {
    width: 100%;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 28px;
    margin: 0 auto;
}

.kcdg_development_right {
    width: 48%;
    margin-top: 12px;
}

.kcdg_development_right .kcdg_d01 {
    width: 100%;
    margin-top: 8px;
}

.kcdg_development_right .kcdg_d01 p {
    float: left;
    width: 68px;
    height: 20px;
    line-height: 20px;
    margin-top: 5px;
    margin-right: 5px;
    font-weight: bold;
    background: url(../images/histroy_icon08.png) left 5px no-repeat;
    padding-left: 18px;
}

.kcdg_development_right .kcdg_d01 span {
    display: block;
    text-align: left;
    line-height: 28px;
}