/*公共基础begin*/
*{margin:0;padding:0;}
body{padding:0;background:#fff; color:#333; font-size: 14px; font-family:"微软雅黑",Arial, Helvetica, sans-serif,"宋体";}
div,table,td,li,input,select,dd{}
img{border:0px;}
ul,li{list-style: none;}
/*各类通用样式begin*/
.clear{clear:both; font-size:1px; line-height:1px;}
.font14{font-size:14px;}
.wryh{font-family:"微软雅黑","黑体",Arial, Helvetica, sans-serif;}
.clearfix:after{content:"."; clear:both; display:block; visibility:hidden; height:0;}
/*链接样式*/
a:link,a:visited{color:#333; text-decoration:none;}
a:hover{color:#ff381f; text-decoration:none;}
a:active {color:#333; text-decoration:none;}
/*公共基础 end */
.left{float: left;}
.right{float: right;}
.orangeico{display: inline-block; width: 8px; height: 8px; background: #fc391d; vertical-align: middle; margin-right: 20px;}
.whiteico{display: inline-block; width: 8px; height: 8px; background: #fff; vertical-align: middle; margin-right: 20px;}
/* header and footer */
.headerout{ width: 100%; height: 82px; background: #fff; position: fixed; top: 0; left: 0; z-index: 999999;}
.logo{ width: 120px; height: 72px; padding-left: 12px; margin-top: 6px; background:url(../images/logo.png) no-repeat 0 0; text-indent: -999999px;}
.headright{padding-right: 12px;}
.bigbanner img{ width: 100%;}
.headnav{ height: 80px; padding-left: 50px;}
.headnav li{ display: inline-block; line-height: 80px; padding:0 22px; float: left;}
.headnav li.this a{color: #ff381f;}
.headbar{ height: 32px; margin-top: 24px;}
.headbar li{display: inline-block; line-height:32px;margin-left: 48px;  float: left; cursor: pointer; position: relative;}
.headbar li .barico{display: inline-block; width: 24px; height: 24px; margin-right: 4px; vertical-align: middle;}
.headbar li .barico3{margin-right: 0px; margin-left: 5px;}
.barico1{background:url(../images/barico1.png) no-repeat 0 0;}
.barico2{background:url(../images/barico2.png) no-repeat 0 0;}
.barico3{background:url(../images/barico3.png) no-repeat 0 0;}
.headbar li:hover .codehide{ display: block;}
.codehide{ width: 120px; height: 120px; position: absolute; left: -20px; top: 56px; display: none;}
.codehide img{width: 120px; height: 120px;}
.footerout{ background: #000;}
.footerwrap{ width: 1200px; margin: 0 auto; color: #6f6f6f; padding:10px 0;}
.footerinto{ height: 40px;}
.footerinto li{ display: inline-block; width: 188px; float: left; line-height: 40px; text-align: center;}
.footerinto li.line{ height: 16px; width: 1px; background: #4d4d4d; margin-top: 12px;}
.footerinto li a{ color: #6f6f6f;}
.footerinto li a:hover{ color: #fc391d;}
.footerlogo{ text-align: center; padding: 20px 0;}
.footerbot{ height: 46px; background: #0d0d0d; text-align: center; color: #7b7b7b;}
.footerbot span{ margin: 0 14px; line-height: 46px; font-size: 12px;}
.footerbot span a{color: #7b7b7b;}
.footerbot span a:hover{color: #fc391d;}
/* header and footer end */
.pageWrap{ height: 40px; padding: 50px 0 10px; text-align: center; clear: both;}
.pageWrap a,.pageWrap span{ display: inline-block; width: 40px; height: 40px; border:1px solid #fff; text-align:center; line-height: 40px; color: #333; font-size: 16px; background: #f2f2f2; color: #656565;}
.pageWrap a:hover{ color: #fff; background: #fb3a1b;}
.pageWrap a.uppage{background:#f2f2f2 url(../images/pageup.png) no-repeat 0 0; }
.pageWrap a.uppage:hover{background: #fb3a1b url(../images/pageup_on.png) no-repeat 0 0; }
.pageWrap a.nextpage{background:#f2f2f2 url(../images/pagenext.png) no-repeat 0 0; }
.pageWrap a.nextpage:hover{background: #fb3a1b url(../images/pagenext_on.png) no-repeat 0 0; }
.pageWrap span.thispage{ background: #fc391d;  color: #fff; font-weight: bold;}
.pageWrap span.pagenumbox{ width: 110px;}
.pageWrap .pagenum{ border:1px solid #fc391d; width: 60px; height: 40px; line-height: 40px; text-align: center; color: #333; vertical-align: middle;}
.pageWrap .gotopage{border:1px solid #fc391d; width: 50px; height: 40px; line-height: 40px; text-align: center; color: #fff; background: #fc391d; vertical-align: middle; cursor: pointer;}