@charset "UTF-8";

body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div { margin:0; padding:0; border:0; }
body { color:#333; font-size:14px; font-family:"微软雅黑"; }

ul,ol { list-style-type:none; }
select,input,img,select { vertical-align:middle; }

html,body{ width: 100%; height: 100%; }
body{background: #205599;}
a { text-decoration:none; color: #333;}
a, img { border: 0; }
.top {
  width: 100%;
  background: url(../img/lc-top.jpg) no-repeat top;
  background-size: 100%;
  padding-top: 15px;
  margin-bottom: 15px;
}
.bg-1{
	background:#FFF;
}
#menu { position: fixed; bottom: 0px; width: 100%; height: 70px; z-index: 999; background: url(../img/menubg.png) repeat-x; }
#menu ul { margin: 0 auto; list-style-type: none; width: 100%; max-width: 500px; height: 100%; }
#menu ul li { float: left; width: 33.3%; height: 100%; text-align: center; position: relative; font-size: 14px; }
#menu ul li .line { position: absolute; top: 0px; right: 0px; z-index: 30; background: #FFF; width: 1px; height: 100%; display: block; }
#menu ul li .menu_li { position: absolute; top: 0px; left: 0px; z-index: 20; width: 100%; height: 100%; background: #2D77DC; color: #FFF;}
#menu .menu-ico{ width: 35px; height: 35px; margin: 8px auto 0; }
#menu ul li .menu_li p{ height: 25px; line-height: 25px; }
#menu ul li .img_front { position: absolute; top: 0px; left: 0px; z-index: 30; width: 100%; height: 100%; }
#menu ul li .img_front img { width: 100%; height: 100%; }
#menu ul li span { position: absolute; bottom: -300px; left: 50%; width: 104px; margin-left: -52px; margin-bottom: 14px; height: auto; text-align: center; z-index: 10; }
#menu ul li span div { position: absolute; top: 0px; left: 0px; background: #2D77DC; }
#menu ul li span a { float: left; width: 100%; height: 43px; line-height: 43px; color: #FFF; text-decoration: none; }
#menu .btn_triangle::after{ content: ""; width: 20px; height: 20px; border-bottom: 1px solid #2D77DC; border-right: 1px solid #2D77DC; background: #2D77DC; display: block; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: -10px; border-radius: .3rem; transform: rotate(45deg); }
.footer_front { position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 888; display: none; }
.ico-1{ background: url(../img/menu-ico-1.png) no-repeat center; background-size: 100%; }
.ico-2{ background: url(../img/menu-ico-2.png) no-repeat center; background-size: 90%; }
.ico-3{ background: url(../img/menu-ico-3.png) no-repeat center; background-size: 100%; }
.ico-5{ background: url(../img/ico-1.png) no-repeat center; background-size: 100%; }
.ico-6{ background: url(../img/ico-2.png) no-repeat center; background-size: 100%; }
.ico-7{ background: url(../img/ico-3.png) no-repeat center; background-size: 100%; }
.ico-8{ background: url(../img/ico-4.png) no-repeat center; background-size: 100%; }
.ico-9{ background: url(../img/ico-5.png) no-repeat center; background-size: 130%; }
.ico-10{ background: url(../img/ico-6.png) no-repeat center; background-size: 120%; }
.new-loop{ width: 100%; height: 240px; }
.focus{ position: relative; width: 100%; height: 240px; background-color: #000; }
.focus img{ width: 100%; height: 240px; }
.focus .shadow .title{ width: 260px; height: 65px; padding-left: 30px; padding-top: 20px; }
.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; }
.focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1; }
.focus .btn a{ position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px; color:#B0B0B0; font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }
.focus .btn a:hover,
.focus .btn a.current{ cursor:pointer; background:#fc114a; }
.focus .fPic{ position:absolute; left:0px; top:0px; }
.focus .D1fBt{ overflow:hidden; zoom:1; height:16px; z-index:10; }
.focus .shadow{ width: 100%; position: absolute; bottom: 0; left: 0px; z-index: 10; height: 30px; line-height: 30px; background: rgba(0,0,0,0.6); filter: progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9; display: block; text-align: left; }
.focus .shadow a{ text-decoration:none; color:#fff; overflow:hidden; margin-left:10px; font-family: "\5FAE\8F6F\96C5\9ED1"; }
.focus .fcon{ position:relative; width:100%; float:left; display:none; background:#000 }
.focus .fcon img{ display:block; }
.focus .fbg{ bottom: 4px; right: 5px; position: absolute; height: 21px; text-align: center; z-index: 200; }
.focus .fbg div{ margin:4px auto 0; overflow:hidden; zoom:1; height:14px }
.focus .D1fBt a{ position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin:0 5px; color:#B0B0B0; font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }
.focus .D1fBt .current,
.focus .D1fBt a:hover{ background:#fc114a; }
.focus .D1fBt img{ display:none; height: 490px; width: 231px; }
.focus .D1fBt i{ display:none; font-style:normal; }
.focus .prev,
.focus .next{ position:absolute; width:40px; height:74px; background: url(../img/focus_btn.png) no-repeat; }
.focus .prev{ top: 50%; margin-top: -37px; left: 0; background-position:0 -74px; cursor:pointer; }
.focus .next{ top: 50%; margin-top: -37px; right: 0; background-position:-40px -74px; cursor:pointer; }
.focus .prev:hover { background-position:0 0; }
.focus .next:hover{ background-position:-40px 0; }
.nav{ display: flex; flex-flow: row wrap; justify-content: space-around;    margin-bottom: 140px; }
.nav a{ display: flex; width: 90px; height: 90px; background: #24A6FB; border-radius: 50%; color: #FFF; margin: 5% 4%; flex-flow: column nowrap; align-items: center; justify-content: center; }
.nav .nav-ico{ width: 40px; height: 40px; margin: 2% 0; }
.catalog-title{ background: #EDF4FA; padding: 0 2%; color: #267DE2; border-bottom: 1px solid #F5F8F9; }
.catalog-title p{     display: inline-block;padding: 3%; border-bottom: 3px solid #64A2E9; text-align: center; font-size: 16px; }
.catalog-list { padding: 3% 2%; min-width: 10rem; min-height: 80rem; }
.date-time-icon { background: url(../img/time.png) no-repeat left center; width: 19px; height: 19px; background-size: 100%; margin-right: 5px; }
.ui-font-color1 { color: #BABBBD; }
.ui-box{ display: block; }
.ui-float-left{ float: left; }
.ui-float-right{ float: right; }
.ui-clear::after{ content: ""; display: block; clear: both; }
.data-list-item { margin-bottom: 11px; margin-top: 5px; border-bottom: 1px solid #DDD; padding-bottom: 10px; color: #333; font-size: 14px; }
.ui-font-sm-mobile{ font-size: 12px; }
.date-time{ height: 19px; line-height: 19px; }
.data-list-item img{ width: 70px; height: 70px; background: #DDD; margin-right: 10px; }
.data-list-item p{ width: calc( 100% - 70px - 10px ); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; line-height: 23px; }
.content{ width: 95%; margin: 2% auto 0; }
.content-title .title{ font-size: 18px; font-weight: bold; line-height: 26px; margin-bottom: 5px; }
.content .content-title{ border-bottom: 1px solid #e6e6e6; padding-bottom: 10px; }
.content-data{ margin-top: 10px; margin-bottom: 220px; }
.sub-catalog-name{ width: 96%; height: 35px; line-height: 35px; margin-bottom: 15px; background: #DDDDDD; font-size: 16px; padding: 0 2%; }
.sub-more{ font-size: 12px; color: #FFFF; }
.page-number{ height: 7rem; }
.pagination{ height: 20px; display: flex; flex-flow: row wrap; justify-content: space-between; margin: 0 10%; }
.pagination li{ float: left; height: 30px; padding: 0 5%; display: flex; flex-flow: row wrap; align-content: center; background: #DDD; line-height: 30px; border-radius: .3rem;}
.pagination a{ color:#FFF; }
.active{    background: #2D77DC !important;}
.data-list-item img{ width: 70px;height:70px;margin-right:10px; }
.banner-title{
  width: 70%;
  height: 55px;
  background: url(../img/banner-title.png) no-repeat 13px -8px;
  background-size: 100%;
  margin: 0 auto;
}
.banner-title-str{
  background: url(../img/banner-title-str.png) no-repeat center;
  width: 50%;
  height: 27px;
  margin: 0 auto 0;
  background-size: 100%;
}
.banner-top{
  width: 90px;
  height: 90px;
  background: url(../img/roup.png) no-repeat center;
  margin: 0 auto;
  background-size: 100%;
}
.index-data-box{
  width: 95%;
  margin: 0 auto;
  background: #FFF;
  padding: 2.5%;
}
.dynamic-data {
  border: 1px solid #F6F6F6;
  width: calc( 100% - 2px );
}
.dynamic-data a, .group-6 .img-hot a {
    height: 45px;
    line-height: 45px;
    width: 94%;
    padding: 0 3%;
    font-size: 15px;
}
.dynamic-data .title, .group-6 .img-hot .title {
  width: calc( 100% - 31% );
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dynamic-data .date {
  color: #A8A8A8;
  font-size: 13px;
  width: 31%;
  text-align: right;
}
.ui-clear::after{
  content: '';
  clear: both;
  display: block
}
.dynamic-data a:nth-child(even), .group-6 .img-hot a:nth-child(even){
	    background: #F6F6F6;
}
.group-1-title{
	    background: url(../img/group-title-1.png) no-repeat center;
    width: 100%;
    height: 40px;
    margin: 0 auto 5%;
    background-size: 100%;
}
.group-2-title{
	    background: url(../img/group-title-2.png) no-repeat center;
    width: 100%;
    height: 40px;
    margin: 0 auto 5%;
    background-size: 100%;
}
.group-3-title{
	    background: url(../img/group-title-4.png) no-repeat center;
    width: 100%;
    height: 40px;
    margin: 0 auto 5%;
    background-size: 100%;
}
.group-4-title{
	    background: url(../img/group-title-5.png) no-repeat center;
    width: 100%;
    height: 40px;
    margin: 0 auto 5%;
    background-size: 100%;
}
.group-6-title{
	    background: url(../img/group-title-6.png) no-repeat center;
    width: 100%;
    height: 40px;
    margin: 0 auto 5%;
    background-size: 100%;
}

.group-1, .group-2, .group-3, .group-4, .group-5, .group-6, .group-7{
	-webkit-box-shadow: 0px 5px 20px 10px #E5EDF8;
    -moz-box-shadow: 0px 5px 20px 10px #E5EDF8;
    box-shadow: 0px 5px 20px 10px #E5EDF8;
    width: 90%;
    margin: 5% auto;
    padding: 3%;
    background: #FFF;
}
.group-3 img, .group-4 img, .group-5 img{
	width: 100%;
}
.group-3 a, .group-4 a, .group-5 a{
	margin-left:0px !important;  
}
.group-3 .img-hot a, .group-4 .img-hot a, .group-5 .img-hot a{
 	margin-bottom: 15px;
    text-align: center;
    font-size: 16px;
    line-height: 35px; 
}
.group-1-more{
	    display: block;
    text-align: right;
    padding-right: 3%;
    float: right;
    background: #5e88f5;
    padding: 1% 3%;
    color: #FFF;
    border-radius: .2rem;
    margin-top: 11px;
}
.group-sub-title{
       width: 100%;
    height: 30px;
    line-height: 30px;
    margin-bottom: 20px;
    background-size: 129%;
    border-bottom: 1px solid #DDD;
    background: none;
    margin-top: 15px;
}
.group-sub-title .title-str {
    color: #FFF;
    background: #2A58D2;
    height: 30px;
    display: block;
    text-align: center;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
    font-size: 15px;
    padding: 0 3%;
}
.group-1 .more, .group-2 .more, .group-3 .more, .group-4 .more, .group-5 .more {
    font-size: 13px;
    color: #8F8F8F;
}
.group-6 .group-sub-title, .group-2 .group-sub-title{
	margin-bottom: 0 !important;
      border-bottom: none;
}
.group-6 .img-hot{
	border: 1px solid #F6F6F6;
    width: calc( 100% - 2px );
}
.top-1{
    width: 100%;
    height: 45px;
    background: url(../img/list-top-2018.jpg) no-repeat -81px 0;
    background-size: 163%;
}