body
{
    background: #EEEEEE !important;
    background-image: url('/csms/images/bk.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size:100% 100%;
    font-family: 微软雅黑 !important;
}
a,p,div
{
    font-family: 微软雅黑 !important;
    text-decoration:none !important;
    }

.border-1
{
     border-width:3px !important;
}
.border-2
{
     border-width:6px !important;
}
.border-3
{
     border-width:9px !important;
}
.border-4
{
     border-width:12px !important;
}
.border-maincolor
{
     border-color: #1d4c91 !important;
    }
.blackhtml { 
        -webkit-filter: grayscale(100%); 
        -moz-filter: grayscale(100%); 
        -ms-filter: grayscale(100%); 
        -o-filter: grayscale(100%); 
        filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);  
        _filter:none; 
    } 
.login a
{
    font-size:12px;
    color: #868e96;
    }
.tophead
{
    background-image: url('/csms/images/tophead.jpg');
    background-repeat: no-repeat;
    height:153px;
     background-size:100% 210px;
     padding-top:35px;
     text-shadow:2px 2px 5px #000;
}
.tophead contaner
{
    animation : titlechange 1.5s ease-in-out infinite alternate;
    }
.tophead h1
{
    font-family: 微软雅黑;
    font-size: 43px;
    color: White;
    font-weight: bold;
    letter-spacing:3px;
    /*animation : titlechange 16s ease-in-out infinite alternate;*/
    }
.tophead h6
{
    font-family: 微软雅黑;
    color: White;
    margin-left:20px;
}
.topcontent
{
    background-color:#F0F0F0;
    padding:3px 0px 3px 0px;
    }
.topcontent .left a
{
    font-size:12px;
    color:#4f4f4f;
    
    }
.topcontent .right
{color:#4f4f4f;}
.topcontent .right a
{
    font-size:12px;
    color:#0084ff;
    }
.bottomfoot
{
    background-color:#214e7b;
    margin-top:10px;
    padding:20px 0px 20px 0px;
    color:#ffffff;
    font-size:14px;
    }
.bottomfoot a
{
    color:#f5920d;
    font-size:14px;
 }
 .bottomfoot p
{
     line-height:14px;
     height:14px;
 }
/*行中的列间隙-小*/
.small-gutters {}
.small-gutters > .col,
.small-gutters > [class*="col-"] {
  padding-right: 5px;
  padding-left: 5px;
}

.row-offset-1
{
    padding:0px;
}
.row-offset-1 > .col,
.row-offset-1 > [class*="col-"] 
{
    margin-top:10px;
}

.col-offset-1
{
    padding-left:20px;
}

.col-no-gutters
{
    padding:0;
    }
.container-no-gutters
{
    padding:0px 5px 0px 5px;
}
    
.card-body-small-gutters
{
    padding-top:5px;
    padding-bottom:5px;
}
.card-body-small-gutters > .row > .col,
.card-body-small-gutters > .row > [class*="col-"] {
  padding:5px;
}
.topnews > .card
{
    height:340px;
    }
/*单独板块*/
.card-block
{}
.card-block > .card
{
    -webkit-box-shadow:0 0 3px rgba(128, 128, 128, .3);  
    -moz-box-shadow:0 0 3px rgba(128, 128, 128, .3);   
    box-shadow:0 0 3px rgba(128, 128, 128, .3);
    border-radius: 4px 4px 4px 4px;
}

.card-block .border 
{
    font-size:16px;
    color:#333333;
 
}
.card-block .card-body
{
    padding-left:25px;
    padding-right:25px;
}
.card-block .more
{
    padding-top:8px;
}
.card-block .more > a
{
    color: #666666;
    font-size:12px;
}

.card-block .row-offset-1 ul,
.card-block .list ul
{ 
    list-style-position: inside;
    list-style:none;
}
.card-block .row-offset-1 ul > li
{
    margin-top: 12px;
    color: #666666;
    line-height:16px;
}
.card-block .row-offset-1 a
{
    color: #666666;
    font-size:14px;
    text-decoration:none;
}
.card-block .row-offset-1 a:hover
{
    color: #FF9900;
}
.card-block .row-offset-1 dt > a:before,
.card-block .row-offset-1 li > a:before
{
    content:"· ";
    color: #FF9900;
    margin-left:-15px;
    font-size:16px;
    margin-left:0px;
    line-height:16px;
    font-weight: bold;
}
.card-block .list dl,
.card-block .list [class*="col-"] dl
{
    margin-bottom:0px;
    padding-bottom:3px;
    border-style: none none dashed none;
    border-width: 1px;
    border-color: #CCCCCC;
    color: #666666;
    line-height:25px;
    clear:right;
    height:27px;
}
.card-block .list dt,
.card-block .list [class*="col-"] dt
{
   
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
    float:left;
    font-weight:normal;
}
.card-block .list a,
.card-block .list [class*="col-"] a
{
    color: #666666;
    font-size:14px;
    text-decoration:none;
}
.card-block .list a:hover,
.card-block .list [class*="col-"] a:hover
{
    color: #FF9900;
}
.card-block .list dt > span, 
.card-block > .card > .card-body > .list > [class*="col-"] > dl > dt > span
{
    color: #FF9900;
    margin-right:5px;
}
.card-block .list dd,
.card-block .list [class*="col-"] dd
{
    
 float:right;
 color: #999999;
    font-size:12px;
}
.card-block .row-offset-1 > .col,
.card-block .list > .col,
.card-block .list > [class*="col-"]
{
    
}
.card-block .list > .col,
.card-block .list > [class*="col-"]
{
    margin-top:15px;
}


.card-block .row-offset-1 .media
{
    margin-left:0px;
    margin-right:0px;
}
.card-block .row-offset-1 .media > img
{
    width:150px;
}
.card-block .row-offset-1 .media-muilt > img
{
    width:100%;
}
.card-block .row-offset-1 .media > .media-body
{
    height:120px;
}
.card-block .row-offset-1 .media > .media-body > h5
{
    font-size:16px;
    line-height: 20px;
    color: #FF9900;
}
.card-block .row-offset-1 .media p
{
    font-size:12px;
    line-height: 20px;
    color:#666666;
    margin-bottom:0px;
}
.card-block .row-offset-1 .media p > a
{
    font-size:12px;
    color:#428aff;
}


/*板块左右分栏*/
.card-block-inline
{
  
    }
.card-block-inline .title
{
    
    padding-bottom:5px;
}
.card-block-inline .border-1
{
    
    font-size:16px;
    color:#333333;

    padding:0px 10px 5px 10px;
}

.card-block-inline > div
{
    width:100%;
    }
.card-block-inline .more > a
{
    color: #505050;
}
.card-block-inline .list dl
{
    
    margin-bottom: 0px;
    padding-bottom: 3px;
    color: #606060;
    line-height: 25px;
    clear: right;
}
.card-block-inline > .list
{
    
    padding-left:5px;
    padding-right:5px;
}
.card-block-inline .list dt
{
    float:left;
    text-overflow : ellipsis;
    overflow:hidden;
    white-space:nowrap;
    font-weight:normal;
}
.card-block-inline .list dd
{
    float:right;
    font-size:12px;
    color: #999999;
}

.card-block-inline .list a:before
{
    
    content:"· ";
    color: #FF9900;
    font-size:16px;
    margin-left:0px;
    line-height:16px;
    font-weight: bold;
}
.card-block-inline .list a
{
    
    color: #666666;
    font-size:14px;
    text-decoration:none;
}
.card-block-inline .list a:hover
{
    color: #FF9900;
}
.box-shadow-all-small{  
  -webkit-box-shadow:0 0 5px rgba(128, 128, 128, .3);  
  -moz-box-shadow:0 0 5px rgba(128, 128, 128, .3);   
  box-shadow:0 0 5px rgba(128, 128, 128, .3);
  border-radius: 4px 4px 4px 4px;
} 

.date-caption
{
    }
.nav-c a
{
    font-family:微软雅黑;
    font-size:16px;
    display:block;
    color:Black;
    width:100%;
    line-height:40px;
    text-decoration:none;
    }
.nav-c > div
{
    height:40px;
    }
.nav-c > .col-md:hover
{
    background-color: #0066FF;
    cursor: pointer;
    color:White;
    -webkit-box-shadow:0 0 3px rgba(128, 128, 128, .3);  
    -moz-box-shadow:0 0 3px rgba(128, 128, 128, .3);   
    box-shadow:0 0 3px rgba(128, 128, 128, .3);
    border-radius: 4px 4px 4px 4px;
    }
.nav-c > .col-md:hover > a
{
    color:White;
}

.nav-c-active
{
    background-color: #0066FF;
    color:White;
    -webkit-box-shadow:0 0 3px rgba(128, 128, 128, .3);  
    -moz-box-shadow:0 0 3px rgba(128, 128, 128, .3);   
    box-shadow:0 0 3px rgba(128, 128, 128, .3);
    border-radius: 4px 4px 4px 4px;
    }
.nav-c-active > a
{
    color:White;
    }

.block-important
{
    border-color: #0099FF !important;
}
.block-important > :first-child > a,
.block-important > :first-child > a:before
{
    color:#0099FF !important;
    }
.leftmenu
{
    display: none;
    background-color: #333333;
    padding-top:20px;
}
.leftmenu ul
{
     list-style:none;
     padding-left:10px;
     padding-right:10px;
}

.leftmenu li
{
    margin-left: 0px;
    margin-bottom: 10px;
    background-color: #AAAAAA;
    text-align: center;
}
.leftmenu a
{
    display:block;
    width:100%;
    color: #FFFFFF;
}

.text-important
{
    -webkit-animation: neon1 1.5s ease-in-out infinite alternate;
    -moz-animation: neon1 1.5s ease-in-out infinite alternate;
    animation : neon1 1.5s ease-in-out infinite alternate; 
}
.nav-left
{
    list-style-position: inside;
    list-style:none;
    margin:0px;
    padding:0px 0px 1px 0px;
    background-color:White;
}
.nav-left > :first-child
{
    background-color:#1d4c91 !important;
    text-align :center !important;
    color:White;
    }
.nav-left li
{
    background-color:#f0f8fd;
    margin-bottom:5px;
    height:66px;
    line-height:66px;
    
    font-size:16px;
}
.nav-left li:hover
{
    background-color:#FF9900;
    
}
.nav-left a
{
    margin-left:40px;
    color:#1d4c91;
    font-size:16px;
    display:block;
    width:100%;
    height:100%;
}
.active-b
{
    background-color:#1d4c91 !important;
}
.active-c
{
    background-color: #FF9900 !important;
    border-width:9px;
    border-color:#1d4c91 !important;
    border-bottom-style:none;
    border-top-style:none;
    border-right-style:none;
    border-left-style:solid;
    position:relative;
}

.active-c a
{
    color:#2b2b2b;
}

.list-nav
{
    border-style: none none dashed none;
    border-width: 1px;
    border-color: #C0C0C0;
    line-height:15px;
    clear:right;
    height:30px;
    margin-top:15px;
    margin-left:15px;
    margin-right:15px;
}
.list-nav>dt
{
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
    float:left;
    font-weight:normal;
 }
 .list-nav i
 {
    margin-right:10px;
    font-size:2px;
    color:#CCCCCC;
     }
 .list-nav>dd
 {
     float:right;
     color: #999999;
    
     }
 .list-nav a
 {
     color: #2b2b2b;
     font-size:16px !important;
     }
  .list-nav a:hover
 {
     color: #FF9900;
}

 .pageview
 {
     
     font-size: 16px;
    color: #3b3b3b;
 }
 .pageview .pagetitle
 {
     font-size:22px;
     color:#2b2b2b;
     margin:30px 0px 10px 0px;
     font-weight:bold;
     }
 .pageview .pageauthor
{
    border-style: none none solid none;
    border-width: 1px;
    border-color: #CCCCCC;
    font-size: 14px;
    color: #797979;
    padding-bottom: 15px;
    width:95%;
    margin:0 auto;
}
.pageview .pagecontent
{
    margin:0 auto;
    width:71%;
    padding-top:50px;
    }
.pagecontent img
{
     width:100%;
    }
.pageview .pagefoot
{
    width:95%;
    margin:0 auto;
    border-style: none none solid none;
    border-width: 1px;
    border-color: #CCCCCC;
    height:30px;
    }
.share
{
    width:71%;
    margin:0 auto;
    padding-top:15px;
    }
.share .prpage
{
    text-overflow : ellipsis;
    overflow:hidden;
    white-space:nowrap;
    font-size: 14px;
    color: #909090;
    margin-bottom:15px;
    }
.share .prpage > a
{
    
    font-size: 14px;
    color: #909090;
    }
.share .nepage
{
    text-overflow : ellipsis;
    overflow:hidden;
    white-space:nowrap;
    font-size: 14px;
    color: #f59a0a;
    }
.share .nepage > a
{
    
    font-size: 14px;
    color: #f59a0a;
    }
.card-list
{
    margin-left:-15px;margin-right:-15px;
    }
    
.card-list li
{
    margin-top:15px;
    height:60px;
    line-height:60px;
    list-style-type:none;
    border-radius: 10px 10px 10px 10px;
    }
.card-list li:nth-child(1)
{
    background-image:-webkit-linear-gradient(to right, #0191fe, #73d1fe);
    background-image:linear-gradient(to right,#0191fe, #73d1fe);
    }
.card-list li:nth-child(2)
{
    background-image:-webkit-linear-gradient(to right, #f68509, #f6c48c);
    background-image:linear-gradient(to right,#f68509, #f6c48c);
    }
.card-list li:nth-child(3)
{
    background-image:-webkit-linear-gradient(to right, #58af23, #c1f39a);
    background-image:linear-gradient(to right,#58af23, #c1f39a);
    }
.card-list li:hover
{
    -webkit-box-shadow:0 0 5px rgba(128, 128, 128, .5);  
    -moz-box-shadow:0 0 5px rgba(128, 128, 128, .5);   
    box-shadow:0 0 5px rgba(128, 128, 128, .5);
   
    }
.card-list li a
{
    width: 100%;
    color: #142f53;
    font-size: 20px;
    text-decoration: none;
    
}
.card-list li a:hover
{
    color: #CC3300;
    
}
.card-list li a i
{
    color:white;
}
.short-a
{
    text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
    }
    
.litlist
{
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #EEEEEE;
    margin:5px 20px 0px 10px;
    width:100%;
    
    }
.litlist label
{
    color: #CCCCCC;
    width:100%;
    margin-bottom:0px;
    font-size: 14px;
}
.litlist .litlist-title
{
    width:100%;
    font-size: 16px;
    color: #0066CC;
}
.litlist p
{
    
    width:100%;
    color: #999999;
   padding-top:0px;
   font-size:14px;
   
   
   margin-top: 0.5rem;
   margin-bottom: 0.5rem;
}
.litlist button
{
    border-style: none;
    background-color: rgba(0,0,0,0);
    color: #CCCCCC;
}

.litlist button:hover
{
    color: #CC3300;
}
.litlist .editor
{
    font-size:14px;
    }
.litlist .editor>a
{
    color: #CCCCCC;
    text-decoration:none;
}

.litlist .editor>a:hover
{
    color: #CC3300;
}
.title
{
    color: #C0C0C0;
    border-bottom-style: solid;
    border-color: #CCCCCC;
    margin-bottom: 15px;
    border-bottom-width: 1px;
    
}
.icon-coding
{
    background: url(/csms/images/icon-coding-b.png) no-repeat;
    width:19px;
    height:21px;
}
.qikanhead
{
    margin:20px 0px 40px 20px;
    height:50px;
    border-bottom:2px solid #aaaaaa;
    }
.qikan
{

    margin:20px 20px 0px 20px;
    height:40px;
    border-bottom:1px solid #eeeeee;
    }
.media .zy
{
    ext-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
    }
 .bizmail_loginpanel{font-size:12px;width:350px;height:auto;background:#ffffff;}
        .bizmail_LoginBox{padding:10px 15px;}
        .bizmail_loginpanel h3{padding-bottom:5px;margin:0 0 5px 0;border-bottom:1px solid #cccccc;font-size:14px; display:none;}
        .bizmail_loginpanel form{margin:0;padding:0;}
        .bizmail_loginpanel input.text{font-size:12px;width:100px;height:20px;margin:0 2px;border:1px solid #C3C3C3;border-color:#7C7C7C #C3C3C3 #C3C3C3 #9A9A9A;}
        .bizmail_loginpanel .bizmail_column{height:28px;}
        .bizmail_loginpanel .bizmail_column label{display:block;float:left;width:30px;height:24px;line-height:24px;font-size:12px;}
        .bizmail_loginpanel .bizmail_column .bizmail_inputArea{float:left;width:240px;}
        .bizmail_loginpanel .bizmail_column span{font-size:12px;word-wrap:break-word;margin-left: 2px;line-height:200%;}
        .bizmail_loginpanel .bizmail_SubmitArea{margin-left:30px;clear:both;}
        .bizmail_loginpanel .bizmail_SubmitArea a{font-size:12px;margin-left:5px;}
        .bizmail_loginpanel select{width:110px;height:20px;margin:0 2px;}
@media screen and (min-width:1200px){
    .card-block > .card{
         height:308px;
    }
    .active-c:before
{
     content:"";
      position:absolute;
      width: 0px;
      height: 0px;
      border-bottom: 40px solid transparent;
      border-top: 40px solid transparent;
      border-right: 50px solid White;
      font-size: 0px;
      line-height: 0px;
      margin-right:-30px;
      top:-7px;
      right:0;
      z-index:1001;
    }
}
@media screen and (max-width:1200px){
    .pageview .pagecontent
    {
        width:90%;
        }
    .share{width:90%;}
    
}
@keyframes neon1
 {
  from {
    color: #0000FF;
  }
  to {
    color: #00FFFF;
  }
}
@-webkit-keyframes neon1
 {
  from {
    color: #0000FF;
  }
  to {
    color: #00FFFF;
  }
}
@-moz-keyframes neon1
 {
  from {
    color: #0000FF;
  }
  to {
    color: #00FFFF;
  }
}
@-o-keyframes neon1
 {
  from {
    color: #0000FF;
  }
  to {
    color: #00FFFF;
  }
}
 
@keyframes angledown
{
    from{transform:rotate(0deg);}
    to{transform:rotate(90deg);}
    }
    
@keyframes titlechange
{
    0,25%{opacity:1;}
    48%{opacity:1;}
    52%{opacity:0;}
    100%{opacity:0;}
    }
@keyframes titlechange1
{
    0,25%{opacity:0;}
    48%{opacity:0;}
    52%{opacity:1;}
    100%{opacity:1;}
    }