.clear{
  clear: both;
  
}
.navbar-nav {
  float: right;
}
.form-control:focus {
  border-color: #00707f;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(111, 219, 247, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(111, 219, 247, 0.6);
}
.list-group-item a {
  display: block;
}
.media-object {
  display: block;
}
.txt-hide {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.txt-hide--2 {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.list-w .list-item {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 8px 0;
}
.list-w .list-item:after,
.list-w .list-item:before {
  content: "";
  clear: both;
  display: table;
  height: 0;
}
.list-w .list-item .list-item__left {
  float: left;
}
.list-w .list-item:not(:last-child) {
  border-bottom: 1px solid #ddd;
}
.list-w .list-item:hover {
  -webkit-transform: translateX(-5px);
  -moz-transform: translateX(-5px);
  transform: translateX(-5x);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.thumbnail {
  position: relative;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 0;
  overflow: hidden;
}
.thumbnail .caption h3 {
  padding: 0;
  margin: 0;
  font-size: 16px;
  margin-bottom: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.thumbnail a > img {
  width: 100%;
}
.thumbnail .caption-title {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 45px;
}
.thumbnail h4 {
  padding-left: 5px;
  padding-right: 5px;
}
.thumbnail.no-border {
  border: none;
}
.thumbnail .thumbnail-popup {
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  z-index: 9;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateY(0);
  transition: all 0.3s ease;
  text-align: center;
}
.thumbnail .thumbnail-popup .glyphicon {
  top: 40%;
  color: #fff;
  text-align: center;
  font-size: 50px;
}
.thumbnail:hover .thumbnail-popup {
  transform: translateY(-100%);
  transition: all 0.3s ease;
}
.thumbnail:hover {
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  transform: translateY(-10px);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
/* .btn-default:hover {
    color: #fff;
    background-color: @CL-MAIN;
    border-color: @CL-MAIN;
} */
.media-heading {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.list-group-item:hover {
  color: #01445e;
}
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  list-style: none;
}
body {
  position: relative;
  background: #f7f7f7;
  font-size: 13px;
  line-height: 1.8;
  color: #222;
}
h4 {
  font-size: 15px;
}
a {
  color: #666;
  line-height: 1.5;
}
a:hover {
  color: #01445e;
  text-decoration: none;
}
img {
  max-width: 100%;
}
.h4 .small {
  color: #999;
}
small,
.small {
  font-size: 12px;
  color: #999;
}
.cl-white {
  color: #fff !important;
}
.cl-gray {
  color: #999 !important;
}
.bg-EDF0F6 {
  background: #EDF0F6;
}
.pd-none {
  padding: 0 !important;
}
.pd-v-none {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.pd-v-sm {
  padding: 5px 0;
}
.pd-v-md {
  padding: 15px 0;
}
.pd-t40 {
  padding-top: 40px !important;
}
.pd-t20 {
  padding-top: 20px !important;
}
.container {
  max-width: 1200px;
  width: 100%;
}
.ps-r {
  position: relative;
}
.bg {
  position: absolute;
  left: 0;
  bottom: 200px;
  z-index: -1;
  height: 696px;
  width: 100%;
  background: url("../images/bg.png") no-repeat center bottom;
}
.bg-fff {
  background: #fff;
}
.fts-22 {
  font-size: 22px !important;
}
.top-head {
  background: #01445e;
  padding: 5px 0;
  color: #fff;
  line-height: 30px;
  margin-right: -15px;
  margin-left: -15px;
}
.top-head a {
  color: #fff;
}
.top-head .input-group-btn:last-child > .btn {
  margin-left: 0;
}
.head {
  position: relative;
  background-color: rgba(0, 0, 0, 0.5);
}
.head-search {
  background: transparent;
}
.head-search .btns {
  padding-top: 30px;
}
.logo-m {
  padding: 5px 0;
}
.m-nav {
  position: relative;
}
.m-nav .btn-group {
  position: absolute;
  right: 0;
  top: 15px;
}
.m-nav .navbar-toggle {
  background: rgba(0, 0, 0, 0.5);
}
.m-nav .navbar-toggle .icon-bar {
  background: #eee;
}
.m-nav .dropdown-menu {
  left: auto;
  right: 0;
}

.search-box .form-control {
  background: rgba(255, 255, 255, 0.2);
  border-color: transparent;
}
.search-box .form-control::placeholder {
  color: #fff;
}
.search-box .btn-default {
  background-color: rgba(255, 255, 255, 0.2);
  border-color: transparent;
}
.search-box .btn .glyphicon-search {
  color: #01445e;
}
.top-links {
  line-height: 80px;
  color: #eee;
}
.top-links a {
  color: #eee;
}
.cl-zi {
  color: #01445e;
}
.nav-w {
  /* padding-top: 23px; */
  font-size: 14px;
}
.nav > li {
  padding-right: 22px;
  padding-left: 22px;
  font-size: 16px;
}
.nav > li > a {
  padding: 0 2px;
  color: #fff;
  padding: 20px 0;
}
.nav > li:not(:last-child) {
  /* border-right: 1px solid #ddd; */
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: transparent;
  border-bottom:2px solid #FFF ;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: transparent;
}
.navbar-nav li.active a {
  color: #fff;
  border-bottom: 2px solid #fff;
}
@media screen and (min-width: 800px){
.swiper-jd .swiper-container {
  width: 100%;
    height: auto;
    /* padding-top: 107px; */
}
}
.swiper-jd .swiper-container .swiper-slide {
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: cover;
}
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 100px;
}
.jdt-w {
  position: relative;
  display: block;
}
.jdt-w .jdt-img {
  height: 520px;
  overflow: hidden;
}
.jdt-w .jdt-text {
  padding: 0 25px 25px;
}
.jdt-w .jdt-info {
  color: #999;
  margin-top: 10px;
}
.bg-red {
  height: 20px;
  background-color: #01445e;
}
.swiper-date {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -o-box;
  display: box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-items: start;
}
.swiper-date .swiper-date__item {
  background: #999;
  padding: 8px;
  color: #fff;
}
.swiper-date .swiper-date__item span {
  font-size: 26px;
}
.swiper-date .swiper-date__item.active {
  background: #01445e;
}
.swiper-date .swiper-date__item:first-child {
  background: #01445e;
  height: 60px;
}
.swiper-date .swiper-date__item:first-child span {
  font-size: 30px;
}
.m-desc {
  position: relative;
  z-index: 9;
  width: 100%;
}
.m-desc-box {
  border-bottom: 2px solid #01445e;
}
.title-1 {
  color: #01445e;
}
.text-desc {
  color: gray;
}
.more {
  color: #999;
  font-size: 14px;
}
.more-box {
  padding: 30px;
}
.pd-no {
  padding: 0;
}
.mg-box {
  margin-bottom: 30px;
  box-shadow: 0 0 8px #ccc;
  border-radius: 5px;
  overflow: hidden;
}
.mwmfuwu a {
  display: inline-block;
  margin-bottom: 40px;
}
.banner-1 {
  background: url("../images/img_29.jpg") no-repeat center;
  background-size: cover;
  padding: 50px;
}
.panel {
  border: none;
}
.panel-line {
  border-top: 3px solid #01445e;
}
.panel-heading {
  height: 64px;
  padding: 18px 15px;
  font-size: 22px;
  color: #01445e;
}
.panel-heading .icon {
  width: 22px;
  height: 22px;
}
.panel-title {
  font-size: 22px;
  color: #01445e;
}
.panel-title .more {
  color: #999;
}
.panel-default > .panel-heading {
  background-color: #fff;
}
.panel-danger > .panel-heading {
  color: #fff;
  background-color: #01445e;
}
.panel-danger > .panel-heading h3 {
  color: #fff;
}
.index-panel {
  background-color: transparent;
  box-shadow: none;
}
.u-line {
  display: inline-block;
  background: #01445e;
  width: 50PX;
  height: 3px;
}
.m-fuwu {
  padding: 30px 0;
}
.view-mode {
  border: 1px solid #ddd;
  text-align: center;
  padding: 10px;
  display: block;
  box-sizing: border-box;
  transition: all 0.3s ease;
}
.view-mode:hover {
  border-color: #01445e;
  transform: translateY(-15px);
  transition: all 0.3s ease;
}
.view-mode .iconfont {
  font-size: 50px;
  color: #01445e;
}
.view-mode .figcaption {
  color: #222;
}
.view-mode .describe {
  color: gray;
}
.view-mode-img {
  padding: 0;
  border: none;
  background: transparent;
}
.view-mode-img:hover {
  position: relative;
  box-shadow: 0 0 15px #999;
  z-index: 2;
}
.m-gywm {
  padding-bottom: 40px;
  background: #FFF;
}
.bt-line {
  display: inline-block;
  height: 2px;
  width: 60px;
  background: #01445e;
}
.m-shiting {
  padding-top: 30px;
  padding-bottom: 30px;
  background: url("../images/bg_2.jpg") no-repeat center top;
  background-size: 100%;
}
.m-case {
  background: #fff;
}
.case-box {
  text-align: center;
  padding-top: 50px;
}
.case-box a {
  /* display: inline-block; */
  line-height: 1;
  font-size: 16px;
  margin: 6px;
  text-align: left;
}
.case-box a img {
  overflow: hidden;
  height: 207px;
  width: 508px;
}
.tab-content {
  padding: 20px;
}
.arrow-left {
  height: 85px;
  width: 43px;
  background: url("../images/jt.png") no-repeat left 0;
}
.arrow-right {
  height: 85px;
  width: 43px;
  background: url("../images/jt.png") no-repeat right 0;
}
.u-date {
  color: #aaa;
}
.icon-time {
  color: #01445e;
}
.news-list li {
  display: block;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding-bottom: 12px;
  line-height: 1.7;
}
.news-list li:not(:last-child) {
  border-bottom: 1px solid #eee;
  margin-bottom: 10px;
}
.news-list li:after,
.news-list li:before {
  content: "";
  clear: both;
  display: table;
  height: 0;
}
.news-list li:hover {
  -webkit-transform: translateX(-5px);
  -moz-transform: translateX(-5px);
  transform: translateX(-5x);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.news-list .news-list__desc {
  color: #999;
  font-size: 14px;
}
.news-list .news-list__left {
  float: left;
  margin-right: 30px;
}
.news-list-shiting li {
  padding-left: 30px;
  border-left: 2px solid #eee;
  padding-bottom: 0;
  border-bottom: none !important;
}
.news-list-shiting li:hover {
  padding-left: 30px;
  border-left: 2px solid #01445e;
}
.icon-play {
  position: absolute;
  left: 40%;
  top: 40%;
  color: #fff;
  font-size: 70px;
  z-index: 2;
}
.m-jdgs .caption h3 {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  height: 45px;
}
.m-jdgs .nav-tabs-warp {
  height: 703px;
}
.m-zhxw {
  height: 600px;
}
.icon-link {
  display: block;
  height: 100px;
  text-align: center;
  background: #bfbfbf;
  width: 90px;
  height: 90px;
  color: #fff;
}
.icon-link .icon {
  height: 45px;
  width: 45px;
}
.icon-box {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -o-box;
  display: box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
}
.wx-qr-box {
  display: none;
  position: absolute;
  right: 0;
  bottom: 100%;
}
#wx_qr:hover .wx-qr-box {
  display: block;
}
.icon-guangbo {
  background: url('../images/icon2.png') no-repeat -5px -54px;
}
.icon-tv {
  background: url('../images/icon2.png') no-repeat -68px -54px;
}
/* .icon-weixin {
    background: url('../images/icon2.png') no-repeat -132px -54px;
}
.icon-weibo {
    background: url('../images/icon2.png') no-repeat -195px -54px;
}
.icon-tiantan {
    background: url('../images/icon2.png') no-repeat -15px -15px;
}
.icon-tiantan2 {
    background: url('../images/icon2.png') no-repeat -81px -15px;
}
.icon-lianpu {
    background: url('../images/icon2.png') no-repeat -142px -15px;
}
.icon-shu {
    background: url('../images/icon2.png') no-repeat -206px -15px;
} */
.icon {
  display: inline-block;
}
.m-sp-w {
  padding: 15px;
}
.m-sp-w video {
  background: #000;
}
.m-sp-w .m-sp__title {
  padding: 15px 0;
}
.foot {
  background: #072519;
  padding: 51px 0;
  margin: 20px 0 0;
}
.foot .logo2 {
  width: 125px;
  height: 125px;
}
.foot .qr_item {
  width: 132px;
  height: 132px;
  background: #eee;
  display: inline-block;
}
.foot .foot-address {
  padding-top: 15px;
}
.foot .address-tabs {
  border-bottom: none;
}
.foot .address-tabs > li {
  float: none;
  border: none;
  font-size: 16px;
  padding: 5px 0;
}
.foot .address-tabs > li a {
  color: #999;
  font-weight: bold;
}
.foot .address-tabs li.active a,
.foot .address-tabs li:hover a {
  color: #222;
  background: transparent;
  border: none;
}
.foot .tab-content {
  padding: 0;
}
.foot dt {
  padding: 5px 0;
  margin-bottom: 10px;
  font-size: 20px;
  border-bottom: 1px solid #fff;
}
.gy-tabs {
  height: 816px;
}
.gy-tabs .thumbnail {
  margin-bottom: 8px;
}

@media screen and (min-width:800px){
  .about-nav {
    max-width: 1200px;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    box-sizing: border-box;
    padding: 0px 20px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 10px #ccc;
  }
  .about-nav .nav-item {
    display: block;
    color: #3A3A3A;;
    text-align: center;
    padding: 25px 0;
    /* background: #3A3A3A; */
    /* margin-top: 15px; */
  }
  .about-nav .nav-item.active,
  .about-nav .nav-item:hover {
    color: #447375;
    font-weight: 700;
    border-bottom: 4px solid #447375;
  
  }
  }
@media screen and (max-width:800px){
  .about-nav {
    max-width: 1132px;
    position: absolute;
    bottom: -32px;
    left: 50%;
    width: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    box-sizing: border-box;
    padding: 0px 20px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 10px #ccc;
  }
.about-nav .nav-item {
  display: block;
  color: #3A3A3A;;
  text-align: center;
  padding: 15px 0;
  /* background: #3A3A3A; */
  /* margin-top: 15px; */
}
.about-nav .nav-item.active,
.about-nav .nav-item:hover {
  color: #447375;
  font-weight: 700;
  border-bottom: 4px solid #447375;

}
}
.media-video {
  height: 450px;
}
.breadcrumb {
  margin-top: 20px;
}
.black a{
  color: #fff;
}
.black a:hover{
  color: #3fc1c5;
}
.top-pic {
  position: relative;
  height: 459px;
  background-size: cover;
  margin-bottom: 30px;
}
.top-pic .top-pic-text {
  height: 100%;
  text-align: center;
  color: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -o-box;
  display: box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
}
.top-pic .top-pic-text h1 {
  font-family: "Lora", Sans-serif;
  font-size: 50px;
  font-weight: normal;
}
.top-pic .top-pic-text h3 {
  font-size: 20px;
  color: #eee;
}
.page-list__left,
.page-list__right {
  min-height: 500px;
}
.page-list__left .media:hover {
  box-shadow: 0 5px 15px #ddd;
}
.page-list__left .media-left a {
  display: inline-block;
  width: 180px;
}
.page-list__left .media-left,
.page-list__left .media > .pull-left {
  padding-right: 20px;
}
.pages {
  line-height: 30px;
  text-align: center;
  padding: 20px 5px;
}
.img-list .thumbnail .img-box {
  height: 168px;
}
.img-list .thumbnail .img-box img {
  height: 188px;
  width: 100%;
}
.img-list .thumbnail .img-box img {
  height: 100%;
}
.media-group {
  height: 350px;
}
.about {
  line-height: 2.5;
}
.about h1 {
  font-size: 52px;
  font-weight: bold;
}
.about *[class^="col-"] {
  padding: 0;
}
.black {
  background: #3A3A3A;
  color: #fff;
}
@media screen and (max-width:768px){
.about-con-item {
  padding: 50px;
}
}
@media screen and (min-width:768px){
  .about-con-item {
    padding: 50px 450px;
  }
  }
.about-con-item-sm {
  padding: 30px 50px;
  height: auto;
}
.my-link-box {
  text-align: center;
  padding: 20px 0 50px 0;
}
.my-link-box a {
  display: inline-block;
  margin: 5px;
  width: 130px;
  height: 55px;
  border: 1px solid #ddd;
  background: #f5f5f5;
}
.my-link-box a img {
  height: 100%;
  width: 100%;
}
.wh-img-list:after {
  content: "";
  display: table;
  clear: both;
  height: 0;
}
.wh-img-list li {
  width: 20%;
  height: 150px;
  padding: 2px;
  position: relative;
  overflow: hidden;
  float: left;
}
.wh-img-list li .img-box {
  position: absolute;
  display: block;
  color: #fff;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  padding: 10px;
  transform: translateY(0);
  transition: all 0.3s ease;
}
.wh-img-list li img {
  width: 100%;
  height: 100%;
}
.wh-img-list li:hover .img-box {
  transform: translateY(-100%);
  transition: all 0.3s ease;
}
.contact-address {
  border-left: 1px solid #333;
  padding-top: 50px;
  padding-bottom: 50px;
}
.contact-address .contact-con {
  padding-left: 50px;
  position: relative;
  margin-bottom: 40px;
}
.contact-address .contact-con::before {
  content: "";
  position: absolute;
  left: -4px;
  top: 15px;
  display: inline-block;
  width: 8px;
  height: 8px;
  background: #333;
  border-radius: 10px;
}
.contact-address dt {
  padding: 5px 0;
  margin-bottom: 20px;
  font-size: 20px;
  border-bottom: 1px solid #666;
}
.thumbnail-icon h3 {
  padding: 20px 0;
}
.thumbnail-icon h4 {
  line-height: 2;
}
.thumbnail-icon .btn-box {
  padding: 30px;
}
.thumbnail-icon .btn {
  width: 150px;
}
.buzhou {
  border-bottom: 1px solid #545252;
}
.buzhou:after {
  content: "";
  clear: both;
  height: 0;
  display: table;
}
.buzhou .buzhou-item {
  width: 14%;
  text-align: center;
  padding-bottom: 30px;
  position: relative;
  float: left;
}
.buzhou .buzhou-item:after {
  position: absolute;
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 10px;
  left: 50%;
  bottom: -5px;
  margin-left: -4px;
  background: #545252;
}
.img-4 {
  height: 150px !important;
}
.job-list-item {
  line-height: 2.2;
  padding-top: 50px;
  padding-bottom: 60px;
  background: #0f241b url("../images/job_bg.jpg") no-repeat left center;
  margin-bottom: 50px;
}
.job-list-item .job-dec {
  padding: 50px;
}
.job-list-item .job-test {
  color: #fff;
  padding: 30px 30px 0 30px;
}
.job-list-item:nth-child(odd) {
  background-position: left center;
}
.job-list-item:nth-child(even) {
  background-position: right center;
}
.m-content {
  line-height: 2;
  font-size: 16px;
}
.m-content img {
  max-width: 100%;
}
.media,
.media:hover {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.media:hover {
  -webkit-transform: translateX(-5px);
  -moz-transform: translateX(-5px);
  transform: translateX(-5x);
}
.search-number {
  line-height: 50px;
}
.thumbnail a > img.img-skin-3 {
  height: 155px;
}
/* .btn-default {
    color: @CL-MAIN;
    background-color: #fff;
    border-color: @CL-MAIN;
} */
.btn-default--plain {
  border-radius: 20px;
}
.swiper-pagination-bullet-active {
  background: #9af3f7;
}
.media-left a {
  display: inline-block;
}
.animat-up {
  transform: translateY(0);
  transition: all 0.5s ease;
}
.animat-up:hover {
  transform: translateY(-10px);
  transition: all 0.5s ease;
}
.animat-scale {
  transform: scale(1);
  transition: all 0.3s ease;
}
.animat-scale:hover {
  transform: scale(1.1);
  transition: all 0.3s ease;
}
@media screen and (max-width: 800px) {
  .m-nav .btn-group {
    top: 0;
  }
  .navbar-toggle {
    margin-right: 0;
  }
  .head {
    background: #072519;
    top: 0 ;
  }
  .swiper-jd .swiper-container {
    width: 100%;
    height:auto;
  }
  .swiper-button-prev,
  .swiper-button-next {
    display: none;
  }
  .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 10px;
  }
  .jdt-w .jdt-img {
    height: 240px;
  }
  .gy-tabs {
    height: 500px;
  }
  .m-jdgs .nav-tabs-warp {
    height: auto;
  }
  .m-zhxw {
    height: auto;
    margin-bottom: 20px;
  }
  .m-desc {
    top: 0;
  }
  .m-fuwu .view-mode {
    margin-bottom: 15px;
  }
  .top-pic {
    height: 150px;
  background-size: auto 235px!important;
  background-position-x: center!important;
  background-position-y: 106%!important;
  }
  .media-video {
    height: 220px;
  }
  .media-group {
    height: auto;
  }
  .wh-img-list li {
    width: 50%;
  }
}
@media screen and (max-width: 1600px) {
  body {
    font-size: 13px;
  }
  h4,
  .h4 {
    font-size: 16px;
  }
  h3,
  .h3 {
    font-size: 20px;
  }
  .m-baike .panel-body .thumbnail h3 {
    font-size: 16px;
  }
  .h3-font{
    font-size: 16px;
  }
}
.head1{
    background-color: #072519;
}