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


.in-title span { display: inline-block; position:relative; padding:0px 1.5em; color:#262626;  }
.in-title span:before { content:""; position:absolute; left:0px; top:50%; width:1em; height:0.0833em; background:#22408a; }
.in-title span:after { content:""; position:absolute; right:0px; top:50%; width:1em; height:0.0833em; background:#22408a; }




/*KV*/
.column_kv{position: relative;}
.column_kv .kv_con {position: relative;height: calc(100vh - 64px);overflow: hidden;}
.column_kv .bg_container {position: absolute; left: 0; top:0; right: 0; bottom:0; z-index: 1;}
.column_kv .swiper-pagination { }
.column_kv .swiper-pagination span { display:inline-block; }
.column_kv .swiper-container-horizontal>.swiper-pagination-bullets,.column_kv .swiper-pagination{ position:absolute; text-align:center;left:0px; bottom:1.75em; width:100%; right:0px; }
.column_kv .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.column_kv .swiper-pagination-switch{ background: none; width:20px; height:20px; margin: 0px 5.5px; opacity: 1; position: relative; border:4px 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:12px; height:12px; left:0px; top:0px; 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-color: #fff; background:#fff;}

.column_kv .swiper-prev, .column_kv .swiper-next {
    left: 4%;
    top: 50%;
    width: 30px;
    height: 30px;
    outline: none;
    position: absolute;
    margin-top: -37px;
    color: #333;
    font-size: 30px;
    line-height: 30px;
    text-align: left;
    z-index: 5;
    cursor: pointer;
    transform: scaleY(2);
    opacity: .5;
}

.column_kv .swiper-prev:hover, .column_kv .swiper-next:hover {
    color: #4782b7;
    opacity: 1;
}

.column_kv .swiper-prev:after {
    content: "<";
}

.column_kv .swiper-next:after {
    content: ">";
}

.column_kv .swiper-next {
    left: auto;
    right: 4%;
    text-align: right;
}


@media screen and (max-width: 767px){
    /* .column_kv .video_container canvas{height: 100%; width: calc((1600vh - 1024)/ 9);} */
    .column_kv .arrow{display: block; position: absolute; left: 45.5%; bottom:0; z-index: 10; width:9%; height: 0; padding: 9% 0 0; overflow: hidden; cursor: pointer; background: url(../images/arrow.png) no-repeat center center; background-size: 100%; animation: btn_sx 2s linear infinite; margin-bottom: 40px;}
	.column_kv .swiper-container-horizontal>.swiper-pagination-bullets, .column_kv .swiper-pagination { bottom:1em; }
	.column_kv .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .column_kv .swiper-pagination-switch { width:10px; height:10px; border-width:2px; }
    .column_kv .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:after, .column_kv .swiper-pagination-switch:after { width:6px; height:6px; }	
}

.column_kv .kv_con{height: 100vh;}
@media screen and (max-width: 1280px){
    .column_kv .kv_con{height: 100vh;}
}
@keyframes btn_sx {
  0% {
    bottom:0;
    opacity: 1;
  }
  50% {
    bottom:16px;
    opacity: .3;
  }
  100% {
    bottom:0;
    opacity: 1;
  }
}


/******************京闽业务***************/
.in_business {  }
.in_business .in-title { padding:7.3% 0px 2.7%; }
.in_business .business-content { padding-bottom:7.2%; padding-top:1.9%; }
.in_business .business-content ul { margin:0px -1.25em;}
.in_business .business-content ul li { width:33.33%; float:left; }
.in_business .business-content ul li .img_container { overflow:hidden; }
.in_business .business-content ul li .bg_container { height:0px; padding-bottom:65.32%; }
.in_business .business-content ul li .ico { position:absolute; bottom:2em; right:1.5625em; width:25.93%;}
.in_business .business-content ul li .ico img { width:100%; }
.in_business .business-content ul li h4 { color:#666; line-height:1.5; position:relative; z-index:3; height:3em; max-height:3em; margin-top:1.5em; padding-left:10px; }
.in_business .business-content ul li h3 { margin-top:3.25em; color:#333; font-weight:bold; padding-left:10px; }
.in_business .business-content ul li .text { margin:0px 1.25em; position:relative;  padding:1.3125em 1.3125em 2.5em; background:#f5f5f5; border-radius:5px;  }
.in_business .business-content ul li:hover h3 { color:#22408a; }
.in_business .business-content ul li .btn { padding-left:10px; padding-top:2.125em; position:relative; z-index:3; }
.in_business .business-content ul li .btn span { display:inline-block; background:#22408a; color:#fff; width:173px; line-height:42px; border-radius:5px; text-align:center; }
@media screen and (max-width: 767px){
.in_business { padding:2em 0px 0px; }	
.in_business .in-title { padding:0px; }
.in_business .business-content { padding:1em 0px 2.5em;}	
.in_business .business-content ul li h3 a { font-weight:bold; }	
.in_business .business-content ul li { width:100%; margin-top:1em;  }
.in_business .business-content ul li h3 { margin-top:2em; }
.in_business .business-content ul li .btn span { width:auto; padding:0px 2em; line-height:2.5; }
}



/**************关于京闽*********************/
.in_company { position:relative;}
.in_company .in-title { padding:6.6% 0px 6%; }
.in_company .bg_container { position:absolute; left:0px; top:0px; height:100%; right:0px; width:100%; bottom:0px;  }
.in_company .indent_content { position:relative; z-index:2; }
.in_company .text-wrap { background:rgba(255,255,255,0.7); min-height:18.44em; margin:0px 8.15%; position:relative; margin-bottom:10.5%; border-radius:5px; }
.in_company .content-wrap { line-height:1.75; color:#666; text-align:justify; width:79%; padding:2.75em 4.75%; }
.in_company .page-year { width:21%; position:relative; background:#22408a; color:#fff; text-align:center; }
.in_company .page-year p { padding:3px 0px; }
.in_company .page-year p span { font-size:2.33em; font-family:Arial, Helvetica, sans-serif; } 
@media screen and (max-width: 1024px){
.in_company .text-wrap { margin-left:0px; margin-right:0px;  }
}
@media screen and (max-width: 767px){
.in_company { padding:2.5em 0px 1em; }	
.in_company .in-title { padding-top:0px;}
.in_company .text-wrap { margin-top:0.25em; }
.in_company .content-wrap { width:100%;  }
.in_company .page-year { width:100%; padding:2em 1em; }
}



/******************京闽文化***************/
.in_culture { }
.in_culture .in-title { padding:7.3% 0px 2.7%; }
.in_culture .business-content { padding:1.9% 0% 9.2%;}
.in_culture .business-content ul { margin:0px -1.25em;}
.in_culture .business-content ul li { position:relative; width:25%; float:left; }
.in_culture .business-content ul li h3 { margin-top:1.375em; }
.in_culture .business-content ul li h3 a { color:#262626; display:block; }
.in_culture .business-content ul li .ico {  height:5em; margin-top:0.5em; position:relative; }
.in_culture .business-content ul li .ico img { display:none; width:auto; height:auto; max-width:100%; max-height:100%; }
.in_culture .business-content ul li .ico .img01 { display:inline-block; }
.in_culture .business-content ul li .text { margin:0px 1.25em; padding:5.875em 1.4em 7.1875em; background:#fff;  border:3px solid #e5e5e5; border-radius:5px;  }
.in_culture .business-content ul li:hover .text { border:3px solid #22408a; background:#f9f9f9; }
.in_culture .business-content ul li:hover .ico .img01 { display:none; }
.in_culture .business-content ul li:hover .ico .img02 { display:inline-block; }
.in_culture .business-content ul li .btn { position:absolute; opacity:0; filter:alpha(opacity=0); width:3.75em; bottom:-1.875em; background:#22408a; border-radius:50%; height:3.75em; margin-left:-1.875em; left:50%; box-shadow:0px 0px 0.5em rgba(0,0,0,0.2); }
.in_culture .business-content ul li .btn a { position:absolute; left:0px; top:0px; width:100%; height:100%; }
.in_culture .business-content ul li .btn:before { content:""; width:10px; cursor:pointer;  height:10px; left:50%; border-left:2px solid #fff; border-top:2px solid #fff; position:absolute; top:50%; transform:translate(-50%,-50%) rotate(135deg); margin-left:-4px;-webkit-transform:translate(-50%,-50%) rotate(135deg);-ms-transform:translate(-50%,-50%) rotate(135deg);  }
.in_culture .business-content ul li:hover .btn { opacity:1; filter:alpha(opacity=100); }
@media screen and (max-width: 1024px){
.in_culture .business-content { padding-left:0px; padding-right:0px; }
}
@media screen and (max-width: 767px){
.in_culture { padding:2em 0px 1em; }
.in_culture .in-title { padding:0px; }
.in_culture .business-content { padding:0.5em 0px 2em; }
.in_culture .business-content ul { margin:0px -0.25em; }
.in_culture .business-content ul li { margin-top:1em; width:50%; }
.in_culture .business-content ul li h3 a { font-weight:bold; }
.in_culture .business-content ul li .text { margin:0px 0.25em; padding:2em 0px 3em; border-width:2px; }
.in_culture .business-content ul li .ico { height:4em; }

}
@media screen and (max-width: 480px){
}



/**************新闻中心*********************/
.in_news { background:#f4f4f4; }
.in_news .in-title { padding:7.2% 0px 3.1%;  }
.in_news .index-tab { padding:0px; text-align:center; }
.in_news .index-tab ul { display:inline-block;}
.in_news .index-tab ul li {  cursor:pointer; display:inline-block; margin:0px 1.5625em; padding:0px 1.875em; text-align:center; color:#333;  line-height:2.75; }
.in_news .index-tab ul li.current,.in_news .index-tab ul li:hover { color:#fff; background:#22408a; }
.in_news .index-tab .btn-more { display:inline-block;padding:0px 1.1875em;}
.in_news .index-tab .btn-more a { color:#666666; }
.in_news .index-tab .btn-more a:hover { color:#22408a; }

.in_news .tab-sec {height:0px; overflow:hidden; }
.in_news .tab-sec.current { height:auto; }


.newslist{  padding:5.3% 0px 2.2%; }
.newslist li{ border:1px solid #e5e5e5; background:#fff; margin-bottom:1.875em; border-radius:5px; position:relative; padding:1.1875em 1.8125em; }
.newslist li a { display: block;}
.newslist .time { position:absolute; font-weight:bold; background:#22408a; line-height:1.1; left:2.5%; width:5.3%; text-align:center; border-radius:5px; padding:0.6875em 0px 1.125em; color:#fff; top:1.1875em; font-family:arial; }
.newslist .time p { padding:1px 0px; }
.newslist .img_container{ position:absolute; left:9.575%; top:1.1875em;  border-radius:5px; width: 21.5%; overflow:hidden; height:auto; bottom:1.1875em; }
.newslist .txt_container p{  margin-top:1.25em; line-height:1.75; height:3.5em; max-height:3.5em; color: #666; }
.newslist .img_container .bg_container{width: 100%;  transition: transform .5s linear; position: absolute; left: 0; top:0; bottom:0;}
.newslist li a:hover .img_container .bg_container{transform: scale(1.05);}
.newslist .img_container + .txt_container{ padding-left:32.2%;  }
.newslist .txt_container h3{ width:100%;color:#262626;  line-height:1.1; margin-top:0.5em; }
.newslist li a:hover .txt_container h3{color: #22408a;}
.newslist li a:hover .txt_container .time:before { display:inline-block; }
.newslist li .page-label { color:#22408a; line-height:1.5; padding-top:1.3125em; }
.newslist li .more { padding-top:1.125em; }
.newslist li .more span { text-align:center; display:inline-block; background:#22408a; border-radius:5px; color:#fff; width:173px; height:42px; line-height:40px;  }
.newslist li:hover .more span { background:#102a68; }
@media screen and (max-width: 767px){
.in_news { padding:2em 0px 1em; }
.in_news .in-title { padding:0px 0px 1em;  }
.newslist  { padding:2em 0px 0px; }
.newslist .img_container { position:relative; margin-left:3.5em; left:0px; padding-bottom:50%; top:0px; bottom:auto; width:auto; }
.newslist .img_container + .txt_container{ padding-left:4.5em; padding-top:0.5em;  }
.newslist .time { width:3.5em; }
.in_news .index-tab ul li { margin:0px; padding:0px 1em; }
.newslist li .more { padding-top:1.5em; }
.newslist li .more span  { width:7em; height:auto; line-height:2.5; }
}
@media screen and (max-width:414px){
.newslist .img_container + .txt_container { padding-left:0px; }
}



/**************股东链接*********************/
.in_links { }
.in_links .in-title { padding:7.2% 0px 1.5%;  }
.in_links .sub-tit { color:#22408a; letter-spacing:0.25em; }
.in_links .page-list { padding:3% 0px 7.2%; }
.in_links .page-list ul li { position:relative; padding-bottom:12.43%; width:28.6%; margin:1em 3.6% 0px; max-width:400px; border:3px solid #f4f4f4; }
.in_links .page-list ul li a { display:block; }
.in_links .page-list ul li img { width:auto; height:auto; max-height:60%; max-width:60%; }
.in_links .page-list ul li:hover { border-color:#22408a; }
@media screen and (max-width: 767px){
.in_links { padding:2em 0px; }
.in_links .in-title { padding:0px;  }
.in_links .page-list { padding:1em 0px 0px; }
.in_links .page-list ul li { width:50%; }

}

































