﻿@charset "utf-8";
/*
	Css for PEL,	ver 1.0
	CopyRight By Dongyi Network Technology CO.,Ltd Design Center

	本网站通用布局
*/

/* Css Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td,img { padding: 0; margin: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { vertical-align: top; border: 0; }
address,caption,cite,code,dfn,em,th,var,i { font-weight:normal; font-style:normal; }
ol,ul,li { list-style: none; }
div,dl,dt,dd,ol,ul,li{ zoom:1; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size:100%; }
q:before,q:after { content:''; }
abbr,acronym { border: 0; }

/* Public */
html{ }
body{ color: #333; font: 14px/1.8 "Microsoft YaHei",SimSun,Tahoma,Helvetica,Arial,sans-serif; text-align:center; -webkit-text-size-adjust: none;}
a{color:#333;text-decoration:none;outline:none;}
a:hover {color:#AC2121;text-decoration:underline; }
.clearbox {border:none;border-top: 1px solid transparent !important;clear: both;
font-size: 0;height: 0;line-height: 0;margin-top: -1px !important;visibility: hidden;}
.blank{ display:block; height:10px;font-size:0px; line-height:0; overflow:hidden; clear:both;  }
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
* html .clearfix{height:1%;}
*+html .clearfix{min-height:1%;}
.fl{ float:left;  }
.fr{ float:right;   }
.hide{ display:none; }
.mat{ margin-top:10px;  }
.mab{ margin-top:10px;  }

/* frame */
html{background: url(images/html.jpg) center 0 repeat-x #F3F1ED;}
body{min-width: 1200px;text-align:center;background: url(images/body.jpg) center 0 no-repeat;}
#header{position:relative;z-index:3;}
#content{clear: both;min-height: 400px;width: 1200px;padding:20px; background:#fff;margin: 0 auto;position:relative;z-index:0;text-align:left;overflow:hidden;}
#content.noSideContent{}
.siteWidth{ width:1200px; margin:0 auto; text-align:left; position:relative; overflow:hidden }

.logoBar{height: 180px;text-align:left;width:1200px;margin:0 auto;position:relative;}
#logo{top: 30px;position:absolute;left:0;}


.logoBar .links {
    position: absolute;
    top: 10px;
    right:0;
    color: #fff;
    font-size: 12px;
    z-index: 9;
}
.logoBar .links dl {
    margin: 0 10px;
    position: relative;
    float: left;
}
.logoBar .links s {
    float: left;
    text-decoration: none;
    line-height: 30px;
    width: 5px;
    overflow: hidden;
    text-align: center;
}
.logoBar .links dt {
    float: left;
    height: 30px;
    line-height: 30px;
    position: relative;
    z-index: 11;
}
.logoBar .links dt a{
    color:#fff;
}
.logoBar .links dd {
    clear: both;
    display: none;
    padding: 7px;
    background: #fff;
    position: absolute;
    right: 50%;
    top: 34px;
    margin-right: -54px;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}
.logoBar .links dd img {
    width: 100px;
    height: 100px;
}
.logoBar .links dd i {
    z-index: 8;
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -3px;
    border-width: 5px;
    border-color: transparent;
    border-style: dashed;
    border-bottom-color: #fff;
    border-bottom-style: solid;
    display: block;
    font-size: 0;
    line-height: 0;
    width: 0;
}
.logoBar .links .on dd {
    display: block;
}


.siteSearch{width: 345px;height: 30px;position:absolute;right:0;top: 70px;}
.siteSearch .searchBtn{display:block;width:80px;height: 40px; line-height:40px; text-align:center; position:absolute;right:0;top:0;z-index:2; background:#f6a04c; border-radius: 0px 3px 3px 0px; font-size:16px; color:#fff; }
.siteSearch .searchBtn:hover{background-color:#f59233; text-decoration:none;}
.siteSearch input{border:0;background:#fff;line-height: 20px;padding:10px 10px 10px 35px; background: url(images/icons.png) 8px -136px #fff no-repeat;position:absolute;left:0;top:0;width: 215px;outline:none;color:#999;
    border-radius:3px 0 0 3px;
}
/* 主导航 */
.topNav{height:50px;line-height:50px;background: #fff; }
.mainNav{ width:1200px; margin:0 auto; }
.mainNav:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.mainNav a{ }
.mainNav .li1{ text-align: center;  float:left; position:relative;  }
.mainNav .h1{float:left;}
.mainNav .a1{display:block;zoom:1;float:left;width: 150px;font-size:18px;}
.mainNav .a1:hover,.mainNav .on1 .a1{ text-decoration:none; background:#F6A04C; color:#fff; }
.mainNav .ul1{overflow:hidden;position:absolute;left: 0;top: 50px;width: 100%;display:none;background: #F6A04C; background:rgba(246,160,76,.9);padding:10px 0;}
.mainNav .li2{vertical-align:top;float:left;width:100%;}
.mainNav .a2{display:block;line-height: 22px;padding:5px 5px; color:#fff;-webkit-transition:200ms;-o-transition:200ms;-moz-transition:200ms;transition:200ms;}
.mainNav .a2:hover{background: #dc3030;color:#fff;text-decoration:none;}
.mainNav #aID5{width:150px}
.mainNav #ulID5{width:150px;}

/* 主栏 和 侧栏 */
.mainContent{ padding:0; overflow:hidden;  }
.side{ width: 260px; margin-right:30px;  float: left; }

/* 侧栏-栏目菜单 */
#sideMenu{background:#F2F2F2;}
#sideMenu .hd{ border-bottom:0; height:60px; line-height:60px; background:url(images/sidemenu.png) #A5141B 0 0 no-repeat; }
#sideMenu .hd h3{font-size:24px; color:#fff; text-align:center;  }
#sideMenu .hd a{color:#fff; }
#sideMenu .bd{padding:20px 20px 40px 20px; }
#sideMenu .bd li{ vertical-align:top; border-bottom:1px solid #E3E1E1; }
#sideMenu .bd a{display:block;line-height: 24px;padding: 6px 20px 6px 40px;background: url(images/icons.png) 20px -1146px no-repeat; font-size:16px;}
#sideMenu .bd a:hover{text-decoration:none;background-color:#e2e2e2;}
#sideMenu .bd .on a{background-color:#A27F4B;text-decoration:none;color:#fff;background-position: 20px -1255px;}

/* 位置导航 */
.path{text-align:left;margin-bottom: 20px;height:30px;line-height:30px; color:#777}
.path a,.path span{ padding:0 3px;color:#777}
.path em{background: url(images/icons.png) no-repeat 0 -428px;padding-left: 20px;}

.pathCon{ float:none; height:40px; line-height:40px; border-bottom:1px solid #ddd }

/*footer*/
#footer{padding:20px 0;font-size: 12px;background: #3B3B3B;position:relative;margin: 0 auto;color:#fff;}
#footer a{color:#fff;}
#footer .siteWidth{text-align:left;}
.footNav{height:32px;line-height:32px; padding:15px 0 10px 0; margin-left:-5px}
.footNav a{margin:0 5px}
.copyRight{  line-height:3;  }
#footer .pics{float:right; text-align:center;}
#footer .pics img{width:90px; margin-bottom:10px;}
#footer .jb{float:right; border:1px solid #6E6E6E; padding:10px 20px; line-height:24px; margin-right:30px;}


/* 通用盒子模型 */
.box{margin-bottom:20px;}
.box .hd{ height:38px; line-height:38px; border:1px solid #EFEFEF; background:#F6F6F6; position:relative;margin-bottom:20px;}
.box .hd .more{ position:absolute; right:10px; display:block; color:#999;}
.box .hd h3{font-size:18px; position:absolute; height:40px; line-height:40px; margin:-1px; padding:0 25px; background:#AC2121; color:#fff; min-width:80px; text-align:center;}
.box .hd h3 a{color:#fff}
.box .hd h3 a:hover{ color:#fff; text-decoration:none }
.box .hd ul{ overflow:hidden; position:absolute; height:40px; line-height:40px; margin:-1px; }
.box .hd li{ float:left; padding:0 25px;  margin-right:5px; font-size:18px; }
.box .hd li a{ color:#AC2121 }
.box .hd li a:hover{ text-decoration:none; }
.box .hd .on{ color:#fff; background:#AC2121  }
.box .hd .on a{ color:#fff}
.box .bd{overflow:hidden;}

/* tabBox */
.tabBox .hd{ background: #FAFAFA; height:35px; line-height:35px; border-bottom:1px solid #ddd; overflow:hidden; }
.tabBox .hd .more{ padding-right: 5px; float:right; color:#999 }
.tabBox .hd h3{ color:#fff;  font-size:16px; background:#AC2121; float:left; padding:0 15px; }
.tabBox .hd h3 a{ color:#fff;  }
.tabBox .hd h3 a:hover{ text-decoration:none; }
.tabBox .hd ul{ overflow:hidden}
.tabBox .hd li{ float:left; padding:0 15px; background:#ECECEC; margin-right:5px; font-size:16px; }
.tabBox .hd li a:hover{ text-decoration:none; color:#fff; }
.tabBox .hd .on{ color:#fff;  background:#AC2121; }
.tabBox .hd .on a{ color:#fff}
.tabBox .bd{  padding:10px 0 0 0; overflow:hidden; }

/* 侧栏盒子模型 */
.sideBox{margin-bottom:20px;position:relative; background:#F2F2F2; padding:0 20px;}
.sideBox .hd{border-bottom:4px solid #E1E1E1;height: 42px;line-height: 42px; position:relative;}
.sideBox .hd .more{ float:right; color:#fff; }
.sideBox .hd h3{font-size: 18px; border-bottom:4px solid #AC2121; color:#AC2121; position:absolute; left:0; top:0; padding:0 10px; font-weight:bold;}
.sideBox .hd h3 a{ color: #AC2121;  }
.sideBox .hd h3 a:hover{ text-decoration:none;  }
.sideBox .bd{padding:15px 0;overflow:hidden;}

.infoList1 li{font-size: 14px;padding: 8px 8px 8px 15px; background: url(images/icons.png) 1px -59px no-repeat;line-height: 1.5;position:relative;border-bottom:1px dotted #ccc; }
.infoList1 li .date{position:absolute; bottom:8px; right:12px; color:#999;}
.infoList1 .last{border-bottom:0;}


/* indBox */
.indBox .iHd{ height:36px; line-height:36px; position:relative; border-bottom:2px solid #F0F0F0;  }
.indBox .iHd .more{ position:absolute; right: 10px; top: 0px;  color: #999;}
.indBox .iHd h3{position:absolute;top:-1px;left:0;font-size:18px;color:#AC2121;border-bottom:3px solid #AC2121;padding:0 10px 0 0;font-weight:bold;}
.indBox .iHd h3 a{color:#AC2121}
.indBox .iHd h3 a:hover{ text-decoration:none; }
.indBox .iBd{overflow:hidden;padding: 15px 0;}

/* wBox */
.wBox .wHd{height:55px;line-height:55px;position:relative; border-top:4px solid #AC2121; border-bottom:1px solid #e2e2e2}
.wBox .wHd:after{content:""; display:block; height:4px; width:50px; background:#FF8A00; position:absolute; right:0; top:-4px;}
.wBox .wHd .path{float:right; line-height:50px;}
.wBox .wHd .more{ position:absolute; right: 10px; top: 0px;  color: #999;}
.wBox .wHd h3{font-size:22px; position:absolute; padding:0 15px;}
.wBox .wHd h3 a:hover{ text-decoration:none; }
.wBox .wBd{overflow:hidden;padding:20px 0;}

.focusBanner{ height:430px; margin:0 auto; clear: both;text-align: center;position: relative;z-index: 0; overflow:hidden;}
.focusBanner .con{display:none}
.focusBanner .bd{position:relative;z-index:0; height:430px;}
.focusBanner .hd{ width:100%; height:10px; position:absolute; bottom:15px; left:0; z-index:1; font-size:0; }
.focusBanner .hd li{ height:10px; width:10px; background:#fff; margin:0 5px; cursor:pointer; display:inline-block; *display:inline; zoom:1; vertical-align:top; 
-webkit-box-shadow:0px 2px 5px rgba(0, 0, 0, .3); -moz-box-shadow:0px 2px 5px rgba(0, 0, 0, .3); box-shadow:0px 2px 5px rgba(0, 0, 0, .3); 
-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
.focusBanner .hd li span{display:none;}
.focusBanner .hd .on{background:#ED6E21}
.focusBanner .prev,.focusBanner .next{left:50%;top:50%;margin: -28px 0 0 -600px;width:28px;height:56px;background: url(images/icons.png) 6px -742px no-repeat #000;filter:alpha(opacity=30);opacity:0.3;display:block;position:absolute;}
.focusBanner .next{left:auto;right:50%; margin-right:-600px; background-position: -38px -742px;}
.focusBanner .prev:hover,.focusBanner .next:hover{ filter:alpha(opacity=60);opacity:.6; }

#pageBanner{height:200px; position:relative; z-index:0;}
#pageBanner .prev,#pageBanner .next{display:none;}

/*--
颜色代码
#1E72B4 深蓝色标题
#C4DEF8 淡蓝色边框
--*/



