@charset "UTF-8";
body {
  font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif;
  font-size: 1rem;
  color: #333333;
  padding: 0;
  margin: 0;
}

html {
  font-size: 16px;
}

img {
  max-width: 100%;
  border: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
ul,
li,
dl,
dt,
dd,
hr,
input,
p {
  padding: 0;
  margin: 0;
  list-style: none;
}

a {
  color: inherit;
  font: inherit;
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:link {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
  color: #1083da;
}

a:focus {
  text-decoration: none;
}

.clearfix {
  zoom: 1;
}

.clearfix:after {
  clear: both;
  content: "";
  display: block;
  width: 0;
  height: 0;
  visibility: hidden;
}

.rel {
  position: relative;
}

.mt10 {
  margin-top: 10px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mt60 {
  margin-top: 60px;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.hid {
  overflow: hidden;
}

.wrapper {
  position: relative;
  overflow: hidden;
}

/* 动画延迟 */
.animation-delay-1 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.animation-delay-2 {
  -webkit-animation-delay: 1.25s;
  animation-delay: 1.25s;
}

.animation-delay-3 {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}

.sdiv {
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, -webkit-transform 0.5s;
  -o-transition: transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s;
  opacity: 0;
}

.sdiv.on {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  opacity: 1;
}

.con {
  width: auto;
  margin: 0 auto;
  padding: 0 10px;
}

@-webkit-keyframes hue {
  from {
    -webkit-filter: hue-rotate(0deg);
  }
  to {
    -webkit-filter: hue-rotate(-360deg);
  }
}

/* 动画延迟结束 */
.body-l {
  position: fixed;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 200px;
  background: #284d9a;
  z-index: 99999;
}

.body-r {
  margin-left: 200px;
  background: #fff;
}

/* 导航 */
nav.navbar.bootsnav {
  border: none;
  background: none;
}

.navbar-collapse {
  padding: 0;
}

.navbar-nav > li {
  float: none;
}

.navbar-nav li {
  position: relative;
  height: 48px;
  line-height: 48px;
  padding: 0 25px;
}

.nav > li.on,
.nav > li.cur {
  background: #375eaf;
}

.nav > li.on a,
.nav > li.cur a {
  color: #ffffff !important;
  font-weight: normal !important;
  margin-left: 20px !important;
  width: 130px !important;
}

.nav > li.on a:after,
.nav > li.cur a:after {
  content: "";
  position: absolute;
  display: block;
  width: 8px;
  height: 17px;
  right: 5px;
  top: 50%;
  margin-top: -9px;
  background: url(/g2020/images/nav-zuo.png);
  background-size: 100% 100%;
}

.nav > li:hover {
  background: #375eaf;
}

.nav > li:hover a {
  color: #ffffff !important;
  font-weight: normal !important;
  margin-left: 20px !important;
  width: 130px !important;
}

.nav > li:hover a:after {
  content: "";
  position: absolute;
  display: block;
  width: 8px;
  height: 17px;
  right: 5px;
  top: 50%;
  margin-top: -9px;
  background: url(/g2020/images/nav-zuo.png);
  background-size: 100% 100%;
}

nav.navbar.bootsnav ul.nav > li > a {
  padding: 0;
  font-size: 1rem;
  margin: 0;
  height: 48px;
  line-height: 48px;
  color: #ffffff;
  font-weight: normal;
  display: block;
  width: 150px;
  padding-left: 40px;
  border-bottom: 1px solid #466cba;
}

nav.navbar.bootsnav ul.nav > li.nav-li1 > a {
  background: url(/g2020/images/nav-ico1.png) no-repeat 10px center;
    text-decoration: none;
}

nav.navbar.bootsnav ul.nav > li.nav-li2 > a {
  background: url(/g2020/images/nav-ico2.png) no-repeat 10px center;
}

nav.navbar.bootsnav ul.nav > li.nav-li3 > a {
  background: url(/g2020/images/nav-ico3.png) no-repeat 10px center;
}

nav.navbar.bootsnav ul.nav > li.nav-li4 > a {
  background: url(/g2020/images/nav-ico4.png) no-repeat 10px center;
}

nav.navbar.bootsnav ul.nav > li.nav-li5 > a {
  background: url(/g2020/images/nav-ico5.png) no-repeat 10px center;
}

nav.navbar.bootsnav ul.nav > li.nav-li6 > a {
  background: url(/g2020/images/nav-ico6.png) no-repeat 10px center;
}

nav.navbar.bootsnav ul.nav > li.nav-li7 > a {
  background: url(/g2020/images/nav-ico7.png) no-repeat 10px center;
}

nav.navbar.bootsnav ul.nav > li.nav-li8 > a {
  background: url(/g2020/images/nav-ico8.png) no-repeat 10px center;
}

nav.navbar.bootsnav ul.nav > li.nav-li9 > a {
  background: url(/g2020/images/nav-ico9.png) no-repeat 10px center;
}

nav.navbar.bootsnav ul.nav > li.nav-li10 > a {
  background: url(/g2020/images/nav-ico10.png) no-repeat 10px center;
}

nav.navbar.bootsnav ul.nav > li.nav-li11 > a {
  background: url(/g2020/images/nav-ico11.png) no-repeat 10px center;
}

nav.navbar.bootsnav ul.nav > li.nav-li12 > a {
  background: url(/g2020/images/nav-ico12.png) no-repeat 10px center;
}

nav.navbar.bootsnav li.dropdown ul.dropdown-menu {
  position: absolute;
  left: 100%;
  top: 0;
  padding: 12px 20px;
  background: #375eaf;
  border: none;
}

nav.navbar.bootsnav li.dropdown ul.dropdown-menu li {
  text-align: center;
  border-bottom: 1px solid #4f72b9;
}

nav.navbar.bootsnav li.dropdown ul.dropdown-menu li a {
  color: #ffffff;
  font-size: 1rem;
  border: none;
  margin-left: 0 !important;
  width: auto !important;
  padding: 0;
  line-height: 48px;
}

nav.navbar.bootsnav li.dropdown ul.dropdown-menu li a:hover {
  font-weight: bold !important;
  background: none;
}

nav.navbar.bootsnav li.dropdown ul.dropdown-menu li a:after {
  display: none;
}

nav.navbar.bootsnav li.dropdown ul.dropdown-menu li:last-child {
  border: none;
}

nav.navbar.bootsnav .navbar-toggle {
  background: none;
  border: none;
  padding: 0;
  font-size: 18px;
  position: relative;
  top: 25px;
  color: #ffffff;
}

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before,
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  margin-right: 10px;
}

@media (min-width: 992px) {
  .navbar-collapse.collapse {
    display: block !important;
  }
}

.header {
  background: url(/g2020/images/header-bgpng.png) top right no-repeat;
  background-size: cover;
  padding: 20px 0;
}

.header .top-link {
  text-align: right;
  font-size: 0.875rem;
}

.header .top-link a {
  color: #ffffff;text-decoration: none;
}

.header .top-link span {
  color: #ffffff;
  margin: 0 14px;
}

.header .logo {
  float: left;
  padding-right: 20px;
  border-right: 1px solid #b9c2d1;
}

.header .logo-text {
  float: left;
  margin-left: 20px;
  margin-top: 10px;
}

.header .search {
  float: right;
  margin-top: 27px;
  width: 240px;
  height: 36px;
  border: 1px solid #ffffff;
  border-radius: 20px;
  position: relative;
}

.header .search .text {
  background: none;
  border: none;
  outline: none;
  font-size: 0.875rem;
  color: #ffffff;
  line-height: 35px;height:35px;
  margin-left: 25px;
  width: 69%;
}

.header .search .sub {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: 25px;
}

/* 中部版块 */
/* 首页标题 */
.index-tit {
  position: relative;
  overflow: hidden;
}

.index-tit .cn {
  font-size: 1.875rem;
  color: #000000;
  position: relative;
  z-index: 2;
}

.index-tit .cn:after {
  content: "";
  display: block;
  width: 58px;
  height: 17px;
  border-radius: 20px;
  background: #ffb400;
  position: absolute;
  left: 30px;
  bottom: 0;
  z-index: -1;
}

.index-tit .en {display:none;
  font-size: 1.375rem;
  color: #999999;
}

.index-tit .index-more {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 9;
  display: block;
  color: #999999;
  font-size: 0.875rem;
  width: 90px;
  height: 30px;
  line-height: 29px;
  text-align: center;
  border-radius: 20px;
  border: 1px solid #cccccc;
}

.index-tit .index-more:hover {
  background: #284d9a;
  color: #ffffff;
}

.c1 {
  width: 50%;
  float: left;
  padding-right: 25px;
}

.c2 {
  width: 50%;
  float: left;
  padding-left: 25px;
}

/* 第一行 */
.row1 {
  padding: 50px 0;
}

.row1 .c1 {
  float: left;
  width: 640px;
  height: 365px;
  padding: 0;
}

.row1 .c1 .slider {
  position: relative;
}

.row1 .c1 .slider .item {
  position: relative;
  overflow: hidden;
}

.row1 .c1 .slider .item img {
  width: 100%;max-height:366px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.row1 .c1 .slider .item img:hover {
  transform: scale(1.05);
}

.row1 .c1 .slider .item .tit {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px;
  background: rgba(0, 0, 0, 0.48);
}

.row1 .c1 .slider .item .tit a {
  display: inline-block;
  width: 80%;
  margin-left: 15px;
  line-height: 40px;
  color: #ffffff;
  font-size: 1rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.row1 .c1 .slider .slick-dots {
  position: absolute;
  right: 12px;
  bottom: 15px;
}

.row1 .c1 .slider .slick-dots li {
  width: 11px;
  height: 11px;
  background: #063ec6;
  float: right;
  margin-left: 10px;
}

.row1 .c1 .slider .slick-dots li button {
  display: none;
}

.row1 .c1 .slider .slick-dots li.slick-active {
  background: #ffffff;
}

.row1 .c2 {
  width: 516px;
  float: right;
  padding: 0;
}

.row1 .c2 ul {
  margin-top: 20px;
  overflow: hidden;
}

.row1 .c2 ul li {
  margin-bottom: 19px;
  padding-bottom: 7px;
  overflow: hidden;
  border-bottom: 1px dashed #d2d2d2;
}

.row1 .c2 ul li a p {
  float: left;
  font-size: 1rem;
  color: #333333;
  width: calc(100% - 115px);
  padding-left: 18px;
  background: url(/g2020/images/li-ico.png) left center no-repeat;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.row1 .c2 ul li a span {
  float: right;
  font-size: 0.875rem;
  color: #666666;
}

.row1 .c2 li a:hover p {
  
  color: #284d9a;
}

/* 第二行 */
.row2 {
  background: #efefef;
  padding: 55px 0 70px;
}

.row2 .c2 .tzgg {
  background: url(/g2020/images/row2-c2-bg.png) left bottom no-repeat #ffffff;
}

.tzgg {
  margin-top: 35px;
  background: #ffffff;
  padding: 0 35px 50px 60px;
  border-bottom: 4px solid #284d9a;
  box-shadow: 0px 0px 4px 4px #e3e3e3;
}

.tzgg ul li {
  position: relative;
  padding: 32px 0 20px 0;
  border-bottom: 1px solid #e0e0e0;
}

.tzgg ul li a.tit {
  display: block;
  width: 90%;
  color: #333333;
  font-size: 1rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tzgg ul li a:hover {
  color: #284d9a;
}

.tzgg ul li .date {
  position: absolute;
  left: 0;
  bottom: -10px;
  padding-right: 8px;
  background: #ffffff;
  z-index: 2;
  color: #284d9a;
  font-size: 1rem;
  font-style: oblique;
}

/* 第三行 */
.row3 {
  background: url(/g2020/images/jvtc_bigdoor3.jpg) center no-repeat;
  background-size: cover;
  padding: 40px 0;
}

.row3 .index-tit a.index-more {
  color: #284d9a;
  border: 1px solid #284d9a;
}

.row3 .index-tit a.index-more:hover {
  color: #ffffff;
}

.jxky {
  margin-top: 10px;
}

.jxky ul li {
  margin-top: 17px;
  overflow: hidden;
  background: url(/g2020/images/row3-li-bg.png) repeat;
  padding: 14px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.jxky ul li .date {
  float: left;
  text-align: right;
}

.jxky ul li .date .day {
  color: #284d9a;
  font-size: 1.125rem;
}

.jxky ul li .date .year {
  color: #284d9a;
  font-size: 0.875rem;
  margin-top: 5px;
}

.jxky ul li .text {
  float: right;
  width: calc(100% - 65px);
}

.jxky ul li .text a.tit {
  display: block;
  color: #333333;
  font-size: 1rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.jxky ul li .text .info {
  margin-top: 7px;
  color: #666666;
  font-size: 0.875rem;
  line-height: 1.25rem;
  height: 2.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.jxky ul li:hover {
  border-left: 4px solid #284d9a;
}

.jxky ul li:hover a.tit {
  color: #284d9a !important;
}

/* 第四行 */
.row4 {
  padding: 35px 0;
}

.row4 .index-tit {
  text-align: center;
}

.row4 .index-tit .cn:after {
  left: 50%;
  margin-left: -29px;
}

.bmdt {
  margin-top: 50px;
}

.bmdt ul {
  overflow: hidden;
  margin: 0 -18px;
}

.bmdt ul li {
  float: left;
  margin-bottom: 45px;
  width: 50%;
  position: relative;
}

.bmdt ul li .box {
  margin: 0 18px;
}

.bmdt ul li .pic {
  width: 256px;
  height: 144px;
  float: left;
  overflow: hidden;
  position: relative;
  z-index: 2;
}

.bmdt ul li .pic img {
  width: 100%;
  height: 144px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.bmdt ul li .text {
  width: calc(100% - 223px);
  height: 144px;
  float: right;
  position: relative;
  z-index: 1;
  margin-left: -33px;
  margin-top: 12px;
  padding: 18px 20px 18px 48px;
  background: url(/g2020/images/row4-li-bg.png) right no-repeat;
  background-size: cover;
}

.bmdt ul li .text a.tit {
  display: block;
  font-size: 1rem;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.bmdt ul li .text .info {
  margin-top: 15px;
  color: #666666;
  font-size: 0.875rem;
  line-height: 1.25rem;
  height: 2.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.bmdt ul li .date {
  position: absolute;
  left: 0px;
  bottom: 12px;
  z-index: 9;
  width: 120px;
  height: 28px;
  line-height: 28px;
  padding-left: 30px;
  color: #ffffff;
  font-size: 0.875rem;
  /* background: url(/g2020/images/date.png) #284d9a 12px center no-repeat; */
}

.bmdt ul li:hover img {
  transform: scale(1.05);
}

.bmdt ul li:hover .text {
  background: url(/g2020/images/row4-li-bg2.png) right no-repeat;
  background-size: cover;
}

.bmdt ul li:hover a.tit {
  color: #284d9a !important;
}

.bmdt .row-more {
  width: 44px;
  height: 44px;
  display: block;
  margin: 0 auto;
}

/* 第五行 */
.row5 {
  padding: 30px 0 10px 0;
  background: #efefef;
}

.row5 .index-tit {
  text-align: center;
}

.row5 .index-tit .cn:after {
  left: 50%;
  margin-left: -29px;
}

.ztzl {
  margin-top: 30px;
}

.ztzl ul li {
  float: left;
  width: 25%;
  position: relative;
}
.ztzl ul li .box{
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    position: relative;
}
.ztzl ul li .box img{
position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.ztzl ul li a.pic {
  overflow: hidden;
  display: block;
}

.ztzl ul li a.pic img {
  width: 100%;
}

.ztzl ul li .text {
  opacity: 0;
  width: 100%;
  height: 100%;
  background: url(/g2020/images/zt-pic-mask.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.5s ease 0s;
}

.ztzl ul li .tit {
  color: #ffffff;
  font-size: 1.125rem;
  padding: 0 20px;
  width: 100%;
  text-align: center;
  margin-top: 40%;
  transition: all 0.5s ease 0s;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ztzl ul li a.more {
  display: block;
  width: 128px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  border-radius: 20px;
  transition: all 0.5s ease 0s;
  background: #ffffff;
  color: #284d9a;
  margin: 25px auto 0;
}

.ztzl ul li:hover .text {
  opacity: 1 !important;
}

/* 第六行 */
.row6 {
  padding: 45px 0 70px 0;
}

.mtgz ul {
  margin-top: 35px;
  overflow: hidden;
}

.mtgz ul li {
  position: relative;
  margin-bottom: 19px;
  padding-bottom: 7px;
  border-bottom: 1px dashed #d2d2d2;
}

.mtgz ul li a {
  display: block;
  overflow: hidden;
}

.mtgz ul li a p {
  float: left;
  font-size: 1rem;
  color: #333333;
  width: calc(100% - 115px);
  padding-left: 28px;
  background: url(/g2020/images/row6-li-ico.png) left center no-repeat;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.mtgz ul li a span {
  float: right;
  font-size: 0.875rem;
  color: #666666;
}

.mtgz ul li:hover p {
  background: url(/g2020/images/row6-li-ico2.png) left center no-repeat !important;
  color: #284d9a !important;
}

.mtgz ul li:hover span {
  color: #284d9a !important;
}

/* 第七行 */
.row7 {
  padding: 30px 0 0 0;
  background: #efefef;
}

.row7 .index-tit {
  text-align: center;
}

.row7 .index-tit .cn:after {
  left: 50%;
  margin-left: -29px;
}

.xyfg {
  margin: 45px -1.5px 2px;
  overflow: hidden;
}

.xyfg .box {
  width: 33.3%;
  max-height: 564px;
  float: left;
}

.xyfg .box ul {
  margin: 0 1.5px;
  display: block;
}

.xyfg .box ul li {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.xyfg .box ul li img {
  width: 100%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.xyfg .box ul li img:hover {
  transform: scale(1.05);
}

.xyfg .box ul li .tit {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 40px;
  line-height: 40px;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.xyfg .box ul li .tit p {
  padding: 0 15px;
  color: #ffffff;
  font-size: 1rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.xyfg .box ul li.lb1 {
      width: 100%;
    height: 0;
    padding-bottom: 50%;
    position: relative;
}
.xyfg .box ul li.lb1 img{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.xyfg .box ul li.lb2 {
width: 50%;
    height: 0;
    padding-bottom: 50%;
    position: relative;
    float: left;
}

.xyfg .box ul li.lb3 {
     width: 100%;
    height: 0;
    padding-bottom:100%;
    position: relative;
}

.xyfg .box ul li img{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
/* footer */
.footer {
  padding: 40px 0 30px 0;
  background: url(/g2020/images/footer-bg.png) no-repeat;
  background-size: cover;
}

.footer .links {
  border: 1px solid #ffffff;
  padding: 10px 0;
  overflow: hidden;
}

.footer .links li {
  width: 10%;
  float: left;
  color: #ffffff;
  font-size: 0.875rem;
  text-align: center;
}

.footer .links li a {
  color: #ffffff;    text-decoration: none;
}

.footer .cory {
  margin-top: 20px;
  font-size: 0.875rem;
  text-align: center;
  color: #ffffff;
}

.footer .cory p {
  padding: 7px 0;
}

/* ie8提示当需要判断IE8下兼容性不好需要升级浏览器 */
.ie8 {
  text-align: center;
  color: #fff;
  height: 100%;
  border: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1234;
  margin: 0 auto;
  font-family: "microsoft yahei";
  font-size: 36px;
  background: #000000;
  font-weight: 300;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}

/* 列表页 */
/* 列表线条动画 */
.bottom-inOutSpread:before,
.bottom-inOutSpread:after,
.bottom-inOutSpread > .ui-border-element:before,
.bottom-inOutSpread > .ui-border-element:after {
  content: "";
  position: absolute;
}

.bottom-inOutSpread:after {
  border-bottom: 1px solid #284d9a;
  left: 51%;
  right: 51%;
  bottom: -1px;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93);
  -moz-transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93);
  -o-transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93);
  transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93);
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

.bottom-inOutSpread:hover:after {
  left: 0%;
  right: 0%;
}

.bottom-inOutSpread:not(:hover):after {
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

/* 列表线条动画结束 */
.listpage .location {
  padding: 12px 0;
  background: #eff1f4;
  color: #999999;
  font-size: 1rem;
}

.listpage .location a {
  color: #999999;text-decoration: none;
}

.listpage .nav-left {
  margin-top: 35px;
}

.listpage .nav-left li {
  float: left;
  margin-right: 35px;
  margin-bottom: 20px;
  width: 140px;
  height: 38px;
  text-align: center;
  padding: 7px 15px;
  border: 1px solid #284d9a;
  border-radius: 20px;
}

.listpage .nav-left li a {
  color: #666666;
  font-size: 1.125rem;
}

.listpage .nav-left li.curr,
.listpage .nav-left li:hover {
  border: none;
  background: url(/g2020/images/nav-left.png) no-repeat;
  background-size: 100% 100%;
}

.listpage .nav-left li.curr a,
.listpage .nav-left li:hover a {
  color: #ffffff;
}

.listpage .lm-tit {
  margin: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #dddddd;
  position: relative;
}

.listpage .lm-tit p {
  color: #284d9a;
  font-size: 1.375rem;
}

.listpage .lm-tit p:after {
  content: "";
  display: block;
  background: #ffb400;
  width: 45px;
  height: 6px;
  border-radius: 15px;
  position: absolute;
  left: 0;
  bottom: -2px;
}

.listpage .list-con{margin-bottom:50px;min-height:400px;}

.listpage .list-con ul {
  overflow: hidden;
  margin-bottom: 30px;
}

.listpage .list-con ul li {
  position: relative;
  padding: 20px 0;
  border-bottom: 1px dashed #999999;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.listpage .list-con ul li .date {
  float: left;
  width: 70px;
  text-align: center;
  line-height: 35px;
}

.listpage .list-con ul li .date .day {
  height: 35px;
  background: #284d9a;
  color: #ffffff;
  font-size: 1.125rem;
  font-weight: bold;
}

.listpage .list-con ul li .date .year {
  height: 35px;
  background: #e4e7ef;
  color: #b5bac4;
  font-size: 1.25rem;
}

.listpage .list-con ul li .text {
  width: calc(100% - 95px);
  float: right;
}

.listpage .list-con ul li .text .tit {
  display: block;
  color: #333333;
  font-size: 1.125rem;
  line-height: 35px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.listpage .list-con ul li .text .info {
  color: #999999;
  font-size: 1rem;
  line-height: 35px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
display:none;
}

.listpage .list-con ul li:hover .text {
  padding-left: 5px !important;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.listpage .list-con ul li:hover a {
  color: #284d9a !important;
}

.listpage .list-pics {
  margin: 35px 0;
}

.listpage .list-pics ul {
  overflow: hidden;
  margin: 0 -24px;
}

.listpage .list-pics li {
  float: left;
  width: 33.3%;
  margin-bottom: 35px;
}

.listpage .list-pics li a {
  display: block;
  margin: 0 24px;
  position: relative;
  overflow: hidden;
}

.listpage .list-pics li a img {
  width: 100%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.listpage .list-pics li a .tit {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 56px;
  line-height: 56px;
  text-align: center;
  background: url(/g2020/images/list-pic-bg.png) center no-repeat;
  background-size: cover;
  color: #ffffff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.listpage .list-pics li:hover img {
  transform: scale(1.05);
}

.listpage .con-page {
  padding: 20px 0 50px 0;
}

.listpage .con-page h1 {
  font-size: 1.25rem;
  color: #333333;
  font-weight: bold;
  text-align: center;
  padding: 15px 0;
  line-height: 28px;
}

.listpage .con-page h2 {
  font-size: 0.9375rem;
  color: #333333;
  font-weight: normal;
  text-align: center;
  line-height: 28px;
}

.listpage .con-page .article-date {
  font-size: 0.875rem;
  color: #666666;
  text-align: center;
  padding: 10px 0 20px;
}

.listpage .con-page .article-date span {
  padding: 0 10px;
}

.listpage .con-page .article-text {
  padding: 20px 0;
  border-bottom: 1px dashed #d9d9d9;
}

.listpage .con-page .article-text p {
  font-size: 1rem;
  line-height: 2rem;
  text-indent: 2em;
  color: #333333;
  padding-bottom: 15px;
  text-align: justify;
}

.listpage .con-page .article-text p img,
.listpage .con-page .article-text p video {
  margin-left: 0em;
}

.listpage .con-page a {
  text-decoration: none;
}

.listpage .con-page  a:visited {
  text-decoration: none;
}

.listpage .con-page a:link {
  text-decoration: none;
}



.listpage .con-page .article-text table p {
  text-indent: 0;
  padding-bottom: 0;
}

.listpage .con-page .next {
  padding-top: 30px;
}

.listpage .con-page .next a {
  display: block;
  overflow: hidden;
  font-size: 1rem;
  padding: 5px 0;
  color: #333333;
}

.listpage .con-page .next a:hover {
  color: #284d9a;
  font-weight: bold;
}

.listpage .jgsz {
  margin: 25px 0 85px 0;
}

.listpage .jgsz .box {
  margin-bottom: 35px;
  overflow: hidden;
}

.listpage .jgsz .box .bmmc {
  float: left;
  width: 174px;
  height: 216px;
  left: 0;
  top: 0;
  background: url(/g2020/images/jgsz-tit.png) bottom no-repeat;
  background-size: cover;
  text-align: center;
}

.listpage .jgsz .box .bmmc img {
  margin-top: 50px;
}

.listpage .jgsz .box .bmmc p {
  margin-top: 23px;
  font-size: 1.25rem;
  color: #ffffff;
}

.listpage .jgsz .box ul {
  width: calc(100% - 174px);
  padding: 10px 0 10px 48px;
  float: right;
  background: #eff1f4;
}

.listpage .jgsz .box ul li {
  float: left;
  width: 33.3%;
  padding: 8px 0;
}

.listpage .jgsz .box ul li a {
  color: #666666;
  font-size: 1rem;
}

.listpage .jgsz .box ul li:hover a {
  color: #284d9a;
}

.listpage .jgsz .box1 .bmmc {
  height: 146px;
}

.listpage .jgsz .box1 .bmmc img {
  margin-top: 12px;
}

.listpage .jgsz .box1 ul {
  height: 140px;
}

.listpage .jgsz .box2 {
  width: 564px;
}

.listpage .jgsz .box2 ul li {
  width: 100%;
  float: none;
}


//校园风光
.xyfg .slider{
overflow:hidden;margin:0 -2px !important;
}
.xyfg .slider .item{
float:left;width:25%;    position: relative;margin:0 2px;
}
.xyfg .slider .item a{    display:block;width: 100%;
    height: 0;
    padding-bottom: 53%;
    position: relative;}
.xyfg .slider .item a img{position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;}