body {

  background: #f4f7f9;

}



a {

  color: #424242;

}



a:hover {

  color: #009aff;

}



input[type="submit"],

input[type="reset"],

input[type="button"],

button {

  -webkit-appearance: none;

}



.cl {

  *zoom: 1;

}

.cl:after {

  clear: both;

  content: ".";

  display: block;

  height: 0;

  font-size: 0;

  visibility: hidden;

  overflow: hidden;

}



#hd {

  position: relative !important;

}



#bd {

  position: relative;

  padding: 40px 0 40px;

  overflow-x: hidden;

}

#bd * {

  box-sizing: content-box;

}

#bd .c-cat {

  position: relative;

  min-height: 630px;

}

#bd .c-cat .sd {

  position: absolute;

  left: 0;

  top: 0;

  width: 280px;

  z-index: 2;

}

#bd .c-cat .mn {

  position: relative;

  padding-left: 292px;

  padding-top: 440px;

}



#top_b {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 480px;

  background: url(../images/bg2560x480.jpg) no-repeat center 0;

}

#top_b a {

  display: block;

  width: 100%;

  height: 480px;

}



.c-nv {

  border: 1px solid #dad9da;

  border-radius: 5px;

  background: #f2f3f7;

}

.c-nv .hd {

  padding-left: 20px;

  line-height: 42px;

}

.c-nv .hd a {

  font-size: 18px;

  color: #424451;

}

.c-nv .hd a:hover {

  color: #009aff;

}

.c-nv .bd {

  border-bottom-left-radius: 5px;

  border-bottom-right-radius: 5px;

}

.c-nv .bd li {

  position: relative;

  padding: 12px 20px 12px;

  border-top: 1px solid #dfdfdf;

  z-index: 2;

}

.c-nv .bd .active {

  padding-left: 17px;

  border-left: 3px solid #4db3f9;

  background: #eef8fe;

}

.c-nv .bd .active .menu-wrap {

  display: block;

}

.c-nv .bd .active:before {

  position: absolute;

  top: 50%;

  right: -1px;

  display: block;

  margin-top: -7px;

  font-size: 0;

  line-height: 0;

  border: 7px solid transparent;

  border-right-color: #cacacc;

  content: ".";

  z-index: 10;

}

.c-nv .bd .active:after {

  position: absolute;

  top: 50%;

  right: -2px;

  display: block;

  margin-top: -7px;

  font-size: 0;

  line-height: 0;

  border: 7px solid transparent;

  border-right-color: #fdfdfd;

  content: ".";

  z-index: 11;

}

.c-nv .bd .last {

  border-bottom: none;

}

.c-nv .menu-wrap {

  position: absolute;

  top: -1px;

  left: 277px;

  display: none;

  width: 420px;

  min-height: 73px;

  border: 1px solid #dfdfdf;

  background: #ffffff;

  z-index: 3;

}

.c-nv .menu-wrap dl {

  margin: 0px 10px;

  padding: 0 10px;

  border-bottom: 1px solid #efefef;

}

.c-nv .menu-wrap dl dt {

  margin-right: 20px;

}

.c-nv .menu-wrap dl dt, .c-nv .menu-wrap dl dd {

  float: left;

  margin-top: 0px;

  padding: 10px 0px;

  line-height: 24px;

}

.c-nv .menu-wrap dl dd {

  max-width: 300px;

}

.c-nv .menu-wrap dl:last-child {

  border-bottom: none;

}

.c-nv .menu-tab, .c-nv .menu-wrap {

  overflow: hidden;

}

.c-nv .menu-tab dt, .c-nv .menu-wrap dt {

  line-height: 24px;

  font-size: 15px;

  font-weight: normal;

}

.c-nv .menu-tab dt span, .c-nv .menu-wrap dt span {

  margin: 0 8px;

  font-size: 12px;

}

.c-nv .menu-tab dt a, .c-nv .menu-wrap dt a {

  color: #000000;

}

.c-nv .menu-tab dt a:hover, .c-nv .menu-wrap dt a:hover {

  color: #009aff;

}

.c-nv .menu-tab dd, .c-nv .menu-wrap dd {

  margin-top: 5px;

  *margin-top: 2px;

  line-height: 20px;

  min-height: 20px;

}

.c-nv .menu-tab dd a, .c-nv .menu-wrap dd a {

  float: left;

  margin-right: 10px;

  white-space: nowrap;

  font-size: 13px;

  color: #777777;

}

.c-nv .menu-tab dd a:hover, .c-nv .menu-wrap dd a:hover {

  color: #009aff;

}



.c-wrap {

  position: absolute;

  top: 0;

  left: 290px;

  width: 890px;

  height: 440px;

}

.c-wrap img {

  position: absolute;

  left: 0;

  bottom: 0px;

  width: 890px;

}



.c-re {

  margin-top: 16px;

}

.c-re .hd {

  height: 30px;

}

.c-re .hd h3 {

  float: left;

  padding-top: 10px;

  font-size: 18px;

  vertical-align: baseline;

}

.c-re .hd h3 span {

  margin-left: 8px;

  font-size: 13px;

  vertical-align: baseline;

  color: #81828c;

}

.c-re .hd h3 i {

  margin: 0 5px;

  color: #e13d30;

}

.c-re .hd .tab {

  float: right;

}

.c-re .hd a {

  display: inline-block;

  width: 46px;

  line-height: 28px;

  text-align: center;

  border: 1px solid #33a8ff;

  font-size: 14px;

}

.c-re .hd a:hover {

  background: #33a8ff;

  border-color: #009aff;

  color: #FFF;

}

.c-re .hd .recommand {

  border-top-left-radius: 3px;

  border-bottom-left-radius: 3px;

  background: #33a8ff;

  color: #FFF;

}

.c-re .hd .hot {

  border-top-right-radius: 3px;

  border-bottom-right-radius: 3px;

  background: #FFF;

  color: #33a8ff;

}

.c-re .bd {

  margin-left: -10px;

}

.c-re .bd li {

  float: left;

  margin-left: 1.3%;

  width: 32%;

  *width: 31.9%;

}

.c-re .bd img {

  width: 100%;

  height: 180px;

  background: #dcdee0 url(../images/loading24x24.gif) no-repeat center center;

}



.c-wp {

  margin-top: 36px !important;

}

.c-wp .hd {

  padding-left: 10px;

  height: 18px;

  border-left: 4px solid #4db3f9;

}

.c-wp .hd h3 {

  float: left;

  line-height: 18px;

  font-size: 18px;

}

.c-wp .hd h3 a {

  font-size: 18px;

}

.c-wp .hd p {

  float: left;

  font-size: 14px;

  color: #d8d8d8;

  padding:1px 0 0 0;

}

.c-wp .hd p a {

  margin: 0 10px;

  color: #666666;

}

.c-wp .hd p a:hover {

  color: #009aff;

}

.c-wp .bd {

  margin-top: 20px;

}

.c-wp .sd {

  position: relative;

}

.c-wp .sd img {

  display: block;

  width: 280px;

  height: 380px;

  border-radius: 5px;

}

.c-wp .mn ul {

  margin-left: -10px;

  *float: right;

}

.c-wp .mn li {

  float: left;

  margin-bottom: 20px;

  padding-left: 10px;

  *padding-left: 1.3%;

  width: 33.3%;

  *width: 32%;

}

.c-wp .mn img {

  display: block;

  max-width: 100%;

  border-radius: 5px;

  width: 290px;

  height: 180px;

}

.c-wp .icon-first span {

  position: absolute;

  top: 0 !important;

  left: 0 !important;

  display: block;

  margin: 0 !important;

  width: 84px;

  height: 74px;

  background: url(../images/icons-tag.png) no-repeat;

  content: ".";

}



.g4 .first {

  position: relative;

}

.g4 .first > a {

  height: 442px;

}



@media (max-width: 1279px) {

  .g4 .first > a {

    height: 370px;

  }



  .c-wrap {

    width: 668px;

  }

}