body {
     padding-top:58px;
}
*{word-break:break-all; overflow:xxxscroll;}
.h1, .h2, .h3, h1, h2, h3{
    margin-bottom:1.5rem;
}
.h4, .h5, .h6, h4, h5, h6{
    margin-bottom:.75rem;
}



a,a:active,a:visited{transition:all 0.6s;}
ax:hover,ax:focus{color: #FF770B;text-decoration:none;}

.btn-info {
    background-color: #00A7ED;
    border-color: #00A7ED;
}
.btn-info:hover {
    background-color: #3395FF;
    border-color: #3395FF;
}


.white-radius{padding:15px 0;}
.list-group-item {background-color: transparent;}
.bg-success {background-color: #86C127!important;}
.card-header h5{margin-bottom:0;}
.morelink{padding-left:.5rem;padding-right:.5rem;font-weight:lighter;line-height:1.5rem; font-size:.875rem;}

.morelink::after {
    display: inline-block;
    content:"\f105";
    font: normal normal normal 16px/1 FontAwesome;
    margin-left:.25rem;
    transition: all .35s;
}
.morelink:hover,.morelink:focus
{
   
    text-decoration:none;
}
.morelink:hover::after {
    margin-left:.5rem;
    margin-right:-0.25rem;
}
.navbar-main{margin-bottom:1rem;position:fixed;top:0;left:0;right:0;z-index:50;}
.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,.95);
}
.navbar-dark .navbar-nav .active .nav-link,
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255,255,225,.95);
    background-color:rgba(0,0,255,.15);
}

    .container-carousel{
        position: relative;
        background-color:rgba(222,218,203,.65);

        z-index:15;
    }
    .carousel-indicators{
        
        position:static;
        top:auto;right:auto;bottom:auto;left:auto;
        margin:0 auto;
        padding-left:15px;
        display: flex;align-items: center;
    }
    .carousel-indicators li{
        
        width:auto;height:auto;
        margin: 0;
        flex: 1 0 0;
        line-height: 1;
        text-indent:0;
        min-height:36px; 
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        font-size: 0.875rem;
        background-color:rgba(222,218,203,.8);
        padding:0 3px;
        display:none;
        
    }
    .carousel-indicators li.active{
        background-color:#333;
        background-color:transparent;
        display: flex;
    }
    .carousel-indicators li::before,
    .carousel-indicators li::after{
        display:none;
    }
    .carousel-indicators li > a{
          color:#444;
    }
    
.container-breadcrumb{border-bottom:1px solid #eee;}
.container-breadcrumb .container{
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}
.container-breadcrumb .container:before {
    width: 22px;
    height: 22px;
    display: flex;
    border-radius: 50%;
    color: #007BFF;
    border:1px solid #007BFF;
    justify-content: center;
    align-items: center;
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f124";
}
.breadcrumb{margin:0 -10px;background-color:transparent;}
.breadcrumb-item+.breadcrumb-item::before {
    font-family: FontAwesome;
    content: "\f105";
}
.container-bottom .addr{padding:30px 0;background-color:#DEE2E6;color:#343a40; }

.container-bottom .map{font-size: 3rem;text-align:center;margin-bottom:1rem;}

.container-bottom .icp{padding:30px 0;background-color:#343A40;color:#dee2e6;font-size:0.875rem; }
.container-bottom .icp .container{text-align:center;}


.list-group > .list-group-item{
    border-width: 0;
}
.list-group-item a:hover{
    color:#23527c;
 }
.articleslist li{ border-bottom:1px solid #f5f5f5;padding-bottom:15px;}

/*
 * homepage
*/

.card-header-1 {
    background-color: #F3F3F3;
    padding:0;
    border-width: 0;
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
}
.card-header-1 > span{
    display: block;
    color: #fff;
    background-color: #0087CB;
    margin-right: auto;
    padding:.5rem;
}
.card-header-1 > .morelink{
    padding:.5rem;
}
.list-group-style1 > .list-group-item{
    padding: .75rem 0;
    border-bottom: 1px dashed #ddd;
}

.list-group-style1 > .list-group-item a{
    color:rgb(51, 122, 183);
}

.card-wechat  .card-img-wrapper{
    padding: .75rem 0;
    border-bottom: 1px dashed #ddd;
}

.homepage .wapper-xyfc > h5{margin-bottom:1rem;}
.homepage .card-xyfc{border-color:rgba(0,0,0,.05);height:100%;}
.homepage .card-xyfc .btn{padding-left: 2rem;padding-right: 2rem;}

.container-xscg{background-color: #fff;padding:30px 0;}

.container-xscg h5{margin-bottom:1rem;}

.row-gallery{padding-top:30px;padding-bottom:30px;}
.col-gallery{margin-bottom:20px;}
.gallery-item{background-color: #f7f7f7;height:100%;}
.gallery-item h3{padding:15px 5px;text-align:center;font-size:1rem;font-weight: bold;margin-bottom:0;}
.gallery-item .info a{color:#333;}
.gallery-item .info a:hover{
    background: linear-gradient(left,#1ebbf0 30%,#39dfaa 100%);
    background: -webkit-linear-gradient(left,#1ebbf0 30%,#39dfaa 100%);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    text-decoration: none;
}
.gallery-item .link-image{display: block; position: relative;}

.gallery-item .link-image::before{
    content: "\f0c1";
    display: block;
    height: 4.375rem;width:4.375rem;
    position: absolute;
    left:50%;top:50%;
    margin-left:-2rem;
    margin-top:-2rem;
    border-radius: 50%;
    border:3px solid rgba(255,255,255,.35);
    color: linear-gradient(left,#1ebbf0 30%,#39dfaa 100%);
    background-color:  rgba(255,255,255,.35);
    padding:1rem;
    font: normal normal normal 2rem/1 FontAwesome;
    opacity: 0;
    transition: opacity .35s all;
    z-index:10;
}
.gallery-item .link-image::after{
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    opacity: 0;
    transition: opacity .35s linear;
    background-color: rgba(30,187,240,.85);
    background: -webkit-linear-gradient(135deg,rgba(30,187,240,0.85) 30%,rgba(57,223,170,0.85) 100%);
}
.gallery-item .link-image:hover::before,
.gallery-item .link-image:hover::after{
    
    opacity: 1;
}

.articlepage .textcontent p{text-indent:2em;margin-bottom: 1rem;}
.articlepage .textcontent p.noindent{text-indent:0;}
.articlepage .textcontent img{max-width: 100%;}
.container-category-fluid::before,.container-category-fluid::after{content: " ";height:1px;display:block;}

/**/
.card-categories .active a{ color:#fff;}
.categorypage .bd-title{font-size: 1.5rem;}
.categorypage .card-articleslist{
    border-width: 0;
}
.categorypage .card-articleslist .card-header{
    color: #24447b;font-weight: 600;
    border-bottom: 1px solid #cbdcfa;
    background-color: transparent;
    padding:.625rem 0;
    margin-bottom:1.5rem;
    border-radius: 0.25rem;

}
.categorypage .list-news-item{
    margin-bottom:2rem;
    padding:initial;
    
}

.categorypage .list-news-item .cover{
    display: flex;
    min-width:5px;
    margin-left:-10px;
    margin-right:-10px;

}
.categorypage .list-news-item .cover > a{
    display: block;
    padding-left:10px;
    padding-right:10px;
}
.categorypage .list-news-item .cover .img-fluid{width:100%;}
.categorypage .list-news-item .createdate{
    opacity: .5;
    min-width: 96px;
}
.categorypage .list-news-item .metadata{
    flex: 0 0 66.666667%;
    padding-left:.5rem;
    display: flex;
    flex-direction:column;
    justify-content:space-between;
    flex-grow: 1;
}

.categorypage .news-single-cover{
    display:flex;
    flex-direction: row-reverse;
}

.categorypage .news-single-cover .summary{
    flex-shrink: 1;
}
.categorypage .news-single-cover h5{
    font-size:1rem;
    margin-bottom:.25rem;
    max-height: 2.4rem;
    overflow: hidden;
}

.news-multi-cover .createdate{
    
    display: none;
}


.summaryText{display:none;
    flex-shrink:1;
    color:#999;
}




@media (min-width: 576px){
    .container-bottom .map{font-size: 4rem;padding-right:2rem;margin-bottom:0;}
 
}
@media (min-width: 768px) {
    body {
     padding-top:0;
    }
    .page-header{padding-top:2rem;padding-bottom:2rem;}
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: 1rem;
        padding-left: 1rem;
    }
    .container-bottom .icp .container{display: flex;}
    .container-bottom .en{width: 100%;text-align:left;}
    .container-bottom .num{text-align: right;min-width: 150px;}
    .navbar-main{margin-bottom:0;position:static;}
     .carousel-indicators li{
         display:flex;
         min-height:54px; 
         border-width:0;
    }
     .carousel-indicators li.active{
        background-color:#333;}
     .carousel-indicators li.active > a{
            color:#fff;
    }
        
  .container-first{background-color:#DAE6FB;}
  
  
    .list-group-style1 > .list-group-item{
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .container-category-fluid{background-color:#EEEEEE;}
    .articleslist{background-color:#fff;padding:15px;}
    .articleslist li {
        padding: 15px;
    }
    
    .homepage .metadata .createdate{margin-bottom:.25rem;}


  .homepage .container-first .col-sidebar .card{
      border-color:#e9ecef;
      border-color:transparent;
     padding-bottom: .1875rem;
   }
  .homepage .card-download .list-group{min-height:202px;}
  .homepage .container-fluid-intro .container > .row{padding-top:30px;padding-bottom:30px;}
  .homepage .container-intro{padding:15px;margin-bottom:0;height:100%;}
  .searchpage .searchbar{max-width:400px;}

  /* categorypage  */
  .categorypage .card-articleslist{padding:15px;background-color:#fff;border-radius: .25rem;}

  .categorypage .list-news-item{margin-bottom:1rem;}
  .categorypage .news-single-cover{
        display:block;
    }
    .categorypage .news-single-cover .metadata,
    .categorypage .news-single-cover .summary{
        flex-basis: initial;
        padding-left:initial;
    }
    .categorypage .container-category-fluid{background-color:#EEEEEE;}
    .categorypage .articleslist{background-color:#fff;padding:15px;}
    .categorypage .articleslist li {
        padding: 15px;
    }


}
@media (min-width: 992px) {


    .homepage .container-first .row{padding-top:15px;padding-bottom:15px;}
    

    .homepage .container-first .col-sidebar .card-wechat{
        height:373px;
    }


    .homepage .container-fluid-intro{
        background-color:#f6f9f9;
    }
    
    .homepage .col-sidebar .card-xyfc{border-width:0;}
    .homepage .wapper-xyfc{margin-bottom:0; background-color: #fff;padding:15px;height:100%;border: 1px solid rgba(0,0,0,.05);
        border-radius: .25rem;}
    .homepage .wapper-xyfc .card{
        background-color:transparent;
        border-width: 0;
    }
    .homepage .wapper-xyfc .card-header,
    .homepage .wapper-xyfc .list-group-item
    {
        padding-left:0;
        padding-right:0;
    }
    .homepage .wapper-xyfc .card:first-child{
        border-bottom-width: 1px;
        padding-bottom:1rem;
    }
    .container-article-fluid{
        background-color: #eee;padding-top:30px;padding-bottom:40px;
    }
    .container-article-fluid .articlecontent{
        padding:25px 15px;
        background-color: #fff;
    }

    /* categorypage  */
    .categorypage .card-articleslist {
        padding-left: 20px;
        padding-right: 20px;
    }
    .categorypage .list-news-item{margin-bottom:1.5rem;}
    .categorypage .list-news-item .summaryText {display:block;margin-left:15px;max-height:118px;font-size: .875rem;overflow:hidden;}
    .categorypage .list-news-item .summaryText p{margin-bottom:.5rem;}
    .categorypage .list-news-item .cover{flex-shrink: 0;}
    .categorypage .list-news-item .cover .cover-item:not(:first-child){
        display: none;
    }
    .categorypage .list-news-item .cover .img-fluid{width:200px;}
    .categorypage .list-news-item .summary{
        display:flex; align-items: center;line-height:1.75rem;
    }
    
    .categorypage .list-news-item .metadata{
        margin-bottom:.5rem;
        flex-direction: row;
    }
    .categorypage .list-news-item .createdate{display: block;}
    .categorypage .list-news-item .metadata h5{flex-shrink:1;margin:0; font-size:1.125em;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
    .categorypage .list-news-item .metadata h5 a{color:#444;}
}

@media (min-width: 1360px) {
    .container{
        max-width: 1330px;
    }
    .container-carousel{
        margin:-54px 0 0;
        background-color:rgba(222,218,203,.65);
    }
}
@media (max-width:767.98px) {
    a{color: #333;transition:all 0.6s;}
    a:visited{color: #999;}
    a:hover,a:focus{color: #00A7ED;text-decoration:none;}
    h1,.h1{font-size: 1.75rem;}
    h2,.h2{font-size: 1.625rem;}
    h3,.h3{font-size: 1.5rem;}
    h4,.h4{font-size: 1.25rem;}
    h5,.h5{font-size: 1.125rem;}
    .row-padding-1{margin-left:-2px;margin-right:-2px;}
    .row-padding-1 > div{padding:2px;}
    
}
@media (max-width:575.98px) {
	
}