/*主体轮播*/ .is-main{padding-top: 20px;} .slidebox { width: 100%; background-color: #ffffff; margin-bottom: 30px; } .rotation{ width: 585px; height: 410px; position: relative; float: left; } .rotation ul li { position: relative; height: 410px; } .rotation ul li img { width: 100%; height: 100%; } .rotation ul li p { position: absolute; width: 100%; height: 48px; line-height: 48px; bottom: 0; padding: 0 20px; background: rgba(0,0,0,.5); font-weight: bold; color: #fff; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis; } .rotation .hd { position: absolute; bottom: 20px; right: 30px; z-index: 99; } .rotation .hd ul li { float: left; width: 10px; height: 10px; background: rgba(255, 255, 255, 0.5); margin: 0 4px; border-radius: 50%; } .rotation .hd ul li.on { background: rgb(255, 255, 255); } .is-dynamic { width: 585px; } .is-dynamic .title { width: 100%; height: 38px; line-height: 1; border-bottom: 1px solid #ccc; } .is-dynamic .title li { float: left; font-size: 20px; font-weight: bold; margin-right: 45px; } .is-dynamic .title li:last-child{margin-right: 0;} .is-dynamic .title a { color: #7f89bf; } .is-dynamic .title ul li.active a{color: #2338a8;font-size: 24px;} .is-dynamic .list ul li { width: 100%; height: 46px; line-height: 46px; position: relative; font-size: 18px; } .is-dynamic .list ul li span { float: right; color: #999999; margin-left: 20px; } .is-dynamic .list ul li a { display: block; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis; } .dzy{margin: 10px 0 20px;} .dzy,.gwy{width: 50px;height: 130px;background-color: #7f89bf;writing-mode:tb-rl;text-align: center;line-height: 50px;font-size: 18px;} .dzy a,.gwy a{color: #fff;display: block;width: 100%;height: 100%;} .u-nrtjgg a{display: inline-block;width: 260px;height: 50px;text-align: center;line-height: 50px;font-size: 18px;background-color: #7f89bf;color: #fff;margin: 20px 15px 0;} /* 专题专栏 */ .m-specialbox{ padding-left: 74px; height: 98px; position: relative; float: left; background: url(/uploads/image/dihome/ztzl.png) left no-repeat; margin-bottom: 30px; } .m-specialbox .bd ul li a img { height: 98px; } .m-specialbox .bd ul li a { display: block; } .m-specialbox .bd ul li { margin-right: 15px; float: left; } .m-specialbox .bd ul li a img,.m-specialbox .bd ul li { width: 270px; } .listbox{margin-bottom: 30px;} .xxgongkai,.hdjl { width: 585px; } .xxgongkai .title { height: 38px; line-height: 1; border-bottom: 1px solid #ccc; font-size: 24px; font-weight: bold; margin-bottom: 5px; } .xxgongkai .title a{color: #2338a8;} .xxgongkai ul li { width: 185px; height: 100px; background-color: #f9fafd; text-align: center; float: left; margin: 15px 15px 0 0; } .xxgongkai ul li:nth-child(3n){margin-right: 0;} .xxgongkai ul li img{margin: 15px auto 10px;} .hdjl .title { height: 38px; line-height: 1; border-bottom: 1px solid #ccc; font-size: 24px; font-weight: bold; color: #2338a8; } .hdjl .title ul li { padding: 0 10px; height: 30px; line-height: 30px; margin-left: 10px; background-color: #7f89bf; border-radius: 4px; font-size: 16px; font-weight: bold; text-align: center; float: left; } .hdjl .title ul li a{color: #fff;} .hdjl .title ul li.active{background-color: #2338a8;} .jltnlist ul li { width: 100%; height: 48px; line-height: 48px; font-size: 18px; } .jltnlist ul li span { float: right; color: #34b237; margin-left: 20px; } .jltnlist ul li a { display: block; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis; } .jywh{margin-bottom: 15px;} .jywh .title { background: url(/uploads/image/dihome/tiao.png) center no-repeat; font-size: 24px; font-weight: bold; color: #2338a8; text-align: center; margin-bottom: 25px; } .jywhbox { width: 580px; } .jywhbox .biaot{margin-bottom: 15px;} .jywhbox ul li { width: 100%; height: 48px; line-height: 48px; font-size: 18px; } .jywhbox ul li span { float: right; color: #999; margin-left: 20px; } .jywhbox ul li a { display: block; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis; } .yqlink { width: 100%; height: 50px; background-color: #f9fafd; position: relative; } .yqlink ul li { float: left; margin: 0 95px 0 35px; padding-right: 15px; line-height: 50px; background: url(/uploads/image/dihome/dian.png) right center no-repeat; cursor: pointer; } .yqlink ul li div { width: 100%; padding: 15px; position: absolute; /* bottom: 50px; */ left: 0; display: none; background-color: #fff; z-index: 999; } .yqlink ul li:hover div{display: block;} .yqlink ul li div ul li{ width: 164px; line-height: 32px; float: left; background: none; } .fixed-wb{ position:fixed; top:450px; right:10px; z-index:99; } @media (max-width:767px) { .rotation,.is-dynamic,.xxgongkai,.hdjl,.jywhbox{width: 100%;} .m-specialbox{overflow: hidden;} .rotation,.rotation ul li{height: 215px;} .is-dynamic .title li{width: 58px;margin-right: 30px;} .is-dynamic{margin-top: 20px;} .xxgongkai ul li{width: 157px;} .xxgongkai ul li:nth-child(2n){margin-right: 0;} .xxgongkai ul li:nth-child(3n){margin-right: 15px;} .is-dynamic .title{height: 60px;} .hdjl .title ul li{margin-top: 10px;} .hdjl{margin-top: 20px;} }