@charset "utf-8"; body { background: #eee } .floatL { float: left } .floatR { float: right } .overflow { overflow: hidden; height: 1% } body .main { width: 870px; margin: 10px auto 0; font-family: 'Microsoft YaHei', '微软雅黑', STXihei, '华文细黑', Heiti, '黑体', SimSun, '宋体', sans-serif } .tbbj { background: url(/Sites/Uploaded/Image/2014/9/yb_dygb.jpg) no-repeat center top #eee } /* header-------------CSS Document */ .header { width: 100%; } .headerTop { margin: 0 auto; width: 870px; height: 106px; padding-top: 20px } .logo { float: left } .logo_right { float: right; text-align: right; font-size: 14px; color: #666; margin-top: 44px } .logo_right a { font-size: 12px; color: #666 } /*search*/ .searchM { width: 870px; margin: 0 auto; height: 43px } .search { width: 560px; float: left; margin-top: 3px; } .search input { float: left; display: block; line-height: 28px } .search .submitBtn:hover { opacity: 0.8; filter: alpha(opacity=80) } .keyword { width: 273px; float: right; font-size: 12px; background: #1f91bc; color: #FFF; /* height: 37px; */ padding: 3px 10px; line-height: 18px; } .keyword a { color: #FFF; margin-right: 5px } .inpuText { background: #FFF url(/Sites/Uploaded/Image/2014/9/inpuTextbg.png) no-repeat; width: 443px; height: 38px; border: none } .submitBtn { width: 117px; height: 38px; background: url(/Sites/Uploaded/Image/2014/9/submitBtnbg.png) no-repeat; border: none; cursor: pointer } /*主体*/ .Mac01 { width: 276px } .Mac02 { width: 308px; margin-left: 5px } .Mac03 { width: 277px } .Mac01-1, .Mac02-1 { height: 124px; width: 134px; _margin-top: -40px; } .Mac01-1 { float: left; background: url(/Sites/Uploaded/Image/2014/9/yb_20.jpg) no-repeat; } .Mac02-1 { float: right; padding-right: 4px; background: url(/Sites/Uploaded/Image/2014/9/yb_22.jpg) no-repeat; } .Mac01-4 { margin-top: 5px; *margin-top: -40px; height: 65px; width: 274px; background: url(/Sites/Uploaded/Image/2014/9/yb_47.jpg) no-repeat; } .Mac01-1 a, .Mac02-1 a { height: 124px; width: 134px; display: bloak; } .Mac01-4 a { height: 65px; width: 274px; display: bloak; } .Mac03-1 { height: 165px; background: url(/Sites/Uploaded/Image/2014/9/jylc_bg.jpg) repeat-x; padding: 15px } .Mac02-2 { height: 188px; width: 308; margin-top: 15px; position: relative; overflow: hidden; background: url(/Sites/Uploaded/Image/2014/9/yb_40.jpg) no-repeat; } .Mac01-2 { height: 124px; width: 134px; float: left; padding-right: 5px; } .Mac01-3 { height: 124px } .Mac01-3-1 { float: right; height: 124px; width: 134px; overflow: hidden; } .Mac01-3-2 { height: 124px; width: 134px; float: left; overflow: hidden; margin-top: 8px; } .Mac03-2 { height: 124px; width: 134px; margin-top: 8px; float: right } .Mac03-2 a { display: block; color: #FFF; font-size: 18px } .Mac01 a:hover, .Mac02 a:hover, .Mac03-2 a:hover { text-decoration: none } .Mac02-2 h2 { width: 217px; height: 160px; padding: 57px 30px 0; line-height: 36px; font-weight: 100; display: none; position: absolute; left: 0; top: 0; z-index: 1 } .Mac02-2 h2 a { display: inline } .Mac02-2-3 { width: 308px; height: 188px; background: #34a8e1; position: absolute; left: 0; top: 0; display: none; opacity: 0.65; filter: alpha(opacity=65) } .Mac03-5 { background: url(/Sites/Uploaded/Image/2014/9/yqlj.jpg) no-repeat; height: 137px; width: 276px; margin-top: 5px; } .Mac03-5 h2 { color: #FFF; line-height: 36px; font-size: 18px; font-weight: 800; padding-left: 10px; } .Mac03-5 p a { color: #FFF; line-height: 30px; font-size: 14px; padding-left: 10px; } .Mac03-1 h2 { height: 56px; background: url(/Sites/Uploaded/Image/2014/9/yb_15.jpg) no-repeat; padding-left: 48px } .Mac03-1 h2 a { color: #FFF; line-height: 36px; font-size: 18px; font-weight: 100 } .lists li { padding-left: 15px; background: url(../images/YiBao/iicons_h.png) no-repeat 6px -245px; float: left; width: 120px; overflow: hidden; height: 28px; line-height: 28px; } .lists li a { line-height: 30px; color: #FFF; font-size: 14px; font-family: '宋体' } .Mac02-2 a img { width: 277px; height: 217px } .Mac01-3-1 a { height: 36px; background: #34a8e1 url(../images/YiBao/zhengceDT.gif) no-repeat center 12px; text-align: center; padding-top: 91px } .Mac01-3-2 a { height: 36px; background: #34a8e1 url(../images/YiBao/Nitic.gif) no-repeat center 26px; text-align: center; padding-top: 91px } .Mac03-2 a { height: 90px; background: #34a8e1 url(../images/YiBao/iicons.png) no-repeat 28px -160px; line-height: 90px; text-align: center } .Mac02-2-1 a { height: 46px; line-height: 46px; padding-left: 56px; position: absolute; bottom: 0; font-size: 18px; color: #fff; } /*------------------links---------------*/ .links { padding: 15px; width: 840px; margin: 10px auto 0; font-size: 14px; line-height: 20px; background: #34a8e1; color: #FFF } .links a { color: #FFF; display: inline-block; margin: 0 10px } /*-----------------footer---------------*/ .footer { color: #999; line-height: 24px; font-size: 14px; width: 870px; margin: 0 auto; padding: 20px 0 } .footer p { width: 850px; height: 27px; line-height: 27px; background: #fff; padding: 0 10px } /* 图片切换 */ .SwitchImageDefault { width: 273px; height: 195px; position: relative; /* margin-top: -35px; */ margin-bottom: 10px; } .pic_switch { width: 273px; height: 195px; position: relative; overflow: hidden; float: left; } .pic { width: 273px; height: 195px; padding-bottom: 3px; margin: 0 auto; } .pic li { width: 273px; } .pic li img { width: 273px; height: 195px; } .tit { float: left; height: 30px; width: 273px; height: 30px; position: absolute; left: 0; bottom: 0; _bottom: 10px; z-index: 8000; } .tit li { line-height: 30px; height: 30px; width: 274px; } .tit li a { color: #FFFFFF; margin-left: 10px; font-size: 14px; } .num { float: right; right: 5px; bottom: 10px; _bottom: 15px; position: absolute; right: 0; z-index: 8000; } .num li { background-color: #D2D3D4; display: inline; float: left; font-size: 0; height: 10px; margin: 10px 10px 0 0; width: 10px; cursor: pointer; } .undis { display: none; } .dis { display: block; } .s { background-color: #30B1EB !important; } .hui_back { width: 360px; height: 30px; background: #000000; position: absolute; left: 0; bottom: 0; z-index: 6666; display: none; filter: Alpha(Opacity=40, Style=0); opacity: 0.40; } .bg_h { background: #000000; height: 35px; opacity: 0.5; position: relative; top: 195px; z-index: 10; } /*文章&栏目样式*/ .CAmain { background: #FFF; overflow: hidden; padding: 0 10px 20px; } .CAmain #column_content { width: 100%; } .linkmap_R{ color: #A40000; } .linkmap_R a{ color: #A40000; } .contentName{ padding: 0 10px; margin: 10px 0 0 0; } .contentName a{ font-size: 14px; font-weight: 600; } .div_content #leftNav .add { padding: 0 } body .linkmap { width: 870px; margin: 10px auto } .content { width: 100%; } .columnList { padding: 0 10px; } .article_bottom { width: 98%; } @media only screen and (max-width:768px) { .headerTop { width: 100%; } .searchM { width: 100%; } .logo_right { display: none; } .logo { float: none; text-align: center; } .keyword { display: none; } .search { float: none; margin: 0 auto; width: 75%; } .inpuText { width: 78%; } .submitBtn { width: 22%; background-size: 100% 38px; } body .main { width: 96%; padding: 0 2%; } .Mac01 { width: 46%; } .Mac02 { width: 52%; margin-left: 2%; } .SwitchImageDefault { width: 100%; } .pic, .pic li, .pic li img { width: 100%; } .tit { width: 60%; overflow: hidden; } .Mac03-1 ul { overflow: hidden; height: 113px; } .Mac03-1 ul li { width: 100%; } .Mac01-1, .Mac02-1 { width: 49%; padding: 0; } .Mac01-1 img, .Mac02-1 img { width: 100%; height: 124px; } .Mac01-4 { width: 100%; } .Mac01-4 img { width: 100%; height: 65px; } .Mac02-2 { background-size: 100% 188px; } .Mac02-2-1 a { padding-left: 18%; } .Mac03 { width: 100%; } .Mac03 .clearit { display: none; } .Mac01-2, .Mac01-3-1, .Mac01-3-2, .Mac03-2 { float: left; width: 24%; margin-top: 10px; padding: 0; margin-right: 1%; height: auto; } .Mac01-2 a, .Mac01-3-1 a, .Mac01-3-2 a, .Mac03-2 a { background: none; } .Mac03-2 { margin-right: 0; } .Mac01-2 img, .Mac01-3-1 img, .Mac01-3-2 img, .Mac03-2 img { width: 100%; } .Mac03-5 { float: left; width: 99%; background-size: 100% 137px; } .footer { width: 96%; padding: 0 2%; margin: 8px auto 0; } .footer p { width: 96%; padding: 0 2%; height: auto; } .CAmain #column_content { width: 100%; } .content { width: 100%; } .columnList { padding: 0 2%; } } @media only screen and (max-width:480px) { .logo img { width: 90%; } .Mac01 { width: 100%; } .Mac01-1, .Mac02-1, .Mac01-1 img, .Mac02-1 img { height: auto; } .Mac01-4, .Mac01-4 img { height: auto; } .Mac02 { width: 100%; margin: 7px 0 0; } .Mac01-2, .Mac01-3-1, .Mac01-3-2, .Mac03-2 { width: 49%; } }