html,
body {
  min-width: 1300px;
  background-color: #680A01;
  box-sizing: content-box;
}

a:hover {
  cursor: pointer;
}

.navlist {
  position: relative;
  height: 62px;
  left: 8px;
  width: 1002px;
  margin: 0 auto;
  text-align: center;
}

.navlist .nav {
  position: relative;
  display: inline-block;
  height: 46px;
  width: 143px;
  margin: 0 2px;
  cursor: pointer;
}

.navlist .nav0 {
  width: 177px;
  background: url(../images/works/yywhbtn.png) no-repeat center;
}
.navlist .nav1 {
  background: url(../images/works/tjbtn.png) no-repeat center;
}

.navlist .nav2 {
  background: url(../images/works/jmbtn.png) no-repeat center;
}

.navlist .nav3 {
  background: url(../images/works/zcrbtn.png) no-repeat center;
}

.navlist .nav4 {
  background: url(../images/works/phbtn.png) no-repeat center;
}

.navlist .nav5 {
  background: url(../images/works/whbtn.png) no-repeat center;
}

/*.navlist .nav6 {
      background-position: -1062px -82px; }*/
.navlist .nav0.on,
.navlist .nav0:hover {
  width: 177px;
  background: url(../images/works/yywhxfbtn.png) no-repeat center;
}
.navlist .nav1.on,
.navlist .nav1:hover {
  background: url(../images/works/tjxfbtn.png) no-repeat center;
}

.navlist .nav2.on,
.navlist .nav2:hover {
  background: url(../images/works/jmxfbtn.png) no-repeat center;
}

.navlist .nav3.on,
.navlist .nav3:hover {
  background: url(../images/works/zcrxfbtn.png) no-repeat center;
}

.navlist .nav4.on,
.navlist .nav4:hover {
  background: url(../images/works/phxfbtn.png) no-repeat center;
}

.navlist .nav5.on,
.navlist .nav5:hover {
  background: url(../images/works/whxfbtn.png) no-repeat center;
}

/*.navlist .nav6.on, .navlist .nav6:hover {
      background-position: -1065px -245px; }*/
.navlist .nav.on:after,
.navlist .nav.on .navafter {
  content: '';
  display: block;
  width: 34px;
  height: 15px;
  margin: 0 auto;
  position: relative;
  top: 62px;
  background: url(../images/works/toparrow.png) no-repeat center;
}


div.box .summary {
  height: 42px;
  padding: 0 10px;
  margin: 10px 0 10px 20px;
  background-color: #fcdfb2;
  width: 930px;
}

div.box .summary .total {
  display: inline-block;
  font-size: 18px;
  line-height: 42px;
  color: #ad6024;
}

div.box .summary .total em {
  padding: 0 5px;
  font-weight: bolder;
  color: #fe2323;
}

div.box .summary .sortby {
  display: block;
  height: 42px;
  font-size: 16px;
  line-height: 42px;
  color: #ad6024;
  float: right;
}

div.box .summary .sortby a {
  padding: 0 10px;
  cursor: pointer;
  user-select: none;
}

div.box .summary .sortby a.on {
  color: #fe2323;
  font-weight: bolder;
}

div.box #pagerbox1,
div.box #pagerbox1 {
  /* margin-bottom: 10px; */
}

div.box p.pager {
  height: 28px;
  text-align: center;
}

div.box p.pager span,
div.box p.pager i,
div.box p.pager a,
div.box p.pager label {
  display: inline-block;
  height: 24px;
  font-size: 14px;
  line-height: 24px;
  color: #7c461e;
  text-align: center;
}

div.box p.pager a {
  cursor: pointer;
}

div.box p.pager .pg-summary {
  padding: 0 10px;
}

div.box p.pager .pg-totle {
  padding: 0 5px;
  font-style: normal;
}

div.box span.pg-linkbox .pg-pre,
div.box span.pg-linkbox .pg-next {
  width: 50px;
  user-select: none;
}

div.box span.pg-linkbox .pg-pre:hover {
  background-position: -40px -86px;
}

div.box span.pg-linkbox .pg-next:hover {
  background-position: -62px -86px;
}

div.box p.pager .pg-idx {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0 2px;
  transition: 0.2s;
}

div.box p.pager .pg-idx.on,
div.box p.pager .pg-idx:hover {
  color: #fff;
  background-color: #ed3b06;
}

div.box p.pager .pg-elips {
  padding: 0 5px;
}

div.box p.pager label {
  margin-left: 10px;
}

div.box input.pg-skipto {
  width: 30px;
  height: 18px;
  padding: 0 2px;
  margin: 0 5px;
  outline: none;
  border: 1px solid #7c461e;
  background-color: transparent;
}

div.box p.pager .pg-btn-skip {
  margin-left: 5px;
  height: 24px;
  width: 40px;
  user-select: none;
  transition: 0.2s;
}

div.box p.pager .pg-btn-skip:hover {
  background-color: #ed3b06;
  color: #fff;
}


.box.box1 .filter1 {
  padding: 10px 0px 10px 0px;
  height: 28px;
  border-bottom: 1px solid #f7e8b7;
  width: 954px;
  margin-left: 20px;
}

.box.box1 .filter2 {
  padding: 10px 20px 10px 20px;
  position: relative;
}

.box.box1 .cond-box {
  display: inline-block;
  width: 830px;
  padding-right: 20px;
}

.box.box1 .cond-box.limit {
  max-height: 52px;
  overflow: hidden;
}

.box.box1 .f-name {
  display: inline-block;
  height: 24px;
  margin: 2px 0;
  font-size: 16px;
  line-height: 24px;
  color: #7f3413;
  vertical-align: top;
}

.box.box1 .f-val {
  display: inline-block;
  height: 24px;
  padding: 0 8px;
  margin: 2px;
  font-size: 16px;
  line-height: 24px;
  color: #7f3413;
  cursor: pointer;
}

.box.box1 .f-val.on {
  background-color: #ed4807;
  color: #fdf4d6;
}

.box.box1 .btn-more {
  display: inline-block;
  height: 22px;
  padding: 0 10px;
  position: absolute;
  bottom: 10px;
  right: 10px;
  border: 1px solid #eac686;
  font-size: 14px;
  line-height: 22px;
  color: #be6928;
}

.box.box1 .btn-more.hide {
  display: none;
}

.box.box1 .btn-more:hover {
  color: #7f3413;
  cursor: pointer;
  background-color: #eac686;
}

.box.box1 .listbox {
  padding-top: 15px;
  overflow: hidden;
}

.box.box1 .v-list {
  overflow: hidden;
}

.box.box1 .v-list .v-item {
  height: 210px;
  width: 455px;
  padding: 0 20px 16px;
  float: left;
  display: inline-block;
}

.box.box1 .v-list .covery {
  display: block;
  height: 140px;
  cursor: pointer;
  text-decoration: none;
}

.box.box1 .v-list .covery img {
  width: 100%;
  height: 100%;
}

.box.box1 .v-list .vtitle {
  height: 30px;
  margin-top: 10px;
  padding: 0 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}

.box.box1 .v-list .vtitle a {
  font-size: 20px;
  line-height: 30px;
  color: #dd2300;
  display: inline;
  text-decoration: none;
}

.box.box1 .v-list .zhuanqu {
  height: 24px;
  padding: 0 5px;
  font-size: 16px;
  line-height: 24px;
  color: #7f3413;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.box.box1 .v-list .zhuanqu a {
  color: #8a2e00;
  display: inline;
  text-decoration: none;
}

.box.box2 .infobox {
  height: 130px;
  padding: 5px;
  background-color: #ee4833;
}

.box.box2 .infobox .leftbox {
  width: 450px;
  padding-left: 15px;
  float: left;
}

.box.box2 .infobox .info-title {
  font-size: 20px;
  line-height: 40px;
  color: #fff476;
  font-weight: bolder;
}

.box.box2 .infobox .detail {
  font-size: 18px;
  line-height: 28px;
  color: #fdf4d6;
}

.box.box2 .infobox .rightbox {
  width: 340px;
  position: relative;
  float: right;
}

.box.box2 .infobox .btn-download {
  display: inline-block;
  position: absolute;
  left: 0;
  height: 62px;
  width: 150px;
  margin: 34px;
  font-size: 18px;
  line-height: 50px;
  color: #d32c25;
  text-align: center;
  background: url("../images/works/btnbg.png") no-repeat center -75px;
  user-select: none;
  -ms-user-select: none;
}

.box.box2 .infobox .btn-download:hover {
  cursor: pointer;
  background-position: center -150px;
}

.box.box2 .infobox .qrbox {
  display: inline-block;
  position: absolute;
  right: 0;
  width: 110px;
  vertical-align: middle;
  overflow: hidden;
}

.box.box2 .infobox .qrtip {
  font-size: 14px;
  line-height: 18px;
  color: #fff;
  text-align: center;
}

.box.box2 .subbox6 {
  margin-top: 10px;
}

.box.box2 .subbox6 .article {
  height: 110px;
  padding: 15px;
  margin: 20px 0;
  background-color: #fff;
  position: relative;
}

.box.box2 .subbox6 .article .covery {
  display: inline-block;
  height: 110px;
  width: 165px;
  cursor: pointer;
}

.box.box2 .subbox6 .article .covery img {
  width: 100%;
  height: 100%;
}

.box.box2 .subbox6 .article .info {
  display: inline-block;
  height: 110px;
  width: 720px;
  padding: 15px;
  position: absolute;
  top: 0;
  right: 0;
  vertical-align: top;
}

.box.box2 .subbox6 .article .title {
  display: block;
  line-height: 30px;
  font-size: 18px;
  color: #363636;
  text-decoration: none;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.box.box2 .subbox6 .article .info-desc {
  line-height: 24px;
  font-size: 14px;
  color: #696969;
  height: 48px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -moz-box;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.box.box2 .subbox6 .article .infofoot {
  position: absolute;
  bottom: 15px;
  height: 24px;
  width: 100%;
  margin-top: 10px;
  line-height: 24px;
}

.box.box2 .subbox6 .article .userimg {
  display: inline-block;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  overflow: hidden;
  *vertical-align: middle;
}

.box.box2 .subbox6 .article .userimg img {
  width: 100%;
  height: 100%;
}

.box.box2 .subbox6 .article .nick {
  display: inline-block;
  width: 200px;
  height: 24px;
  padding-left: 5px;
  line-height: 24px;
  color: #696969;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.box.box2 .subbox6 .article .viewinfo {
  display: block;
  height: 24px;
  width: 280px;
  position: absolute;
  right: 15px;
  bottom: 0;
}

.box.box2 .subbox6 p.viewinfo .item {
  display: inline-block;
  width: 40px;
  padding-left: 25px;
  color: #666;
  font-size: 12px;
  line-height: 24px;
  background: url("../images/works/icon_info.png") no-repeat;
}

.box.box2 .subbox6 p.viewinfo .item.item1 {
  background-position: 0 5px;
}

.box.box2 .subbox6 p.viewinfo .item.item2 {
  background-position: 0 -22px;
}

.box.box2 .subbox6 p.viewinfo .item.item3 {
  background-position: 0 -52px;
}

.box.box2 .subbox6 p.viewinfo .item.item4 {
  background-position: 0 -79px;
}

#loginBoxCnt {
  box-sizing: content-box;
}

p.logo {
  width: 209px;
  height: 89px;
  margin: 40px auto 0;
  background: url('../images/index/bottom-logo.png') no-repeat center;
}
#footer_link_info{
  position: relative;
  z-index: 10;
}
#footer_link_info p,
#footer_link_info a,
#footer_link_info span {
  color: #fff;
}


.allbox_bg {
  width: 100%;
  min-width: 1300px;
}

.allbox_bg_top1 {
  position: relative;
  width: 100%;
  height: 234px;
  background: url(../images/works/jm_bg1.jpg) no-repeat center;
}
.allbox_bg_top2 {
  position: relative;
  width: 100%;
  height: 400px;
  background: url(../images/works/jm_bg2.jpg) no-repeat center;
}
.allbox_bg_top3 {
  position: relative;
  width: 100%;
  height: 287px;
  background: url(../images/works/jm_bg3.png) no-repeat center;
}

.jmltop2 {
  position: relative;
  width: 1002px;
}
div.head2 {
  position: relative;
  margin: -287px auto 0;
  width: 1002px;
}
#box1 {
  margin: -1px auto;
  width: 994px;
  padding: 0 4px;
  background: url(../images/works/jmznrtop2.png) repeat-y center;
}
.titleTop {
  margin: 13px auto 0;
  width: 1002px;
  height: 39px;
  background: url(../images/works/jmznrtop1.png) no-repeat center;
}

.titleBottom {
  margin: 0 auto;
  width: 1002px;
  height: 36px;
  background: url(../images/works/jmznrtop3.png) no-repeat center;
}
.head1 {
  position: relative;
  width: 100%;
  height: 450px;
}
div.footlogo {
    position: relative;
	width: 209px;
	height: 89px;
	margin: 38px auto 18px;
	background: url("../images/index/bottom-logo.png") no-repeat center;
}
.v-list_vv {
  position: relative;
  width: 100%;
  height: 88px;
}
.v-list_vvname
{
  position: absolute;
  text-align: left;
  font-size: 20px;
  color: #dd2300;
  left: 40px;
  top: 20px;
  height: 20px;
  text-decoration: none;
}
.v-list_vvzqname
{
  position: absolute;
  font-size: 16px;
  color: #8a2e00;
  text-align: left;
  left: 40px;
  top: 50px;
  height: 20px;
  text-decoration: none;
}
.v-list_vvckbtn
{
  position: absolute;
  right: 40px;
  top: 28px;
  width: 102px;
  height: 34px;
	background: url('../images/works/djckbtn.png') no-repeat center;
}
.v-list_bootomborder
{
  position: absolute;
  width: 888px;
  height: 1px;
  bottom: 0px;
  left: 39px;
  background-color: #eedebf;
}
.hbg {
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 998;
	width: 100%;
	height: 100%;
	background: url(../images/aside/grey_bg.png) repeat;

	_position: absolute;
	_top: expression(eval(document.documentElement.scrollTop));
	_left: expression(eval(document.documentElement.scrollLeft));
	_width: expression(eval(document.documentElement.clientWidth));
	_height: expression(eval(document.documentElement.clientHeight));
}