@charset "utf-8"; /* css document */ /* 修改页面背景颜色 */ #container { background-color: #fff; } /* 修改页脚间距 */ #footer { margin-top: 40px; } #container .content { margin-top: 40px; } /* 公共tab栏切换 */ .slidetxtbox{ width: 582px; } .content .slidetxtbox>.hd>ul { height: 40px; border-bottom: 1px dashed #999999; } .content .slidetxtbox>.hd>ul>li>a { width: 194px; display: block; height: 40px; line-height: 40px; text-align: center; font-size: 18px; color: #333333; font-weight: bold; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #ffffff; } .content .slidetxtbox>.hd>ul>li.active>a { color: #ffffff; background-color: #e30202; } .content .slidetxtbox>.hd>ul>li>a:hover { color: #ffffff; background-color: #e30202; } .content .slidetxtbox>.bd { margin-top: 20px; } .content .slidetxtbox>.bd>.news { height: 305px; } .content .slidetxtbox>.bd>.news>li { margin-top: 25px; } .content .slidetxtbox>.bd>.news>li:first-child { margin-top: 0; } .content .slidetxtbox>.bd>.news>li>a { display: block; height: 16px; font-size: 0; } .content .slidetxtbox>.bd>.news>li>a:before { content: ''; display: inline-block; width: 0; height: 100%; vertical-align: middle; } .content .slidetxtbox>.bd>.news>li>a>i { width: 10px; height: 10px; margin-left: 10px; margin-right: 15px; display: inline-block; vertical-align: middle; background-image: url(/uploads/image/mimages/icon_item_active.png); } .content .slidetxtbox>.bd>.news>li>a>p { width: 352px; height: 16px; line-height: 16px; font-size: 16px; color: #333333; display: inline-block; vertical-align: middle; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .content .slidetxtbox>.bd>.news>li>a>span { display: inline-block; vertical-align: middle; height: 14px; line-height: 14px; font-size: 16px; color: #999999; } .content .slidetxtbox>.bd>.news>li:hover a>i { background-image: url(/uploads/image/mimages/icon_item.png); } .content .slidetxtbox>.bd>.news>li:hover a>p { font-weight: bold; } .content .slidetxtbox>.bd>.news>li:hover a>span { font-weight: bold; } /* right news-list*/ .content .slidetxtbox>.bd>.news-blank { height: 305px; overflow: hidden; } .content .slidetxtbox>.bd>.news-blank li { margin-top: 25px; height: 16px; font-size: 0; position: relative; } .content .slidetxtbox>.bd>.news-blank li:hover a { font-weight: bold; } .content .slidetxtbox>.bd>.news-blank li:hover span { font-weight: bold; } .content .slidetxtbox>.bd>.news-blank li:first-child { margin-top: 0; } .content .slidetxtbox>.bd>.news-blank li:after { display: block; content: ''; clear: both; height: 0; } .content .slidetxtbox>.bd>.news-blank li:before { content: ''; width: 10px; height: 10px; margin-right: 15px; display: block; background-image: url(/uploads/image/mimages/icon_item_active.png); position: absolute; top: 50%; left: 10px; margin-top: -5px; } .content .slidetxtbox>.bd>.news-blank li:hover:before { background-image: url(/uploads/image/mimages/icon_item.png); } .content .slidetxtbox>.bd>.news-blank li>a { width: 352px; height: 16px; line-height: 16px; font-size: 16px; color: #333333; display: inline-block; vertical-align: middle; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; margin-left: 35px; } .content .slidetxtbox>.bd>.news-blank li>span { display: inline-block; vertical-align: middle; height: 14px; line-height: 14px; font-size: 16px; color: #999999; float: right; } /* region公共样式 */ .region-box { margin-top: 40px; } .region-nav { height: 40px; font-size: 0; border-bottom: 1px dashed #999999; } .region-nav:before { content: ''; display: inline-block; width: 0; height: 100%; vertical-align: middle; } .region-nav>i { width: 26px; height: 26px; display: inline-block; vertical-align: middle; background-position: center; background-repeat: no-repeat; } .region-nav>i.left { background-image: url(/uploads/image/mimages/icon_region_nav_01.png); } .region-nav>i.right { background-image: url(/uploads/image/mimages/icon_region_nav_02.png); } .region-nav>h3 { margin: 0 11px; height: 18px; line-height: 18px; display: inline-block; vertical-align: middle; } .region-nav>span { height: 12px; line-height: 12px; font-weight: bold; display: inline-block; vertical-align: middle; margin-top: 6px; } .region-content { margin-top: 20px; } /* 左侧tab slide轮播 */ .content>.left { width: 582px; } /* 图文轮播 */ .slidetxtbox2 { width: 100%; height: 305px; position: relative; } .slidetxtbox2>.hd { position: absolute; bottom: 0; right: 0; z-index: 1; } .slidetxtbox2>.hd .page { height: 40px; padding-right: 20px; padding-top: 14px; } .slidetxtbox2>.hd .page>li { width: 10px; height: 10px; background-color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin-left: 8px; cursor: pointer; } .slidetxtbox2>.hd .page>li:first-child { margin-left: 0; } .slidetxtbox2>.hd .page>li.on { background-color: #e30202; } .slidetxtbox2>.bd .slide>li { position: relative; } .slidetxtbox2>.bd .slide>li>a { display: block; } .slidetxtbox2>.bd .slide>li img { width: 100%; height: 305px; } .slidetxtbox2>.bd .slide-content-title { width: 582px; height: 40px; position: absolute; bottom: 0; left: 0; } .slidetxtbox2>.bd .slide-content-title-bg { width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; background-color: #000; filter: alpha(opacity=50); background-color: rgba(0, 0, 0, 0.5); } .slidetxtbox2>.bd .slide-content-title-text { width: 100%; line-height: 18px; padding: 11px 20px; font-size: 18px; color: #fffefe; display: block; position: absolute; top: 0; left: 0; } .gird { /* 解决列表右边框 */ overflow: hidden; margin-right: -21px; } .gird-li { width: 180px; height: 80px; border: 1px solid #999999; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-right: 21px; margin-bottom: 20px; } .gird-li>a { height: 100%; display: block; padding-top: 11px; } .gird-li>a i { width: 28px; height: 28px; display: block; margin: 0 auto; background-position: center; background-repeat: no-repeat; } .gird-li>a span { height: 18px; line-height: 18px; display: block; text-align: center; margin-top: 10px; } .gird-li>a i.jgsz { background-image: url(/uploads/image/mimages/icon_jgsz.png); } .gird-li:hover { background-color: #e30202; border-color: #e30202; } .gird-li:hover a i.jgsz { background-image: url(/uploads/image/mimages/icon_jgsz_active.png); } .gird-li:hover span { color: #ffffff; } .gird-li>a i.zcwj { background-image: url(/uploads/image/mimages/icon_zcwj.png); } .gird-li:hover a i.zcwj { background-image: url(/uploads/image/mimages/icon_zcwj_active.png); } .gird-li>a i.czzj { background-image: url(/uploads/image/mimages/icon_czzj.png); } .gird-li:hover a i.czzj { background-image: url(/uploads/image/mimages/icon_czzj_active.png); } .gird-li>a i.zcjd { background-image: url(/uploads/image/mimages/icon_zcjd.png); } .gird-li:hover a i.zcjd { background-image: url(/uploads/image/mimages/icon_zcjd_active.png); } .gird-li>a i.qzqd { background-image: url(/uploads/image/mimages/icon_qzqd.png); } .gird-li:hover a i.qzqd { background-image: url(/uploads/image/mimages/icon_qzqd_active.png); } .gird-li>a i.rsxx { background-image: url(/uploads/image/mimages/icon_rsxx.png); } .gird-li:hover a i.rsxx { background-image: url(/uploads/image/mimages/icon_rsxx_active.png); } .gird-li>a i.jhgh { background-image: url(/uploads/image/mimages/icon_jhgh.png); } .gird-li:hover a i.jhgh { background-image: url(/uploads/image/mimages/icon_jhgh_active.png); } .gird-li>a i.tjxx { background-image: url(/uploads/image/mimages/icon_tjxx.png); } .gird-li:hover a i.tjxx { background-image: url(/uploads/image/mimages/icon_tjxx_active.png); } .gird-li>a i.xxgknb { background-image: url(/uploads/image/mimages/icon_xxgknb.png); } .gird-li:hover a i.xxgknb { background-image: url(/uploads/image/mimages/icon_xxgknb_active.png); } .gird-li>a i.gjgljy { background-image: url(/uploads/image/mimages/icon_gjgljy.png); } .gird-li:hover a i.gjgljy { background-image: url(/uploads/image/mimages/icon_gjgljy_active.png); } .gird-li>a i.xzxkhcf { background-image: ; } .gird-li:hover a i.xzxkhcf { background-image: url(/uploads/image/mimages/icon_xzxkhcf_active.png); } .gird-li>a i.jytabl { background-image: url(/uploads/image/mimages/icon_jytabl.png); } .gird-li:hover a i.jytabl { background-image: url(/uploads/image/mimages/icon_jytabl_active.png); } /* 右侧 */ .content>.right { width: 582px; } .list-li { width: 582px; height: 80px; margin-bottom: 20px; } .list-li>a { display: block; } .list-li>a>i { width: 130px; height: 80px; display: block; background-position: center; background-repeat: no-repeat; } .list-li>a>.right { width: 452px; height: 80px; font-size: 0; } .list-li>a>.right:before { content: ''; display: inline-block; width: 0; height: 100%; vertical-align: middle; } .list-li>a>.right>span { width: 364px; height: 18px; line-height: 18px; display: inline-block; vertical-align: middle; margin-left: 30px; } .list-li>a>.right>i { width: 36px; height: 36px; } /* list-li-01 */ .list-li>a.xzxksx>i { background-color: #3ecdb5; background-image: url(/uploads/image/mimages/icon_xzxksx.png); } .list-li>a.xzxksx>.right { background-color: #d8f5f0; } .list-li>a.xzxksx>.right:hover { background-color: #b2ebe1; } .list-li>a.xzxksx>.right>i { display: inline-block; vertical-align: middle; background-image: url(/uploads/image/mimages/green_arrow_right.png); background-repeat: no-repeat; } /* list-li-02 */ .list-li>a.fqlqdsx>i { background-color: #ff9402; background-image: url(/uploads/image/mimages/icon_fqlqdsx.png); } .list-li>a.fqlqdsx>.right { background-color: #ffeacc; } .list-li>a.fqlqdsx>.right:hover { background-color: #ffd49a; } .list-li>a.fqlqdsx>.right>i { display: inline-block; vertical-align: middle; background-image: url(/uploads/image/mimages/orange_arrow_right.png); background-repeat: no-repeat; } /* list-li-03 */ .list-li>a.bgxz>i { background-color: #2792ff; background-image: url(/uploads/image/mimages/icon_bgxz.png); } .list-li>a.bgxz>.right { background-color: #d4e9ff; } .list-li>a.bgxz>.right:hover { background-color: #a9d3ff; } .list-li>a.bgxz>.right>i { display: inline-block; vertical-align: middle; background-image: url(/uploads/image/mimages/blue_arrow_right.png); background-repeat: no-repeat; } /* list-li-04 */ .list-li>a.mbjycxxt>i { background-color: #eb6877; background-image: url(/uploads/image/mimages/icon_mbjycxxt.png); } .list-li>a.mbjycxxt>.right { background-color: #fbe1e4; } .list-li>a.mbjycxxt>.right:hover { background-color: #f7c3c9; } .list-li>a.mbjycxxt>.right>i { display: inline-block; vertical-align: middle; background-image: url(/uploads/image/mimages/pink_arrow_right.png); background-repeat: no-repeat; } .jw-box{ width: 100%; height: 100px; margin: 40px 0; } .jw-box img{ max-width: 100%; max-height: 100%; } #slide-tags{ width: 100%; height: 100px; margin: 40px 0; overflow: hidden; position: relative; } .other { overflow: hidden; margin-top: 40px; margin-right: -40px; } .other-li { margin-right: 40px; } .other-li>a { display: block; } .other-li>a img { width: 270px; height: 100px; }