.maincolor{color:#8A8A8A;/*文字*/color:#494949;/*重文字*/color:#333;/*特重文字*/color:#095195;/*主色调*/ color:#DDD;/*边框*/color:#F4F4F4;/*背景*/}

/*KV*/
.column_kv{position: relative;}
.column_kv .swiper-wrapper,.column_kv .swiper-slide{height: auto !important;}
.column_kv .kv_con {position: relative;height: calc(100vh - 5.625em);overflow: hidden; max-height: 56.25vw;}
.column_kv .bg_container {position: absolute; left: 0; top:0; right: 0; bottom:0;}
.column_kv .video_container{position: absolute; left: 0; top:0; right: 0; bottom:0;overflow: hidden;}
.column_kv .video_container video{height: 100%;width: 100%;-o-object-fit: cover;object-fit: cover; background: #000;}
.column_kv .video_container canvas{position: absolute; height: 100vh; width: calc(1600vh / 9 ); left: 50%; top:50%; transform: translate(-50%,-50%);}
.column_kv .isAndroid .video_container video{ display: none;}
.column_kv .kvtxt {position: absolute;left:50%; top:50%; width: 75%;min-width: 1326px; text-align:left; color: #FFF; transform: translate(-50%,-50%); text-shadow: .125em .125em .25em rgba(0, 0, 0,.7); padding: 0 20px;height: 25%;}
.column_kv .kvtxt img{max-width: 60%;max-height: 100%;}
.column_kv .kvtxt h3{ font-weight: lighter; font-size: 3em; line-height: 1.5em; text-align: center;}
.column_kv .kvtxt h4{ font-weight: lighter; font-size: 2em; line-height: 1.75em; text-align: center;}
.column_kv .kvtxt p{font-size: 1.25em;line-height: 1.5em;padding: .35em 0; text-align: center;  }
/* .column_kv .kvtxt br{display: none;} */
.column_kv .more{display: inline-block; background: #095195; color: #FFF; padding: .5em 2em; margin-top: 1.875em;}
.column_kv .swiper-container-horizontal>.swiper-pagination-bullets,.column_kv .swiper-pagination{position: absolute; width:16px; left: auto; bottom:auto;right: 10px;top: 50%;transform: translate3d(0px,-50%,0);}
.column_kv .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.column_kv .swiper-pagination-switch{ background: none; width: 16px; height: 16px; margin: 2px 0; opacity: 1; position: relative; border: 1px solid transparent;outline: none !important; display: inline-block; border-radius: 50%; cursor: pointer;}
.column_kv .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:after,.column_kv .swiper-pagination-switch:after{ content: ""; position: absolute; width: 6px; height: 6px; left: 4px; top:4px; border-radius: 50%; background: #FFF;}
.column_kv .arrow{display: none;}
.column_kv .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active,.column_kv .swiper-active-switch{border-left-color: #FFF;border-bottom-color: #FFF;}
.column_kv .indexkv .swiper-button-prev:after,.column_kv .indexkv .swiper-button-next:after{display: none;}

@media screen and (max-width: 1366px){
    .column_kv .kvtxt{width: 100%;min-width: 0;}
    .column_kv .kvtxt img{max-width: 70%;}
    .column_kv .kvtxt h3{font-size: 2.5em; line-height: 1.4em;}
    .column_kv .kvtxt h4{font-size: 1.375em;line-height: 1.727em;}
    .column_kv .kvtxt p{font-size: 1.125em;line-height: 1.5em;padding: .194em 0; }
}
@media screen and (max-width: 1280px){
    .column_kv .kv_con{height: calc(100vh - 4em);}
}
@media screen and (max-width: 1024px){
    .column_kv .kvtxt h3{font-size: 2em; line-height: 1.5em;}
    .column_kv .kvtxt h4{font-size: 1.25em; line-height: 1.8em;}
    .column_kv .kvtxt p{font-size: 1em; line-height: 1.5em; padding: .25em 0; }
}

@media screen and (max-width: 767px){
    .column_kv .kvtxt{ top:40%;padding: 0 8%;}
    .column_kv .kvtxt img{max-width: 90%;}
    .column_kv .kvtxt h3{font-size: 1.5em; line-height: 1.5em;}
    .column_kv .kvtxt h4{font-size: 1em; line-height: 1.75em;}
    .column_kv .kvtxt p{font-size: .75em; line-height: 1.5em; padding: .25em 0; }
    .column_kv .kvtxt br{display: block;}
    .column_kv .indexkv .swiper-button-prev,.column_kv .indexkv .swiper-button-next{ width: 2em; height: 2em;margin-top: -1em;}
}
@media screen and (min-aspect-ratio:16/9){
	.column_kv .video_container canvas{width:100%; height: 56.25vw;}
}
@keyframes btn_sx {
    0% {
        bottom:0;
        opacity: 1;
    }
    50% {
        bottom:1em;
        opacity: .3;
    }
    100% {
        bottom:0;
        opacity: 1;
    }
}
/*业务概览*/
.column_indexbusiness{position: relative; padding: 0 0 0%;  overflow: hidden;}
.column_indexbusiness ul{list-style-type: none; overflow: hidden; margin: 0 -1em;}
.column_indexbusiness ul li{float: left; width: 25%; padding: 0 1em;}
.column_indexbusiness ul li:nth-child(2n+1){margin-top: 4em;}
.column_indexbusiness ul .indexbusiness_con{display: block; width: 100%;}
.column_indexbusiness ul a{display: block; position: relative; overflow: hidden; height: 0; padding: 27.5% 0 160%; color: #FFF;}
.column_indexbusiness ul .bg_container{position: absolute;left: 0;top:0; right: 0; bottom:0; overflow: hidden; transition: transform .5s linear;}
.column_indexbusiness ul .icon_container{margin: 0 auto; width: 25%; height: 0; overflow: hidden; padding: 0 0 25%; position: relative;}
.column_indexbusiness ul .icon_container img{width: 100%;}
.column_indexbusiness ul h3{text-align: center;  font-size: 1.25em; line-height: 3em; margin: 1em 0 .5em;  position: relative;}
.column_indexbusiness ul h3:after{ content:""; margin: 0 auto; width: 2em; height: .125em; display: block; background: #FFF;}
.column_indexbusiness ul p{overflow: hidden;margin: .5em 10%; text-align: justify; position: relative; line-height: 1.5em;transition: opacity .5s linear; opacity: 0; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;}
.column_indexbusiness ul a:after{content: "查看详情"; position: absolute; width: 6em; border:1px solid #FFF; text-align: center; left: 50%; bottom:15%; margin: 0 0 -1em -3em; line-height:2em ; line-height: 2em;transition: opacity .5s linear;opacity: 0;}
.column_indexbusiness ul a:hover .bg_container{transform: scale(1.05);}
.column_indexbusiness ul a:hover p{opacity: 1;}
.column_indexbusiness ul a:hover:after{opacity: 1;}

@media screen and (max-width: 1280px){
    .column_indexbusiness ul{margin: 0 -.5em;}
    .column_indexbusiness ul li{padding: 0 .5em;}
}
@media screen and (max-width: 1024px){
    .column_indexbusiness ul h3{margin: .5em 0 0; font-size: 1.125em; line-height: 2.5em;}
    .column_indexbusiness ul p {font-size: .875em;opacity: 1;}
    .column_indexbusiness ul a:after{font-size: .75em;opacity: 1;bottom:10%;}
}
@media screen and (max-width: 767px){
    .column_indexbusiness ul li{ width: 50%; margin: 0 0 .5em !important;}
    .column_indexbusiness ul a:after{bottom:15%;}
}
@media screen and (max-width: 480px){
    .column_indexbusiness ul h3{margin: 0; font-size: 1em; line-height: 2em;}
    .column_indexbusiness ul p {font-size: .75em;}
    .column_indexbusiness ul a{ padding: 12.5% 0 175%;}
}
/* @media screen and (max-width: 360px){
    .column_indexbusiness ul a:after{display: none;}
} */

/*资讯中心*/
.column_indexnews{position: relative; padding: 0 0 0%;  overflow: hidden; background: #F4F4F4;}
.column_indexnews .hotnews{ float: left; width:64.6%; position: relative; margin-bottom: 2em;}
.announcement{position: fixed; left: 50%; top:50%; z-index: 40;}
.announcement a{display: block; position: relative; border:.25em solid #095195;box-sizing: content-box; width: 300px; height: 225px; overflow: hidden;}
.announcement a img{width: 100%; transition: transform .5s linear;}
.announcement a h3{ position: absolute; left: 0; right: 0; bottom: 0; padding: 0 1em; overflow: hidden; width: 100%; white-space: nowrap; text-overflow: ellipsis; background: rgba(0, 0, 0,.7); color: #FFF;}
.announcement a:hover img{transform: scale(1.05);}
.column_indexnews .hotnews .swiper-slide{position: relative;}
.column_indexnews .swiper-wrapper,.column_indexnews .swiper-slide{height: auto !important;}
.column_indexnews .img_container{height: 22em;position: relative; width: 100%;overflow: hidden;}
.column_indexnews .bg_container{ position: absolute; left: 0; top:0;right:0;bottom:0;transition:transform .5s linear;}
.column_indexnews .txt_container{position: absolute; left: 0; bottom: 0; width: 100%; padding: 0 20em 0 1em; height: 3.5em; background: rgba(0, 0, 0,.7); }
.column_indexnews .txt_container h4{ width: 100%; font-size: 1.167em; line-height: 3em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #FFF; transition: background .5s linear;}
.column_indexnews .txt_container .time{position: absolute; white-space: nowrap; right: 14em; line-height: 3.5em; bottom:0; color: #FFF;}
.column_indexnews a:hover .bg_container{transform:scale(1.05);}
.column_indexnews a:hover .txt_container{background: rgba(52, 126, 195, .8);}
.column_indexnews .swiper-container-horizontal>.swiper-pagination-bullets,.column_indexnews .swiper-pagination{ left: auto; right: 0; width: 12em; position: absolute; bottom:.5em; text-align: center;}
.column_indexnews .swiper-pagination-bullet,.column_indexnews .swiper-pagination-switch{ display: inline-block; width: .75em; height: .75em; margin: .25em .5em !important; border-radius: 50%; background-color: #FFF; opacity: 1;outline: none;}
.column_indexnews .swiper-pagination-bullet-active,.column_indexnews .swiper-active-switch{background-color: #095195;}
.column_indexnews .wealthactivity {float: right; width: 32%;}
.column_indexnews .sdicnews {float: right; width: 32%;}
.column_indexnews .companynews {float: left; width: 64.6%;}

.column_indexnews .indexnewslist h3 a{display: block;font-size: 2.25em; line-height: 2em; color: #333;border-bottom: 1px solid #DDD;position: relative; margin-bottom: .5em;}
.column_indexnews .indexnewslist h3 a:before, .column_indexnews .sdicnews  h3 a:before{position: absolute; color: #095195; content: ">";  right: 2px;top:50%; line-height: 1.5em; margin-top: -.75em; transform:scale(.75,1.5); font-weight: lighter;}
.column_indexnews .indexnewslist h3 a:after{position: absolute; content:""; width: 1.25em; height: 2px; bottom: -1px; left: 0; background: #095195;}
.column_indexnews .indexnewslist ul{list-style-type: none;}
.column_indexnews .indexnewslist li{ line-height: 3em; padding: 0 4.5em 0 0; position: relative;}
.column_indexnews .indexnewslist a h4{color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.column_indexnews .indexnewslist a:hover h4{color: #095195;}
.column_indexnews .indexnewslist a .time{position: absolute; right: 0; top:0; color: #8A8A8A; font-size:.75em;}
@media screen and (max-width: 1440px){
    .column_indexnews .indexnewslist h3 a{font-size: 1.875em;}
}
@media screen and (max-width: 1280px){
    .column_indexnews .indexnewslist h3 a{font-size: 1.625em;}
}
@media screen and (max-width: 1024px){
    .column_indexnews .bg_container{ bottom:5.5em}
    .column_indexnews .txt_container{ height: 5.5em; padding: 0 7em 0 1em; background: #000;}
    .column_indexnews .swiper-container-horizontal>.swiper-pagination-bullets,.column_indexnews .swiper-pagination{width: 100%; bottom:.25em;}
    .column_indexnews .txt_container .time{right: 1em; bottom:2em}
}
@media screen and (max-width: 767px){
    .announcement{ position: static; margin: 0 8%; margin-bottom: 2em; display: block !important;}
    .announcement a{box-sizing: border-box; width: 100%; height: auto;}
    .announcement .btn_close{display: none;}

    .column_indexnews .hotnews{ float: none; width:100%;}
    .column_indexnews .img_container{height: 0; padding: 0 0 39.33%; border-bottom: 5.5em solid #000;}
    .column_indexnews .bg_container{bottom:0}
    .column_indexnews .wealthactivity {float: none; width: 100%; margin-bottom: 2em;}
    .column_indexnews .sdicnews {float: none; width: 100%;}
    .column_indexnews .companynews{float: none; width: 100%; margin:0 0 2em;}
}

/*国投财智学苑*/
.column_indexschool{position: relative; padding: 0 0 0%;  overflow: hidden;}
.column_indexschool .column_content{position: relative; overflow: hidden;}
.column_indexschool .note p{ position: absolute; top:50%; left: 0em; right: 1.75em; text-align: justify; transform: translateY(-50%);}
.column_indexschool .note .btn_more{position: absolute; bottom:1em; right:2em;}
.column_indexschool .note .btn_more:after{content:">"; margin-left: .5em; color: #095195;}
.column_indexschool .school{ margin: 0 0 0  16em; padding:0 1.25em; position: relative;}
.column_indexschool .school_con{margin: 1em; display: block; position: relative; box-shadow: 0 .5em .5em rgba(0, 0, 0,.5);}
.column_indexschool .school_con .bg_container{position: relative; height: 0; padding: 0 0 150%;}
.column_indexschool .school .swiper-button-prev:after,.column_indexschool .school .swiper-button-next:after{display: none;}
.column_indexschool .swiper-slide-active .school_con{box-shadow: -.5em .5em .5em rgba(0, 0, 0,.5);}
.column_indexschool .swiper-slide-active + .swiper-slide .school_con{box-shadow: -.125em .5em .5em rgba(0, 0, 0,.5);}
.column_indexschool .swiper-slide-active + .swiper-slide  + .swiper-slide  .school_con{box-shadow: .125em .5em .5em rgba(0, 0, 0,.5);}
.column_indexschool .swiper-slide-active + .swiper-slide  + .swiper-slide  + .swiper-slide  .school_con{box-shadow: .5em .5em .5em rgba(0, 0, 0,.5);}
@media screen and (max-width: 1024px){
    .column_indexschool .note{position: relative;  width: auto; padding: 3em 10.5em  3em 2em;background-size:10em; background-position: right center;}
    .column_indexschool .note p{ position:static;transform: translateY(0%);}
    .column_indexschool .note .btn_more{right: 10.5em;}
    .column_indexschool .school{ margin: 0;}
    .column_indexschool .school_con{margin: .5em; }
    .column_indexschool .school .swiper-button-prev,.column_indexschool .school .swiper-button-next{ width: 1.5em; height:1.5em;margin-top: -.75em;}
    .column_indexschool .swiper-slide-active .school_con{box-shadow: -.25em .25em .25em rgba(0, 0, 0,.5);}
    .column_indexschool .swiper-slide-active + .swiper-slide .school_con{box-shadow: -.125em .25em .25em rgba(0, 0, 0,.5);}
    .column_indexschool .swiper-slide-active + .swiper-slide  + .swiper-slide  .school_con{box-shadow: .125em .25em .25em rgba(0, 0, 0,.5);}
    .column_indexschool .swiper-slide-active + .swiper-slide  + .swiper-slide  + .swiper-slide  .school_con{box-shadow: .25em .25em .25em rgba(0, 0, 0,.5);}
}
@media screen and (max-width: 768px){
    .column_indexschool .note{padding: 0em 6.5em  3em 0;background-size:6em;background-position: right top; }
    .column_indexschool .note .btn_more{right: 6.5em;}
    .column_indexschool .swiper-slide-active + .swiper-slide .school_con{box-shadow: .25em .25em .25em rgba(0, 0, 0,.5);}
}