/*common-start*/
.w1200 {
  width: 1200px;
  height: auto;
}
.w100 {
  width: 100%;
}
.h440 {
  height: 440px;
}
.h240 {
  height: 240px;
}
.h150 {
  height: 150px;
}
.h100 {
  height: 100px;
}
.margin-lr-center {
  margin-left: auto;
  margin-right: auto;
}
.margin-tb-xs {
  margin-top: 10px;
  margin-bottom: 10px;
}
.margin-left-xs {
  margin-left: 10px;
}
.margin-top-xs {
  margin-top: 10px;
}
.margin-bottom-xs {
  margin-bottom: 10px;
}
.margin-right-xs {
  margin-right: 10px;
}
.margin-bottom-sm {
  margin-bottom: 20px;
}
.margin-tb-sm {
  margin-top: 20px;
  margin-bottom: 20px;
}
.margin-left-sm {
  margin-left: 20px;
}
.margin-right-sm {
  margin-right: 20px;
}
.padding-bottom-xs {
  padding-bottom: 10px;
}
.bg-img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.text-cut {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.text-cut-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.text-cut-3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.over-hide {
  overflow: hidden;
}
ul,
ol {
  margin: 0;
  padding: 0;
}
.solid-bottom {
  position: relative;
}
.solid-bottom:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  border-bottom: 1px solid #cccccc;
  transform: scaleY(0.5);
}
/*字体*/
.text-lg {
  font-size: 20px;
}
.text-red {
  color: #e70012;
}
.text-blod {
  font-weight: bold;
}
/*滚动条*/
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

::-webkit-scrollbar-button:vertical {
  display: none;
}

::-webkit-scrollbar-corner,
::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}

::-webkit-scrollbar-thumb {
  border-radius: 0;
  background-color: rgba(0, 0, 0, 0.4);
}

::-webkit-scrollbar-thumb:vertical:hover {
  background-color: rgba(0, 0, 0, 0.35);
}

::-webkit-scrollbar-thumb:vertical:active {
  background-color: rgba(0, 0, 0, 0.38);
}
/*common-end*/
.header {
  height: auto;
  width: 100%;
}
.header .logo {
  width: 400px;
  height: 70px;
  background-image: url("../image/logo.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
}
.header .info {
  width: 400px;
  height: 70px;
  background-image: url("../image/biaoyu.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right center;
}
.mainNav {
  height: 45px;
  width: 100%;
  background-color: #e70012;
  position: relative;
  z-index: 100;
}
.mainNav ul {
  width: 1200px;
  height: 45px;
  margin: 0 auto;
  padding: 0;
  display: flex;
}
.mainNav ul li {
  display: flex;
  flex: 1;
  list-style: none;
  align-items: center;
  justify-content: center;
  position: relative;
}
.mainNav ul li.active:before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -16px;
  height: 0;
  width: 0;
  z-index: 101;
  border: 8px solid;
  border-color: #e70012 transparent transparent transparent;
}
.mainNav ul li:after {
  content: "";
  position: absolute;
  top: 12px;
  bottom: 12px;
  right: 0;
  width: 1px;
  border-right: 1px solid #ffffff;
}
.mainNav ul li:last-child:after {
  display: none;
}
.mainNav ul li a {
  font-size: 16px;
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
}
.mainNav .mainNavList {
  position: absolute;
  left: 0;
  top: 45px;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.95);
}
.mainNav .mainNavList div {
  padding: 20px 0;
  display: none;
}
.mainNav .mainNavList a {
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  color: #555555;
  padding: 10px 20px;
  display: inline-block;
}
/*焦点图*/
.top-focus {
  width: 1200px;
  height: 100px;
  margin: 10px auto;
  background-image: url("../image/yiqing.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.top-focus img {
  opacity: 0;
}
/*焦点图*/
.focus-media {
  position: relative;
}
.focus-media .carousel-indicators {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  z-index: 9;
  width: 100%;
  height: 50px;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.focus-media .carousel-indicators li {
  width: 15px;
  height: 8px;
  margin-right: 10px;
  border-radius: 0;
  background-color: #ffffff;
}
.focus-media .carousel-indicators .active {
  height: 8px;
  background-color: #e70012;
  border-color: #e70012;
}
.focus-media .carousel-inner {
  height: 440px;
  width: 100%;
}
.focus-media .carousel-inner .item {
  height: 440px;
  width: 100%;
  position: relative;
  background-position: center;
  background-size: auto 100%;
  background-repeat: no-repeat;
}
.focus-media .carousel-inner .item img {
  opacity: 0;
  height: 100%;
  width: 100%;
}
.focus-media .carousel-inner .item .carousel-caption {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
  padding: 0 150px 0 15px;
  text-align: left;
  font-size: 18px;
  margin: 0;
  height: 50px;
  line-height: 50px;
  width: 100%;
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.5);
}
/*标题*/
.NewTitle {
  width: 100%;
  height: 44px;
  border-bottom: 3px solid #555555;
  margin-bottom: 10px;
}
.NewTitle .title {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  font-size: 18px;
  font-weight: bold;
  color: #e70012;
  padding: 0 15px;
}
.NewTitle .title:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 3px;
  border-bottom: 3px solid #e70012;
}
.NewTitle .title:before {
  content: "";
  position: absolute;
  bottom: -7px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid #e70012;
}
.NewTitle .title-more {
  font-size: 16px;
}
.NewContent {
  width: 100%;
}
/*榜*/
.listTab {
  height: 44px;
  line-height: 44px;
  border-bottom: 3px solid #555555;
  margin-bottom: 10px;
}
.listTab li {
  float: left;
  list-style: none;
  position: relative;
}
.listTab li.title {
  padding: 0 15px;
}
.listTab li.title a {
  font-size: 18px;
  font-weight: bold;
  color: #555555;
  text-decoration: none;
}
.listTab li.active a {
  color: #e70012;
}
.listTab li.title.active:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  width: 100%;
  height: 3px;
  border-bottom: 3px solid #e70012;
}
.listTab li.title.active:before {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid #e70012;
}
.listTab li:nth-child(4),
.listTab li:nth-child(5) {
  float: right;
}
.listTab li:nth-child(4) a,
.listTab li:nth-child(5) a {
  font-size: 16px;
  color: #555555;
  text-decoration: none;
}
.listTab li:nth-child(4) a {
  padding-left: 15px;
  border-left: 1px solid #555555;
}
.listTab li:nth-child(5) a {
  padding-right: 15px;
}
.scrollStat .table-header {
  background-color: #fafafa;
  height: 50px;
  padding: 0 10px;
  font-size: 16px;
  font-weight: bold;
}
.scrollStat .table-content {
  width: 100%;
  height: 200px;
  overflow: hidden;
}
.scrollStat .table-content-item {
  padding: 0 10px;
  height: 40px;
  font-size: 16px;
}
.scrollStat .w50 {
  width: 50px;
}
.scrollStat .w80 {
  width: 80px;
}
.scrollStat .w110 {
  width: 110px;
}
.scrollStat .w140 {
  width: 140px;
}
.scrollStat .w150 {
  width: 150px;
}
.scrollStat .w160 {
  width: 160px;
}
.scrollStat .w180 {
  width: 180px;
}
.scrollStat .w200 {
  width: 200px;
}
.scrollStat .w230 {
  width: 230px;
}
.scrollStat .long {
  padding-right: 10px;
}
/*累计*/
.dataStat {
  height: 50px;
  background-color: #fafafa;
  font-size: 16px;
}
.dataStat span {
  font-weight: bold;
  margin-left: 5px;
}
/*滚动留言*/
.scrollMessage {
  border: 1px dashed #cecece;
  background-color: #fafafa;
  padding: 15px;
}
.scrollMessage .scrollTitle {
  font-size: 18px;
  font-weight: bold;
  display: flex;
  align-items: center;
}
.scrollMessage .scrollContent {
  margin: 0 15px;
}
.scrollMessage .scrollContent .items {
  height: 30px;
}
.scrollMessage .scrollContent .items .flex-sub {
  font-size: 16px;
  padding-right: 15px;
}
.scrollMessage .handle {
  height: 14px;
  width: 14px;
  line-height: normal;
  color: #cccccc;
  text-decoration: none;
}
/*新闻列表*/
.middleMedia {
  width: 260px;
  height: 210px;
  margin-right: 20px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.middleMedia img {
  opacity: 0;
}
.newsList li {
  display: flex;
  align-items: center;
  height: 32px;
  font-size: 16px;
}
.newsList li a {
  color: #555555;
  text-decoration: none;
  padding-right: 15px;
}
.newsList li a.dot {
  padding-left: 14px;
  position: relative;
}
.newsList li a.dot:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 4px;
  width: 4px;
  border-radius: 4px;
  background-color: #555555;
}
.newsList li.dot {
  padding-left: 14px;
  position: relative;
}
.newsList li.dot .num-info {
  margin-right: 5px;
}
.newsList li.dot:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 4px;
  width: 4px;
  border-radius: 4px;
  background-color: #555555;
}
/*侧边栏*/
.newSider {
  width: 380px;
  height: auto;
}
.newSider .tel {
  width: 100%;
  font-size: 18px;
  font-weight: bold;
  padding: 15px 25px;
  border: 1px solid #f0f0f0;
  background-image: linear-gradient(#fefefe, #f6f6f6, #f0f0f0);
}
.newSider .tel .iconfont {
  margin-right: 10px;
  font-size: 24px;
}
.newSider .donateBox {
  width: 380px;
  height: 285px;
}
.donateBox .left li {
  width: 100%;
  height: 45px;
  list-style: none;
  margin-bottom: 15px;
}
.donateBox .left li a {
  display: block;
  width: 100%;
  height: 100%;
  display: flex;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  border: 1px solid #f0f0f0;
  background-image: linear-gradient(#fefefe, #f6f6f6, #f0f0f0);
  text-decoration: none;
  color: #555555;
  font-size: 16px;
  font-weight: bold;
}
.donateBox .left li.active a {
  position: relative;
  background-image: linear-gradient(#e70012, #e70012);
  border-color: #e70012;
  color: #ffffff;
}
.donateBox .left li.active a:after {
  content: "";
  position: absolute;
  right: -6px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #e70012;
}
.donateBox .right a {
  width: 100%;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #ffffff;
  background-color: #da9c15;
  border-radius: 3px;
  margin-bottom: 15px;
  text-decoration: none;
}
.donateBox .left li:last-child a,
.donateBox .right a:last-child {
  margin-bottom: 0;
}
.donateBox .right a i {
  margin-right: 10px;
  font-size: 24px;
}
.newSider .aed {
  width: 380px;
  height: 295px;
}
.newSider .aed .aed-top {
  width: 380px;
  height: 119px;
}
.newSider .aed .aed-bottom {
  width: 380px;
  height: 153px;
  background-color: #ce0505;
}
.newSider .jnt {
  width: 380px;
  height: 245px;
}
/*公益项目*/
.ProjectList {
  position: relative;
  overflow: hidden;
  width: 1200px;
  height: 235px;
}
.ProjectList .projectHandle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 50px;
  width: 30px;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.7);
  color: #ffffff;
  text-align: center;
  line-height: 50px;
  font-size: 28px;
  text-decoration: none;
}
.ProjectList .projectHandle.aleft {
  left: 0;
}
.ProjectList .projectHandle.aright {
  right: 0;
}
.ProjectList ul {
  width: 200000px;
  position: absolute;
  left: 0;
  top: 0;
}
.ProjectList li {
  width: 285px;
  float: left;
  margin-right: 20px;
  list-style: none;
}
.ProjectList .thumb {
  height: 200px;
  margin-bottom: 10px;
  background-position: center;
  background-size: auto 100%;
  background-repeat: no-repeat;
}
.ProjectList .thumb img {
  width: 100%;
  height: 100%;
   opacity: 0;
}
.ProjectList .title {
  font-size: 16px;
}
.ProjectList .title span {
  margin-right: 5px;
}
.dwTransparent {
  display: none;
}
/*上下滚动*/
.carousel.vertical .carousel-inner {
  height: 100%;
  width: auto;
}

.carousel.vertical .carousel-inner > .item {
  width: auto;
  -webkit-transition: 0.6s ease-in-out top;
  transition: 0.6s ease-in-out top;
}

@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel.vertical .carousel-inner > .item {
    -webkit-transition: 0.6s ease-in-out;
    transition: 0.6s ease-in-out;
  }

  .carousel.vertical .carousel-inner > .item.next,
  .carousel.vertical .carousel-inner > .item.active.right {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    top: 0;
  }

  .carousel.vertical .carousel-inner > .item.prev,
  .carousel.vertical .carousel-inner > .item.active.left {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    top: 0;
  }

  .carousel.vertical .carousel-inner > .item.next.left,
  .carousel.vertical .carousel-inner > .item.prev.right,
  .carousel.vertical .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    top: 0;
  }
}

.carousel.vertical .carousel-inner > .active,
.carousel.vertical .carousel-inner > .next,
.carousel.vertical .carousel-inner > .prev {
  display: block;
}

.carousel.vertical .carousel-inner > .active {
  top: 0;
}

.carousel.vertical .carousel-inner > .next,
.carousel.vertical .carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}

.carousel.vertical .carousel-inner > .next {
  top: 100%;
}

.carousel.vertical .carousel-inner > .prev {
  top: -100%;
}

.carousel.vertical .carousel-inner > .next.left,
.carousel.vertical .carousel-inner > .prev.right {
  top: 0;
}

.carousel.vertical .carousel-inner > .active.left {
  top: -100%;
}

.carousel.vertical .carousel-inner > .active.right {
  top: 100%;
}
/*友情链接*/
.linkBox .linkItem {
  border: 1px solid #cccccc;
  padding: 7px;
  color: #555555;
}
.linkBox .dropdown-menu {
  width: 100%;
  max-height: 200px;
  overflow: scroll;
}
.linkBox .dropdown-menu li a:hover {
  background-color: #e70012;
}
/*tool*/
.red-fixed {
  position: fixed;
  right: 0;
  top: 50%;
}
.red-fixed li {
  position: relative;
  list-style: none;
  height: 50px;
  width: 50px;
  background-color: #e70012;
  margin-bottom: 10px;
  cursor: pointer;
}
.red-fixed li span {
  height: 50px;
  width: 50px;
  color: #ffffff;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.red-fixed li .fixed-wrap {
  position: absolute;
  right: -150px;
  bottom: 0;
  height: auto;
  width: auto;
  display: none;
  padding-right: 10px;
}
.red-fixed li:hover .fixed-wrap {
  opacity: 1;
  right: 50px;
  display: block;
}
.red-fixed .searchBox {
  height: 50px;
  background-color: #e70012;
  padding: 10px;
}
.red-fixed .searchBox form {
  display: flex;
}
.red-fixed .searchBox input {
  height: 30px;
  width: 200px;
  padding: 0 10px;
  border: none;
  outline: none;
}
.red-fixed .searchBox button {
  margin-left: 10px;
  height: 30px;
  width: 30px;
  padding: 0;
  border: none;
  background-color: #ffffff;
}
.red-fixed .searchBox button span {
  height: 30px;
  width: 30px;
  color: #ffffff;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #e70012;
}
.red-fixed .wechat {
  width: 240px;
  height: auto;
  padding: 10px;
  border: 1px solid #cccccc;
  background-color: #ffffff;
  position: relative;
}
.red-fixed .wechat:before {
  content: "";
  position: absolute;
  right: -12px;
  bottom: 25px;
  margin-bottom: -12px;
  height: 0;
  width: 0;
  border: 6px solid;
  border-color: transparent transparent transparent #cccccc;
}
.red-fixed .wechat:after {
  content: "";
  position: absolute;
  right: -11px;
  bottom: 25px;
  margin-bottom: -12px;
  height: 0;
  width: 0;
  border: 6px solid;
  border-color: transparent transparent transparent #ffffff;
}
.red-fixed .wechat img {
  width: 220px;
  margin-bottom: 10px;
}
.red-fixed .wechat p {
  text-align: center;
}
/*底部*/
.footer {
  border-top: 3px solid #e70012;
  font-size: 14px;
  color: #555555;
}
.footer a {
  color: #555555;
  text-decoration: none;
}
/*goujia*/
.container,
.newcontainer {
  display: flex;
  width: 1200px;
  margin: 20px auto;
}
.container:before,
.container:after {
  display: none;
}
.main-left,
.newmain-left {
  flex: 1;
  margin-right: 20px;
}
.main-right,
.newmain-right {
  width: 240px;
}
/*weizhi*/
.urHear {
  display: flex;
  padding-bottom: 20px;
  border-bottom: 1px solid #eeeeee;
}
.urHear li {
  list-style: none;
  display: inline-block;
}
.urHear li a {
  color: #333333;
}