* {
    padding: 0px;
    margin: 0px;
}

.summer {
    width: 100%;
    height: auto;
    text-align: center;
}

.summer .all {
    width: 1200px;
    margin: 0 auto;
}

/* 公共样式 */
.header {
    width: 100%;
    background: url(../public/images/toutu_01.jpg);
    height: 896px;
    background-size: 100% 100%;
    margin: auto;
}

.header>a {
    display: block;
    width: 100%;
    height: 100%;
}

.page {
    width: 100%;
    height: 3526px;
    background-image: url(../public/images/toutu_02.jpg);
    background-size: 100% 100%;
    margin: auto;
}

.outside {
    text-decoration: none;
    color: #456dce;
}

.space {
    height: 50px;
    width: 100%;
}

.title {
    height: 212px;
}

.txt>h2 {
    display: block;
    height: auto;
    margin: auto;
    width: 843px;
    font-size: 36px;
    color: #fff;
    padding-top: 10px;
    margin-bottom: 40px;
    background: url(../public/images/bankuai_03.png) no-repeat;
}

.title>p {
    display: block;
    margin: auto;
    width: 471px;
    height: 53px;
    text-align: center;
    background: url(../public/images/bankuai_07.png) no-repeat;
    display: grid;
    justify-content: center;
    align-items: center;
    font-size: 28px;
    color: #fff;
}

.product {
    width: inherit;
    height: 763px;
    background: url(../public/images/bankuai_11.png);
    position: relative;
    box-shadow: 5px 5px 5px 5px #1e98e5;
    border-radius: 59px;
}

.product>h3 {
    height: 80px;
}

.product .list {
    height: 451px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    position: relative;
    top: 30%
}

.product-intr {
    width: 347px;
    height: 502px;
    position: relative;
    border-radius: 40px;
    background: url(../public/images/DEV1.png);
    top: -9px;
}

.product-intr1 {
    width: 347px;
    height: 502px;
    position: relative;
    border-radius: 40px;
    background: url(../public/images/DEV2.png);
    top: -9px;
}

.product-intr2 {
    width: 347px;
    height: 502px;
    position: relative;
    border-radius: 40px;
    background: url(../public/images/DEV3.png);
    top: -9px;
}

.product-intr>div,
.product-intr1>div,
.product-intr2>div {
    width: 295px;
    height: 235px;
    position: relative;
    top: 31%;
    left: 7%;
    background-color: #fff;
}

.product-intr>div>.intr-box,
.product-intr1>div>.intr-box,
.product-intr2>div>.intr-box {
    width: 74%;
    margin: 28px auto 0px;
    text-align: left;
    list-style: square;
    line-height: 32px;
}

.product-intr>div>p,
.product-intr1>div>p,
.product-intr2>div>p{
    font-size: 14px;
    text-align: center;
    border: 1px solid #456dce;
    border-radius: 30px;
    position: relative;
    top:17px;
    width: 80%;
    margin: auto;
    padding: 6px 0px;
    color: #456dce;
}

.product-intr>.kefu,
.product-intr1>.kefu,
.product-intr2>.kefu {
    text-decoration: none;
    position: relative;
    top: 39%;
    z-index: 10;
    color: #fff;
    background-image: linear-gradient(-11deg,
            #ff5434 0%,
            #ff9f4f 100%),
        linear-gradient(#fda14f,
            #fda14f);
    background-blend-mode: normal,
        normal;
    box-shadow: 6px 11px 25px 0px rgba(4, 0, 0, 0.09);
    padding: 10px 50px;
}

.product-intr>div>.intr-box>li,
.product-intr1>div>.intr-box>li,
.product-intr2>div>.intr-box>li {
    color: #456dce;
}

.list1 {
    margin: 80px auto 62px;
    width: 436px;
    height: 108px;
    background: url(../public/images/bankuai_15.png);
    display: grid;
    justify-content: center;
    align-items: center;
}

.list1 h3 {
    font-size: 30px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 14px;
    letter-spacing: 0px;
    color: #456dce;
}

.list2 {
    height:360px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.list2>a {
    text-decoration: none;
}

.product-name {
    height: 335px;
    background: url(../public/images/bankuai_18.png);
    width: 380px;
    border-radius: 26px;
    box-shadow: 5px 5px 5px 5px #1e98e5;
}

.product-name1 {
    height: 335px;
    background: url(../public/images/bankuai_20.png);
    width: 380px;
    border-radius: 26px;
    box-shadow: 5px 5px 5px 5px #1e98e5;   
}

.product-name2 {
    height: 335px;
    background: url(../public/images/bankuai_22.png);
    width: 380px;
    border-radius: 26px;
    box-shadow: 5px 5px 5px 5px #1e98e5;
}

.infolist {
    width: 70%;
    margin: auto;
    position: relative;
    top: 33%;
    height: 100px;
    background-color: #d8f3ff;
    display: grid;
    justify-content: center;
    align-items: center;
    text-align: left;
    list-style: square;
}

.infolist>li {
    color: #456dce;
}

.product-name>p,
.product-name1>p {
    position: relative;
    top: 46%;
    left: -20%;
    font-size: 24px;
    line-height: 24px;
    letter-spacing: 0px;
    color: #ffffff;
}

.product-name2>p {
    position: relative;
    top: 50%;
    left: -25%;
    font-size: 41px;
    line-height: 24px;
    letter-spacing: -1px;
    color: #ffffff;
}

.product-name>p>span,
.product-name1>p>span {
    font-size: 58px;
    line-height: 24px;
    letter-spacing: 0px;
    color: #ffffff;
}

.product-name2>p>span {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0px;
    color: #ffffff;
}

.product-name>h6,
.product-name1>h6,
.product-name2>h6 {
    position: relative;
    top: 28%;
    left: 0;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: 0px;
    color: #1f4cb9;
}

.list3 {
    height: 840px;
    background: url(../public/images/bankuai_27.png);
    box-shadow: 5px 5px 5px 5px #1e98e5;
    border-radius: 59px;
}

.other-product {
    width: 45%;
    height: 41%;
    float: left;
    position: relative;
    margin: 3% 0px 0px 3%;
    top: 10px;
}

.other-product>h4 {
    font-size: 33px;
    line-height: 18px;
    letter-spacing: 0px;
    color: #456dce;
    padding: 10px 0px 20px 0px;
}

.other-product>p {
    font-size: 18px;
    width: 70%;
    margin: auto;
    line-height: 24px;
    letter-spacing: 0px;
    color: #456dce;
    border-top: 1px dashed #000;
    border-bottom: 1px dashed #000;
    padding: 10px 0px;
}

.other-product>img {
    position: absolute;
    top: 89px;
    left: 27px;
}

.other-product>div {
    margin-top: 20px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.other-product>div>div>h5 {
    font-size: 18px;
    line-height: 59px;
    letter-spacing: 0px;
    color: #ff5434;
    height: 59px;
    font-weight: 600;
}
.other-product>div>div>h5>span>img{position: relative;top: 12px;}

.other-product>div>div>p {
    font-size: 28px;
    line-height: 24px;
    letter-spacing: -1px;
    color: #ff5434;
    padding-bottom: 20px;
    font-weight: 600;
}

.other-product>div>div>p>span {
    font-size: 23px;
    line-height: 24px;
    letter-spacing: 0px;
    color: #ff9f4f;
    font-weight: 600;
}

.other-product>div>div>a {
    display: block;
    width: 172px;
    height: 52px;
    background-image: linear-gradient(-11deg,
            #ff5434 0%,
            #ff9f4f 100%),
        linear-gradient(#ffffff,
            #ffffff);
    background-blend-mode: normal,
        normal;
    box-shadow: 6px 11px 25px 0px rgba(4, 0, 0, 0.09);
    border-radius: 25px;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0px;
    color: #ffffff;
    text-decoration: none;
}

.other-product>div>div>a>span {
    position: relative;
    top: 7px;
    left: -12px;
}

.other-product:nth-child(2n) {
    margin-right: 3%;
    float: right;
}

.top>ul {
    margin: auto;
    background-image: linear-gradient(-11deg,
            #456dcf 0%,
            #2096e4 100%),
        linear-gradient(#1c6a9d,
            #1c6a9d);
    background-blend-mode: normal,
        normal;
    box-shadow: 6px 11px 25px 0px rgba(4, 0, 0, 0.09);
    border-radius: 27px;
    border: 1px solid transparent;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 336px;
    height: 56px;
}

.top {
    padding: 81px 0px 70px 0px;
}

.top>ul>li {
    list-style: none;
    cursor: pointer;
}

.top>ul>li>a {
    padding: 15px 31px;
    font-size: 20px;
    line-height: 32px;
    letter-spacing: 0px;
    color: #fff;
    text-decoration: none;
}

.active {
    border: 1px solid transparent;
    border-radius: 27px;
    background-color: tomato;
}

.photo {
    position: relative;
}

.photo>img {
    position: relative;
    top: -55px;
    left: -44%;
}

.sm-swiper {
    z-index: 10;
    position: relative;
    top: -219px
}

.sm-swiper .contain {
    width: 100%;
    height: 395px;
    border-radius: 50px;
    background-color: aliceblue;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 5px 5px 5px 5px #1e98e5;
}

.tit {
    width: 655px;
    height: 50px;
    margin: auto;
    background: url(../public/images/bankuai_34.png) no-repeat;
    font-size: 28px;
    line-height: 24px;
    letter-spacing: 3px;
    color: #ffffff;
    padding-top: 13px;
    margin-bottom: 40px;
}

.sm-swiper .contain .hd>ul {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
}

.sm-swiper .contain .hd {
    width: 20%;
}

.sm-swiper .contain .down-cut {
    width: 80%;
    height: 100%;
    background-image: linear-gradient(0deg,
            #466cce 0%,
            #1e98e5 100%),
        linear-gradient(#1a45b1,
            #1a45b1);
    background-blend-mode: normal,
        normal;
    border-radius: 0px 30px 30px 0px;
}

.sm-swiper .contain .hd>ul>li {
    list-style: none;
    width: 100%;
}

.sm-swiper .contain .lidetail {
    height: 79px;
    cursor: pointer;
    border-top: 1px solid #8bcde9;
}

.sm-swiper .contain .lidetail1 {
    height: 79px;
    cursor: pointer;
    border-radius: 49px 0px 0px 0px;
}

.sm-swiper .contain .lidetail2 {
    height: 79px;
    cursor: pointer;
    border-radius: 0px 0px 0px 49px;
    border-top: 1px solid #8bcde9;
}

.layout {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.imgtips {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0px;
    font-weight: 600;
}

.goodso {
    display: none;
    margin: 0 auto;
}

.goodspic {
    margin: 0 auto;
    display: block
}

.sm-swiper .contain .hd ul li.on .goodso {
    display: block
}

.sm-swiper .contain .hd ul li.on .goodspic {
    display: none;
}

.sm-swiper .contain .hd ul li.on .lidetail,
.sm-swiper .contain .hd ul li.on .lidetail1,
.sm-swiper .contain .hd ul li.on .lidetail2 {
    background-image: linear-gradient(-11deg,
            #ff5434 0%,
            #ff9f4f 100%),
        linear-gradient(#8bcde9,
            #8bcde9);
    background-blend-mode: normal,
        normal;
    box-shadow: 6px 11px 25px 0px rgba(4, 0, 0, 0.09);
}

.sm-swiper .contain .hd ul li.on .imgtips {
    color: #fff;
}

.down-cut .bd .showbos {
    height: 157px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.down-cut .bd .showbos .box {
    display: block;
    width: 41%;
    height: auto;
    position: relative;
    top: 33px;
    text-decoration: none;
    border: 1px solid transparent;
    padding: 30px 20px;
    background-color: #2096e4;
    border-radius: 20px;
}

.down-cut .bd .showbos .box:hover {
    background: #456dce;
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
}

.down-cut .bd .showbos .box>div>h4 {
    font-size: 26px;
    line-height: 22px;
    letter-spacing: 0px;
    color: #ffffff;
    text-align: left;
    padding-bottom: 10px;
}

.down-cut .bd .showbos .box>div>p {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0px;
    color: #ffffff;
    text-align: left;
}

.bottom {
    margin-top: 99px;
}

.bottom>p {
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 0px;
    color: #ffffff;
}

/*新的网站底部样式*/
.footer {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 50px 0 0 0;
    width: 100%;
    background-color: #2e3033;
    font-size: 14px;
    display: inline-block;
}

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

.footer-con .footer-top {
    font-size: 1.2rem
}

.footer-con .footer-top h4 {
    color: #fff;
    text-align: center;
    font-weight: 500;
    font-size: 18px;
    margin-bottom: .5rem;
    font-family: inherit;
    line-height: 1.2;
}

.footer-con .footer-mid {
    overflow: hidden;
    padding: 20px 0 30px;
    border-bottom: 1px solid #494b4d
}

.footer-con .footer-mid div.mid-left {
    float: left;
    overflow: hidden;
}

.footer-con dl dd a,
.footer-con dl dd span {
    display: block;
    color: #999;
    text-decoration: none;
    font-size: 14px;
    line-height: 32px;
}

.footer-con dl dd a:hover {
    color: #e94709
}

.footer-con .footer-mid div.mid-left dl {
    margin-right: 80px;
    overflow: hidden;
    float: left;
}

.footer-con .footer-mid div.mid-left dl:nth-child(2)~span {
    width: 1px;
    height: 168px;
    background-color: #494b4d;
    display: block;
    float: left;
    margin: 0 80px 0 0;
}

.footer-con .footer-mid div.mid-left dl:last-child {
    margin-right: 0;
    width: 200px;
}

.footer-con .footer-mid div.mid-left dl dt:before {
    position: relative;
    margin-left: -8px;
    width: 4px;
    height: 14px;
    background-color: #ea4609;
    content: '';
    top: 4px;
    float: left;
}

.footer-con .footer-mid div.mid-left dl dt {
    margin-bottom: 25px;
    margin-left: 8px;
    color: #fff;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 500;
}

.footer-con .footer-mid div.mid-left dl dd {
    line-height: 30px;
    margin-bottom: .5rem;
    margin-left: 0;
}

.footer-con .footer-mid div.mid-left dl:first-child dd {
    float: left
}

div.mid-right {
    float: right;
}

div.mid-right p {
    color: #fff;
    text-align: center;
    font-size: 13px;
    margin: 0;
    line-height: 2;
}

div.mid-right p:last-child {
    margin-bottom: 0
}

div.mid-right div {
    padding: 5px;
    background-color: #fff
}

div.mid-right div img {
    display: block;
    border: none
}

div.f-bottom {
    text-align: center
}

div.bottom-nav {
    overflow: hidden;
    margin-top: 30px;
    margin-bottom: 20px
}

.bnc a {
    float: left;
    margin-right: 10px;
}

.bnc i {
    float: left;
    margin-right: 10px;
    color: #999;
}

div.bottom-nav a {
    display: inline-block;
    margin: 0 10px;
    color: #eeebeb;
    text-align: center;
}

div.f-bottom p {
    color: #888;
    line-height: 80px;
    margin-bottom: 0;
}

div.f-bottom p img {
    vertical-align: -3px
}

.nSelected {
    color: #e94709 !important
}

a.qqchart,
a.zx {
    border: 1px solid #999;
    text-align: center;
    padding: 0 6px;
}

a.qqchart:hover,
a.zx:hover {
    border-color: #e94709;
    color: #e94709
}

a.qqchart img,
a.zx img {
    margin-right: 5px;
    vertical-align: -3px
}

/*右侧固定导航样式*/
.tipNav * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
}

.tipNav {
    height: 270px;
    width: 44px;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 10px;
    margin: auto;
    z-index: 10000;
    box-shadow: 0px 0px 7px 0px rgba(47, 65, 102, 0.15);
}

.tipNav>a {
    display: block;
    text-align: center;
    background-color: #fff;
    color: #545559;
    position: relative;
    border: 1px solid #f0f0f0;
    border-bottom: 0;
    border-top: 0;
}

.tipNav #ev-right-onlinechart {
    border-radius: 4px 4px 0px 0px;
    color: #fff;
    border: none;
    background-color: #fa5512;
    background-image: linear-gradient(0deg, #fa5512 0%, #fb8c56 100%);
}

.tipNav #ev-right-onlinechart span {
    border-radius: 4px 4px 0px 0px;
    color: #fff;
    writing-mode: tb-rl;
    font-size: 14px;
    padding: 15px;
    letter-spacing: 4px;
    height: 128px;
}

.tipNav>a img {
    display: block;
    border: none;
    margin: 0 auto 5px;
}

.tipNav>a .hoverImg {
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: -1;
    background-color: #fff;
}

.tipNav>a span,
.tipNav #ev-right-400 span {
    font-size: 12px;
    display: block;
    line-height: 1.2;
    color: #545559;
}

.tipNav>a:hover .hoverImg {
    z-index: 2;
}

.tipNav>a:hover span {
    color: #ff7733;
}

.tipNav>a.toTop {
    border: none;
}

.tipNav #ev-right-400 {
    background: #fff;
    text-align: center;
    cursor: pointer;
    height: 100px;
}

.tipNav #ev-right-400 span {
    writing-mode: tb-rl;
    padding: 12px 15px;
    font-size: 14px;
    letter-spacing: 4px;
    height: 100px;
    width: 45px;
}

.tipNav #ev-right-400:hover span {
    color: #ff7733;
}

.tipNav #ev-right-400 .rntel {
    position: absolute;
    top: 50px;
    left: -235px;
    width: 240px;
    height: 252px;
    color: #666;
    text-align: left;
    padding-left: 20px;
    text-shadow: none;
    display: none;
}

.tipNav #ev-right-400 .rntel div {
    background: #fff;
    font-size: 14px;
    padding: 18px 0 18px 14px;
    margin-right: 15px;
    box-shadow: 0px 0px 7px 0px rgba(47, 65, 102, 0.15);
    border-radius: 3px;
}

.tipNav #ev-right-400 .rntel div p {
    line-height: 1.75;
    margin: 14px;
}

.tipNav #ev-right-400 .rntel div p img {
    margin-right: 16px
}

.tipNav #ev-right-400 .rntel div a:hover {
    color: #e94709
}

.tipNav #ev-right-400:hover .rntel {
    display: block;
}

.tipNav #ev-right-400:hover .rntel div:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 10px;
    border-color: transparent transparent transparent #fff;
    position: absolute;
    top: 100px;
    left: 225px;
}

.tipNav #ev-buycar {
    padding: 10px 0;
    font-size: 1.5em;
    border-top: 1px solid #f0f0f0;
    border-left: 0;
    border-right: 0;
}

.tipNav #ev-buycar:hover {
    color: #ff7733
}

.tipNav #ev-right-back {
    margin-top: 4px;
    height: 44px;
    overflow: hidden;
    font-size: 2em;
    box-shadow: 0px 0px 7px 0px rgb(47 65 102 / 15%);
}

.tipNav #ev-right-back i {
    margin: 0px 6px 8px 6px;
    transition: all .2s;
    -webkit-transition: all .2s;
    position: RELATIVE;
    top: -5px;
}

.tipNav #ev-right-back b {
    font-weight: normal;
    font-size: .7rem;
    color: #e94709;
    line-height: 1.2;
    display: block;
    transition: all .2s;
    -webkit-transition: all .2s;
    margin-top: 10px;
}

.tipNav #ev-right-back:hover i {
    transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
}

.tipNav #ev-right-back:hover b {
    opacity: 1;
    transform: translateY(-45px);
    -webkit-transform: translateY(-45px);
}

.tipNav #ev-right-back:after,
.tipNav #ev-right-onlinechart:after,
.tipNav #ev-right-suggest:after {
    content: '';
    height: 0;
}
/* 底部样式 */
.footer1{width: 1200px;margin: auto;}
.footer1 div {
    height: 20px;
    margin-left: 280px;
    margin-top: -74px;
    margin-bottom: 60px;
}

.footer1 div a {
    width: 230px;
    height: 36px;
    background-image: linear-gradient(90deg, #e6a045 0%, #ffd395 50%, #e6a045 100%), linear-gradient(#fffdfd, #fdfbfb);
    background-blend-mode: normal, normal;
    border-radius: 18px;
    padding: 7px 18px;
    text-decoration: none;
    color: #342513;
}
.footer1 div a:hover{
    font-size: 20px;
    padding: 11px 25px;
}