@charset "utf-8"; /* CSS Document */ /* 首页 */ /*如果屏幕宽度不小于737像素*/ @media screen and (min-width: 737px) { /*--------容器-----------*/ #container { background-position: center -328px; } /*--------容器 包装器-----------*/ #container #wrapper { margin:0px auto; width:1200px; padding-bottom:10px; } /*--------容器 包装器 横幅-----------*/ #container #wrapper #banner { padding:42px 15px 0px 8px; width:1177px; height:123px; } /*--------容器 包装器 主体-----------*/ #container #wrapper #main { margin-top:10px; } #container #wrapper #main #part01,#container #wrapper #main #part02,#container #wrapper #main #part03,#container #wrapper #main #part04 { padding:9px 8px; } #container #wrapper #main #part01,#container #wrapper #main #part02,#container #wrapper #main #part03,#container #wrapper #main #part04,#container #wrapper #main #part05 { margin-top:10px; background-color:#FFF; } #container #wrapper #main #part02,#container #wrapper #main #part03 { float:left; width:415px; } #container #wrapper #main #part02,#container #wrapper #main #part03,#container #wrapper #main #part04 { height:348px; } /*--------容器 包装器 主体 版块01-----------*/ #container #wrapper #main #part01 { height:292px; } /*--------焦点图-----------*/ .focus_affairs { float:left; } .focus_affairs,.JQ-slide,.JQ-slide-content li,.JQ-slide-content li img { width:506px; height:292px; } .JQ-slide { overflow:hidden; position:relative; } .JQ-slide-content{ position:absolute; }/*必须要的元素*/ .JQ-slide-content li { float:left; display:inline; position:relative;} .JQ-slide-content li span { padding:5px 14px; width:478px; background:#000;color:#FFF; font-size:14px; font-weight:bold; line-height:28px; position:absolute; bottom:0px; left:0; z-index:10; background-color: rgba(0,0,0,0.5); display:block; overflow:hidden; } .JQ-slide-nav { position:absolute; bottom:14px; right:8px; z-index:30; } .JQ-slide-nav li { float:left; margin-right:5px; width:10px; height:10px; background:url(../images/focus_li.png) no-repeat; text-indent:-999em; cursor:pointer; display:inline; overflow:hidden; } .JQ-slide-nav li.on { background-position:-15px 0px; } /*--------新闻栏-----------*/ #container #wrapper #main #part01 #news { float:right; width:670px; height:292px; } #container #wrapper #main #part01 #news .mlist { padding:15px 15px 19px 15px; width:638px; height:216px; border-left:1px solid #DFDEDE; border-right:1px solid #DFDEDE; border-bottom:1px solid #DFDEDE; } #container #wrapper #main #part01 #news .mlist ul { height:216px; line-height:36px;} #container #wrapper #main #part01 #news .mlist ul,#container #wrapper #main #part01 #news .mlist ul li,#container #wrapper #main #part01 #news .mlist ul li a,#container #wrapper #main #part01 #news .mlist ul li span { display:block; overflow:hidden; } #container #wrapper #main #part01 #news .mlist ul li { padding:0px; height:36px; margin-top:0px !important; margin-top:-4px; } #container #wrapper #main #part01 #news .mlist ul li a { float:left; width:514px; font-size:16px; text-overflow: ellipsis; white-space: nowrap; } #container #wrapper #main #part01 #news .mlist ul li img { float:left; margin-top:12px; padding:0px 5px; width:30px; height:15px; } #container #wrapper #main #part01 #news .mlist ul li span { float:right; width:70px; font-size:12px; color:#999; text-align:center; font-family:Tahoma, Geneva, sans-serif; } /*--------容器 包装器 主体 版块02-----------*/ #container #wrapper #main #part02 #bsdt { margin-top:10px; width:415px; height:61px; background:url(../images/bgimg.png) no-repeat 0px -74px; display:block; } #container #wrapper #main #part02 ul,#container #wrapper #main #part02 ul li,#container #wrapper #main #part02 ul li a,#container #wrapper #main #part02 ul li a span,#container #wrapper #main #part02 ul li a font { display:block; } #container #wrapper #main #part02 #b21 { } #container #wrapper #main #part02 #b21 li #ico01 span { background-position: 0px -624px; } #container #wrapper #main #part02 #b21 li #ico02 span { background-position: -50px -624px; } #container #wrapper #main #part02 #b21 li #ico03 span { background-position: -100px -624px; } #container #wrapper #main #part02 #b21 li #ico04 span { background-position: -150px -624px; } #container #wrapper #main #part02 #b21 li #ico05 span { background-position: -200px -624px; } #container #wrapper #main #part02 #b21 li #ico06 span { background-position: -250px -624px; } #container #wrapper #main #part02 #b21 li #ico07 span { background-position: -300px -624px; } #container #wrapper #main #part02 #b21 li #ico08 span { background-position: -350px -624px; } #container #wrapper #main #part02 #b22 { } #container #wrapper #main #part02 #b22 li #ico01 span { background-position: 0px -624px; } #container #wrapper #main #part02 #b22 li #ico02 span { background-position: -50px -624px; } #container #wrapper #main #part02 #b22 li #ico03 span { background-position: -100px -624px; } #container #wrapper #main #part02 #b22 li #ico04 span { background-position: -150px -624px; } #container #wrapper #main #part02 #b22 li #ico05 span { background-position: -200px -624px; } #container #wrapper #main #part02 #b22 li #ico06 span { background-position: -250px -624px; } #container #wrapper #main #part02 #b22 li #ico07 span { background-position: -300px -624px; } #container #wrapper #main #part02 #b22 li #ico08 span { background-position: -350px -624px; } #container #wrapper #main #part02 .navbtn01 { margin:0px auto; padding-top:12px; width:408px; } #container #wrapper #main #part02 .navbtn01 li { float:left; padding-top:6px; width:102px; height:91px; } #container #wrapper #main #part02 .navbtn01 li a,#container #wrapper #main #part02 .navbtn01 li span { margin:0px auto; } #container #wrapper #main #part02 .navbtn01 li a,#container #wrapper #main #part02 .navbtn01 li a font { width:86px; } #container #wrapper #main #part02 .navbtn01 li span { width:50px; height:50px; background:url(../images/bgimg.png) no-repeat; background-color:#5796C5; border-radius:25px; } #container #wrapper #main #part02 .navbtn01 li a font { height:34px; line-height:34px; text-align:center; } #container #wrapper #main #part02 .navbtn01 li a:link,#container #wrapper #main #part02 .navbtn01 li a:visited { color: #666; } #container #wrapper #main #part02 .navbtn01 li a:hover { color: #4280A9; } #container #wrapper #main #part02 .navbtn02 { margin:0px auto; padding-top:12px; width:406px; height:194px; line-height:32px; font-size:12px; } #container #wrapper #main #part02 .navbtn02,#container #wrapper #main #part02 .navbtn02 li,#container #wrapper #main #part02 .navbtn02 li a { display:block; overflow:hidden; } #container #wrapper #main #part02 .navbtn02 .sp { padding-left:0px; } #container #wrapper #main #part02 .navbtn02 li { float:left; padding-top:8px; padding-left:10px; } #container #wrapper #main #part02 .navbtn02 li a { width:92px; height:32px; text-align:center; border:1px solid #DDD; text-overflow: ellipsis; white-space: nowrap; } #container #wrapper #main #part02 #b23 { } /*--------容器 包装器 主体 版块03-----------*/ #container #wrapper #main #part03 { margin-left:10px; } #container #wrapper #main #part03 #btnbox,#container #wrapper #main #part03 #btnbox li,#container #wrapper #main #part03 #btnbox li a,#container #wrapper #main #part03 #btnbox li a span {display:block;} #container #wrapper #main #part03 #btnbox {margin:0px auto;padding-top:7px;width:414px;display: flex;justify-content: space-between;flex-wrap: wrap;} #container #wrapper #main #part03 #btnbox li {float:left;padding:2px;width: 49%;line-height: 90px;} #container #wrapper #main #part03 #btnbox li a:link,#container #wrapper #main #part03 #btnbox li a:visited { color: #3370BF; background-color:#DBF6FF; } #container #wrapper #main #part03 #btnbox li a:hover { color: #2063BA; background-color:#CAF2FF; } #container #wrapper #main #part03 #btnbox li a i {width: 70px;height: 50px;margin: 0 10px 0 20px;vertical-align: middle;display: inline-block;background:url(../images/bgimg.png) no-repeat;} #container #wrapper #main #part03 #btnbox li a span { display: inline-block; font-size: 16px; } #container #wrapper #main #part03 #btnbox li #ico01 i {background-position: -35px -242px;} #container #wrapper #main #part03 #btnbox li #ico02 span { background-position: -134px -231px; } #container #wrapper #main #part03 #btnbox li #ico03 i {background-position: -297px -245px;margin-left: 10px;} #container #wrapper #main #part03 #btnbox li #ico04 i {background-position: -31px -331px;} #container #wrapper #main #part03 #btnbox li #ico05 span { background-position: -134px -321px; } #container #wrapper #main #part03 #btnbox li #ico06 i {background-position: -295px -332px;} #container #wrapper #main #part03 .ttline02 { margin-top:8px; } /*#container #wrapper #main #part03 #b31 { margin-top:8px; width:415px; }*/ #container #wrapper #main #part03 #b31,#container #wrapper #main #part03 #b32 { margin-top:8px; padding:0px; width:415px; height:64px; line-height:32px; } #container #wrapper #main #part03 #b31,#container #wrapper #main #part03 #b32, li,#container #wrapper #main #part03 #b31 li,#container #wrapper #main #part03 #b32 li, li a,#container #wrapper #main #part03 #b31 li a,#container #wrapper #main #part03 #b32 li a,#container #wrapper #main #part03 #b31 li span,#container #wrapper #main #part03 #b32 li span { display:block; overflow:hidden; } #container #wrapper #main #part03 #b31 li,#container #wrapper #main #part03 #b32 li { padding:0px; height:32px; margin-top:0px !important; margin-top:-4px; } #container #wrapper #main #part03 #b31 li a,#container #wrapper #main #part03 #b32 li a { float:left; width:300px; font-size:16px; text-overflow: ellipsis; white-space: nowrap; } #container #wrapper #main #part03 #b31 li img,#container #wrapper #main #part03 #b32 li img { float:left; margin-top:12px; padding:0px 5px; width:30px; height:15px; } #container #wrapper #main #part03 #b31 li span,#container #wrapper #main #part03 #b32 li span { float:right; width:75px; font-size:12px; color:#999; text-align:center; font-family:Tahoma, Geneva, sans-serif; } /*--------容器 包装器 主体 版块04-----------*/ #container #wrapper #main #part04 { float:right; width:302px; } #container #wrapper #main #part04 #columnbox ul,#container #wrapper #main #part04 #columnbox ul li,#container #wrapper #main #part04 #columnbox ul li a,#container #wrapper #main #part04 #columnbox ul li a img { display:block; } #container #wrapper #main #part04 #columnbox #img,#container #wrapper #main #part04 #columnbox #img li,#container #wrapper #main #part04 #columnbox #img li a,#container #wrapper #main #part04 #columnbox #img li a img { width:302px; height:72px; } #container #wrapper #main #part04 #columnbox #img { margin-top:10px; } #container #wrapper #main #part04 #columnbox #img li { display: none; } #container #wrapper #main #part04 #columnbox #tab { margin-top:10px; width:302px; height:216px; line-height:36px; } #container #wrapper #main #part04 #columnbox #tab,#container #wrapper #main #part04 #columnbox #tab li { width:302px; display:block; overflow:hidden; } #container #wrapper #main #part04 #columnbox #tab li { padding:0px; height:36px; margin-top:0px !important; margin-top:-4px; } #container #wrapper #main #part04 #columnbox #tab li a { padding-left:18px; width:284px; font-size:16px; background:url(../images/bgimg.png) no-repeat -488px -111px; text-overflow: ellipsis; white-space: nowrap; display:block; overflow:hidden; } #container #wrapper #main #part04 #columnbox #tab .on a:link,#container #wrapper #main #part04 #columnbox #tab .on a:visited { color: #2878B2; background-color:#FBFBFB; } #container #wrapper #main #part04 #columnbox #tab li a:hover { color: #2878B2; background-color:#FBFBFB; } /*--------容器 包装器 主体 版块05-----------*/ #container #wrapper #main #part05 { height:56px; } #container #wrapper #main #part05 #ttline { float:left; width:107px; line-height:56px; font-size:18px; color: #2878B2; text-align:center; border-right:1px solid #D9D9D9; } #container #wrapper #main #part05 ul { float:right; padding-right:26px; width:1040px; } #container #wrapper #main #part05 ul li { float:left; padding-top:14px; width:260px; } #container #wrapper #main #part05 ul,#container #wrapper #main #part05 ul li { display:block; } #container #wrapper #main #part05 ul li select { margin:0px auto; padding-left:8px; width:234px; height:26px; line-height:26px; background-color:#FFF; border:1px solid #AAA; display:block; } } /*如果屏幕宽度不大于736像素*/ @media screen and (max-width: 736px) { #container #wrapper #main #part02,#container #wrapper #main #part03,#container #wrapper #main #part04,#container #wrapper #main #part05 { margin-top:10px; } /* #container #wrapper #main #part01,#container #wrapper #main #part02,#container #wrapper #main #part03,#container #wrapper #main #part04 { padding:9px 8px; } #container #wrapper #main #part02,#container #wrapper #main #part03 { float:left; width:415px; } #container #wrapper #main #part02,#container #wrapper #main #part03,#container #wrapper #main #part04 { height:348px; } */ /*--------容器 包装器 主体 版块01-----------*/ .focus_affairs ,#container #wrapper #main #part01 #news { margin:0px auto; } /*--------焦点图-----------*/ .focus_affairs,.JQ-slide,.JQ-slide-content li,.JQ-slide-content li img { width:506px; height:292px; } .JQ-slide { overflow:hidden; position:relative; } .JQ-slide-content{ position:absolute; }/*必须要的元素*/ .JQ-slide-content li { float:left; display:inline; position:relative;} .JQ-slide-content li span { padding:5px 14px; width:478px; background:#000;color:#FFF; font-weight:bold; line-height:28px; position:absolute; bottom:0px; left:0; z-index:10; background-color: rgba(0,0,0,0.5); display:block; overflow:hidden; } .JQ-slide-nav { position:absolute; bottom:14px; right:8px; z-index:30; } .JQ-slide-nav li { float:left; margin-right:5px; width:10px; height:10px; background:url(../images/focus_li.png) no-repeat; text-indent:-999em; cursor:pointer; display:inline; overflow:hidden; } .JQ-slide-nav li.on { background-position:-15px 0px; } /*--------新闻栏-----------*/ #container #wrapper #main #part01 #news { margin-top:10px; } #container #wrapper #main #part01 #news .mlist { padding:10px 10px 15px 10px; height:180px; border-left:1px solid #DFDEDE; border-right:1px solid #DFDEDE; border-bottom:1px solid #DFDEDE; } #container #wrapper #main #part01 #news .mlist ul { height:180px; line-height:30px;} #container #wrapper #main #part01 #news .mlist ul,#container #wrapper #main #part01 #news .mlist ul li,#container #wrapper #main #part01 #news .mlist ul li a,#container #wrapper #main #part01 #news .mlist ul li span { display:block; overflow:hidden; } #container #wrapper #main #part01 #news .mlist ul li { padding:0px; height:30px; margin-top:0px !important; margin-top:-4px; } #container #wrapper #main #part01 #news .mlist ul li a { float:left; width:568px; text-overflow: ellipsis; white-space: nowrap; } #container #wrapper #main #part01 #news .mlist ul li img { float:left; margin-top:8px; padding:0px 5px; width:30px; height:15px; } #container #wrapper #main #part01 #news .mlist ul li span { float:right; width:70px; font-size:12px; color:#999; text-align:center; font-family:Tahoma, Geneva, sans-serif; } /*--------容器 包装器 主体 版块02-----------*/ #container #wrapper #main #part02 #bsdt { margin:10px auto 0px auto; width:415px; height:61px; background:url(../images/bgimg.png) no-repeat 0px -74px; display:block; } #container #wrapper #main #part02 ul,#container #wrapper #main #part02 ul li,#container #wrapper #main #part02 ul li a,#container #wrapper #main #part02 ul li a span,#container #wrapper #main #part02 ul li a font { display:block; } #container #wrapper #main #part02 #b21 { } #container #wrapper #main #part02 #b21 li #ico01 span { background-position: 0px -624px; } #container #wrapper #main #part02 #b21 li #ico02 span { background-position: -50px -624px; } #container #wrapper #main #part02 #b21 li #ico03 span { background-position: -100px -624px; } #container #wrapper #main #part02 #b21 li #ico04 span { background-position: -150px -624px; } #container #wrapper #main #part02 #b21 li #ico05 span { background-position: -200px -624px; } #container #wrapper #main #part02 #b21 li #ico06 span { background-position: -250px -624px; } #container #wrapper #main #part02 #b21 li #ico07 span { background-position: -300px -624px; } #container #wrapper #main #part02 #b21 li #ico08 span { background-position: -350px -624px; } #container #wrapper #main #part02 #b22 { } #container #wrapper #main #part02 #b22 li #ico01 span { background-position: 0px -624px; } #container #wrapper #main #part02 #b22 li #ico02 span { background-position: -50px -624px; } #container #wrapper #main #part02 #b22 li #ico03 span { background-position: -100px -624px; } #container #wrapper #main #part02 #b22 li #ico04 span { background-position: -150px -624px; } #container #wrapper #main #part02 #b22 li #ico05 span { background-position: -200px -624px; } #container #wrapper #main #part02 #b22 li #ico06 span { background-position: -250px -624px; } #container #wrapper #main #part02 #b22 li #ico07 span { background-position: -300px -624px; } #container #wrapper #main #part02 #b22 li #ico08 span { background-position: -350px -624px; } #container #wrapper #main #part02 .navbtn01 { margin:0px auto; padding-top:12px; } #container #wrapper #main #part02 .navbtn01 li { float:left; padding-top:6px; width:88px; height:91px; } #container #wrapper #main #part02 .navbtn01 li a,#container #wrapper #main #part02 .navbtn01 li span { margin:0px auto; } #container #wrapper #main #part02 .navbtn01 li a,#container #wrapper #main #part02 .navbtn01 li a font { width:86px; } #container #wrapper #main #part02 .navbtn01 li span { width:50px; height:50px; background:url(../images/bgimg.png) no-repeat; background-color:#5796C5; border-radius:25px; } #container #wrapper #main #part02 .navbtn01 li a font { height:34px; line-height:34px; text-align:center; } #container #wrapper #main #part02 .navbtn01 li a:link,#container #wrapper #main #part02 .navbtn01 li a:visited { color:#666; } #container #wrapper #main #part02 .navbtn01 li a:hover { color: #4280A9; } #container #wrapper #main #part02 .navbtn02 { margin:0px auto; padding:12px 0px; line-height:32px; } #container #wrapper #main #part02 .navbtn02,#container #wrapper #main #part02 .navbtn02 li,#container #wrapper #main #part02 .navbtn02 li a { display:block; overflow:hidden; } #container #wrapper #main #part02 .navbtn02 li { float:left; padding-top:8px; width:25%; } #container #wrapper #main #part02 .navbtn02 li a { width:90%; height:32px; text-align:center; border:1px solid #DDD; text-overflow: ellipsis; white-space: nowrap; } #container #wrapper #main #part02 #b23 { } /*--------容器 包装器 主体 版块03-----------*/ #container #wrapper #main #part03 #btnbox,#container #wrapper #main #part03 #btnbox li,#container #wrapper #main #part03 #btnbox li a,#container #wrapper #main #part03 #btnbox li a span { display:block; } #container #wrapper #main #part03 #btnbox { margin:0px auto; padding-top:7px; width:716px; } #container #wrapper #main #part03 #btnbox li { float:left; padding:2px; } #container #wrapper #main #part03 #btnbox li a { width:175px; } #container #wrapper #main #part03 #btnbox li a:link,#container #wrapper #main #part03 #btnbox li a:visited { color: #3370BF; background-color:#DBF6FF; } #container #wrapper #main #part03 #btnbox li a:hover { color: #2063BA; background-color:#CAF2FF; } #container #wrapper #main #part03 #btnbox li a span { margin:0px auto; padding:55px 0px 3px 0px; width:134px; height:32px; line-height:32px; text-align:center; background:url(../images/bgimg.png) no-repeat; } #container #wrapper #main #part03 #btnbox li #ico01 span { background-position: 0px -231px; } #container #wrapper #main #part03 #btnbox li #ico02 span { background-position: -134px -231px; } #container #wrapper #main #part03 #btnbox li #ico03 span { background-position: -268px -231px; } #container #wrapper #main #part03 #btnbox li #ico04 span { background-position: 0px -321px; } #container #wrapper #main #part03 #btnbox li #ico05 span { background-position: -134px -321px; } #container #wrapper #main #part03 #btnbox li #ico06 span { background-position: -268px -321px; } #container #wrapper #main #part03 .ttline02 { margin-top:8px; } #container #wrapper #main #part03 #b31,#container #wrapper #main #part03 #b32 { margin-top:8px; padding:0px; height:60px; line-height:30px; } #container #wrapper #main #part03 #b31,#container #wrapper #main #part03 #b32, li,#container #wrapper #main #part03 #b31 li,#container #wrapper #main #part03 #b32 li, li a,#container #wrapper #main #part03 #b31 li a,#container #wrapper #main #part03 #b32 li a,#container #wrapper #main #part03 #b31 li span,#container #wrapper #main #part03 #b32 li span { display:block; overflow:hidden; } #container #wrapper #main #part03 #b31 li,#container #wrapper #main #part03 #b32 li { padding:0px; height:30px; margin-top:0px !important; margin-top:-4px; } #container #wrapper #main #part03 #b31 li a,#container #wrapper #main #part03 #b32 li a { float:left; width:610px; font-size:14px; text-overflow: ellipsis; white-space: nowrap; } #container #wrapper #main #part03 #b31 li img,#container #wrapper #main #part03 #b32 li img { float:left; margin-top:8px; padding:0px 5px; width:30px; height:15px; } #container #wrapper #main #part03 #b31 li span,#container #wrapper #main #part03 #b32 li span { float:right; width:70px; font-size:12px; color:#999; text-align:center; font-family:Tahoma, Geneva, sans-serif; } /*--------容器 包装器 主体 版块04-----------*/ #container #wrapper #main #part04 #columnbox ul,#container #wrapper #main #part04 #columnbox ul li,#container #wrapper #main #part04 #columnbox ul li a,#container #wrapper #main #part04 #columnbox ul li a img { display:block; } #container #wrapper #main #part04 #columnbox #img,#container #wrapper #main #part04 #columnbox #img li,#container #wrapper #main #part04 #columnbox #img li a,#container #wrapper #main #part04 #columnbox #img li a img { width:302px; height:72px; } #container #wrapper #main #part04 #columnbox #img { margin:8px auto 0px auto; } #container #wrapper #main #part04 #columnbox #img li { display: none; } #container #wrapper #main #part04 #columnbox #tab { margin-top:10px; height:192px; line-height:32px; } #container #wrapper #main #part04 #columnbox #tab,#container #wrapper #main #part04 #columnbox #tab li { display:block; overflow:hidden; } #container #wrapper #main #part04 #columnbox #tab li { padding:0px; height:32px; margin-top:0px !important; margin-top:-4px; } #container #wrapper #main #part04 #columnbox #tab li a { padding-left:18px; font-size:14px; background:url(../images/bgimg.png) no-repeat -488px -113px; text-overflow: ellipsis; white-space: nowrap; display:block; overflow:hidden; } #container #wrapper #main #part04 #columnbox #tab .on a:link,#container #wrapper #main #part04 #columnbox #tab .on a:visited { color: #2878B2; background-color:#FBFBFB; } #container #wrapper #main #part04 #columnbox #tab li a:hover { color: #2878B2; background-color:#FBFBFB; } /*--------容器 包装器 主体 版块05-----------*/ #container #wrapper #main #part05 #ttline { padding:0px 0px 7px 8px; line-height:22px; color:#1C58AE; border-bottom:1px solid #D9D9D9; display:block; } #container #wrapper #main #part05 ul li { padding-top:12px; } #container #wrapper #main #part05 ul,#container #wrapper #main #part05 ul li { display:block; } #container #wrapper #main #part05 ul li select { margin:0px auto; width:80%; height:26px; line-height:26px; background-color:#FFF; border:1px solid #AAA; display:block; } /* */ } /*如果屏幕宽度不大于668像素*/ @media screen and (max-width: 668px) { /*--------容器 包装器 主体 版块01-----------*/ /*--------新闻栏-----------*/ #container #wrapper #main #part01 #news .mlist ul li a { width:502px; } /*--------容器 包装器 主体 版块02-----------*/ #container #wrapper #main #part02 .navbtn01 li { padding-top:4px; width:79px; } #container #wrapper #main #part02 .navbtn01 li a,#container #wrapper #main #part02 .navbtn01 li a font { width:76px; } /*--------容器 包装器 主体 版块03-----------*/ #container #wrapper #main #part03 #btnbox { width:632px; } #container #wrapper #main #part03 #btnbox li a { width:154px; } #container #wrapper #main #part03 #b31 li a,#container #wrapper #main #part03 #b32 li a { width:560px; } } /*如果屏幕宽度不大于568像素*/ @media screen and (max-width: 568px) { #container #wrapper #main #part02,#container #wrapper #main #part03,#container #wrapper #main #part04,#container #wrapper #main #part05 { margin-top:8px; } /*--------容器 包装器 主体 版块01-----------*/ /*--------新闻栏-----------*/ #container #wrapper #main #part01 #news .mlist ul li a { width:408px; } /*--------容器 包装器 主体 版块02-----------*/ #container #wrapper #main #part02 .navbtn01 { padding-top:10px; } #container #wrapper #main #part02 .navbtn01 li { width:68px; height:88px; } #container #wrapper #main #part02 .navbtn01 li a,#container #wrapper #main #part02 .navbtn01 li a font { width:60px; } #container #wrapper #main #part02 .navbtn01 li a font { height:32px; line-height:32px; } #container #wrapper #main #part02 .navbtn02 { padding:10px 0px; line-height:30px; } #container #wrapper #main #part02 .navbtn02 li { padding-top:6px; } #container #wrapper #main #part02 .navbtn02 li a { height:30px; } /*--------容器 包装器 主体 版块03-----------*/ #container #wrapper #main #part03 #btnbox { width:520px; } #container #wrapper #main #part03 #btnbox li a { width:126px; } #container #wrapper #main #part03 .ttline02 { margin-top:6px; } #container #wrapper #main #part03 #b31 li a,#container #wrapper #main #part03 #b32 li a { width:460px; } /*--------容器 包装器 主体 版块04-----------*/ #container #wrapper #main #part04 #columnbox #img { margin:6px auto 0px auto; } #container #wrapper #main #part04 #columnbox #tab { margin-top:8px; height:180px; line-height:30px; } #container #wrapper #main #part04 #columnbox #tab li { height:30px; } #container #wrapper #main #part04 #columnbox #tab li a { padding-left:16px; background-position: -488px -114px; } /*--------容器 包装器 主体 版块05-----------*/ #container #wrapper #main #part05 #ttline { padding:0px 0px 6px 6px; line-height:20px; } #container #wrapper #main #part05 ul li { padding-top:10px; } #container #wrapper #main #part05 ul li select { height:24px; line-height:24px; } } /*如果屏幕宽度不大于415像素*/ @media screen and (max-width: 415px) { /*--------容器 包装器 主体 版块01-----------*/ /*--------焦点图-----------*/ .focus_affairs,.JQ-slide,.JQ-slide-content li,.JQ-slide-content li img { width:394px; height:227px; } .JQ-slide-content li span { padding:5px 12px; width:370px; font-size:12px; line-height:26px; } .JQ-slide-nav { top:204px; } /*--------新闻栏-----------*/ #container #wrapper #main #part01 #news { margin-top:8px; } #container #wrapper #main #part01 #news .mlist { padding:8px 8px 12px 8px; height:168px; } #container #wrapper #main #part01 #news .mlist ul { height:168px; line-height:28px;} #container #wrapper #main #part01 #news .mlist ul li { height:28px; } #container #wrapper #main #part01 #news .mlist ul li a { width:266px; } #container #wrapper #main #part01 #news .mlist ul li img { margin-top:6px; padding:0px 5px; } #container #wrapper #main #part01 #news .mlist ul li span { width:66px; font-size:10px; } /*--------容器 包装器 主体 版块02-----------*/ #container #wrapper #main #part02 #bsdt { margin:8px auto 0px auto; width:390px; height:58px; background-position:0px -1145px; } #container #wrapper #main #part02 .navbtn01 li { padding-top:4px; width:20%; } #container #wrapper #main #part02 .navbtn01 li a,#container #wrapper #main #part02 .navbtn01 li a font { width:74px; } /*--------容器 包装器 主体 版块03-----------*/ #container #wrapper #main #part03 #btnbox { width:390px; } #container #wrapper #main #part03 #btnbox li a { width:126px; } #container #wrapper #main #part03 #b31,#container #wrapper #main #part03 #b32 { margin-top:6px; height:56px; line-height:28px; } #container #wrapper #main #part03 #b31 li,#container #wrapper #main #part03 #b32 li { height:28px; } #container #wrapper #main #part03 #b31 li a,#container #wrapper #main #part03 #b32 li a { width:320px; font-size:12px; } #container #wrapper #main #part03 #b31 li img,#container #wrapper #main #part03 #b32 li img { margin-top:6px; } #container #wrapper #main #part03 #b31 li span,#container #wrapper #main #part03 #b32 li span { width:66px; font-size:10px; } /*--------容器 包装器 主体 版块04-----------*/ #container #wrapper #main #part04 #columnbox #tab { margin-top:6px; } /* */ } /*如果屏幕宽度不大于375像素*/ @media screen and (max-width: 375px) { #container #wrapper #main #part02,#container #wrapper #main #part03,#container #wrapper #main #part04,#container #wrapper #main #part05 { margin-top:6px; } /*--------容器 包装器 主体 版块01-----------*/ /*--------焦点图-----------*/ .focus_affairs,.JQ-slide,.JQ-slide-content li,.JQ-slide-content li img { width:359px; height:207px; } .JQ-slide-content li span { padding:4px 10px; width:339px; line-height:24px; } .JQ-slide-nav { top:186px; } /*--------新闻栏-----------*/ #container #wrapper #main #part01 #news { margin-top:6px; } #container #wrapper #main #part01 #news .mlist { padding:6px 6px 10px 6px; height:150px; } #container #wrapper #main #part01 #news .mlist ul { height:150px; line-height:26px;} #container #wrapper #main #part01 #news .mlist ul li { height:26px; } #container #wrapper #main #part01 #news .mlist ul li a { width:240px; } #container #wrapper #main #part01 #news .mlist ul li img { margin-top:4px; padding:0px 4px; } #container #wrapper #main #part01 #news .mlist ul li span { width:64px; font-size:8px; } /*--------容器 包装器 主体 版块02-----------*/ #container #wrapper #main #part02 #bsdt { margin:8px auto 0px auto; width:360px; height:54px; background-position:0px -1203px; } #container #wrapper #main #part02 .navbtn01 { padding-top:8px; } #container #wrapper #main #part02 .navbtn01 li { width:25%; height:86px; } #container #wrapper #main #part02 .navbtn01 li a,#container #wrapper #main #part02 .navbtn01 li a font { width:60px; } #container #wrapper #main #part02 .navbtn01 li a font { height:30px; line-height:30px; font-size:11px; } #container #wrapper #main #part02 .navbtn02 { padding:8px 0px; line-height:28px; } #container #wrapper #main #part02 .navbtn02 li { padding-top:4px; } #container #wrapper #main #part02 .navbtn02 li a { height:28px; } /*--------容器 包装器 主体 版块03-----------*/ #container #wrapper #main #part03 #btnbox { width:350px; } #container #wrapper #main #part03 #btnbox li a { width:171px; } #container #wrapper #main #part03 .ttline02 { margin-top:4px; } #container #wrapper #main #part03 #b31,#container #wrapper #main #part03 #b32 { margin-top:4px; height:52px; line-height:26px; } #container #wrapper #main #part03 #b31 li,#container #wrapper #main #part03 #b32 li { height:26px; } #container #wrapper #main #part03 #b31 li a,#container #wrapper #main #part03 #b32 li a { width:286px; font-size:12px; } #container #wrapper #main #part03 #b31 li img,#container #wrapper #main #part03 #b32 li img { margin-top:4px; padding:0px 4px; } #container #wrapper #main #part03 #b31 li span,#container #wrapper #main #part03 #b32 li span { width:64px; font-size:8px; } /*--------容器 包装器 主体 版块04-----------*/ #container #wrapper #main #part04 #columnbox #img { margin:4px auto 0px auto; } #container #wrapper #main #part04 #columnbox #tab { margin-top:4px; height:156px; line-height:26px; } #container #wrapper #main #part04 #columnbox #tab li { height:26px; } #container #wrapper #main #part04 #columnbox #tab li a { background-position: -488px -116px; } /*--------容器 包装器 主体 版块05-----------*/ #container #wrapper #main #part05 #ttline { padding:0px 0px 5px 5px; line-height:18px; } #container #wrapper #main #part05 ul li { padding-top:8px; } #container #wrapper #main #part05 ul li select { height:20px; line-height:20px; } } /*如果屏幕宽度不大于320像素*/ @media screen and (max-width: 320px) { /*--------焦点图-----------*/ .focus_affairs,.JQ-slide,.JQ-slide-content li,.JQ-slide-content li img { width:304px; height:175px; } .JQ-slide-content li span { width:284px; } .JQ-slide-nav { top:154px; } /*--------新闻栏-----------*/ #container #wrapper #main #part01 #news .mlist ul li a { width:186px; } /*--------容器 包装器 主体 版块02-----------*/ #container #wrapper #main #part02 #bsdt { margin:8px auto 0px auto; width:300px; height:45px; background-position:0px -1257px; } /*--------容器 包装器 主体 版块03-----------*/ #container #wrapper #main #part03 #btnbox { width:300px; } #container #wrapper #main #part03 #btnbox li a { width:146px; } #container #wrapper #main #part03 #b31 li a,#container #wrapper #main #part03 #b32 li a { width:235px; } }