#mainBanner {
    position: relative;
}

#mainBanner .banner-fixed-wrap {
    margin: 0 auto;
    width: 100%;
    height: 530px;
    overflow: hidden;
}

#mainBanner .banner-fixed-content {
    width: 100%;
}

#mainBanner .swiper-container-main {
    height: 530px;
}

#mainBanner .swiper-container-main .swiper-slide {
    position: relative;
    display: block;
    overflow: hidden;
}


#mainBanner .swiper-slide.swiper-slide-active .swiper-slide-img,
#mainBanner .swiper-slide.swiper-slide-active .swiper-slide-txt
{
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
#mainBanner .swiper-slide .swiper-slide-txt {
    position: absolute;
    margin: 0 auto;
    top: 50%;
    left: 50%;
    margin-left: -611px;
    margin-top: -112px;
    width: 1222px;
    height: 225px;
    background: no-repeat;
    background-size: 100% 100%;
    opacity: 0;
    -webkit-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
    /* -webkit-transition: opacity 0.5s cubic-bezier(0.1, 0, 0.04, 1), -webkit-transform 0.5s cubic-bezier(0.1, 0, 0.04, 1); */
    /* transition: opacity 0.5s cubic-bezier(0.1, 0, 0.04, 1), -webkit-transform 0.5s cubic-bezier(0.1, 0, 0.04, 1); */
    transition: transform .5s cubic-bezier(0.1, 0, 0.04, 1) .35s, opacity 3s cubic-bezier(0.1, 0, 0.04, 1) .35s;
    /* transition: transform 0.5s cubic-bezier(0.1, 0, 0.04, 1), opacity 0.5s cubic-bezier(0.1, 0, 0.04, 1), -webkit-transform 0.5s cubic-bezier(0.1, 0, 0.04, 1); */
    /* -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.1, 0, 0.04, 1), opacity 0.5s cubic-bezier(0.1, 0, 0.04, 1); */
}
#mainBanner .swiper-slide .swiper-slide-img {
    position: absolute;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background: 50% 0 no-repeat;
    background-size: cover;
    cursor: default;
    opacity: 1;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    /* -webkit-transition: opacity 0.5s cubic-bezier(0.1, 0, 0.04, 1), -webkit-transform 0.5s cubic-bezier(0.1, 0, 0.04, 1); */
    /* transition: opacity 0.5s cubic-bezier(0.1, 0, 0.04, 1), -webkit-transform 0.5s cubic-bezier(0.1, 0, 0.04, 1); */
    transition: transform 1s cubic-bezier(0.1, 0, 0.04, 1), opacity 0.5s cubic-bezier(0.1, 0, 0.04, 1);
    /* transition: transform 0.5s cubic-bezier(0.1, 0, 0.04, 1), opacity 0.5s cubic-bezier(0.1, 0, 0.04, 1), -webkit-transform 0.5s cubic-bezier(0.1, 0, 0.04, 1); */
    /* -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.1, 0, 0.04, 1), opacity 0.5s cubic-bezier(0.1, 0, 0.04, 1); */
}

#mainBanner .swiper-slide.swiper-slide-active .ani-01 {
    opacity: 1;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1);
    transition-delay: 0.5s;
    -webkit-transition-delay: 0.5s;
}

#mainBanner .swiper-slide .ani-01 {
    opacity: 0;
    -webkit-transform: scale(0.2);
    -ms-transform: scale(0.2);
    transform: scale(0.2);
    -webkit-transition: opacity 0.5s cubic-bezier(0.1, 0, 0.04, 1), -webkit-transform 0.5s cubic-bezier(0.1, 0, 0.04, 1);
    transition: opacity 0.5s cubic-bezier(0.1, 0, 0.04, 1), -webkit-transform 0.5s cubic-bezier(0.1, 0, 0.04, 1);
    transition: transform 0.5s cubic-bezier(0.1, 0, 0.04, 1), opacity 0.5s cubic-bezier(0.1, 0, 0.04, 1);
    transition: transform 0.5s cubic-bezier(0.1, 0, 0.04, 1), opacity 0.5s cubic-bezier(0.1, 0, 0.04, 1), -webkit-transform 0.5s cubic-bezier(0.1, 0, 0.04, 1);
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.1, 0, 0.04, 1), opacity 0.5s cubic-bezier(0.1, 0, 0.04, 1);
}

#mainBanner .banner-text-index {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#mainBanner .banner-text-index span {
    font-size: 46px;
    font-weight: bold;
    line-height: 1.6;
    letter-spacing: 3px;
}

#mainBanner .banner-caption {
    position: absolute;
    width: 100%;
    top: 44%;
    margin-bottom: 0;
    font-size: 16px;
    color: #fff;
}









/* 
.swiper-container .swiper-slide { position: relative; }
.swiper-container .swiper-slide a { background-position: center center; background-repeat: no-repeat; background-size: cover; display: block; width: 100%; height: 100%; }
.swiper-container .swiper-slide .white-txt { position: absolute; text-align: center; top: 240px; width: 100%; left: 50%; z-index: 33333; transform: translate(-50%, -50%); color: #fff; background: linear-gradient(90deg, rgba(0, 77, 161, 0) 0%, rgba(0, 57, 138, 0.5) 26%, rgba(0, 57, 138, 0.5) 74%, rgba(0, 57, 138, 0) 100%); }
.swiper-container .swiper-slide .white-txt p:nth-child(1) { font-size: 52px; letter-spacing: 1px; font-weight: bold; padding: 32px 0px; }
.swiper-container .swiper-slide .white-txt p:nth-child(2) { font-size: 28px; padding-bottom: 32px; }
.swiper-container .pagination { position: absolute; z-index: 10; bottom: 18px; text-align: center; width: 100%; }
.swiper-container .pagination .swiper-pagination-switch { width: 10px; height: 10px; }
.swiper-container .pagination .swiper-active-switch { background-color: #d43e47; width: 14px; height: 14px; margin-bottom: -2px; } */

.main-container p { padding: 90px 0px 56px; color: #1d2023; font-size: 36px; font-weight: bold; text-align: center; position: relative; }
.main-container p a { font-size: 14px; color: #3f454b; position: absolute; right: 0px; top: 100px; }
.main-container .d-card { float: left;height:354px;cursor:pointer;padding: 28px 24px; border: 1px solid #dce3f3; display: inline-block; width: 331px; margin-right: 27px; box-shadow: 0px 4px 6px 0px rgba(112, 140, 183, 0.3); }
.main-container .d-card .d-card-img{height: 193px; width:331px; overflow: hidden;  display: inline-block;}
.main-container .d-card:last-child { margin-right: 0px; }
.main-container .d-card .img-card{
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    }
.main-container .d-card .img-card:hover{cursor: pointer;
    transform: scale(1.2);
}
.main-container .d-card h1 {margin: 24px 0px; white-space:nowrap; text-overflow: ellipsis;font-size: 20px; color: #1d2023; font-weight: bold; line-height: 32px; overflow: hidden; position: relative; text-align: justify; }
.main-container .d-card h1:hover{color: #2d5cc6; cursor: pointer}
.main-container .d-card h2 {max-height:79px;line-height: 26px; color: #3f454b; font-size: 16px; overflow: hidden; text-overflow: ellipsis; position: relative; /*height: 79px;*/ }
.main-container .d-card h2.p-after:after { content: "..."; position: absolute; bottom: 0px; right: 0px;
    background-color: #fff; width: 16px;
    padding-left: 17px;
    background: -webkit-linear-gradient(left, transparent, #fff 55%);
    background: -o-linear-gradient(right, transparent, #fff 55%);
    background: -moz-linear-gradient(right, transparent, #fff 55%);
    background: linear-gradient(to right, transparent, #fff 55%);
}
.main-container .p-card { height: 300px; border: 1px solid #eee; box-shadow: 0px 0px 9px 1px rgba(57, 106, 182, 0.2); }
.main-container .p-card ul li { float: left; width: 20%; text-align: center; height: 299px; position: relative; }
.main-container .p-card ul li:hover { box-shadow: 0px 3px 16px 6px rgba(0, 53, 160, 0.14);}
.main-container .p-card ul li:hover span{color: #2d5cc6; }
.main-container .p-card ul li img { width: auto; height: 78px; margin-top: 40px; display: inline-block; }
.main-container .p-card ul li .title { font-weight:bold;margin: 0px; font-size: 20px; color: #1d2023; display: block; margin-top: 35px; }
.main-container .p-card ul li .title-1 { font-weight:bold;font-size: 20px; color: #1d2023; line-height: 26px; margin-top: 4px;display: inline-block;}
.main-container .p-card ul li .line { height: 299px; width: 1px; background-color: #dce3f3; display: inline-block; position: absolute; right: 0px; top: 0px; }
.main-container .p-card ul li .p-intro{margin: 30px 30px;  font-size: 16px;  line-height: 22px;  color: #3f454b;
    overflow: hidden;  display: inline-block; letter-spacing: -1px;text-align: justify; }
.main-container .p-card ul li .p-intro:after { content: "..."; position: absolute; bottom: 30px; right: 30px;
    /*width: 20px;*/
    padding-left: 17px;
    background: -webkit-linear-gradient(left, transparent, #fff 55%);
    background: -o-linear-gradient(right, transparent, #fff 55%);
    background: -moz-linear-gradient(right, transparent, #fff 55%);
    background: linear-gradient(to right, transparent, #fff 55%);
}
.main-container .p-card ul li .p-intro-s:after { content: "..."; position: absolute; bottom: 30px;
    right: 24px; background-color: #fff; width: 20px;
    padding-left: 17px;
    background: -webkit-linear-gradient(left, transparent, #fff 55%);
    background: -o-linear-gradient(right, transparent, #fff 55%);
    background: -moz-linear-gradient(right, transparent, #fff 55%);
    background: linear-gradient(to right, transparent, #fff 55%);
}
.main-container .p-card ul li .p-intro-s{margin: 20px 30px;  font-size: 16px;  line-height: 22px;  color: #3f454b;
    overflow: hidden;  display: inline-block;letter-spacing: -1px;text-align: justify;
}
.main-container .index-market .m-box { /*height: 517px;*/ border: 1px solid #e5e9f4; overflow: hidden; box-shadow: 0px 0px 9px 1px rgba(57, 106, 182, 0.2); }
.main-container .index-market .left-tab { float: left; width: 280px; }
.main-container .index-market .left-tab li { border-bottom: 1px solid #e5e9f4; border-right: 1px solid #e5e9f4; border-left: 5px solid #fff; padding: 56px 0px 56px 30px; color: #606972; cursor: pointer; position: relative; }
.main-container .index-market .left-tab li div { font-size: 20px; margin-bottom: 21px; color: #606972 !important; }
.main-container .index-market .left-tab li span { font-size: 18px; }
.main-container .index-market .left-tab li .icon-r { position: absolute; right: -10px; height: 20px; width: 10px; background-color: #eee; display: none; top: 50px; }
.main-container .index-market .left-tab li .icon-r img { height: 30px; width: auto; }
.main-container .index-market .left-tab li.active { border-left: 5px solid #d43e47; background-color: rgba(236, 238, 246, 0.49); font-weight: bold; color: #3f454b; }
.main-container .index-market .left-tab li.active div { color: #3f454b !important; }
.main-container .index-market .left-tab li.active .icon-r { display: block; }
.main-container .index-market .right-box { float: right; padding: 0px 32px 0px 40px; }
.main-container .index-market .right-box .title { margin: 24px 0px 16px 0px; }
.main-container .index-market .right-box .title .index-name { font-size: 24px; color: #1d2023; font-weight: bold; }
.main-container .index-market .right-box .title .time { font-size: 14px; color: #606972; display: inline-block; vertical-align: top; margin-top: 7px; margin-left: 10px; }
.main-container .index-market .right-box .index-detail { padding: 20px 0px; color: #606972; background-color: #f9f9f9; border: 1px solid #eee; }
.main-container .index-market .right-box .index-detail .new-price { display: inline-block; padding-left: 24px; width: 130px; }
.main-container .index-market .right-box .index-detail .new-price .sub-trend span:nth-child(1) { font-size: 28px; font-weight: bold; }
.main-container .index-market .right-box .index-detail .new-price .sub-trend-size { display:inline-block;margin-top:6px;font-size: 14px; }
.main-container .index-market .right-box .index-detail .new-price .sub-trend{position: relative;}
.main-container .index-market .right-box .index-detail .new-price .icon-per{position: absolute;  top: 6px;  right: -16px;}
.main-container .index-market .right-box .index-detail .sub-list { font-size: 14px; display: inline-block; margin-right: 35px; }
.main-container .index-market .right-box .index-detail .sub-list .sub-value span { margin-left: 16px; }
.main-container .index-market .right-box .index-detail .sub-list .sub-value em { color: #606972 !important; }
.main-container .index-market .right-box .index-detail .sub-list .sub-value:nth-child(1) { padding-bottom: 15px; }
.main-container .index-market .right-box .index-detail .f-child { padding-left: 32px; margin-left: 32px; border-left: 1px solid #d9d9d9; }
.main-container .index-market .right-box .market-type { overflow: hidden; margin-top: 15px; }
.main-container .index-market .right-box .market-type ul li { float: left; width: 25%; text-align: center; height: 38px; line-height: 38px; }
.main-container .index-market .right-box .market-type ul li a { padding-bottom: 6px; border-bottom: 1px solid #fff; cursor: pointer; }
.main-container .index-market .right-box .market-type ul li.active { color: #d43e47; }
.main-container .index-market .right-box .market-type ul li.active a { color: #d43e47; border-bottom: 1px solid #d43e47; }
.main-container .index-market .right-box .index-market-b { width: 843px; height: 279px; margin-top: 30px; }
.main-container .index-market .trend-up { color: #d43e47 !important; }
.main-container .index-market .trend-down { color: #2eaf42 !important; }
.main-container .index-market .blue { color: #172d65 !important; }
.main-container .index-market .black { color: #606972; }
#no-market {display: none;text-align: center;}
#no-market img{height: 56px;  margin-top: 100px;}

.read-more {font-size: 16px;
    display: inline-block;
    position: relative;
    right: 4px!important;
    padding-right: 26px;
}
.read-more i{position: absolute;  top: 0px; right: 4px;}
.read-more:hover{color: #2d5cc6;}
.read-more .iconchakangengduo{
    font-size: 14px;
    vertical-align: middle;
    margin-left: 6px;
}
.read-more .iconchakangengduo{transition: linear 0.2s;
    -ms-transition: linear 0.2s;
    -webkit-transition: linear 0.2s;
    -moz-transition:linear 0.2s;
    -o-transition: linear 0.2s;
}
.read-more:hover .iconchakangengduo{color: #2d5cc6; right: 0px;
    transition: linear 0.2s;
    -ms-transition: linear 0.2s;
    -webkit-transition: linear 0.2s;
    -moz-transition:linear 0.2s;
    -o-transition: linear 0.2s;
}

.organ { height: 128px; background-color: #fff; padding-top: 30px; margin-top: 16px;}
.organ .o-box { padding: 24px 0px; height: 80px; border-radius: 4px; }
.organ .o-box .swiper-slide{position: relative;}
.organ .o-box a {top:0px; position: absolute; width: 223px; height: 80px; margin-right: 18px; border: 1px solid #eee; display: inline-block; box-shadow: 0px 4px 6px 0px rgba(112, 140, 183, 0.2); }
.organ .o-box a img { width: 225px; max-height: 80px; }
.organ .o-box a:hover{ top: -5px;}


.o-box .swiper-button-next { background-image: url(swiper-right.png); background-size: 32px 32px; width: 32px; height: 32px; top: 71px; }

.o-box .swiper-button-prev { background-image: url(swiper-left.png); background-size: 32px 32px; width: 32px; height: 32px; top: 71px; }
.dynamic{overflow: hidden;padding-bottom: 10px;}

.o-box .swiper-button-prev.swiper-button-disabled, .o-box .swiper-button-next.swiper-button-disabled{
    opacity: 0;
}
#quick-rote .swiper-wrapper{
    z-index: 2;
}
/*# sourceMappingURL=index.css.map */