﻿body{overflow:visible}
.header{position:relative;left:auto;top:auto;float:left;box-shadow:0 0 10px #776f62}
.footer{position:relative;left:auto;top:auto;float:left;margin-top:45px}
.banner{float:left;width:100%;height:258px;overflow:hidden}
.banner .list{float:left;width:100%;height:258px;background-position:center center;background-repeat:no-repeat}
.gonggao{float:left;width:100%;height:55px;background:url(../images/bg_01.jpg) repeat-x}
.gonggao .list{float:left;margin-top:9px;height:33px;width:1173px;padding-left:27px;line-height:33px;color:#999999;background:url(../images/icon_lb.png) no-repeat 0 center;overflow:hidden}
.main{float:left;width:100%;margin-top:18px}
.leftpanel{float:left;width:230px;box-shadow:1px 2px 5px #dddddd}
.leftpanel .catalog{float:left;margin-top:103px;width:100%;padding:10px 0 15px;background:#fff;position:relative}
.leftpanel .catalog .catalog-title{position:absolute;left:0;top:-111px;width:100%;height:111px;background:url(../images/lp_01.png) no-repeat}
.leftpanel .catalog .catalog-title .title{float:left;padding-left:39px;padding-top:51px;line-height:30px;width:188px;font-size:24px;color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.leftpanel .catalog .catalog-title .title span{margin-left:5px;font-size:14px;font-family:Tahoma;text-transform:uppercase}
.leftpanel .catalog a{float:left;padding-left:45px;width:185px;height:40px;line-height:40px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;background:url(../images/line.jpg) no-repeat 25px bottom}
.leftpanel .catalog a.last{background:none}
.leftpanel .catalog a span{margin-left:3px;color:#d3d3d3}
.leftpanel .catalog a:hover,.leftpanel .catalog a.current{color:#fff;text-decoration:none;background:#6babe5 url(../images/o.png) no-repeat 27px 15px}
.leftpanel .catalog a:hover span,.leftpanel .catalog a.current span{color:#fff}
.leftpanel .dividing{float:left;width:100%;height:3px;background:url(../images/d1.jpg) no-repeat}
.leftpanel .contact{float:left;width:100%;padding-top:16px;background:#ffffff}
.leftpanel .contact .cont{float:left;margin-left:23px;width:198px;line-height:28px;padding-bottom:53px;color:#666666}
.leftpanel .contact .cont .title{float:left;width:100%;font-size:14px;color:#333;line-height:35px}
.leftpanel .contact .cont .list{float:left;margin-top:5px;width:100%;height:33px;background:url(../images/qq.jpg) no-repeat}
.leftpanel .contact .cont .list a{float:left;margin-right:20px;width:32px;height:33px}
.rightpanel{float:right;width:935px}
.rightpanel .subdir{float:left;width:933px;min-height:42px;line-height:42px;border:solid 1px #168bd5;margin-bottom:8px;-webkit-border-radius:5px;border-radius:5px}
.rightpanel .subdir a{float:left;margin:0 5px;height:42px;line-height:42px;padding:0 18px;font-size:14px}
.rightpanel .subdir a:hover,.rightpanel .subdir a.current{text-decoration:none;color:#fff;background:#168bd5}
.rightpanel .head{float:left;width:100%;height:40px;line-height:40px;border-bottom:solid 1px #eef0f3}
.rightpanel .head .title{float:left;font-size:18px;margin-left:1px}
.rightpanel .head .sitemap{float:right;padding-left:32px;height:40px;color:#999999;background:url(../images/icon_home.jpg) no-repeat 0 center}
.rightpanel .head .sitemap a{color:#999}
.rightpanel .head .sitemap span{color:#168bd5}
.rightpanel .content{float:left;padding:25px 5px 0;width:925px;line-height:28px;min-height:300px}
.rightpanel .content img{max-width:100%; height:auto;}
.mod-news-box{float:left;margin-top:7px;width:100%}
.mod-news-box .list{float:left;margin-top:18px;width:100%;padding-bottom:18px;border-bottom:dashed 1px #c9c9c9}
.mod-news-box .list img{float:left;width:160px;height:127px}
.mod-news-box .list .cont{float:left;margin-left:26px;width:746px;color:#999999;line-height:28px}
.mod-news-box .list .cont a.title{float:left;width:100%;height:28px;font-size:19px;line-height:28px;color:#1c1714;padding-bottom:5px}
.mod-news-box .list .cont a.title:hover{text-decoration:none;color:#ff0000}
.mod-news-box .list .cont a.more{margin-left:5px;color:#ff0000}
.mod-pager-box{float:left;width:100%;height:36px;text-align:center;margin-top:36px}
.mod-pager-box a,.mod-pager-box .current{margin:0 5px;border:solid 1px #fff;width:36px;height:36px;color:#000;font-size:14px;text-decoration:none;line-height:36px;-webkit-border-radius:30px;border-radius:30px;display:inline-block}
.mod-pager-box .current{border-color:#d72528}
.mod-pager-box a:hover{border-color:#d72528}
.mod-pager-box a.pages,.mod-pager-box a[disabled='disabled']{margin:6px 8px 0;width:23px;height:23px;color:#a2a2a2;border-color:#a2a2a2;line-height:23px;font-family:宋体}
.mod-pager-box a.pages:hover{color:#d72528;border-color:#d72528}
.mod-pager-box a[disabled='disabled']{color:#e6e6e6;border-color:#e6e6e6}
.mod-pager-box a[disabled='disabled']:hover{color:#e6e6e6;border-color:#e6e6e6}
.mod-sitemap-box{float:left;width:100%;margin-top:15px}
.mod-sitemap-box ul{float:left;width:100%;padding:0;margin:0;list-style-type:none}
.mod-sitemap-box ul li{float:left;width:100%;height:45px;line-height:45px;border-bottom:dashed 1px #ddd}
.mod-sitemap-box ul li a{float:left;width:100px;font-weight:bold;font-size:14px;color:#000;text-indent:2px}
.mod-sitemap-box ul li .submenu{float:left}
.mod-sitemap-box ul li .submenu a{float:left;margin-right:15px;font-size:13px;width:auto;font-weight:normal}
.mod-search-list{float:left;width:100%}
.mod-search-list ul{float:left;padding:0;margin:0;width:100%}
.mod-search-list ul li{float:left;width:910px;margin-left:15px;height:45px;line-height:45px;font-size:14px}
.leftpanel .submenu{position:absolute; left:0; top:45px; width:100%;  z-index:100; display:none;}
.leftpanel .submenu a{float:left; margin-right:10px; margin-bottom:10px; padding:7px 15px; line-height:20px; border:solid 1px #6bbdf1; color:#168bd5;}
.leftpanel .submenu .wrapper{float:left; padding:7px 10px 0; width:100%; background-color:#eee; border-radius:5px; box-sizing:border-box;}
@media(max-width:1024px)
{
.gonggao .list{width:100%; box-sizing:border-box;}
.rightpanel{width:calc(100% - 230px - 15px);}
.rightpanel .content{width:100%;}
}
@media(max-width:768px)
{
.header{position:fixed; left:0; top:0;}
.banner{margin-top:60px; height:120px;}
.banner .list{height:120px; background-size:cover;}
.main{ background-color:#fff; margin-top:0; padding-top:7px;}
.leftpanel{width:100%; box-shadow:none;}
.leftpanel .catalog{ margin-top:0; padding:0;white-space:nowrap;overflow-x:auto; }
.leftpanel .fixed{position:fixed; left:0;  z-index:100; top:60px; background-color:#fff;}
.leftpanel .submenu.fixed{ position:fixed; z-index:100; top:114px;}
.leftpanel .catalog.fixed{padding-top:10px; padding-bottom:5px; padding-left:2%;}
.leftpanel .submenu.fixed{width:96%; left:2%;}
.leftpanel .catalog > a,.leftpanel .catalog > a.last{float:none; margin-right:3px; width:auto; padding:0 15px; border-radius:5px; background:#eee; display:inline-block;}
.leftpanel .catalog > a:last-child{margin-right:0;}
.leftpanel .catalog > a span{display:none;}
.leftpanel .catalog a:hover,.leftpanel .catalog a.current{background:#168bd5;}
.leftpanel .catalog a.title:hover, .leftpanel .catalog a.title.current{ background:#6babe5;}
.leftpanel .dividing,.leftpanel .contact{display:none;}
.leftpanel .catalog .catalog-title{display:none;}
.rightpanel .subdir{width:100%;}
.rightpanel .subdir a{padding:0 10px;}
.rightpanel{width:100%; margin-top:20px; padding-bottom:20px;}
.rightpanel .head .title{font-weight:600;}
.rightpanel .head .sitemap{display:none;}
.rightpanel .content{padding-left:0; padding-right:0; overflow:hidden;}
.rightpanel .content table{float:left; width:100% !important; margin-left:0 !important; margin-right:0 !important;}
.rightpanel .content table tbody{float:left; width:400px !important; overflow:auto;}
.rightpanel .content table tbody tr{width:700px !important; border-bottom:solid 1px #eee !important; display:inline-block;}
.rightpanel .content table tr td:nth-child(1){min-width:100px !important}
.mod-news-box{margin-top:0;}
.mod-news-box .list{margin-top:12px; padding-bottom:12px;}
.mod-news-box .list img{width:30%; height:auto;}
.mod-news-box .list .cont{float:right; margin-left:0; width:calc(100% - 30% - 15px);  line-height:24px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; display: -webkit-box;  -webkit-box-orient: vertical;}
.mod-news-box .list .cont a.title{height:auto; font-size:16px; font-weight:bold;}
.mod-pager-box{margin-top:17px;}
.mod-pager-box a, .mod-pager-box .current{width:30px; height:30px; margin:0 3px; line-height:30px;}
.footer{margin-top:0;}
}