@charset "utf-8";
 a:hover,
 .mcolor,
 .ui-banner .ui-banner-slogans li.ui-banner-slogans-current h3,
 .loglist li.con .des h2 i.fa,
 .wapost h2 i.fa,
 .calendar td.day a,
 .logcon a,
 #tw li p:hover {
     color: #6fa8dc;
 }
 
 .itbox h3,
 .loglist li.con:hover .more,
 #pagenavi a:hover {
     background: #6fa8dc;
 }
 
 .loglist li.con:hover,
 #blogsort ul li a:hover,
 #pagenavi a:hover,
 #tw li:hover i {
     border-color: #6fa8dc;
 }
 
 * {
     padding: 0;
     margin: 0;
     box-sizing: border-box;
 }
 
 ul {
     list-style: none
 }
 
 img {
     border: 0;
     transition: all .3s linear;
 }
 
 input,
 select {
     font-size: 12px;
     vertical-align: middle
 }
 
 em,
 i {
     font-style: normal
 }
 
 a {
     color: #111;
     text-decoration: none;
     transition: all .3s linear;
     -webkit-transition: all .3s linear;
 }
 
 a:hover {
     color: #6fa8dc;
 }
 
 body {
     color: #555;
     font-family: "\5FAE\8F6F\96C5\9ED1", "\82F9\679C\4E3D\4E2D\9ED1", Arial, Helvetica, sans-serif;
     font-size: 14px;
     background-color: #f9f9f9;
     background-position: center 98px;
     background-repeat: repeat
 }
 
 .wrap {
     width: 1200px;
     margin: 0 auto;
 }
 
 i.fa {
     color: #aaa
 }
 
 .mcolor {
     color: #0E3868
 }
 /* Head */
 
 #mainav {
     width: 100%;
     height: 140px;
     color: #fff;
     border-bottom: 8px solid #e1e1e4;
 }
 
 #mainav a {
     color: #4D4D4D
 }
 
 #mainav .navbox {
     width: 100%;
     line-height: 140px;
 }
 
 #mainav .topName {
     width: 1200px;
     height: 100%;
     margin: 0 auto;
 }
 
 .topName img {
     width: 520px;
     height: 120px;
     margin: 10px 0;
     vertical-align: bottom;
 }
 
 .topmenu {
     display: inline-block;
     vertical-align: bottom;
 }
 
 .topmenu li {
     width: 95px;
     line-height: 50px;
     float: left;
     text-align: center;
     position: relative;
 }
 
 .topmenu li a {
     color: #2b2b2b;
     font-size: 16px;
     text-align: center
 }
 
 .topmenu .bar li:hover {
     border-bottom: 8px solid #11417C;
 }
 
 #mainav .navActive {
     border-bottom: 8px solid #11417C;
 }
 #mainav .navhover {
    display: none;
    position: absolute;
    top: 58px;
    left: 0;
    background: #fff;
    color: #4b4b4b;
    z-index: 99;
}

#mainav .navhover a {
    line-height: 40px;
    display: block;
    min-width: 100px;
    background: #fff;
}

#mainav .navhover a:hover {
    color: #11417C;
}
 /* index */
 
 #content {
     margin: 20px 0;
 }
 .bgcontent{
    background: url('../images/background.jpg') no-repeat;
    padding: 20px 30px;
    background-size: cover;

 }
 
 #container {
     width: 860px;
     min-height: 700px;
     display: inline-block;
 }
 
 .banner {
     width: 100%;
     height: 350px;
 }
 
 .swiper-container {
     width: 100%;
     height: 100%;
 }
 
 .list-module {
     width: 100%;
     margin: 30px 0;
     display: flex;
     justify-content: space-between;
     overflow: hidden;
 }
 
 .list-module .item {
     min-width: 375px;
 }
 
 .list-module .title {
     width: 100%;
     height: 50px;
     background: #f7f8fb;
     padding: 5px;
     overflow: hidden;
 }
 
 .list-module .title p {
     display: inline-block;
     border-left: 4px solid #1e50ae;
 }
 
 .list-module .title span {
     display: block;
     color: #4b4b4b;
     padding-left: 10px;
     font-size: 14px;
     color: #737373;
     line-height: 24px;
 }
 
 .list-module .title span:first-child {
     font-weight: 600;
     font-size: 18px;
     line-height: 20px;
     color: #4b4b4b;
 }
 
 .list-module .title a {
     float: right;
     color: #737373;
     line-height: 40px;
 }
 
 .list-module .listItem {
    padding: 8px;
    background: #fff;
}

.list-module .listItem li {
    line-height: 40px;
}

.list-module .listItem li span {
    float: right;
}
.introduction{
    width: 100%;
    padding: 35px 100px;
    margin: 30px 0;
    background: #fff;
}
.introduction h2{
    text-align: center;
}
.introduction p{
    padding: 15px 0 20px;
    font-family: 宋体;
    font-size: 18px;
    color: #666;
    line-height: 30px;
    text-indent: 2em;
}
.links a{
 padding: 20px 15px 0 0;
 line-height: 30px;
}
.icon-list{
    width: 600px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.icon-list li img{
    width: 60px;
    height: 53px;
    cursor: pointer;
    display: block;
}
.icon-list li span{
    display: block;
    text-align: center;
    line-height: 24px;
    color: rgb(73, 110, 232);
    cursor: pointer;
}
.icon-list li:nth-child(-n+2) span{
    color: #000;
}
.icon-list li:nth-child(n+3) span a{
    color: rgb(73, 110, 232);
}
.organization{
    padding: 35px 40px;
}
.organization p{
    text-align: center ;
    line-height: 30px;
    padding: 5px 0;
    text-indent: 2em;
}
.btnMore{
    width: 180px;
    height: 40px;
    line-height: 40px;
    background: #2966b1;
    text-align: center;
    letter-spacing: 8px;
    margin:  20px auto;
    border-radius:20px;
}
.btnMore a{
    color: #fff;
}
.rotation{
    width: 100%;
    height: 160px;
    overflow: hidden;
}
.rotation img{
    width: 250px;
    height: 160px;
    /* margin-right: 20px; */
}
 .cmsbox {
     width: 860px;
     overflow: hidden;
     display: inline-block;
 }

 .cmsbox .title img{
     width: 45px;
     display: inline-block;
     vertical-align: middle;
 }
 .cmsbox .title h2{
     display: inline-block;
 }
 
 .titleActive:hover {
     color: #6fa8dc;
 }

.loglist li.con {
     border-bottom: 1px #e5e5e5 dashed;
     line-height: 48px;
 }
 .loglist li.con span{
     float: right;
 }

 
 .loading {
     text-align: center;
     padding: 30px 0;
     clear: both
 }
 /* Right */
 
 #sidebar {
     float: left;
     width: 280px;
     display: inline-block;
 }
 #sidebar .tag{
     margin-bottom: 30px;
     height: 50px;
      border-left: 4px solid #1e50ae;
      font-size: 16px;
 }
 #sidebar .tag span{
    padding-left: 10px;
 }
 
 #sidebar ul {
     padding-left: 20px;
 }
 
 #sidebar li {
    line-height: 34px;
    color: #666;
    font-size: 16px;
    position: relative;
 }
#sidebar .side_hover{
    display: none;
    position: absolute;
    left: 100px;
    top: 0;
    width: 100px;
    height: auto;
    background: #fff;
    text-align: center;
    line-height: 36px;    
    z-index: 99;
}
.side_hover a{
    display: block;
}
#sidebar .side_li{
    line-height: 35px;
    position: relative;
}
#sidebar .side_li span{
    position: absolute;
    right: 120px;

}

 
 .calendar {
     width: 100%;
     border-collapse: collapse;
 }
 
 .calendar td {
     font-size: 12px;
     text-align: center;
     border: 1px #eee solid;
     padding: 1px 5px;
     line-height: 20px;
 }
 
 .calendar td.day {
     background: #eee
 }
 
 .calendar td.day a {
     color: #6fa8dc
 }
 
 .calendar .sun {
     color: #333;
     font-weight: bold
 }

 /* PageNav */
 
 #pagenavi {
     text-align: center;
     padding: 25px 0;
     overflow: hidden;
     clear: both
 }
 
 #pagenavi a,
 #pagenavi span {
     display: inline-block;
     font: 14px/20px Arial;
     border-radius: 3px;
     padding: 6px 12px;
     margin: 0 3px;
     height: 20px;
     border: 1px solid #ddd;
     background: #FFF
 }
 
 #pagenavi a:hover {
     color: #fff;
     border-color: #6fa8dc;
     background: #6fa8dc
 }
 
 #pagenavi span {
     color: #aaa;
     background: #f6f6f6
 }
 /* Foot */
 
 #footerbar {
     width: 100%;
     height: 90px;
     line-height:30px;
     font-size: 14px;
     color: #fff;
     background: #898989;
     text-align: center;
 }
 
 #backtop {
     display: none;
     position: fixed;
     left: 50%;
     bottom: 170px;
     margin-left: 625px;
     color: #888;
     font-size: 32px;
     text-align: center;
     cursor: pointer;
     transition: all .3s linear;
 }
 
 #backtop:hover {
     color: #f90
 }
 /* 内容 */
 
 .logbox h1 {
     color: #000;
     font-size: 40px;
     line-height: 36px;
     font-weight: 400;
     padding: 15px 0;
     text-align: left;
     font-size: 22px;
 }
 
 .logbox .data {
    text-align: left;
     color: #999;
     line-height: 40px;
 }
 .logcon {
     color: #000;
     line-height: 1.9;
     font-size: 14px;
     border-top: 1px solid #eee;
     padding: 20px 0;
     border-bottom: 1px dashed #eee;
 }
 
 .logcon p {
     margin: 0.5em 0;
     text-indent: 2em;
 }
 
 .logcon a {
     color: #6fa8dc
 }
 
 .logcon img,
 .logcon embed,
 .logcon iframe {
     max-width: 98% !important;
 }
 
 .logcon img {
     height: auto !important
 }
 
 .logbox .tags {
     padding: 5px 0;
 }
 .link-box {
     padding: 15px 0;
     overflow: hidden;
     clear: both
 }
 
 .link-box h3 {
     font-size: 18px;
     padding: 4px;
     background: #6FA8DC;
     color: #fff;
     width: 85px;
     line-height: 30px;
     text-align: center;
     margin-bottom: 10px;
 }
 
 .pagess {
     clear: both;
     margin: 20px;
     overflow: hidden;
     margin-left: 0px;
     text-align: center;
     font-size: 12px
 }
 
 .pagess ul li {
     display: inline-block;
     border: 1px solid #ccc;
     padding: 2px 9px;
     margin: 0 3px;
     line-height: 20px;
     background: #fff;
     color: #999
 }
 
 .pagess ul li:hover {
     background: #6fa8dc;
     color: #fff;
     border: 1px solid #6fa8dc
 }
 
 .pagess ul li:hover a {
     color: #fff;
 }
 
 .pagess ul li.thisclass {
     display: inline-block;
     border: 1px solid #6fa8dc;
     padding: 2px 9px;
     margin: 0 3px;
     background: #6fa8dc;
     color: #fff;
 }
 
 .pagess ul li.thisclass a {
     color: #fff;
 }
 
 .pagess ul li a {
     display: block;
     color: #999
 }
 
 .pagess ul li a:hover {
     color: #fff;
 }

 /* 分页样式 */
 
 .paging {
     margin-top: 32px;
     font-size: 14px;
     text-align: center;
     padding-bottom: 30px;
 }
 
 .paging>span {
     margin: auto 16px;
 }
 
 .paging .page-numbar {
     margin: auto 0;
 }
 
 .paging .page-numbar .page-num,
 .paging .page-index,
 .paging .page-pre,
 .paging .page-next,
 .paging .page-last {
     display: inline-block;
     margin: auto 4px;
     padding: 2px 12px;
     border: 1px solid #EEE;
     border-radius: 2px;
     background-color: #FFFFFF;
 }
 
 .paging .page-numbar .page-num-current,
 .paging .page-numbar .page-num:hover {
     border-color: #6fa8dc;
     color: #6fa8dc;
 }
 
 .paging a {
     color: #333333
 }
 
 .paging a:hover {
     color: #6fa8dc
 }

/***** 侧边留言  start *****/
.floatBox{
    width: 70px;
    background: #fff;
    position: fixed;
    right: 30px;
    bottom: 100px;
   box-shadow: 0px 0px 14px 1px rgba(19, 49, 105, 0.12);
   z-index: 9999;
}
.floatBox .item{
   height: 66px;
   width: 100%;
   border-bottom: 1px solid #E6E6E6;
   text-align: center;
   cursor: pointer;
   position: relative;
}
.floatBox .messge{
 background: url(../images/message.png) no-repeat 24px 10px;
}
.floatBox .messge:hover{
   color: #00388D;
   background: url(../images/message-b.png) no-repeat 24px 10px;
}
.floatBox .custome-services{
   background: url(../images/person.png) no-repeat 24px 10px;
}
.floatBox .custome-services:hover{
   background: url(../images/person-b.png) no-repeat 24px 10px;
}

.floatBox .backtop{
   background: url(../images/top.png) no-repeat 24px 10px;
}
.floatBox .backtop:hover{
   background: url(../images/top-b.png) no-repeat 24px 10px;
}
.floatBox .backtop{
   height: 50px;
}
.floatBox img{
   margin: 10px 0 2px;
}
.floatBox p{
   position: absolute;
   bottom: 6px;
   text-align: center;
   width: 100%;
}
.messageBox{
   width: 266px;
   /* height: 390px; */
   background: #FFFFFF;
   box-shadow: 0px 0px 14px 1px rgba(34, 37, 42, 0.18);
   position: absolute;
   top: -200px;
   right: 110px;
   padding: 23px;
   box-sizing: border-box;
   display: none;
}
.messageBox input {
   width: 220px;
   height: 34px;
   padding-left: 5px;
   font-size: 14px;
   border:1px solid #E0E0E0;
   margin-bottom: 14px;
}

.messageBox textarea {
   width: 220px;
   height: 80px;
   padding-left: 5px;
   font-size: 14px;
   resize: none;
   border:1px solid #E0E0E0;

}
.messageBox .checkBox input{
   width: 100px; 
   float: left;
   margin-top: 10px;
   margin-right: 6px;

}
.messageBox .checkBox img{
   width: 100px; 
   display: inline-block;
   height: 35px;
}
.messageBox button{
    width: 115px;
    height: 34px;
    background: #E0E0E0;
    line-height: 34px;
    text-align: center;
    color: #333;
    outline: none;
    border: none;
}
/***** 侧边留言  end *****/