*{ margin: 0; padding: 0; border: none; list-style: none; outline: none; text-decoration: none;font-family: '微软雅黑' !important;}
.ztpic{ width: 100%; height: 400px; position: relative;}
.ztpic img{ display: block;position: absolute;top: 0;left: 50%;margin-left: -960px;}
.zttit{ width: 1200px; height: 54px;  line-height: 54px; overflow: hidden; margin: 0 auto; border-bottom: 1px #c2cfe3 solid;}
.zttit a{ font-size: 23px; color: #c31f0b;;}
.zttit1{ width: 1200px; height: 54px; /*padding-top: 10px;*/ line-height: 54px; overflow: hidden; margin: 0 auto; border-bottom: 1px #c2cfe3 solid;}
.zttit1 a{ font-size: 23px; color: #c31f0b;;}
.zttop{ width: 1200px; overflow: hidden;margin: 20px auto 0;}

.swiper-container{width: 645px;height: 379px;color: #fff;text-align: left;float: left;}
.swiper-slide{width: 645px;height:379px;position: relative;}
.swiper-slide img{width: 645px;height: 379px;}
.swiper-slide .title{position: absolute;bottom: 0px;height: 50px;line-height: 50px;text-align: left;text-indent: 2em;
  font-size: 15px;color: #fff;background: url(pic-ms_03.png) repeat left;width: 100%;}
.swiper-slide .title a{font-size: 15px;color: #fff;}
.pagination{position: absolute;height: 15px;z-index: 20;right: 10px;bottom: 15px;}
.swiper-pagination-switch{display: block;float: left;width: 15px;height: 15px;line-height: 0;background: #FFF;
  margin-right: 2px;cursor: pointer;}
.swiper-visible-switch{background: #f00;border: none;box-shadow: none;margin-top: 0;}
.swiper-active-switch{background: #f00;border: none;box-shadow: none;}
.topright{width: 535px;float: right;}
.topright ul li{width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 40px;
  text-align: left;border-bottom: 1px dashed #eaeaea;background: url(pic-dian_03.png) no-repeat left;text-indent: 1em;}
.topright ul li a {font-size: 17px;color: #333;}
.topright ul li a:hover{ color: #FF0000;}

.ztmid{ width: 1200px; overflow: hidden;margin: 20px auto 0;}
.swiper-container2{width: 645px;height: 379px;color: #fff;text-align: left;float: right;position: relative;overflow: hidden;}
.swiper-container2 .swiper-slide{width: 645px;height:379px;position: relative;}
.swiper-container2 .swiper-slide img{ width: 645px;height: 379px;}

.swiper-slide .title a{font-size: 15px; color: #fff;}
.pagination2{position: absolute;height: 15px;z-index: 20;right: 10px;bottom: 15px;}
.swiper-pagination-switch{display: block;float: left;width: 15px;height: 15px;line-height: 0;background: #FFF;margin-right: 2px;cursor: pointer;}
.swiper-visible-switch{background: #f00;border: none;box-shadow: none;margin-top: 0;}
.swiper-active-switch{background: #f00;border: none;box-shadow: none;}
.ztmid .topright{width: 535px; float: left;}

.ztbtm{ width: 1200px; overflow: hidden;margin: 0 auto 30px;}
.ztbtm .zttit{ width: 100%;}
.ztbtm .zttit a{padding: 0 10px; background: url(line.jpg) no-repeat left center; color: #0088cc;}
.ztbtm .zttit a:first-child{ padding-left: 0;background: none;}
.ztbtm .zttit a.on{ color: #c31f0b;}
.ztbtm .zttit1{ width: 100%;}
.ztbtm .zttit1 a{padding: 0 10px; background: url(line.jpg) no-repeat left center; color: #0088cc;}
.ztbtm .zttit1 a:first-child{ padding-left: 0;background: none;}
.ztbtm .zttit1 a.on{ color: #c31f0b;}
.btmleft{ width: 578px; float: left;}
.btmshow {display: none;}
.btmshow.on{display: block;}
.btmshow ul{overflow:hidden; margin-top: 20px;}
.btmshow ul li{ width: 275px; height: 192px; overflow: hidden; float: left;position: relative;}
.btmshow ul li:first-child{margin-right: 28px;}
.btmshow ul li img{ width: 275px; height: 158px;display: block;transition:all .4s;	-moz-transition:all .4s;	-webkit-transition:all .4s;	-o-transition:all .4s;}
.btmshow ul li a{ display: block;}
.btmshow ul li p{width: 100%; height: 34px; text-align: center;line-height: 34px; color: #FFFFFF;font-size: 15px;background: #0147c1;position: absolute;bottom: 0;left: 0;}
.videobutton{display: block;width: 275px; height: 192px;background: url(bof_18.png) no-repeat center center; position: absolute;top: 0;left: 0;}
.btmright{width: 582px;float: right;}
.btmright1{width: 582px;float: right;}
.btmright ul{padding-top: 7px;}
.btmright1 ul{padding-top: 7px;}
.btmright ul li{ height: 40px;line-height: 40px;background: url(pic-dian_03.png) no-repeat left;text-indent: 1em;}
.btmright1 ul li{ height: 40px;line-height: 40px;background: url(pic-dian_03.png) no-repeat left;text-indent: 1em;}
.btmright ul li a{display: block;}
.btmright1 ul li a{display: block;}
.btmright ul li a p{ font-size: 16px;color: #444; float: left;}
.btmright1 ul li a p{ font-size: 16px;color: #444; float: left;}
.btmright ul li a span{ float:right;font-size: 16px;color: #999;}
.btmright1 ul li a span{ float:right;font-size: 16px;color: #999;}
.btmshow ul li:hover img{  transform: scale(1.2);}
.btmshow1 ul li:hover img{  transform: scale(1.2);}

@media screen and (max-width: 768px){
  .zttit{ width: 100%;}
  .zttit1{ width: 100%;}
  .zttop{ width: 100%;}
  .swiper-container {  width: 100%;}
  .swiper-slide {  width: 100%;}
  .swiper-slide img{ width: 100%;}
  .swiper-container2 { width: 100%;}
  .swiper-container2 .swiper-slide { width: 100%;}
  .ztmid .topright{ width: 100%;}
  .btmleft{ width: 100%;}
  .ztmid .topright{width: 100%;}
  .ztbtm{ width: 100%;}
  .btmshow ul li{ width: 100%;}
  .btmshow ul li img{ width: 100%;}
  .videobutton{width: 100%;}
  .btmright{width: 100%;}
  .btmright1{width: 100%;}
}