*{ 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; padding-top: 10px; line-height: 54px; overflow: hidden; margin: 0 auto; border-bottom: 1px #c2cfe3 solid;} .zttit 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/i116/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/i116/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/i116/line.jpg) no-repeat left center; color: #0088cc;} .ztbtm .zttit a:first-child{ padding-left: 0;background: none;} .ztbtm .zttit 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/i116/bof_18.png) no-repeat center center; position: absolute;top: 0;left: 0;} .btmright{width: 582px;float: right;} .btmright ul{padding-top: 7px;} .btmright ul li{ height: 40px;line-height: 40px;background: url(/uploads/image/i116/pic-dian_03.png) no-repeat left; text-indent: 1em;} .btmright ul li a{display: block;} .btmright ul li a p{ font-size: 16px;color: #444; float: left;} .btmright ul li a span{ float:right;font-size: 16px;color: #999;} .btmshow ul li:hover img{ transform: scale(1.2); }