/*! -----首页2019-10-21------*/

.top_head {
    width: auto;
    height: 36px;
    line-height: 40px;
    background: #000000;
    font-size: 14px;
    color: #fff;
}

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

.top_hl {
    width: 399px;
    float: left;
    height: 30px;
    line-height: 30px;
}

.top_hl a {
    line-height: 30px;
    height: 30px;
    margin-right: 10px;
    padding: 0 5px 0 10px;
    color: #fff;
}

.top_hr {
    float: right;
    height: 30px;
    line-height: 30px;
    color: #fff;
}

.top_hr a {
    padding-right: 6px;
    padding-left: 6px;
    color: #fff;
}

.header {
    background: url(../images/ad.png) no-repeat top center;
    width: auto;
    height: 120px;
    position: static;
}

.h-logo {
    width: 1200px;
    height: 90px;
    margin: 0 auto;
}

.logo {
    width: 450px;
    padding-top: 40px;
    float: left;
}

.navMenu {
    float: right;
    clear: none;
    margin-top: 43px;
    background: none;
    line-height: normal;
    height: auto;
    width: auto;
}

.navMenu li {
    height: auto;
    line-height: normal;
}

.navMenu li a {
    padding: 0;
    border-right: 0;
    color: #0653ae;
    display: inline;
    font-size: 18px;
    height: auto;
    line-height: normal;
    margin: 0;
    font-weight: normal;
    vertical-align: baseline;
}

.navMenu ul li {
    text-align: center;
    float: left;
    font-size: 18px;
    margin-left: 20px;
    position: relative;
}

.navMenu ul li p {
    font-size: 10px;
    line-height: normal;
}

.navMenu ul li.current,
.navMenu ul li:hover {
    border-bottom: 5px solid #0976ff;
    padding-bottom: 33px;
}

.navMenu ul li.current a,
.navMenu ul li a:hover {
    color: #0653ae;
    font-weight: bold;
}

.navMenu ul li .sun_nav {
    display: none;
}

.navMenu ul li:hover .sun_nav {
    display: block;
}

.ad {
    width: 1200px;
    height: 361px;
    margin: 0 auto;
    margin-top: 15px;
}

.ad-small {
    float: left;
}

.announce {
    float: right;
    width: 536px;
    height: 361px;
}

.announce h2 {
    line-height: 52px;
    color: #b70000;
    width: 536px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    font-size: 21px;
    font-weight: 900;
}

.announce h3 {
    line-height: 50px;
    border-bottom: 1px solid #ccc;
    font-size: 20px;
    font-weight: normal;
}

.announce h4 {
    line-height: 24px;
    font-weight: normal;
    height: 72px;
}

.announce h3 span {
    float: right;
    background: url(../images/more.gif) no-repeat 60px;
    font-size: 14px;
    padding-right: 34px;
}

.announce h3 a.current {
    border-bottom: 3px solid #4285d8;
    padding-bottom: 10px;
    color: #4285d8;
}

.announce h3 a {
    margin-right: 20px;
}

.announce ul {
    padding-top: 10px;
}

.announce ul li {
    background: url(../images/point.gif) no-repeat 7px 12px;
    padding-left: 28px;
    line-height: 24px;
    font-size: 14px;
    box-sizing: content-box;
}

.announce ul li a {
    width: 399px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    vertical-align: baseline !important;
}

.announce ul li span {
    margin-top: 2px;
    float: right;
}

.search {
    width: auto;
    box-shadow: 5px 6px 5px #b9b9b9;
    background: #fff url(../images/se_bg.png) no-repeat top center;
    height: 220px;
}

.se_m {
    width: 1173px !important;
    height: 48px;
    margin: 0 auto;
    padding: 30px 0 0 27px;
    box-sizing: content-box;
}

.sear_left {
    width: 64px;
    height: 68px;
    float: left;
    padding: 20px 0 0 20px;
}

.sear_right {
    float: left;
    width: 1045px;
}

.sear_rtop {
    width: 100%;
    height: 45px;
    padding-bottom: 10px !important;
    box-sizing: content-box !important;
    padding-left: 0;
}

.sear_rtop ul li {
    float: left;
    line-height: 31px;
    width: 112px;
    text-align: center;
}

.sear_rtop ul li a {
    color: #fff;
    font-size: 16px;
}

.sear_rtop ul li.current,
.sear_rtop ul li:hover {
    width: 112px;
    text-align: center;
    height: 45px;
    line-height: 31px;
    background: url(../images/ser_bg.png) no-repeat;
}

.sear_rtop ul li.current a,
.sear_rtop ul li:hover a {
    color: #FFF;
    height: 45px;
    width: 112px;
}

.sear_rbottom {
    width: 100%;
    line-height: normal;
    margin-top: auto;
    border-radius: 0;
    background: none;
    border: 0;
    height: auto;
    float: none;
}

.up_down {
    position: absolute;
    display: none;
    z-index: 9999;
}

.up_down ul li {
    height: 35px;
    line-height: 35px;
    width: 100px;
    background: #d9e9c3;
    border-top: 1px solid #bcc5b1;
}

.up_down ul li.current:hover {
    background: #f3faea;
}

.sear_rbottom .in {
    float: left;
}

.sear_rbottom .in input {
    width: 856px;
    height: 60px;
    border: none;
    background: #fff url(../images/search.png) no-repeat 13px 14px;
    text-indent: 52px;
    color: #999;
    box-sizing: content-box;
    padding: 1px 0;
    margin-left: 0;
    margin-top: 0;
}

.sear_rbottom .in button {
    width: 166px;
    height: 62px;
    background: #ecaf18;
    border: 1px solid #ecaf18;
    color: #FFF;
    font-size: 24px;
    cursor: pointer;
    border-radius: 0;
}

.se_three {
    line-height: 33px;
    margin-left: 10px;
    float: left;
}

.se_three a {
    color: #fff;
    font-size: 18px;
    line-height: 68px;
    font-weight: bold;
    margin-left: 10px;
}

.economic {
    width: 1200px;
    height: 160px;
    margin: 0 auto;
    margin-top: 0px;
    position: relative;
    z-index: 99999;
}

.economic h3,
.re-list h3 {
    line-height: 50px;
    border-bottom: 1px solid #ccc;
    font-size: 20px;
    font-weight: normal;
}

.economic h3 a.current,
.re-list h3 a.current {
    border-bottom: 3px solid #4285d8;
    padding-bottom: 10px;
    color: #4285d8;
}

.economic h3 span {
    float: right;
    background: url(../images/more.gif) no-repeat 60px;
    font-size: 14px;
    padding-right: 56px;
}

.economic ul {
    margin: 10px -10px;
}

.economic ul li {
    width: 293px;
    float: left;
    text-align: center;
    height: 95px;
    padding-top: 15px;
    margin: 10px 6px;
}
.economic ul > li {
    position: relative;
}
.economic ul li.more p {
    margin-left: 82px;
}
.economic ul li img {
    height: 38px;
    float: left;
    margin-top: 15px;
    margin-left: 80px;
}
.economic ul li p {
    float: left;
    margin-left:20px;
}
.economic ul li.green {
    background: #7bc8bc;
}

.economic ul li.purple {
    background: #6c76c2;
}

.economic ul li.green1 {
    background: #63b965;
}

.economic ul li.blue {
    background: #85c2db;
}

.economic ul li a {
    color: #fff;
    font-size: 16px;
}

.economic ul li p {
    line-height: 64px;
}
.economic ul li:hover ul.subMenu{
    display:block;
}
.economic ul.subMenu {
    position: absolute;
    left: 10px;
    top: 85px;
    display: none;
}
.economic ul.subMenu li {
    margin: 0;
    height: 50px;
    padding-top: 0;
    border-top: 1px solid #7bc8bc;
}
.economic ul.subMenu li:hover {
    background: #7bc8bc;
}
.economic ul.subMenu li p {
    margin-left: 18px;
    line-height: 50px;
}
.economic ul.subMenu li img{
    width:25px;
    height: 25px;
    margin-top: 14px;
}

.more1 {
    height: 30px;
    line-height: 30px;
    margin-top: 20px;
}

.more1 a {
    color: #000;
    background: #ccc;
    padding: 5px 575px;
}

.course {
    width: 1200px;
    height: 486px;
    margin: 0 auto;
    border: 1px solid #dddddd;
    border-radius: 6px;
    box-shadow: 0px 6px 15px #e7e7e7;
}

.course-one {
    width: 818px;
    float: left;
}

.course-one h3,
.course-two h3 {
    line-height: 50px;
    border-bottom: 1px solid #ccc;
    padding-left: 30px;
    font-size: 22px;
    font-weight: normal;
}

.course-one h3 span,
.course-two h3 span {
    float: right;
    background: url(../images/more.gif) no-repeat 60px;
    font-size: 14px;
    padding-right: 56px;
}

.course-one h3 a.current,
.course-two h3 a.current {
    border-bottom: 3px solid #4285d8;
    padding-bottom: 10px;
    color: #4285d8;
}

.course-one h3 a {
    margin-right: 20px;
}

.course-one {
    background: url(../images/zs.png) no-repeat top right;
}

.course-one ul {
    padding-top: 10px;
    padding-left: 30px;
}

.course-one ul li {
    border-bottom: 1px solid #f1f1f1;
    padding: 10px;
}

.course-one ul li p {
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    width: 756px;
}

.course-one ul li a {
    font-size: 22px;
    color: #333;
    line-height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    width: 756px;
}

.course-two {
    float: left;
    background: #f1f1f1;
    width: 382px;
}

.friend ul li {
    font-size: 16px;
    float: left;
    line-height: 36px;
    padding: 10px 20px;
    background: #fff;
    margin: 25px;
}

.hot {
    width: 1200px;
    height: 325px;
    margin: 0 auto;
    border: 1px solid #dddddd;
    border-radius: 6px;
    box-shadow: 0px 6px 15px #e7e7e7;
    margin-top: 40px;
    margin-bottom: 40px;
}

.hot-one {
    width: 822px;
    float: left;
}

.hot-two {
    width: 330px;
    float: right;
    padding: 20px 30px 30px 0px;
}

.hot-one .one-row {
    margin: 10px 0px 0px 10px;
}

.hot-one .two-row {
    margin: -6px -3px 10px 9px;
}

.hot-one .one-row li {
    width: 32%;
    float: left;
    height: 110px;
    margin: 10px -3px 10px 10px;
    text-align: center;
    padding-top: 30px;
}

.hot-one .two-row li {
    width: 32%;
    float: left;
    height: 105px;
    margin: -2px -3px 10px 10px;
    text-align: center;
    padding-top: 30px;
}

.hot-one .one-row li p,
.hot-one .two-row li p {
    font-size: 24px;
    color: #fff;
    line-height: 53px;
}

.color-one {
    background: #6b80ae;
}

.color-two {
    background: #fc893d;
}

.color-three {
    background: #64c0d8;
}

.color-four {
    background: #fbae3c;
}

.color-five {
    background: #77afe7;
}

.color-six {
    background: #9bc178;
}

.friend {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    margin-top: -20px;
}

.friend h3 {
    line-height: 50px;
    border-bottom: 1px solid #ccc;
    font-size: 22px;
    font-weight: normal;
}

.friend h3 a.current {
    border-bottom: 3px solid #4285d8;
    padding-bottom: 10px;
    color: #4285d8;
}

.friend ul {
    margin-top: 30px;
    background: url(../images/fr.png) no-repeat;
    height: 106px;
}

.foot {
    width: auto;
    height: 108px;
    background: #2a5bb0;
}

.footer {
    width: 1200px;
    height: auto;
    background: none;
    margin: 0 auto;
    margin-top: 0;
    padding-top: 26px;
    text-align: center;
}

.footer .f-right {
    color: #FFF;
    font-size: 15px;
    line-height: 26px;
    margin-top: 5px;
    margin-left: 30px;
}

.h-special {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    margin-top: 30px;
}

.h-special ul.spe-list li {
    width: 32%;
    float: left;
    text-align: center;
    margin: 8px;
}

.spe-title {
    padding: 20px 0;
}

.h-special ul.spe-list li p.line30 {
    line-height: 28px;
}

.h-special ul.spe-list {
    margin: 10px -10px;
}

.spe-one {
    width: 390px;
}

.spe-one img {
    width: 386px;
    height: 181px;
}

.spe-one p {
    line-height: 60px;
    background: #FFF;
    width: 387px;
    border: 1px solid #CCC;
    text-align: center;
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: bold;
}

.re-list {
    width: 1200px;
    height: 454px;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 30px;
}

.re-left {
    width: 1200px;
    height: 384px;
    float: left;
    border: 1px solid #e5e5e5;
    margin-top: 20px;
    box-sizing: content-box;
}

.re-nav {
    width: 190px;
    float: left;
    background: #f8f8f8;
}

.re-nav h3 {
    width: 101px;
    height: 103px;
    background: url(../images/note_icon.png) no-repeat 10px;
    padding: 20px 0 0 90px;
    box-sizing: content-box;
}

.re-nav-list {
    width: 1010px;
    height: 382px;
    float: left;
    background: #fff url(../images/mm.png) no-repeat 10px;
    position: relative;
}

.re-nav ul {
    border-right: 1px solid #e5e5e5;
    box-sizing: content-box;
}

.re-nav ul li {
    height: 85px;
    line-height: 85px;
    padding-left: 20px;
    font-size: 15px;
    border-top: 1px solid #CCC;
    cursor: pointer;
    box-sizing: content-box;
}

.re-nav ul li.c6 {
    border-bottom: 1px solid #CCC;
}

.re-nav ul li.current {
    background: #FFF;
    width: 171px;
}

.re-nav ul li.z1 a {
    padding: 20px 36px;
    background: url(../images/dao1.png) no-repeat 2px;
}

.re-nav ul li.z2 a {
    padding: 20px 36px;
    background: url(../images/dao2.png) no-repeat 2px;
}

.re-nav ul li.z3 a {
    padding: 20px 36px;
    background: url(../images/dao3.png) no-repeat 2px;
}

.re-nav ul li.z4 a {
    padding: 20px 50px;
    background: url(../images/dao4.png) no-repeat 2px;
}

.h-special h3 span {
    float: right;
    background: url(../images/more.gif) no-repeat 60px;
    font-size: 14px;
    padding-right: 34px;
}

.h-special h3 a.current {
    border-bottom: 3px solid #4285d8;
    padding-bottom: 10px;
    color: #4285d8;
}

.h-special h3 {
    line-height: 50px;
    border-bottom: 1px solid #ccc;
    font-size: 22px;
    font-weight: normal;
}

.h-special h3 a {
    margin-right: 20px;
}

.h-special ul.ent-list {
    margin: 20px -20px;
}

.h-special ul.ent-list li {
    width: 270px;
    float: left;
    text-align: center;
    margin: 20px;
}

.ent-one {
    width: 266px;
}

.ent-one p {
    line-height: 36px;
    background: #FFF;
    width: 244px;
    border: 1px solid #CCC;
    text-align: left;
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: bold;
    padding-left: 20px;
    box-sizing: content-box;
}

.ent-one img {
    width: 266px;
    height: 167px
}

.atop {
    margin-top: 5px;
}


/*----8月21日----*/

.technology {
    width: 1200px;
    height: 131px;
    margin: 0 auto;
    border: 1px solid #528fdb;
    margin-top: 20px;
    margin-bottom: 10px;
}

.technology .te-title {
    width: 82px;
    height: 78px;
    background: #63b965;
    float: left;
    font-size: 30px;
    padding: 27px;
    text-align: center;
    color: #fff;
    box-sizing: content-box;
}

.te-nav {
    float: left;
    width: 1060px;
}

.te-nav ul li {
    float: left;
    width: 175px;
    height: 100px;
    text-align: center;
    padding-top: 30px;
    border-left: 1px solid #f1f1f1;
}

.te-nav ul li.current,
.te-nav ul li:hover {
    background: url(../images/k.png) no-repeat 79px 0;
}

.te-nav ul li img {
    height: 36px;
}

.te-nav ul li a p {
    line-height: 50px;
}

.up-top {
    position: absolute;
    width: 265px;
    height: 102px;
    background: #fff;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .1);
    z-index: 9999;
    top: 130px;
    left: 600px;
    border-radius: 10px;
    padding: 20px;
    box-sizing: content-box;
}

.up-top p {
    font-size: 17px;
    line-height: 36px;
}

.up-top p span {
    width: 206px;
    text-align: left;
    float: left;
}

.up-top p b {
    margin-right: 10px;
    color: #064ba5;
    box-sizing:content-box;
}

.sun_nav {
    top: 65px;
    position: absolute;
}

.sun_nav {
    width: 138%;
    height: auto;
    padding: 0;
    background: #fff;
    border: 1px solid #eee;
    border-top: none;
    position: absolute;
    top: 77px;
    left: -19%;
    z-index: 1100;
    display: block;
    overflow: hidden;
}

.navMenu li a:hover .sun_nav,
.navMenu li:hover .sun_nav {
    display: block;
}

.navMenu .sun_nav li {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #eee;
}

.navMenu .sun_nav li a {
    width: 100%;
    padding: 0;
    height: 40px;
    line-height: 40px;
    display: block;
    color: #010101;
    font-weight: normal;
    font-size: 16px;
    text-align: center;
    margin: 0;
    background: #fff;
    border: none;
}

.navMenu .sun_nav li a:hover,
.navMenu .sun_nav li a.select_hover {
    color: #fff;
    background: #0976ff;
}

.navMenu .sun_nav li.current,
.navMenu .sun_nav li:hover {
    border-bottom: none;
    padding-bottom: 0;
}