nav {
    width: 100%;
    height: 90px;
    background: #1e39ad;
    z-index: 100;
}

nav.fixed {
    position: fixed;
    top: 0;
    left: 0;
}

nav a {
    display: block;
    width: 150px;
    color: #FFFFFF;
    text-align: center;
    line-height: 90px;
    font-size: 18px;
    transition: all 0.5s;
}

nav .on,
nav a:hover {
    background: #354db5;
    transition: all 0.5s;
}

#title {
    text-align: center;
    padding: 50px 0;
    background: url(../images/title-bg.png) no-repeat 56% 38px;
    color: #333333;
    font-size: 40px;
}

#xmjs {
    background: url(../images/xmjs-bg.png) no-repeat top;
    background-size: 100% 100%;
    padding-bottom: 50px;
}

#xmjs .cont {
    background: url(../images/xmjs-img.png);
    background-size: 100% 100%;
    height: 454px;
}

#xmjs .cont .text {
    float: right;
    width: 660px;
    margin-right: 20px;
    margin-top: 30px;
}

#xmjs .cont .text p {
    text-indent: 2rem;
    font-size: 18px;
    color: #333333;
    line-height: 36px;
}

#xmts {
    background: #edeff9;
}

#xmts .left {
    background: #d8dcf1;
    width: 546px;
    padding: 35px;
    box-sizing: border-box;
}

#xmts .left .btn {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(30, 57, 173);
    background-color: rgb(216, 220, 241);
    width: 230px;
    height: 164px;
    text-align: center;
    /* line-height: 166px; */
    color: #333333;
    font-size: 24px;
    cursor: pointer;
    transition: all 0.5s;
    display: flex;
    justify-content: center;
    align-items: center;
}

#xmts .left .btn:hover,
#xmts .left .btn.on {
    color: #FFFFFF;
    background: #1e39ad;
    transition: all 0.5s;
}

#xmts .right {
    background: #1e39ad;
    color: #FFFFFF;
    font-size: 18px;
    display: flex;
    justify-content: center;
    width: 650px;
    box-sizing: border-box;
    padding: 0 35px;
    height: 432px;
    flex-direction: column;
}

#xmts .right div {
    display: none;
    line-height: 2;
    text-align: justify;
}

#xmts .bottom {
    padding: 35px 0;
}

#xmts .bottom a {
    background-color: rgb(198, 145, 54);
    width: 280px;
    height: 80px;
    color: #FFFFFF;
    font-size: 24px;
    line-height: 80px;
    text-align: center;
    display: block;
    float: left;
}

#xmts .bottom a:hover {
    opacity: 0.8;
}

#zsxx {
    background: #efefef;
    padding-bottom: 30px;
}

#zsxx .items {
    position: relative;
    padding-bottom: 25px;
}

#zsxx .item {
    width: 190px;
    margin-right: 11px;
}

#zsxx .item .t {
    text-align: center;
}

#zsxx .item .t p.t {
    color: #333333;
    font-size: 16px;
}

#zsxx .item .t p.b {
    color: #666666;
    font-size: 14px;
}

#zsxx .item .t span {
    display: inline-block;
    border-radius: 50%;
    background-color: rgb(30, 57, 173);
    width: 10px;
    height: 10px;
    margin: 15px 0 22px;
    position: relative;
    z-index: 10;
}

#zsxx .item .text {
    border-radius: 10px;
    background-color: rgb(30, 57, 173);
    height: 281px;
    color: #FFFFFF;
    box-sizing: border-box;
    padding: 18px;
}

#zsxx .item .text p {
    line-height: 1.75;
    font-size: 15px;
}

#zsxx .line {
    position: absolute;
    width: 100%;
    height: 1px;
    background: #bcbcbc;
    left: 0;
    top: 61px;
}

#zsxx .item:nth-of-type(2n+1) .t span {
    background: #d59e3f;
}

#zsxx .item:nth-of-type(2n+1) .text {
    background: #d59e3f;
}

#bmlc {
    background: #ffffff;
    padding-bottom: 30px;
}

#bmlc .tab {
    width: 138px;
    text-align: center;
    cursor: pointer;
}

#bmlc .tab .circle {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(213, 158, 63);
    border-radius: 50%;
    background-color: rgb(237, 239, 249);
    width: 69px;
    height: 69px;
    text-align: center;
    line-height: 70px;
    font-size: 40px;
    color: #d59e3f;
    margin: 0 auto;
    font-weight: bold;
    margin-bottom: 15px;
}

#bmlc .tab p {
    color: #333333;
    font-weight: bold;
    font-size: 16px;
}

#bmlc .img {
    margin-top: 20px;
}

#bmlc .tab:hover .circle,
#bmlc .tab.on .circle {
    background: #d59e3f;
    color: #FFFFFF;
}

#bmlc .tabitem {
    padding: 0 37px;
    margin-top: 30px;
    font-size: 18px;
    color: #333333;
    display: none;
}

#bmlc .tabitem p {
    margin-bottom: 15px;
    line-height: 30px;
}

#bmlc .tabitem p a {
    color: #d59e3f;
    margin-right: 15px;
}

#bmlc .tabitem p a:hover {
    text-decoration: underline;
}

#xsgy {
    background: #efefef;
    padding-bottom: 40px;
}

#xsgy .tab {
    width: 200px;
    margin-right: 50px;
    text-align: center;
}

#xsgy .tab img {
    width: 128px;
    border-radius: 50%;
}

#xsgy .tab p.t {
    font-weight: bold;
    font-size: 24px;
    color: #333333;
    margin: 10px 0;
}

#xsgy .tab p.b {
    font-size: 20px;
    color: #333333;
}

#xsgy .tab.on img,
#xsgy .tab:hover img {
    width: 124px;
    border: 2px solid #d59e3f;
}

#xsgy .tab.on p,
#xsgy .tab:hover p {
    color: #d59e3f;
}

#xsgy .tabtext {
    margin-top: 30px;
}

#xsgy .tabtext p {
    color: #999999;
    font-size: 18px;
    line-height: 1.5;
    display: none;
}

#sqrq {
    background: url(../images/sqrq-bg.png) no-repeat center;
    height: 440px;
    background-size: auto 100%;
}

#sqrq .top {
    text-align: center;
}

#sqrq .top .item {
    width: 127px;
    text-align: center;
    display: inline-block;
}

#sqrq .top .item>div {
    background: #d6dbea;
    width: 127px;
    height: 122px;
    overflow: hidden;
}

#sqrq .top .item>div p.t {
    color: #333333;
    font-size: 24px;
    margin-top: 25px;
}

#sqrq .top .item>div p.b {
    color: #1e39ad;
    font-size: 30px;
    font-weight: bold;
}

#sqrq .top .item p.c {
    color: #ffffff;
    font-size: 18px;
    text-align: center;
    margin-top: 15px;
}

#sqrq .links {
    text-align: center;
    margin-top: 25px;
}

#sqrq .links a {
    background: rgb(255, 255, 255);
    width: 304px;
    height: 68px;
    text-align: center;
    line-height: 68px;
    font-size: 24px;
    color: #333333;
    border-radius: 34px;
    transition: all 0.5s;
    display: inline-block;
}

#sqrq .links a:hover {
    background: #d59e3f;
    color: #FFFFFF;
    transition: all 0.5s;
}

#bkgs {
    background: #efefef;
}

#bkgs .left {
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 6px 24px 0px rgba(148, 148, 148, 0.35);
    width: 256px;
    height: 316px;
    text-align: center;
    color: #333333;
    margin-top: 15px;
    overflow: hidden;
}

#bkgs .left img {
    margin: 24px 0;
    width: 135px;
}

#bkgs .left p.t {
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 5px;
}

#bkgs .left p.b {
    font-size: 20px;
}

#bkgs .device {
    position: relative;
    padding-bottom: 30px;
}

#bkgs .swiper-slide {
    width: 100%;
}

#bkgs .right {
    background: url(../images/bkgs-textBG.png) no-repeat;
    background-size: 100% 100%;
    width: 770px;
    height: 356px;
    float: right;
    box-sizing: border-box;
    padding: 0 40px 0 70px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#bkgs .right p {
    color: #333333;
    text-indent: 2rem;
    font-size: 16px;
    line-height: 32px;
}

#bkgs {
    padding-bottom: 25px;
}

#bkgs .pagination {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
}

#bkgs .pagination span {
    display: inline-block;
    background-color: rgb(207, 207, 207);
    width: 46px;
    height: 6px;
    border-radius: 3px;
    margin-right: 10px;
    opacity: 1;
}

#bkgs .pagination span.swiper-pagination-bullet-active {
    background: #d59e3f;
}

#bkgs .arrow-left {
    position: absolute;
    left: 0;
    top: 50%;
    width: 43px;
    height: 43px;
    background: url(../images/a-left.png) no-repeat;
    background-size: 100% 100%;
    margin-top: -21.5px;
}

#bkgs .arrow-left:hover {
    background: url(../images/a-left-on.png) no-repeat;
    background-size: 100% 100%;
}

#bkgs .arrow-right {
    position: absolute;
    right: 0;
    top: 50%;
    width: 43px;
    height: 43px;
    background: url(../images/a-right.png) no-repeat;
    background-size: 100% 100%;
    margin-top: -21.5px;
}

#bkgs .arrow-right:hover {
    background: url(../images/a-right-on.png) no-repeat;
    background-size: 100% 100%;
}

#bmdd {
    background: #edeff9;
}

#bmdd .text {
    color: #333333;
    font-size: 18px;
}

#bmdd .text p {
    margin-bottom: 10px;
    line-height: 1.8;
}

#bmdd .text p a {
    color: #2b7de1;
}

#bmdd .text2 {
    height: 700px;
    background: url(../images/bmdd-textbg.png) no-repeat 0 10px;
    background-size: 100% auto;
    position: relative;
    margin-top: 25px;
}

#bmdd .text2 div {
    position: absolute;
    font-size: 18px;
}

#bmdd .text2 div p {
    color: #666666;
    margin-bottom: 2px;
}

#bmdd .text2 div p a {
    color: #d59e3f;
}

#bmdd .text2 div p a:hover {
    text-decoration: underline;
}

#bmdd .text2 .text {
    background: #aeb8e2;
    padding: 10px 20px;
}

#bmdd .text2 .text p {
    color: #FFFFFF;
}

#bmdd .text2 .text p a {
    color: #2b7de1;
}

#bmdd .btns a {
    background-color: rgb(198, 145, 54);
    width: 280px;
    height: 60px;
    color: #FFFFFF;
    font-size: 18px;
    display: block;
    float: left;
    margin-right: 26px;
    text-align: center;
    line-height: 60px;
    margin-top: 20px;
    margin-bottom: 30px;
}

#bmdd .btns a:hover {
    opacity: 0.8;
}

#lxwm {
    height: 406px;
    background: url(../images/lxwm-bg.png) no-repeat;
    background-size: auto 100%;
}

#lxwm .cont .left {
    width: 450px;
    line-height: 1.7;
    color: #FFFFFF;
    height: 165px;
    padding-right: 24px;
    background: url(../images/foot-bg1.png) no-repeat right center;
}

#lxwm .cont .left p.t {
    font-size: 18px;
}

#lxwm .cont .left p.b {
    font-size: 16px;
}

#lxwm .cont .left a {
    color: #FFFFFF;
}

#xsfc img {
    width: 100%;
}

#xsfc {
    background: #efefef;
    padding-bottom: 40px;
}

#xsfc .swiper-slide {
    position: relative;
}

#xsfc .swiper-slide div {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 100;
    left: 0;
    top: 0;
}

#xsfc .swiper-slide.swiper-slide-active div {
    display: none;
}

.swiper-button-prev,
.swiper-button-next {
    background-color: rgba(255, 255, 255, 0.3);
    width: 67px;
    height: 67px;
    border-radius: 50%;
}

#fixed {
    position: fixed;
    bottom: 150px;
    right: 50px;
    z-index: 100;
}

#fixed>div {
    width: 48px;
    height: 48px;
    box-sizing: border-box;
    background: ;
    border-bottom: 1px solid #b6bbd5;
    cursor: pointer;
    position: relative;
}

#fixed .home {
    background: #dadce8 url(../images/fixed-icon1.png) no-repeat center;
}

#fixed .tel {
    background: #dadce8 url(../images/fixed-icon2.png) no-repeat center;
}

#fixed .email {
    background: #dadce8 url(../images/fixed-icon3.png) no-repeat center;
}

#fixed .wx {
    background: #dadce8 url(../images/fixed-icon4.png) no-repeat center;
}

#fixed .home:hover {
    background: #1e39ad url(../images/fixed-icon1-on.png) no-repeat center;
}

#fixed .tel:hover {
    background: #1e39ad url(../images/fixed-icon2-on.png) no-repeat center;
}

#fixed .email:hover {
    background: #1e39ad url(../images/fixed-icon3-on.png) no-repeat center;
}

#fixed .wx:hover {
    background: #1e39ad url(../images/fixed-icon4-on.png) no-repeat center;
}

#fixed>div .hide {
    position: absolute;
    right: 40px;
    top: 0;
    width: 220px;
    text-align: center;
    line-height: 48px;
    background: url(../images/fixed-bg.png) no-repeat right center;
    background-size: 100% 100%;
    height: 48px;
    display: none;
}

#fixed>div .hide a:hover {
    color: #1e39ad;
}