*{ 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(/uploads/image/i119/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(/uploads/image/i119/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(/uploads/image/i119/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(/uploads/image/i119/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(/uploads/image/i119/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(/uploads/image/i119/pic-dian_03.png) no-repeat left;text-indent: 1em;} .btmright1 ul li{ height: 40px;line-height: 40px;background: url(/uploads/image/i119/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%;} }