﻿@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: 12px/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:#6A132B;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 */
body{ min-width: 1200px;text-align:center; background:url(images/body.png) center 350px no-repeat #DED7D9}
#header{ position:relative;  z-index:3;  background:url(images/header.jpg) center 0 no-repeat #6B132C;}
#content{clear: both;min-height: 400px;width: 1200px;padding: 10px 0 30px 0;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: 120px;text-align:left;width:1200px;margin:0 auto;position:relative;}
#logo{top: 26px;position:absolute;left:0;}

.siteSearch{width: 230px;height:30px;position:absolute;right:0;top: 59px;}
.siteSearch .searchBtn{ display:block; width:40px; height:30px; position:absolute; right:0; top:0; background:url(images/icons.png) 10px -188px #fff no-repeat; z-index:2;
    border-radius:0 100px 100px 0;
 }
.siteSearch input { border: 0; background: #fff; height: 30px; line-height: 30px; padding: 0 5px 0 20px; position: absolute; left: 0; top: 0; width: 165px; outline: none; color: #999; border-radius: 100px 0 0 100px; }
#header .links { position: absolute; top: 20px; right: 0; color: #fff; font-size: 12px;z-index: 9; }
#header .links a { color: #fff; }
#header .links dl {margin: 0 8px;color: #fff;position: relative;float: left;}
#header .links s { float: left; text-decoration: none; line-height: 30px; width: 5px; overflow: hidden; text-align: center; }
#header .links dt { float: left; height: 30px; line-height: 30px; position: relative; z-index: 11; }
#header .links .site { margin: 0 0 0 5px; }
#header .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); }
#header .links dd img { width: 100px; height: 100px; }
#header .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; }
#header .links .phone dt {padding-left: 23px;background: url(images/icons.png) 0px -539px no-repeat;}
#header .links .qrcode dt{background-position:0 -479px}
#header .links .qrcode dd{padding:0;}
#header .links .qrcode dd img{width:110px; height:110px}
#header .links .on dd{display:block;}
/* 主导航 */
.topNav{height:50px;line-height:50px;background:#fff;}
.mainNav{ font-size: 16px;  width:1200px; margin:0 auto; }
.mainNav:after{content:".";display:block;height:0;clear:both;visibility:hidden;} 

.mainNav .li1{text-align: center;float:left;position:relative;padding: 0 3px;}
.mainNav .h1{line-height:47px;}
.mainNav .a1{display:block;zoom:1;float:left;padding: 0 10px;}
.mainNav .a1:hover,.mainNav .on1 .a1{ text-decoration:none; color:#831B36; border-bottom:3px solid #831B36}
.mainNav .ul1{overflow:hidden;position:absolute;left: 0;top: 47px;width: 100%;display:none;background: #831B36;}
.mainNav .li2{vertical-align:top;float:left;width:100%;}
.mainNav .a2{ color:#fff; font-size: 14px;display:block;line-height: 22px;padding: 5px;-webkit-transition:200ms;-o-transition:200ms;-moz-transition:200ms;transition:200ms;}
.mainNav .a2:hover{background: #9c2345;color:#fff;text-decoration:none;padding-left:12px;}

.pageBanner{ background:url(images/pagebanner-out.jpg);}
.pageBanner .in{background:url(images/pagebanner.jpg) center 0 no-repeat; height:180px;}

/* 主栏 和 侧栏 */
.mainContent{  min-height:600px; padding:20px;overflow:hidden; background:#fff;}
.side{width: 260px;float: left;}

/* 侧栏-栏目菜单 */
#sideMenu{ background:#A5A0A1; padding:20px; color:#fff;}
#sideMenu .hd{ height:50px; line-height:35px; background:url(images/line1.png) 0 bottom repeat-x; margin-bottom:20px;}
#sideMenu .hd h3{ font-size:22px; }
#sideMenu .bd li{ vertical-align:top; margin-bottom:10px;}
#sideMenu .bd a{display:block;line-height:24px;padding: 6px 30px 6px 25px;background: url(images/icons.png) 190px -234px no-repeat #9A9294;font-size:16px;color:#fff;-webkit-transition:400ms;-o-transition:400ms;-moz-transition:400ms;transition:400ms;}
#sideMenu .bd a:hover,#sideMenu .bd .on a{background-color:#6A122D;text-decoration:none; }
#sideMenu .bd a:hover{ background-position:195px -234px}

/* 位置导航 */
.path{text-align:left;margin-bottom: 12px;height:30px;line-height:30px;}
.path a,.path span{ padding:0 3px;  }
.path em{background: url(images/icons.png) no-repeat 0 -430px;padding-left: 23px;}

.pathCon{ float:none; height:40px; line-height:40px; border-bottom:1px solid #ddd }




.friendLinks{background:#666;color:#fff; padding:20px 0 10px 0}
.friendLinks a{color:#fff;}
.friendLinks ul{ overflow:hidden;}
.friendLinks li{ float:left; }
.friendLinks .hd{ border-bottom:1px solid #2b2b2b;}
.friendLinks .hd li a{display: inline-block;padding: 0px 20px;height: 40px;line-height: 40px;}
.friendLinks .hd li.on a{background:#6b132c}
.friendLinks .bd{ padding:20px 20px}
.friendLinks .bd li{ margin-right:20px;}


/*footer*/
#footer{padding: 30px 0; font-size: 14px; background:url(images/footer.jpg) #6A122D;position:relative;margin: 0 auto; color:#fff;}
#footer a{ cursor: pointer; }
#footer .con{overflow:hidden;}
.footNav{height:38px;line-height:32px;margin-left:-5px;}
.footNav a{ margin:0 5px; color:#fff;}
.copyRight{line-height:2;font-size:12px;line-height: 1.8;}
.qrCode{float:left; margin-right:20px; padding-left:20px; }
.qrCode img{width:83px; height:83px; }


/* 通用盒子模型 */
.box{margin-bottom:20px;}
.box .hd{ height:38px; line-height:38px; border-bottom:1px solid #ddd; position:relative; }
.box .hd .more{position:absolute;right:0;display:block;width: 46px;height:38px;background: url(images/icons.png) 29px 10px no-repeat; color:#808080}
.box .hd h3{ font-weight:bold; font-size:18px; position:absolute; height:36px; line-height:36px; left:0; top:0; color:#6A132B; border-bottom:3px solid #6A132B;}
.box .hd h3 a{ color:#6A132B; text-decoration:none }
.box .hd ul{overflow: hidden;position:absolute;height: 40px;line-height: 37px;}
.box .hd li{ float:left; padding:0 15px;  margin-right:5px; font-size:18px; font-weight:bold;}
.box .hd li a{ color:#666 }
.box .hd li a:hover{ text-decoration:none; color:#6A132B; }
.box .hd .on{ color:#6A132B; border-bottom:3px solid #6A132B  }
.box .hd .on a{ color:#6A132B}
.box .bd{padding: 15px 0;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:#6A132B; 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:#6A132B; }
.tabBox .hd .on a{ color:#fff}
.tabBox .bd{  padding:10px 0; overflow:hidden; }

/* 侧栏盒子模型 */
.sideBox{position:relative; background:#892140; color:#fff;}
.sideBox a{color:#fff;}
.sideBox .hd{ background-color: #6A132B; height: 50px; line-height: 50px; padding: 0 10px; overflow:hidden; border-bottom:2px solid #591025; }
.sideBox .hd .more{ float:right; color:#fff; }
.sideBox .hd h3{font-size: 18px;color: #fff;padding-left: 22px;background: url(images/icons.png) 7px -796px no-repeat;}
.sideBox .hd h3 a{ color: #fff;  }
.sideBox .hd h3 a:hover{ text-decoration:none;  }
.sideBox .bd{ padding: 20px; overflow:hidden; }
.sideBox .infoList{padding-left:10px;}
.sideBox .infoList li{ background-position:0 -339px}

.infoList1 li{font-size: 14px;padding: 8px 8px 8px 20px;margin-bottom: 8px;background: url(images/icons.png) 9px -58px #fff 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;}

/* wBox */
.wBox{}
.wBox .wHd{height:50px;line-height:35px;position:relative; background:url(images/line.png) 0 bottom repeat-x;}
.wBox .wHd .more{ position:absolute; right: 10px; top: 0px;  color: #999;}
.wBox .wHd h3{font-size:22px;color:#6A132B;padding-left:20px; background: url(images/icons.png) 0 -730px no-repeat;}
.wBox .wHd h3 a:hover{ text-decoration:none; }
.wBox .wBd{overflow:hidden;padding:20px 0;}

/* goTop */
#goTop { position: fixed; display: none; _display: none !important; width: 50px; height: 50px; bottom: 60px; right: 5px; z-index: 99; cursor: pointer; margin: 5px; width: 40px; height: 40px; border-radius: 2px; box-shadow: 0 0 5px #9c9c9c; -webkit-box-shadow: 0 0 5px #9c9c9c; opacity: .9; background: rgba(0, 0, 0, .5); }
#goTop:after{ display: block; position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -15px; content: ""; border-width: 10px; border-color: transparent; border-bottom-color: #fff; border-bottom-style: solid; border-style: dashed; display: block; font-size: 0; line-height: 0; width: 0; }

/*-- 
颜色代码
#1E72B4 深蓝色标题
#C4DEF8 淡蓝色边框
--*/


