* {
    margin: 0;
    padding: 0
}

input, button {
    outline: none;
    font-family: "microsoft yahei"
}

body {
    background: #fff;
    font-family: "microsoft yahei"
}

a, button {
    cursor: pointer
}

a:hover {
    text-decoration: none
}

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

.clearfix {
    display: inline-block
}

* html .clearfix {
    height: 1%
}

.clearfix {
    display: block
}

.button {
    position: relative;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.button:focus {
    outline: none
}

.button > span {
    vertical-align: middle
}

.header {
    background: rgba(48, 48, 48, 0.4);
    width: 100%;
    height: 70px;
    line-height: 70px
}

.header-con {
    width: 1200px;
    margin: 0 auto
}

.header-left {
    float: left;
    overflow: hidden
}

.header-h1 {
    font-size: 20px;
    color: #fff;
    font-weight: normal
}

.header-right {
    float: right;
    color: #fff;
    font-size: 18px
}

.header-right span {
    font-weight: bold;
    font-size: 22px;
    color: #FE763C
}

.navbar{
    width: 600px;
    float: left;
    margin-left: 20px;
}
.navbar a {
    color: #fff; /* 链接颜色 */
    text-decoration: none; /* 去掉下划线 */
    margin: 0 10px; /* 左右间距 */
    font-size: 16px; /* 字体大小 */
    transition: color 0.3s ease; /* 过渡效果 */
    font-weight: 400;
}
.navbar a:hover {
    color: orange; /* 鼠标悬停时的颜色 */
}
.navbar span {
    margin: 0 10px; /* 竖线的间距 */
    color: #999; /* 竖线颜色 */
}

.banner {
    background: url(../images/banner-bg.jpg) no-repeat center;
    height: 934px
}

.banner-con {
    background: url(../images/banner-inner.png) no-repeat 0 0;
    width: 1000px;
    height: 510px;
    margin: 65px auto 0;
    padding-top: 75px
}

.banner-h2 {
    text-align: center;
    font-size: 32px;
    color: #f6ff00;
    line-height: 1
}

.banner-title {
    background: url(../images/banner-title.png) no-repeat center 0;
    height: 74px;
    text-indent: -9999px;
    margin: 63px 0 0 0
}

.banner-p {
    font-size: 30px;
    color: #fff;
    line-height: 44px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 40px;
}

.banner-list {
    width: 1002px;
    margin: -54px auto 0
}

.banner-list > .circle {
    background: url(../images/banner-circle.png) no-repeat 0 0;
    width: 101px;
    height: 86px;
    display: block;
    float: left;
    font-size: 22px;
    color: #024881;
    line-height: 28px;
    text-align: center;
    padding: 30px 0 0 8px;
    cursor: pointer
}

.banner-list > .circle.mar2 {
    margin: 41px 0 0 52px
}

.banner-list > .circle.mar3 {
    margin: 82px 0 0 52px;
    padding-top: 44px;
    height: 72px
}

.banner-list > .circle-back {
    background: url(../images/banner-circle2.png) no-repeat 0 0;
    padding: 30px 8px 0 0
}

.banner-list > .circle.mar4 {
    margin: 82px 0 0 140px;
    padding-top: 44px;
    height: 72px
}

.banner-list > .circle.mar5 {
    margin: 41px 0 0 52px
}

.banner-list > .circle.mar6 {
    margin: 0 0 0 52px;
    padding-top: 44px;
    height: 72px
}

.banner-list > .circle:hover {
    background-position: 0 -116px;
    color: #fff
}

.banner-btn {
    background: #fe763c;
    width: 350px;
    height: 50px;
    border: none;
    border-radius: 50px;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    box-shadow: 0 6px 6px rgba(38, 38, 38, 0.3);
    display: block;
    margin: 82px auto 0
}

.programme {
    background: url(../images/programme-bg.jpg) no-repeat center;
    height: 659px;
    padding-top: 50px
}

.programme-title {
    background: url(../images/programme-title.png) no-repeat 0 0;
    width: 803px;
    height: 68px;
    margin: 0 auto;
    padding: 108px 0 0 52px
}

.programme-title > p {
    font-size: 20px;
    line-height: 32px;
    color: #686868
}

.programme-con {
    width: 1026px;
    margin: 80px auto 0
}

.programme-con > ul > li {
    background: url(../images/programme-con.png) no-repeat 0 0;
    list-style: none;
    width: 275px;
    float: left;
    text-align: center;
    padding: 0 20px 0 0;
    margin-left: 70px
}

.programme-con > ul > li:first-child {
    margin-left: 0
}

.programme-con > ul > li:nth-child(odd) {
    background-position: 0 -302px
}

.programme-h3 {
    background: url(../images/programme-h3.png) no-repeat center 0;
    height: 36px;
    text-indent: -9999px;
    margin: 50px auto 0
}

.programme-h32 {
    background: url(../images/programme-h32.png) no-repeat center 0;
    height: 37px;
    text-indent: -9999px;
    margin: 49px auto 0
}

.programme-h33 {
    background: url(../images/programme-h33.png) no-repeat center 0;
    height: 38px;
    text-indent: -9999px;
    margin: 48px auto 0
}

.programme-p {
    height: 120px;
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    margin: 16px auto 0
}

.programme-btn {
    background: #024881;
    width: 160px;
    height: 50px;
    border: none;
    display: block;
    margin: 28px auto 0;
    font-size: 18px;
    color: #fff;
    box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.3)
}

.programme-con > ul > li:nth-child(odd) > .programme-btn {
    background: #ff741e
}

.recommend {
    background: url(../images/recommend-bg.jpg) no-repeat 0 0;
    height: 100px
}

.recommend-con {
    width: 1132px;
    margin: 0 auto;
    overflow: hidden
}

.recommend-left {
    width: 270px;
    float: left
}

.recommend-middle {
    width: 500px;
    height: 67px;
    float: left;
    margin: 16px 0 0 26px;
    font-size: 30px;
    color: #fffefe;
    line-height: 67px
}

.recommend-btn {
    background: #fe763c;
    width: 140px;
    height: 43px;
    border: #a16146 1px solid;
    border-radius: 1px;
    display: block;
    float: left;
    margin: 28px 0 0 66px;
    font-size: 18px;
    color: #fff;
    box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.3);
    cursor: pointer
}

.four {
    background: url(../images/four-bg.jpg) no-repeat center;
    height: 772px
}

.four-con {
    width: 1018px;
    margin: 0 auto;
    padding-top: 64px
}

.four-title {
    background: url(../images/four-title.png) no-repeat center 0;
    height: 71px;
    text-indent: -9999px
}

.four-p {
    font-size: 20px;
    color: #686868;
    line-height: 1;
    text-align: center;
    margin: 20px 0 0 0
}

.four-list {
    margin: 84px 0 0 0
}

.four-list > ul > li {
    list-style: none;
    width: 236px;
    float: left;
    border: #9c9c9c 1px solid;
    height: 404px;
    margin-left: 22px
}

.four-list > ul > li:first-child {
    margin-left: 0
}

.four-pic {
    width: 220px;
    margin: 8px auto 0
}

.four-h3 {
    background: url(../images/four-h31.png) no-repeat center 0;
    height: 21px;
    text-indent: -9999px;
    margin: 26px 0 0 0
}

.four-h3-back2 {
    background: url(../images/four-h32.png) no-repeat center 0
}

.four-h3-back3 {
    background: url(../images/four-h33.png) no-repeat center 0
}

.four-h3-back4 {
    background: url(../images/four-h34.png) no-repeat center 0
}

.four-line {
    background: url(../images/four-line.png) no-repeat center 0;
    height: 5px;
    margin: 19px 0 0 0
}

.four-p {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    margin: 16px 0 0 0
}

.four-btn {
    background: #024881;
    width: 149px;
    height: 43px;
    border: #6b90af 1px solid;
    border-radius: 1px;
    font-size: 18px;
    color: #fff;
    display: block;
    margin: 18px auto 0;
    cursor: pointer;
    box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.3)
}

.four-list > ul > li:hover {
    border-color: #fe763c
}

.four-list > ul > li:hover > .four-btn {
    background: #fe763c;
    border-color: #edb59d
}

.seven {
    background: url(../images/seven-bg.jpg) no-repeat center 0;
    height: 880px
}

.seven-con {
    width: 1000px;
    margin: 0 auto;
    padding-top: 64px
}

.seven-title {
    background: url(../images/seven-title.png) no-repeat center 0;
    height: 72px;
    text-indent: -9999px
}

.seven-stitle {
    font-size: 20px;
    color: #cbcbcb;
    line-height: 38px;
    text-align: center;
    margin: 10px 0 0 0
}

.seven-list {
    background: url(../images/seven-con.png) no-repeat center;
    margin: 100px auto 0
}

.seven-ul1 {
    width: 812px;
    margin: 0 auto;
    overflow: hidden
}

.seven-ul2 {
    width: 1000px;
    margin: 50px auto 0;
    overflow: hidden
}

.seven-ul3 {
    width: 812px;
    margin: 50px auto 0;
    overflow: hidden
}

.seven-list > ul > li {
    list-style: none
}

.seven-list > ul > li:nth-child(odd) {
    float: left
}

.seven-list > ul > li:nth-child(even) {
    float: right
}

.seven-h3 {
    font-size: 20px;
    color: #fff;
    line-height: 1;
    text-align: center
}

.seven-p {
    font-size: 16px;
    color: #d1d1d1;
    line-height: 1;
    text-align: center;
    margin: 16px 0 0 0
}

.seven-btn {
    background: #fe763c;
    width: 140px;
    height: 43px;
    border: #a2593a 1px solid;
    border-radius: 1px;
    font-size: 16px;
    color: #fff;
    display: block;
    margin: 26px auto 0
}

.choose {
    background: url(../images/choose-bg.jpg) no-repeat center;
    height: 1853px
}

.choose-con {
    width: 1133px;
    margin: 0 auto;
    padding-top: 64px
}

.choose-title {
    background: url(../images/choose-title.png) no-repeat center 0;
    height: 145px;
    text-indent: -9999px
}

.choose-stitle {
    font-size: 20px;
    color: #686868;
    line-height: 1;
    text-align: center;
    margin: 20px 0 0 0
}

.school {
    margin: 80px 0 0 0
}

.school-h3 {
    background: url(../images/choose-h3.png) no-repeat 0 0;
    width: 1133px;
    height: 36px;
    font-size: 18px;
    color: #fff;
    line-height: 36px;
    padding-left: 66px;
    font-weight: bold;
}

.school-ul {
    width: 1052px;
    margin: 72px auto 0
}

.school-ul > li {
    list-style: none;
    width: 230px;
    float: left;
    margin-left: 44px
}

.school-ul > li:first-child {
    margin-left: 0
}

.school-pic {
    width: 216px;
    margin: 0 auto
}

.school-p {
    font-size: 16px;
    color: #666;
    line-height: 28px;
    text-align: center;
    margin: 6px 0 0 0
}

.school-btn {
    background: #024881;
    width: 140px;
    height: 43px;
    border: #6c8ca5 1px solid;
    border-radius: 1px;
    font-size: 16px;
    color: #fff;
    display: block;
    margin: 18px auto 0;
    cursor: pointer;
    box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.3)
}

.school-btn:hover {
    background: #fe763c;
    border-color: #fe763c
}

.school2 {
    margin: 50px 0 0 0
}

.school2-h3 {
    background: url(../images/choose-h3.png) no-repeat 0 0;
    width: 1133px;
    height: 36px;
    font-size: 18px;
    color: #fff;
    line-height: 36px;
    padding-left: 60px;
    font-weight: normal;
    font-weight: bold
}

.school2-ul {
    width: 1000px;
    margin: 60px auto 0;
    overflow: hidden
}

.school2-ul > li {
    background: url(../images/school2-bg.png) no-repeat 0 0;
    list-style: none;
    width: 152px;
    float: left;
    margin-left: 60px;
    box-shadow: 1px 1px 5px rgba(120, 120, 120, 0.3)
}

.school2-ul > li:first-child {
    margin-left: 0
}

.school2-ul > li > button {
    width: 152px;
    height: 50px;
    border: none;
    font-size: 16px;
    color: #fff;
    cursor: pointer
}

.school2-btn1 {
    background: url(../images/school2-btn1.jpg) no-repeat 0 0
}

.school2-btn2 {
    background: url(../images/school2-btn2.jpg) no-repeat 0 0;
    margin-top: 11px
}

.school2-btn3 {
    background: url(../images/school2-btn3.jpg) no-repeat 0 0;
    margin-top: 11px
}

.school2-btn4 {
    background: url(../images/school2-btn4.jpg) no-repeat 0 0
}

.school2-btn5 {
    background: url(../images/school2-btn5.jpg) no-repeat 0 0;
    margin-top: 11px
}

.school2-btn6 {
    background: url(../images/school2-btn6.jpg) no-repeat 0 0;
    margin-top: 11px
}

.school2-btn7 {
    background: url(../images/school2-btn7.jpg) no-repeat 0 0
}

.school2-btn8 {
    background: url(../images/school2-btn8.jpg) no-repeat 0 0;
    margin-top: 11px
}

.school2-btn9 {
    background: url(../images/school2-btn9.jpg) no-repeat 0 0;
    margin-top: 11px
}

.school2-btn10 {
    background: url(../images/school2-btn10.jpg) no-repeat 0 0
}

.school2-btn11 {
    background: url(../images/school2-btn11.jpg) no-repeat 0 0;
    margin-top: 11px
}

.school2-btn12 {
    background: url(../images/school2-btn12.jpg) no-repeat 0 0;
    margin-top: 11px
}

.school2-btn13 {
    background: url(../images/school2-btn13.jpg) no-repeat 0 0
}

.school2-btn14 {
    background: url(../images/school2-btn14.jpg) no-repeat 0 0;
    margin-top: 11px
}

.school2-ul > li > .school2-btn15 {
    background: #3778ae;
    color: #fff000;
    margin-top: 11px
}

.specialty {
    margin-top: 60px
}

.specialty-title {
    background: url(../images/choose-h3.png) no-repeat 0 0;
    height: 36px
}

.specialty-h3 {
    font-size: 18px;
    color: #fff;
    line-height: 36px;
    padding-left: 68px;
    float: left
}

.specialty-btn {
    background: #fe763c;
    width: 170px;
    height: 30px;
    border: none;
    border-radius: 30px;
    display: block;
    float: right;
    margin: 2px 0 0 0;
    font-size: 18px;
    color: #fff
}

.specialty-con {
    margin: 65px 0 0 0
}

.specialty-left {
    background: rgba(85, 85, 85, 0.08);
    width: 340px;
    padding-bottom: 14px;
    float: left
}

.specialty-pic {
    background: url(../images/specialty-pic.jpg) no-repeat 0 0;
    width: 314px;
    height: 174px;
    margin: 13px auto 0;
    padding-top: 30px
}

.specialty-pic-h4 {
    background: url(../images/specialty-pic-h4.png) no-repeat center 0;
    height: 76px;
    text-indent: -9999px
}

.specialty-pic-btn {
    background: #024881;
    width: 140px;
    height: 43px;
    border: #5e5658 1px solid;
    border-radius: 1px;
    font-size: 18px;
    color: #fff;
    display: block;
    margin: 24px auto 0;
    box-shadow: 3px 3px 9px rgba(38, 38, 38, 0.3);
    cursor: pointer
}

.specialty-ul {
    width: 278px;
    background: #fff;
    margin: 13px auto 0;
    padding: 12px 18px
}

.specialty-ul > li {
    list-style: none;
    overflow: hidden
}

.specialty-icon {
    background: #a5a5a5;
    width: 2px;
    height: 2px;
    float: left;
    margin-top: 12px
}

.specialty-word {
    float: left;
    font-size: 12px;
    color: #727272;
    line-height: 26px;
    margin-left: 4px
}

.specialty-word:hover {
    color: #fe763c
}

.specialty-a {
    float: right;
    font-size: 12px;
    color: #fe763c
}

.specialty-right {
    background: rgba(85, 85, 85, 0.08);
    width: 756px;
    float: right;
    padding: 13px 12px
}

.economic {
    width: 234px;
    float: left
}

.economic-h5 {
    background: url(../images/economic-h3.jpg) no-repeat 0 0;
    width: 234px;
    height: 62px;
    font-size: 20px;
    color: #fff;
    line-height: 62px;
    font-weight: normal;
    text-align: center
}

.economic-ul {
    border: #3778ae 1px solid;
    overflow: hidden;
    padding: 18px 0 18px 46px
}

.economic-ul li {
    list-style: none;
    width: 74px;
    float: left
}

.economic-ul li:nth-child(even) {
    margin-left: 18px
}

.economic-a {
    font-size: 12px;
    color: #727272;
    line-height: 26px
}

.economic-a:hover {
    color: #fe763c
}

.economic-more, .computer-more, .building-more, .chemical-more, .education-more, .mores-more {
    font-size: 12px;
    color: #fe763c;
    line-height: 26px
}

.computer {
    width: 260px;
    float: left;
    margin-left: 14px
}

.computer-h5 {
    background: url(../images/computer-h3.jpg) no-repeat 0 0;
    width: 260px;
    height: 62px;
    font-size: 20px;
    color: #fff;
    line-height: 62px;
    font-weight: normal;
    text-align: center
}

.computer-ul {
    border: #3778ae 1px solid;
    overflow: hidden;
    padding: 18px 0 18px 34px
}

.computer-ul li {
    list-style: none;
    width: 96px;
    float: left
}

.computer-ul li:nth-child(even) {
    margin-left: 8px
}

.computer-a {
    font-size: 12px;
    color: #727272;
    line-height: 26px
}

.computer-a:hover {
    color: #fe763c
}

.building {
    width: 234px;
    float: left;
    margin-left: 14px
}

.building-h5 {
    background: url(../images/building-h3.jpg) no-repeat 0 0;
    width: 234px;
    height: 62px;
    font-size: 20px;
    color: #fff;
    line-height: 62px;
    font-weight: normal;
    text-align: center
}

.building-ul {
    border: #3778ae 1px solid;
    overflow: hidden;
    padding: 18px 0 18px 25px
}

.building-ul li {
    list-style: none;
    width: 72px;
    float: left
}

.building-ul li:nth-child(even) {
    margin-left: 14px
}

.building-a {
    font-size: 12px;
    color: #727272;
    line-height: 26px
}

.building-a:hover {
    color: #fe763c
}

.chemical {
    width: 234px;
    float: left;
    margin-top: 42px
}

.chemical-h5 {
    background: url(../images/chemical-h3.jpg) no-repeat 0 0;
    width: 234px;
    height: 62px;
    font-size: 20px;
    color: #fff;
    line-height: 62px;
    font-weight: normal;
    text-align: center
}

.chemical-ul {
    border: #3778ae 1px solid;
    overflow: hidden;
    padding: 18px 0 18px 30px
}

.chemical-ul li {
    list-style: none;
    width: 85px;
    float: left
}

.chemical-ul li:nth-child(even) {
    margin-left: 14px
}

.chemical-a {
    font-size: 12px;
    color: #727272;
    line-height: 26px
}

.chemical-a:hover {
    color: #fe763c
}

.education {
    width: 260px;
    float: left;
    margin: 42px 0 0 14px
}

.education-h5 {
    background: url(../images/education-h3.jpg) no-repeat 0 0;
    width: 260px;
    height: 62px;
    font-size: 20px;
    color: #fff;
    line-height: 62px;
    font-weight: normal;
    text-align: center
}

.education-ul {
    border: #3778ae 1px solid;
    overflow: hidden;
    padding: 18px 0 18px 46px
}

.education-ul li {
    list-style: none;
    width: 84px;
    float: left
}

.education-a {
    font-size: 12px;
    color: #727272;
    line-height: 26px
}

.education-a:hover {
    color: #fe763c
}

.mores {
    width: 234px;
    float: left;
    margin: 42px 0 0 14px
}

.mores-h5 {
    background: url(../images/mores-h3.jpg) no-repeat 0 0;
    width: 234px;
    height: 62px;
    font-size: 20px;
    color: #fff;
    line-height: 62px;
    font-weight: normal;
    text-align: center
}

.mores-ul {
    border: #3778ae 1px solid;
    overflow: hidden;
    padding: 18px 0 18px 35px
}

.mores-ul li {
    list-style: none;
    width: 60px;
    float: left
}

.mores-ul li:nth-child(even) {
    margin-left: 14px
}

.mores-a {
    font-size: 12px;
    color: #727272;
    line-height: 26px
}

.mores-a:hover {
    color: #fe763c
}

.cert {
    background: url(../images/cert-bg.jpg) no-repeat center 0;
    height: 848px
}

.cert-con {
    width: 1000px;
    margin: 0 auto;
    padding-top: 65px
}

.cert-title {
    background: url(../images/cert-title.png) no-repeat center 0;
    height: 156px;
    text-indent: -9999px
}

.cert-outer {
    margin: 84px auto 0
}

.cert-left {
    width: 499px;
    float: left
}

.cert-right {
    width: 496px;
    float: right;
    background: url(../images/cert-icon.png) no-repeat 0 0;
    margin: 38px 0 0 0
}

.cert-right > ul > li {
    list-style: none;
    line-height: 66px;
    margin-left: 96px;
    font-size: 20px;
    color: #fbfbf1;
    margin-top: 32px
}

.cert-right > ul > li:nth-child(1) {
    margin-top: 0
}

.cert-right > ul > li:nth-child(2) {
    margin-left: 148px;
    line-height: 34px
}

.cert-right > ul > li:nth-child(3) {
    line-height: 34px
}

.cert-btns {
    width: 351px;
    margin: 70px auto 0
}

.cert-btna {
    background: #f67707;
    width: 175px;
    height: 50px;
    border: none;
    border-radius: 50px 0 0 50px;
    font-size: 20px;
    color: #fff;
    float: left;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.3);
    text-align: left;
    padding-left: 30px
}

.cert-btnb {
    background: #ffb400;
    width: 176px;
    height: 50px;
    border: none;
    border-left: #fb9603 1px solid;
    border-radius: 0 50px 50px 0;
    font-size: 20px;
    color: #fff;
    float: right;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.3);
    text-align: left;
    padding-left: 20px
}

.cert-btn:hover {
    opacity: 0.8;
    filter: alpha(opactity=80)
}

.why {
    background: url(../images/why-bg.jpg) no-repeat center 0;
    height: 730px
}

.why-con {
    width: 1000px;
    margin: 0 auto;
    padding-top: 65px
}

.why-title {
    background: url(../images/why-title.png) no-repeat center 0;
    height: 111px;
    font-size: 20px;
    color: #686868;
    font-weight: normal;
    text-align: center;
    line-height: 1
}

.why-list {
    overflow: hidden;
    margin: 60px 0 0 0
}

.why-list > ul > li {
    list-style: none;
    background: url(../images/why-circle.png) no-repeat 0 0;
    width: 170px;
    height: 130px;
    float: left;
    padding-top: 40px;
    margin-left: 37px;
    cursor: pointer;
    margin-top: 33px
}

.why-list > ul > li:nth-child(1), .why-list > ul > li:nth-child(6) {
    margin-left: 0
}

.why-icon {
    background: url(../images/why-icon.png) no-repeat 0 0;
    width: 62px;
    height: 58px;
    display: block;
    margin: 0 auto
}

.why-icon-back2 {
    background-position: 0 -58px
}

.why-icon-back3 {
    background-position: 0 -116px
}

.why-icon-back4 {
    background-position: 0 -174px
}

.why-icon-back5 {
    background-position: 0 -232px
}

.why-icon-back6 {
    background-position: 0 -290px
}

.why-icon-back7 {
    background-position: 0 -348px
}

.why-icon-back8 {
    background-position: 0 -406px
}

.why-icon-back9 {
    background-position: 0 -464px
}

.why-h3 {
    font-size: 20px;
    color: #fff;
    line-height: 1;
    text-align: center;
    font-weight: normal;
    margin: 12px 0 0 0
}

.why-h3-last {
    font-size: 20px;
    color: #f4f710;
    line-height: 35px;
    text-align: center;
    font-weight: normal;
    margin: 12px 0 0 0
}

.why-list > ul > li:hover {
    background-position: 0 -170px
}

.worry {
    background: url(../images/worry-bg.jpg) no-repeat center;
    height: 620px
}

.worry-con {
    width: 990px;
    margin: 0 auto;
    padding-top: 65px
}

.worry-title {
    background: url(../images/worry-title.png) no-repeat center 0;
    height: 129px;
    text-indent: -9999px
}

.worry-list {
    margin: 100px 0 0 0
}

.worry-list > ul > li {
    width: 330px;
    list-style: none;
    float: left;
    background: url(../images/worry-line.png) no-repeat 0 center
}

.worry-list > ul > li:first-child {
    background: none
}

.worry-h3 {
    background: url(../images/worry-h3.png) no-repeat center 0;
    height: 26px;
    text-indent: -9999px
}

.worry-h3-back2 {
    background-position: center -26px
}

.worry-h3-back3 {
    background-position: center -52px
}

.worry-p {
    font-size: 14px;
    color: #fff;
    line-height: 25px;
    text-align: center;
    margin: 26px 0 0 0
}

.worry-p > strong {
    color: #fe763c;
    font-weight: normal
}

.worry-btn {
    background: #1e89ab;
    width: 165px;
    height: 44px;
    border: none;
    display: block;
    margin: 40px auto 0;
    font-size: 16px;
    color: #f4f4f3;
    box-shadow: 0 3px 9px rgba(38, 38, 38, 0.3)
}

.worry-btn:hover {
    background: #fe763c
}

.reason {
    background: url(../images/reason-bg.jpg) no-repeat center 0;
    height: 742px
}

.reason-con {
    width: 1050px;
    margin: 0 auto;
    padding-top: 65px
}

.reason-title {
    background: url(../images/reason-title.png) no-repeat center 0;
    height: 57px;
    text-indent: -9999px
}

.reason-list {
    width: 962px;
    margin: 85px auto 0;
    overflow: hidden
}

.reason-list > ul > li {
    list-style: none;
    background: url(../images/reason-circle.png) no-repeat 0 0;
    width: 207px;
    height: 206px;
    float: left;
    border-radius: 100%;
    margin: 0 0 0 44px;
    overflow: hidden
}

.reason-list > ul > li:first-child {
    margin-left: 0
}

.reason-h3 {
    line-height: 40px;
    margin: 31px 0 0 0;
    font-size: 18px;
    color: #fff;
    text-align: center;
    font-weight: normal
}

.reason-p {
    font-size: 14px;
    color: #4c4c4c;
    line-height: 24px;
    text-align: center;
    margin: 15px 0 0 0;
}

.reason-beizhu {
    background: url(../images/reason-line.png) no-repeat 0 0;
    height: 67px;
    margin: 48px auto 0;
    overflow: hidden
}

.reason-icon {
    background: url(../images/reason-icon.png) no-repeat 0 0;
    width: 16px;
    height: 16px;
    display: block;
    float: left;
    margin-top: 25px
}

.reason-words {
    font-size: 16px;
    color: #024881;
    line-height: 67px;
    float: left;
    font-weight: bold;
}

.ml45 {
    margin-left: 45px
}

.ml44 {
    margin-left: 44px
}

.ml42 {
    margin-left: 42px
}

.ml39 {
    margin-left: 39px
}

.ml34 {
    margin-left: 34px
}

.ml30 {
    margin-left: 30px
}

.reason-btns {
    width: 356px;
    margin: 78px auto 0
}

.reason-btna {
    background: #fe763c;
    width: 356px;
    height: 50px;
    border: none;
    border-radius: 50px;
    font-size: 20px;
    color: #fff;
    box-shadow: 0 6px 10px rgba(38, 38, 38, 0.3);
    cursor: pointer
}

.base {
    background: url(../images/base-bg.jpg) no-repeat center 0;
    height: 792px
}

.base-con {
    width: 856px;
    margin: 0 auto;
    padding-top: 64px
}

.base-title {
    background: url(../images/base-title.png) no-repeat center 0;
    height: 142px;
    text-indent: -9999px
}

.base-stitle {
    font-size: 20px;
    color: #cbcbcb;
    line-height: 40px;
    text-align: center;
    margin: 10px auto 0
}

.base-pic {
    width: 625px;
    margin: 108px auto 0
}

.base-btns {
    width: 356px;
    margin: 42px auto 0
}

.base-btna {
    background: #fe763c;
    width: 356px;
    height: 50px;
    border: none;
    border-radius: 50px;
    font-size: 20px;
    color: #fff;
    box-shadow: 0 6px 10px rgba(38, 38, 38, 0.3);
    cursor: pointer
}

.question {
    background: url(../images/question-bg.jpg) no-repeat center 0;
    height: 958px;
    padding-top: 68px
}

.question-title {
    background: url(../images/question-title.png) no-repeat center;
    height: 186px;
    text-indent: -9999px
}

.question-con {
    background: url(../images/question-con.jpg) no-repeat 0 0;
    width: 1062px;
    margin: 73px auto 0;
    overflow: hidden;
    padding-bottom: 12px
}

.question-con > ul > li {
    list-style: none;
    background: url(../images/question-hover.png) no-repeat 0 0;
    width: 338px;
    height: 152px;
    float: left;
    margin: 12px 0 0 12px
}

.question-h3 {
    font-size: 16px;
    color: #010101;
    line-height: 16px;
    font-weight: normal;
    text-align: center;
    margin: 30px 0 0 0
}

.question-all-btn {
    background: url(../images/question-btn.png) no-repeat center 0;
    width: 150px;
    margin: 22px auto 0;
    padding-top: 20px
}

.question-btn {
    background: transparent;
    width: 150px;
    height: 35px;
    border: #024881 1px solid;
    font-size: 16px;
    color: #024881;
    cursor: pointer
}

.question-con > ul > li:hover {
    background-position: 0 -152px
}

.question-con > ul > li:hover > .question-h3 {
    color: #fff
}

.question-con > ul > li:hover > .question-all-btn {
    background-position: center -21px
}

.question-con > ul > li:hover > .question-all-btn > .question-btn {
    border-color: #fff;
    color: #fff
}

.question-btn2 {
    background: #fe763c;
    width: 280px;
    height: 50px;
    border: none;
    border-radius: 50px;
    display: block;
    margin: 66px auto 0;
    cursor: pointer;
    font-size: 18px;
    color: #fff;
    box-shadow: 0 6px 6px rgba(38, 38, 38, 0.3)
}

.money {
    background: url(../images/money-bg.jpg) no-repeat center 0;
    height: 638px;
    padding-top: 52px
}

.money-con {
    background: url(../images/money-con.png) no-repeat 0 0;
    width: 1107px;
    height: 438px;
    margin: 0 auto;
    position: relative
}

.money-circle1 {
    position: absolute;
    width: 138px;
    height: 116px;
    top: 170px;
    left: 0;
    padding-top: 22px
}

.money-p {
    font-size: 16px;
    color: #2b6596;
    line-height: 28px;
    text-align: center
}

.money-btn {
    font-size: 16px;
    color: #ff9467;
    display: block;
    text-align: center;
    margin: 14px 0 0 0
}

.money-circle2 {
    position: absolute;
    width: 237px;
    height: 237px;
    top: 0;
    left: 107px;
    padding-top: 52px
}

.money-p2 {
    font-size: 38px;
    color: #fe763c;
    line-height: 66px;
    text-align: center
}

.money-circle3 {
    position: absolute;
    width: 136px;
    height: 116px;
    top: 302px;
    left: 159px;
    padding-top: 20px
}

.money-circle4 {
    position: absolute;
    width: 284px;
    height: 202px;
    top: 72px;
    left: 413px;
    padding-top: 82px
}

.money-title {
    background: url(../images/money-title.png) no-repeat center 0;
    height: 97px;
    text-indent: -9999px
}

.money-p3 {
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 1;
    margin: 30px 0 0 0
}

.money-circle5 {
    position: absolute;
    width: 233px;
    height: 191px;
    top: 18px;
    right: 110px;
    padding-top: 42px
}

.money-p4 {
    font-size: 26px;
    color: #2b6596;
    text-align: center;
    line-height: 48px
}

.money-p4 > strong {
    font-size: 34px;
    color: #fe763c
}

.money-btn1 {
    font-size: 18px;
    color: #fe763c;
    display: block;
    text-align: center;
    margin: 14px 0 0 0
}

.money-circle6 {
    position: absolute;
    width: 136px;
    height: 116px;
    top: 222px;
    right: 0;
    padding-top: 20px
}

.money-btn2 {
    font-size: 16px;
    color: #fe763c;
    display: block;
    text-align: center;
    margin: 14px 0 0 0
}

.another {
    background: url(../images/another-bg.jpg) no-repeat center 0;
    height: 771px;
    box-shadow: 0px 5px 10px rgba(53, 53, 53, 0.3)
}

.another-con {
    background: url(../images/another-con.png) no-repeat 0 0;
    width: 801px;
    height: 732px;
    margin: 0 auto;
    padding-top: 65px
}

.another-title {
    background: url(../images/another-title.png) no-repeat center 0;
    height: 174px;
    font-size: 20px;
    color: #024881;
    line-height: 1;
    font-weight: normal;
    text-align: center
}

.another-from {
    width: 210px;
    display: block;
    margin: 44px auto 0
}

::-webkit-input-placeholder {
    color: #959595
}

:-moz-placeholder {
    color: #959595
}

::-moz-placeholder {
    color: #959595
}

:-ms-input-placeholder {
    color: #959595
}

.another-btns {
    width: 210px;
    float: right
}

.another-btnb {
    background: #e3612a;
    width: 210px;
    height: 50px;
    border: none;
    font-size: 18px;
    color: #fff;
    float: left
}

.another-pic1 {
    width: 578px;
    height: 56px;
    margin: 64px auto 0
}

.another-pic2 {
    width: 506px;
    height: 95px;
    margin: 39px auto 0
}

.another-list {
    width: 440px;
    margin: 84px 0 0 288px
}

.another-list > a {
    font-size: 14px;
    color: #fff;
    line-height: 1;
    margin-left: 16px
}

.another-list > a:first-child {
    margin-left: 0
}

.another-list2 {
    width: 380px;
    margin: 35px 0 0 288px
}

.another-list2 > a {
    font-size: 14px;
    color: #fff;
    line-height: 24px;
    margin-left: 27px
}

.another-list2 > a:first-child, .another-list2 > a:nth-child(6) {
    margin-left: 0
}

.footer {
    background: #fff
}

.footer-p {
    font-size: 16px;
    color: #707070;
    text-align: center;
    margin: 10px 0 0 0;
    line-height: 65px
}

.footer-p a {
    font-size: 16px;
    color: #707070;
    text-decoration: none
}

.leftbar {
    background: url(../images/leftbar-bg.png) no-repeat 0 0;
    position: fixed;
    top: 50%;
    left: 0;
    width: 173px;
    height: 305px;
    margin-top: -152px;
    z-index: 9;
    padding-top: 50px
}

.leftbar .leftbar-form {
}

.leftbar .leftbar-div {
    width: 144px;
    height: 30px;
    margin: 10px auto 0;
    border-bottom: #a99a30 1px dashed
}

.leftbar .leftbar-div:first-child {
    margin-top: 0
}

.leftbar-div > .select_box {
    width: 116px;
    height: 30px;
    float: left;
    font-size: 12px
}

.leftbar-div > .select_box4 {
    width: 88px
}

.leftbar-div > .select_box > .select_txt {
    width: 106px;
    height: 30px;
    line-height: 30px;
    text-align: center
}

.leftbar-div > .select_box4 > .select_txt {
    width: 78px
}

.leftbar-div > .select_box > .selet_open {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    width: 6px;
    height: 30px;
    background: url(../images/select_up.png) no-repeat center
}

.leftbar-div > .select_box > .option {
    width: 116px;
    top: 30px
}

.leftbar-div > .select_box4 > .option {
    width: 88px
}

.leftbar-div > .select_box > .option > a {
    font-size: 12px;
    padding: 0 7px
}

.leftbar-div > .select_box > .option2 {
    width: 286px;
    background: #fff;
    padding: 10px
}

.leftbar-div > .select_box > .option2 > a {
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    color: #102334;
    width: 62px;
    display: inline-block;
    background-color: #f5f5f5;
    margin: 2px;
    text-align: center;
    cursor: pointer;
    padding: 0
}

.leftbar-div > .select_box > .option2 > a:hover {
    background: #f53131;
    color: #fff
}

.leftbar-div > label {
    width: 28px;
    float: left;
    font-size: 14px;
    color: #fafbfd;
    font-weight: normal;
    margin: 4px 0 0 0
}

.leftbar-div > label.leftbar-label4 {
    width: 56px
}

.leftbar-div > input::-webkit-input-placeholder {
    color: #f5d930;
    opacity: 1
}

.leftbar-div > input:-moz-placeholder {
    color: #f5d930;
    opacity: 1
}

.leftbar-div > input::-moz-placeholder {
    color: #f5d930;
    opacity: 1
}

.leftbar-div > input:-ms-input-placeholder {
    color: #f5d930;
    opacity: 1
}

.leftbar-div > input {
    background: transparent;
    border: none;
    width: 116px;
    float: left;
    height: 30px;
    line-height: 30px;
    padding-left: 4px;
    font-size: 12px;
    color: #fafbfd;
    text-align: center
}

.leftbar-btn {
    background: url(../images/leftbar-btn.png) no-repeat 0 0;
    width: 120px;
    height: 28px;
    display: block;
    font-size: 16px;
    color: #1c324a;
    border: none;
    margin: 18px auto 0
}

.rightbar {
    background: url(../images/rightbar-top.png) no-repeat 0 0;
    position: fixed;
    right: 0;
    top: 9%;
    width: 140px;
    height: 506px;
    z-index: 9;
    padding-top: 136px
}

.rightbar > ul > li {
    list-style: none;
    background: url(../images/rightbar-line.png) no-repeat center bottom;
    text-align: center;
    line-height: 40px
}

.rightbar > ul > li:last-child {
    background: none
}

.rightbar > ul > li > a {
    font-size: 16px;
    color: #fafbfd;
    cursor: pointer
}

.rightbar > ul > li > a:hover {
    color: #f5d930
}

.button--nina {
    overflow: hidden;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s
}

.button--nina > span {
    display: inline-block;
    opacity: 0;
    line-height: 50px;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1)
}

.button--nina::before {
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    line-height: 50px;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1)
}

.button--nina:hover {
    background-color: #024881
}

.button--nina:hover::before {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.button--nina:hover > span {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.button--nina:hover > span:nth-child(1) {
    -webkit-transition-delay: 0.045s;
    transition-delay: 0.045s
}

.button--nina:hover > span:nth-child(2) {
    -webkit-transition-delay: 0.09s;
    transition-delay: 0.09s
}

.button--nina:hover > span:nth-child(3) {
    -webkit-transition-delay: 0.135s;
    transition-delay: 0.135s
}

.button--nina:hover > span:nth-child(4) {
    -webkit-transition-delay: 0.18s;
    transition-delay: 0.18s
}

.button--nina:hover > span:nth-child(5) {
    -webkit-transition-delay: 0.225s;
    transition-delay: 0.225s
}

.button--nina:hover > span:nth-child(6) {
    -webkit-transition-delay: 0.27s;
    transition-delay: 0.27s
}

.button--nina:hover > span:nth-child(7) {
    -webkit-transition-delay: 0.315s;
    transition-delay: 0.315s
}

.button--nina:hover > span:nth-child(8) {
    -webkit-transition-delay: 0.36s;
    transition-delay: 0.36s
}

.button--nina:hover > span:nth-child(9) {
    -webkit-transition-delay: 0.405s;
    transition-delay: 0.405s
}

.button--nina:hover > span:nth-child(10) {
    -webkit-transition-delay: 0.45s;
    transition-delay: 0.45s
}

.logoby {
    height: 70px;
    float: left;
    margin-right: 20px
}