﻿/*
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 { 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{ width:100%; height:100%;}
body{ width:100%; height:100%; color:#333;font:14px/32px "Microsoft Yahei",Tahoma,Helvetica,Arial,sans-serif; background-color: #f8f8f8; }
a{color:#333;text-decoration:none; outline:none;}
a:hover {color:#714c09;text-decoration:none ; }
.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{height:20px;font-size:0px; line-height:0; }
.nodata{color:#999;}
.fr{float:right; }
.fl{float:left; }
.container { width: 1200px; margin: 0 auto; position: relative; }

/* frame */
#wrap { min-width: 1200px; background: url(images/bg.jpg) repeat;}
#header { height: 290px; position: relative; z-index: 1; background: url(images/header.jpg) no-repeat center top; padding-top: 40px; }
#content { margin: 20px auto 0; clear: both; width: 1200px; }

#header .getOfficialWebsite{position:absolute; top:0px; left:50%; margin-left:-600px; background:#725729; color:#fff; font-size:16px; border-radius:0 0 6px 6px;}
#header .getOfficialWebsite a{color:#fff; display:block; height:42px; line-height:42px; padding:0 15px;}

/* userLinks */
.userLinks {  font-size: 12px; float: right; }
.userLinks ul { float: right; }
.userLinks li { float: left; }
.userLinks li.spe { padding: 0 6px; }
.userLinks dl,.userLinks dt { position: relative; float: left; cursor: pointer;}
.userLinks dd { display: none; width: 185px; text-align: center; background-color: #fff; position: absolute; top: 30px; right: -67px; padding: 10px; height: 24px;}
.userLinks dl.on dd { display: block; }

/* 搜索框 */
#search{float: right; margin-left:10px; height:26px; padding-top:3px;}
#search .text{padding: 0px 10px; width: 120px; background: #f9fcff; border:1px solid #725729;outline: none; height:24px; line-height:24px; float:left;}
#search .btn{ background: #725729 url(images/cssSprite/iconSearch.png) no-repeat center; border: none; height:26px; width:56px; line-height:26px; text-align:center; float:left;   overflow: hidden; display:block; }
#search .btn:hover{color:#fff}
#search .tit{position: absolute;left: 10px;top: 0;height: 40px;line-height: 40px;padding: 0 5px;cursor: pointer;color: #666;}
#search .tit .icon{margin-left: 5px;width: 7px;height: 4px;background-position: 0 -100px;}
#search ul{display: none;position: absolute;left: 0;top: 30px;background-color: #fff;color: #999;padding: 10px 15px;cursor: pointer;}

/* logoBar */
.logoBar { height: 240px; position: relative;}
.logoBar .logo {  padding-top: 12px; width: 380px; height: 150px; clear: both;}
.logoBar .logo img { max-width: 380px; }

/* navBar */
.navBar { height: 50px; min-width: 1200px; background: #826635; clear: both; margin: 0 auto; }
.mainNav{ width: 1200px; zoom:1; margin: 0 auto; }
.mainNav ul{ display:none; position:absolute; top:50px; left:0; width:100%; background:#725729; text-align:center;  } 
.mainNav .li1{ float:left; position:relative; }
.mainNav li.spe { float: left;  height: 14px; width: 1px; overflow: hidden; background-color: #c1b39a; text-indent: 99px; margin-top: 18px; }
.mainNav a{ display:block; color: #fff; }
.mainNav .li1 .a1{ font-size: 17px; line-height:50px; text-align: center; color: #fff; padding: 0 47px; *padding: 0 45px;}
.mainNav .on1 .a1{ text-decoration:none; background-color: #725729; }
.mainNav .li1 li { border-top: 1px dashed #997942; }
.mainNav .li1 li a.a2 { line-height: 20px; padding: 6px 10px; }
.mainNav .on1 .a2:hover { background-color: #a8874d; }


/* 版权 */
#footer { clear: both; color: #333;  padding-top: 40px; padding-bottom: 15px; background: url(images/footer.png) no-repeat center top; }

.copyright { float: left; line-height: 30px; max-width: 640px; margin-top: 20px;  }
.copyright a { color: #333; }
.copyright a.ba { background: url(images/ba.png) no-repeat left center; padding-left: 24px; }
.copyright a.ba:hover { text-decoration: underline; color: #c00;}

.qr-ewm { float: right; width: 540px; overflow: hidden; }
.qr-ewm ul { margin-right: -20px; }
.qr-ewm li { float: left; width: 120px; height: 150px; text-align: center; background: url(images/border.png) no-repeat center top; margin-right: 20px; }
.qr-ewm li .pic { height: 86px; margin: 17px; }
.qr-ewm li .pic a { display: block; width: 100%; height: 100%; }
.qr-ewm li.li1 .pic { background: url(images/bg-yellow.jpg) no-repeat center -100px; }
.qr-ewm li.li4 .pic { background: url(images/bg-yellow.jpg) no-repeat center 0; color: #fff; line-height: 22px; }
.qr-ewm li.li4 .pic span { padding-top: 20px; display: block; }
.qr-ewm li.li4 .pic i { display: block; }
.qr-ewm img { width: 86px; height: 86px; }


.qr-ewm li .pic dd { *margin-left: -40px; }


/*返回顶部*/
#gotop{ position:fixed; bottom:-70px; right:30px; width:40px; height:40px; background:url(images/gotop.png) no-repeat center #9f9f9f; cursor:pointer;  transition:0.5s;   -moz-transition:0.5s;   -webkit-transition: 0.5s;   -o-transition:0.5s; _display:none;}
#gotop:hover{ background-color: #a27f49; }


/* box ---------------*/
.box .hd {  height: 40px; line-height: 40px; background: url(images/titleBar.png) no-repeat 0 0; padding-left: 7px; overflow: hidden;}
.box .hd h3 { background: url(images/titleBar.png) no-repeat right -80px; padding-right: 7px; }
.box .hd h3 a,.box .hd h3 span { display: block; padding-left: 46px; background: url(images/titleBar.png) repeat-x 0 -40px; font-size: 16px; line-height: 40px; height: 40px; color: #86441e;}
.box .hd a.more { float: right; padding-right: 10px; color: #86441e; }
.box .bd { border: 1px solid #dfd1c9; border-top: none; padding: 5px 10px; background-color: #fff; }

/* infoList */
.infoList li { height: 30px; line-height: 30px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;  padding-left: 18px; background: url(images/icon.png) no-repeat left center;  }
.infoList li span.date { float: right; color: #999; }

/* infoListA */
.infoListA li { border-bottom: 1px solid #d1d1d1; line-height: 24px; padding: 6px 0 6px 20px; background: url(images/icon.png) no-repeat 0 13px; }

/* picLinks */
.picLinks li { height: 70px; width: 243px; margin-top: 20px; border: 1px solid #fff; }
.picLinks li a { display: block; height: 70px; width: 100%; }
.picLinks li.li1 { background: url(images/pic-jzzn.jpg) no-repeat center; }
.picLinks li.li2 { background: url(images/pic-zxzx.jpg) no-repeat center; }
.picLinks li:hover { border-color: #ccb7a2; }

/* picList */
ul.picList li { float: left; width: 200px; margin-right: 20px; position: relative; }
ul.picList li .pic { margin-bottom: 5px; }
ul.picList li .pic,ul.picList li .pic img { width: 200px; height: 150px; }
ul.picList li .title { text-align: center; }

/* 图片经过效果 */
.pic a{ display: block; position: relative;transition: all 200ms ease 0s;overflow: hidden;}
.pic a:hover{filter: alpha(opacity=80);opacity: .8;}
.pic a:before{content: "";position: absolute;width: 100px;height: 100%;top: 0;left: -100%;overflow: hidden;background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%);background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, .2)), color-stop(100%, rgba(255, 255, 255, 0)));background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%);background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%);-webkit-transform: skewX(-30deg);-moz-transform: skewX(-30deg);transform: skewX(-30deg);}
.pic a:hover:before{left: 150%;transition: left 1s ease 0s}


/* url_方块样式分页 */
.page{ text-align:center; font-size:12px; clear: both; padding-top: 30px; height: 40px;  }
.page input{ border:1px solid #e1e1e1; background:#fff; width:30px; height:30px; line-height:30px; vertical-align:middle; }
.page a,.page span{ display:inline-block; *display:inline; zoom:1; margin-right:0px; height:30px; line-height:30px; }
.page a,.page a:active{ display:inline-block; *display:inline; zoom:1; border:1px solid #e1e1e1; padding:0 10px;}
.page a:hover {border:1px solid #a27f49; text-decoration:none; color:#a27f49;}
.page span.current {background:#a27f49; border:1px solid #a27f49; color:#fff; padding:0 10px; }


/* 信息提示 */
.msgBox{ display:none;  width:400px; border:4px solid #ddceb0;cursor:move; background:#fff;   }
.msgBox .hd{ height:30px; line-height:30px;background:#a18245;margin:2px; border-bottom:2px solid #ddceb0;    }
.msgBox .hd em{ display:block; _display:inline; float:right; margin:8px 8px 0px 10px;  width:15px; height:15px; line-height:12px;  text-align:center;  background:#fff; cursor:pointer;overflow:hidden; font-size:14px; font-family:Verdana; color:#333; }
.msgBox .hd h3{  font-size:12px;color:#fff; padding-left:10px; text-align:left; }
.msgBox .bd{ padding:15px; line-height:28px;  font-size:14px; text-align:center;background:#fff;min-height:80px    }
.msgBox .bd a{ color:#E67B11;text-decoration:none;    }
.msgBox .bd #point{ color:#00c425; font:normal 20px/40px "Microsoft YaHei"; _font-weight:bold;  }
.msgBox .bd .bdIn{padding:10px;text-align:center; }
.msgBox .bd .bdIn .subDiv{margin:15px 0;padding:20px 0 10px 0;border-top:1px dotted #9EC3E6;  }
.msgBox .bd .btn{display:inline-block;width:60px; height:25px;line-height:25px;color:#fff !important;font-size:12px; }
#expose{background:#ccc; }

/* 通用按钮 */
.inputtext,.inp{border:1px solid #ccc;padding:1px 0 0 1px;height:20px; vertical-align: middle; }
.inpFocus{border:1px solid #ffb74a !important; background:#ffffdd;outline:1px solid #ffb74a; }
.btn{width:60px; height:25px;line-height:25px;color:#fff;font-weight:bold;letter-spacing:1px;border:none;cursor:pointer;vertical-align: middle;}
.btn4{background-position:0 -50px; width:90px;letter-spacing:0px;}

