* {
    margin: 0;
    padding: 0;
    font-family: Microsoft YaHei, sans-serif;
    font-size: 12px;
}

body {
    background: #fafafa;
}

.clearfix img {
    width: 400px;

}

.hands {
    cursor: pointer;
}

ul {
    list-style: none;
}

a {
    text-decoration: none;
    cursor: pointer;
}

.over {
    overflow: hidden
}

.center80 {
    width: 80%;
    margin: 0 auto
}

.f_l {
    float: left
}

.f_r {
    float: right
}

.f1 {
    clear: both;
}

.clearfix:after {
    display: block;
    content: ".";
    height: 0;
    clear: both;
    visibility: hidden;
}

/*.cbq-max-box{
    width: 98%;
    margin: 0px auto;
}*/
.clearfix {
    zoom: 1;
}

.max {
    width: 1000px;
    margin: 0px auto;
}

.cbq-logon-box {
    position: fixed;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.7)
}

.cbq-login-min {
    width: 340px;
    height: 345px;
    margin: 100px auto;
    text-align: center;
    border-radius: 5px;
    background-color: #ffffff;
    border: 1px solid #00a7e1;
}

.cbq-login-min > span {
    display: block;
    width: 100%;
    height: 20px;
    margin-bottom: 45px;
}

.cbq-login-min > span > img {
    width: 10px;
    margin: 10px 10px 0px 0px;
    cursor: pointer;
}

.user-id {
    width: 80%;
    height: 37px;
    border: 1px solid #cccccc;
    border-radius: 5px;
    margin: 17px auto;
    /*
    outline: 1px solid #6a9698;
    */
}

/* input[id="loginName"]:focus>.user-id{
	border:1px solid #488ee7;
} */

.user-id > span {
    width: 40px;
    margin-top: 7px;
    text-align: center;
    display: block;
}

.user-id > input {
    width: 225px;
    height: 35px;
    line-height: 35px;
    border: none;
    outline: none;
}

.cbq-login-min > button {
    width: 80%;
    height: 45px;
    line-height: 45px;
    border: none;
    font-size: 16px;
    color: #ffffff;
    cursor: pointer;
    border-radius: 3px;
    margin: 20px auto;
    background: -moz-linear-gradient(left, #25ca61, #61e1e5);
    background: -webkit-linear-gradient(left, #25ca61, #61e1e5);
    background: #61e1e5;
}

.new-user {
    width: 80%;
    margin: 15px auto;
}

.new-user > span {
    display: block;
}

/*head-star*/
.nav {
    border-bottom: 1px solid #e8e8e8;
    width: 100%;
    background: #fff;
}

.cbq-head-LB {
    background-color: #96bfe0;
    min-width: 1000px;
    position: relative;
    background: url("../images/AD_bg.png");

}

#cbq-head-carousel {
    width: 1000px;
    margin: 0px auto;
    height: 288px;
    position: relative;
}

#cbq-head-carousel > img {
    width: 100%;
    height: 100%;
}

/*btns */
#cbq-head-carousel > ul {
    list-style: none;
    overflow: hidden;
    position: absolute;
    bottom: 5px;
    width: 50%;
    margin: 0px auto;
    z-index: 99;
}

#cbq-head-carousel > ul > li {
    float: right;
    width: 10px;
    height: 10px;
    border-radius: 100%;
}

/*nes-box*/
.slideTxtBox {
    width: 300px;
    height: 326px;
    position: absolute;
    top: 0;
    right: 169px;
    background-color: rgba(255, 255, 255, 0.6);
}

/*.bd{
    background-color:#ffffff;
    opacity:0.5;
}*/
.slideTxtBox .hd {
    height: 30px;
    line-height: 30px;
    background: #38bbeb;
    border-bottom: 1px solid #ddd;
}

.slideTxtBox .hd ul {
    width: 80%;
    margin: 0px auto;
}

.slideTxtBox .hd ul li {
    float: left;
    margin-left: 30px;
    padding: 0 15px;
    cursor: pointer;
    font-size: 14px;
}

.slideTxtBox .hd ul li.on {
    height: 28px;
    color: #ffffff;
    border-bottom: 2px solid #fff;
}

.slideTxtBox .bd {
    width: 88%;
    margin: 0px auto;
}

.slideTxtBox .bd ul {
    padding: 8px;
    zoom: 1;
    list-style: disc;
}

.notice_news li:hover {

}

.slideTxtBox .bd li {
    height: 43px;
    line-height: 43px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
}

.slideTxtBox .bd li .date {
    float: right;
    color: #999;
}

/*activity-box*/
.activity-box {
    overflow: hidden;
    margin: 20px auto;
    background-color: #fafafa;
}

.activity-left {
    width: 332px;
    float: left;
    background: #fff;
    border: 1px #e5e5e5 solid;
}

.head_span-a {
    height: 47px;
    border-bottom: 1px #ececec solid;
    width: 85%;
    margin-left: 7%;
}

.competition-box {
    /*width: 100%;*/
    /*margin: 0px auto;*/
    padding: 20px 30px;
    /*height: 580px;*/

}

/*.competition-box > div {*/
    /*!*width: 100%;*!*/
    /*!*margin: 0px auto 25px;*!*/
    /*display: flex;*/
    /*!*justify-content: space-around;*!*/
    /*flex-wrap: wrap;*/
/*}*/

.competition-box > div > div {
    width: 30%;
    height: 143px;
    margin-right: 3%;
}

.competition-box > div > div > img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.competition-box > div > p {
    font-size: 16px;
    margin-top: 10px;
    color: #747474;
}

.competition-box > div > span {
    font-size: 12px;
    color: #999;
    display: block;
    margin-top: 3px;
}

.head_span-a > div {
    width: 35px;
    float: left;
}

.head_span-a > div > img {
    width: 100%;
    margin-top: 4px;
}

.head_span-a > span {
    font-size: 17px;
    color: #00a0e9;
    display: inline-block;
    text-align: center;
    line-height: 21px;
    margin-bottom: 8px;
    margin-left: 3px;
    position: relative;
    top: 14px;
    padding-left: 10px;
    width: 104px;
}

.head_span-a > a {
    display: block;
    float: right;
    margin-top: 18px;
    font-size: 12px;
    color: #939090;
    margin-right: 3px;
}

.line-a > div {
    width: 173px;

}

.head_span-b {
    width: 95%;
    overflow: hidden;
    line-height: 18px;
    height: 49px;
    /*margin-left: 2%;	*/
    margin-bottom: 5px;
    margin-top: 4px;
    /*position: relative;*/
    /*z-index: 10;*/

}

.head_span-b > div {
    width: 120px;
    float: left;
    margin-top: 15px;
    margin-left: 10px;
}

.head_span-b > div > img {
    width: 100%;
    margin-top: 0px;
}

.head_span-b > span {
    font-size: 17px;
    color: #000000;
    font-weight: bolder;
    display: inline-block;
    border-left: 3px #00ff00 solid;
    width: 120px;
    height: 21px;
    line-height: 21px;
    margin-bottom: 8px;
    float: left;
    margin-top: 17px;
    /*padding-left: 10px;*/
    width: 93px;
    height: 24px;
    text-align: right;
    cursor: pointer;
}

.icon_2 {
    background: url("../images/icons_nav_1.png") -248px 0;
}

.icon_1 {
    background: url("../images/icons_nav_1.png") 0px 0;
}

.icon_3 {
    background: url("../images/icons_nav_1.png") -126px -1px;
}

.icon_4 {
    background: url("../images/icons_nav_1.png") -380px -4px;
}

.icon_5 {
    background: url("../images/icons_nav_1.png") -504px -2px;
}

.head_span-b > a {
    display: block;
    float: right;
    margin-top: 20px;
    margin-right: 5px;
    color: #8a8a8a;
    font-size: 12px;
}

.class-box {
    overflow: hidden;
    float: right;
}

.class-box > li {
    text-align: center;
    color: #333333;
    font-size: 14px;
    margin-top: 7px;
    line-height: 30px;
    float: left;
    width: 75px;
}

.class-box > li:hover {
    color: #ffffff;
    background-color: #7bb121;
    /*border: 1px solid #7bb121;*/
    border-radius: 15px;
}

.line-b > div {
    width: 173px;

}

.activity-right {
    width: 645px;
    float: right;
    background: #fff;
    height: 640px;
    border: 1px #e5e5e5 solid;
}

.training-box {
    /*width: 658px;*/
    /*height: 580px;*/
    padding: 20px 0;
}

.training-box > ul {
    margin-left: 7px;
}

.training-box > ul > li {
    box-sizing: border-box;
    margin: 10px 13px 0px 10px;
    position: relative;
    tect-aliign: center;
}

.training-box > ul > li > div:first-child > img {
    width: 295px;
    height: 143px;
    cursor: pointer;
}

.last1 {
    text-align: center;
}

.last1 > span {
    font-size: 14px;
    margin-top: 5px;
    display: block;
    margin-bottom: 5px;
    color: #898989;
}

.training-box > ul > li > .last > span {
    line-height: 50px;
}

.training-box > ul > li > .img-cover {
    display: none;
    width: 295px;
    height: 143px;
    box-sizing: border-box;
    position: absolute;
    top: 0px;
    left: 0px;
}

.training-box > ul > li > .img-cover > div {
    height: 100%;
    background-color: #dee4f0;
    filter: alpha(opacity=50);
    opacity: .9;
}

/*
     display:none | block;
             none:闂傚倷娴囧▔鏇㈠窗閹版澘鍑犲┑鐘宠壘缁狀垶鏌ｉ幋锝呅撻柡鍛倐閺岋繝宕掑Ο鐚存嫹闁诲孩鐔幏锟�                            block 闂傚倷娴囧▔鏇㈠窗閹版澘鍑犲┑鐘宠壘缁狀垶鏌ｉ幋锝呅撻柡鍛倐閺岋繝宕掑Ο鐚存嫹闁诲孩鑹惧﹢杈╁垝閸垼濮抽柡鍥ュ灪閻撱儵鏌ｉ弬鎸庡暈闁诲浚鍣ｉ弻鐔割槹鎼粹�骞嬮梺杞扮劍閹瑰洤顕ｉ鍕ч柛鈩冾殢娴兼挾绱撴担鍦创缂佺姵鐗犲顐﹀箻缂佹ê鍓梺绯曞墲椤ㄥ棝宕戦妷褏纾奸柣娆愮懃濞诧箓寮查幖浣圭厸闁稿本锚閿熶粙鎮楀顒佽础缂侇喖鐏氶妶锝夊礃閳哄倹顏熼梻浣告惈閸婂爼宕愰弽顐嫹闁革富鍘鹃惌鍡欑磼椤帗瀚�
 */
.training-box > ul > li:hover > .img-cover {
    display: block;
}

.img-cover > div > ul > li {
    color: #ffffff;
    line-height: 45px;
    text-align: left;
}

.img-cover > div > ul > li > img {
    margin: 7px 7px 0px 50px;
    display: block;
}

.img-cover > div > ul > li > span > a {
    color: #666666;
    cursor: pointer;
}

/* .training-box > ul > li {
	text-align:center;
    margin: 10px 13px 0px 10px;
}
.training-box > ul > li>p{
	    font-weight: bold;
}
.training-box > ul > li > a >img {
	width: 295px;
	height: 143px;
}

.training-box > div {
    width: 95%;
    margin: 0px auto;
}

.training-box > div > ul {
    width: 100%;
    overflow: hidden;
}

.training-box > div > ul > li {
    float: left;
    margin: 22px 0px 0px 0px;
    width: 295px;
} */

/*resources*/
.resources {
    margin-top: 20px;
    background-color: #fff;
    border: 1px #e5e5e5 solid;
}

.resources > .line-b > div {
    float: left;
    background-color: #3f7894;
}

.resources-box {
    width: 100%;
    overflow: hidden;
    margin: 0px auto;
}

.resources-box > ul {
    width: 100%;
    overflow: hidden;
    margin: 0px auto;
}

.resources-box > ul > li {
    width: 33%;
    height: 325px;
    border-right: 1px solid #e6e6e6;
    float: left;
}

.resources-box > ul > li > div {
    width: 90%;
    margin: 10px auto;
}

.resources-title {
    margin-top: 10px;
    text-align: center;
    line-height: 28px;
    width: 110px;
    height: 30px;
    text-align: center;
    background: #f3f3f3;
    border-radius: 21px;
    /* cursor: pointer; */
}

.resources-title > span {
    color: #868181;
    font-size: 14px;
    margin-left: 5px;
}

.resources-search {
    width: 100%;
    overflow: hidden;
}

.search > input {
    width: 100%;
    display: inline-block;
    outline: none;
    line-height: 25px;
    margin-top: 10px;
    border: 1px solid #7bb121
}

.search-logo {
    text-align: center;
    width: 25px;
    height: 25px;
    position: absolute;
    right: -1px;
    top: 11px;
    background-color: #a8e741;
}

.search-logo > img {
    margin-top: 4px;
}

.resources-search > .search {
    width: 100%;
    float: right;
    position: relative;
}

.classification {
    width: 100%;
    height: 270px;
    margin-top: 10px;
}

.classification > ul {
    width: 100%;
    overflow: hidden;
    margin-left: 0px;
    border-bottom: 1px solid #cccccc;

}

.classification > ul > li {
    width: 98px;
    color: #555555;
    margin: 0px 0px 0px 0px;
    text-align: center;
    line-height: 35px;
    float: left;
    background-color: #FAFAFA;
    font-size: 15px;
}

#last {
    border: none;
}

.classification > ul > li:hover {
    background-color: #ffffff;
    color: #38BBEB;
    border-bottom: 1px solid #38BBEB;
}

.classification > div {
    width: 90%;
    margin: 0px auto;
}

.classification > div > p {
    margin-top: 10px;
    font-size: 14px;
    margin-top: 10px;
    font-size: 14px;
    font-weight: bold;
    color: #ffb758;
}

.classification > div > div {
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 15px;
    color: #555555;
    font-weight: bold;
    line-height: 20px;
}

.classification > div > div > a {
    display: block;
    float: left;
    width: 89px;
    color: #999999;
    font-weight: 400;
    margin-bottom: 4px;
}

.resources-list {
    overflow: hidden;
    width: 100%;
    height: 105px;
}

.resources-pic {
    width: 70%;
    float: left;
    height: 105px;
}

.resources-pic > a > img {
    width: 100%;
    height: 100%
}

.resources-details {
    width: 26%;
    float: right;
}

.details {
    line-height: 15px;

}

.resources-details > p {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 6px;
    color: #f88e03;
}

.details > span {
    font-size: 12px;
    color: #666666;
}

.download {
}

.download > span {
    font-size: 12px;
    color: #aeaeae;
    display: inline-block;
    margin-right: 13px;
}

#last-list {
    border-right: none;
}

/*goods list*/
.goods-list {
    width: 100%;
}

.goods-list > ul {
    width: 100%;
}

.goods-list > ul > li {
    width: 100%;
    line-height: 40px;
}

.goods-list-a {
    overflow: hidden;
}

.goods-list-a > li:nth-child(1) {
    width: 18px;
    height: 18px;
}

.goods-list-a > li:nth-child(1) > img {
    width: 100%;
}

.goods-list-a > li {
    float: left;
    margin: 0px 5px 0px 0px;
    width: 46px;
    height: 43px;
}

.goods-list-a > li > img {
    margin-top: 15px;
}

.goods-list-a > li:nth-child(2) {
    width: 122px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 43px;
    padding-right: 2px;
}

.goods-list-a > li:nth-child(2) > span {
    font-size: 14px;
    color: #666666;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.goods-list-a > li:nth-child(3) {
    text-align: center;
    width: 51px;
    height: 39px;
}

.goods-list-a > li:nth-child(3) > span {
    font-size: 12px;
    color: #ffb758;
    width: 80px;
    overflow: hidden;
}

.goods-list-a > li:nth-child(4) {
    text-align: right;
    width: 84px;
}

/*Special-education*/
.Special-education {
    margin-top: 20px;
    background-color: #fff;
    /*border: 1px #e5e5e5 solid;*/
    box-shadow: 0px 7px 28px 1px rgba(198, 200, 202, 0.22);
    border-radius: 10px;
}

.Special-education > .head_span-b > span {
    display: block;
    float: left;
    font-weight: 500;
    line-height: 18px;
    font-size: 18px;

}

.Special-education > .line-b > div {
}

.special {
    width: 100%;
    margin: 0px auto;
}

.special > ul {
    overflow: hidden;
    margin-left: 30px;
}

.special > ul > li {
    margin: 0px 15px 0px 0px;
    width: 304px;
    margin-top: 20px;
    float: left;
}

.special > ul > li > div {
    margin-bottom: 10px;
    line-height: 15px;
    width: 100%;
}

.special > ul > li > div > a > img {
    width: 100%;
    border-radius: 10px;
    height:147px;
}

.special > ul > li > p {
    font-size: 16px;
    color: #66e138;
    margin-bottom: 4px;
}

.special > ul > li > div > span {
    font-size: 12px;
    color: #999999;
}

#notice_news li {
    color: #ededed;
}

.cbq-Application-zone {
    margin-top: 20px;
    background: #fff;
    border: 1px #e5e5e5 solid;
}

.cbq-Application-zone-box {
    width: 100%;
    height: 252px;
}

.cbq-application-right {
    position: relative;
    left: -22px;
    top: -66px;
}

.cbq-object > ul > li {
    margin: 0px 10px 0px 0px;
}

.cbq-application-left {
    position: relative;
    top: -62px;
    left: 110px;
}

.cbq-application-left > ul > li {
    width: 70px;
    height: 17px;
    font-size: 12px;
    padding: 13px 10px 0px 10px;
    text-align: center;
    background-color: #f4f7f7;
    color: #969998;
    cursor: pointer;
    float: left;
    margin-left: 25px;
    margin-top: 19px;
    margin-bottom: 11px;
    line-height: 5px;
    border-radius: 15px;
}

.cbq-application-right > table {
    display: none;
}

.cbq-application-right .on {
    display: block;
}

.application-img {
    padding: 20px 10px 0px 10px;
    width: 218px;
    height: 86px;
}

.application-img-box {
    width: 100%;
    height: 134px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.application-img-box > img {
    width: 100%;
    height: 100%;
}

.application-img-title {
    padding: 0px 0px 37px 3px;
    height: 10px;
}

.application-img-title > span {
    font-size: 14px;
    margin-top: 8px;
    display: inline-block;
    color: #a47fb7;
}

.application-img-title > p {
    color: #cccccc;
}

.cba-download {
    width: 70px;
    height: 24px;
    line-height: 24px;
    border-radius: 3px;
    margin-top: 5px;
    background-color: #8478bf;
    color: #ffffff;
    text-align: center;
    position: relative;
    left: 145px;
    top: -40px;
}

.cbq-head-LB {
    /* background-color: #96bfe0; */
    min-width: 1000px;
    position: relative;
    background: url("../images/AD_bg_2.png");

}

.cbq-head-LB-1 {
    /* background-color: #96bfe0; */
    min-width: 1000px;
    position: relative;
    background: url("../images/AD_bg_1.png");
}

#cbq-head-carousel {
    width: 1000px;
    margin: 0px auto;
    height: 288px;
    position: relative;
}

#cbq-head-carousel-1 {
    width: 1000px;
    margin: 0px auto;
    height: 288px;
    position: relative;
}

.cba-download > span {
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 3px;
    background-color: #a099cc;
}

.cbq-application-right > table > tbody > tr > td {
    border-right: 1px solid #e7e7e7;
}

.cbq-application-right > table > tbody > tr > td:last-child {
    border-right: none;
}

.cbq-application-right > table > tbody > tr:nth-child(3) > td {
    border-bottom: none;
}

.cbq-obj-cover {
    width: 100%;
    height: 300px;
    border: 1px solid #00a7e1;
}

.success-dilog {
    border: 2px solid #dddddd;
    width: 588px;
    height: 325px;
    padding: 0px 40px 23px 40px;
    background-color: #fcfcfc;
    position: fixed;
    top: 96px;
    left: 357px;
    display: none;
    z-index: 999;
}

.dilog-title {
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #598ed2;
    font-weight: bolder;
    border-bottom: 2px dashed #adadad;
    text-align: center;

}

.prompt-text p {
    color: #666666;
    font-size: 14px;
}

.prompt-title {
    height: 60px;
    line-height: 60px;
    font-size: 20px !important;
    font-weight: bold;
    margin-bottom: 10px;
    color: #242424 !important;
}

.prompt-title img {
    display: inline-block;
}

.prompt-text .item {
    margin-top: 5px;
}

.prompt-btn {
    text-align: center;
    height: 50px;
    margin-top: 50px;
}

.prompt-btn input[type="button"] {
    width: 88px;
    height: 30px;
    line-height: 30px;
    color: white;
    outline: none;
    font-size: 14px;
    margin-right: 50px;
    border: 1px solid #dddddd;
}

.real-btn {
    background-color: #f7a901;
}

.bang-btn, .login-btn2 {
    background-color: #3482e7;
}

.registerlogin-box {
    left: 0px !important;
    display: none;
    height: auto;
    text-align: center;
}

.real-box {
    color: #666666;
    margin-left: 0px !important;
    margin-bottom: 200px;
    left: 0px !important;
    display: none;
    height: auto;
}

.line-sm {
    height: 35px;
    width: 435px;
    margin: 0 auto;
    line-height: 35px;
    margin-top: -10px;
}

.line-sm spam {
    display: inline-block;
}

.line1, .line2 {
    width: 125px;
    display: inline-block;
    margin-top: 10px;
}

.sm {
    float: left;
}

.real-box-header {
    text-align: center;
}

.real-box-header .sm {
    font-size: 14px;
    width: 130px;
    margin: 0px 24px;
}

.real-box .real-form {
    margin-top: 33px;
}

.real-inputform {
    margin-left: 206px;
}

.real-form input {
    border: 1px solid #7dbc23;
    height: 38px;
    line-height: 38px;
    width: 348px;
}

.real-form {
    padding-bottom: 205px;
    padding-left: 305px;
}

.realform-btn {
    width: 348px;
    height: 50px;
    line-height: 50px;
    margin-top: 44px;
    background-color: #3f89ec;
    color: white;
    font-size: 14px;
    font-weight: bold;
    border-radius: 5px;
    text-align: center;
    outline: none;
    border: none;
    display: block;
}

#newSourceList:after {
    content: '';
    display: block;
    clear: both;
}

.down-img {
    width: 100%;
    margin-top: 30px;
}

.down-img > img {
    width: 100%;
}

.line_blue {
    width: 20px;
    display: inline_block;
}