/*-----------------------------------------------------------------------------------------------------------------------*/

.g-adv {
  height: 12.5rem;
  overflow: hidden;
}

/*-----------------------------------------------------------------------------------------------------------------------*/

.wrap nav {
  height: 6.083rem;
  overflow: hidden;
  background: url(/templets/default/images/nav-bj.jpg) no-repeat center top;
  -webkit-background-size: 100% 6.083rem;
  -moz-background-size: 100% 6.083rem;
  -o-background-size: 100% 6.083rem;
  background-size: 100% 6.083rem;
}

.wrap nav a {
  display: block;
  float: left;
  height: 3.042rem;
  font: 1.083rem/3.042rem "Microsoft Yahei";
  width: 33.33%;
  text-align: center;
  color: #fff;
  overflow: hidden;
}

/*-----------------------------------------------------------------------------------------------------------------------*/

.m-ss {
  width: 25rem;
  height: 3.375rem;
  margin: 1.25rem auto 0;
  overflow: hidden;
  -webkit-background-size: 25rem 2.125rem;
  -moz-background-size: 25rem 2.125rem;
  -o-background-size: 25rem 2.125rem;
  background-size: 25rem 2.125rem;
}

.m-ss .inp01 {
  width: 21.625rem;
  height: 2.125rem;
  font: 1rem/2.125rem "Microsoft Yahei";
  color: #999;
  padding-left: 0.833rem;
  border: 0;
  background: none;
}

.m-ss .u-in {
  float: right;
  width: 2.542rem;
  height: 2.125rem;
  border: 0;
  background: none;
}

/*-----------------------------------------------------------------------------------------------------------------------*/

.m-zl {
  height: 29.417rem;
  position: relative;
  background: #f5f5f5;
  overflow: hidden;
}

.m-bt {
  height: 2.917rem;
  margin: 1.875rem 0 1.042rem 0;
  text-align: center;
  font: bold 1.083rem/1.4rem "Microsoft Yahei";
  color: #0d5ba9;
  -webkit-background-size: 100% 1rem;
  -moz-background-size: 100% 1rem;
  -o-background-size: 100% 1rem;
  background-size: 100% 1rem;
}

.m-bt i {
  display: block;
  font: 1rem/1.5rem "Microsoft Yahei";
  color: #555;
}

.m-zl .con {
  float: left;
  display: inline;
  width: 100%;
}

.m-zl .con dl {
  width: 25rem;
  margin: 0 auto;
  overflow: hidden;
}

.m-zl .con dl dt {
  width: 25rem;
  height: 10.667rem;
  margin-bottom: 4.583rem;
}

.m-zl .con dl dt img {
  width: 25rem;
  height: 10.667rem;
}

.m-zl .con dl dd p {
  font: 1rem/1.667rem "Microsoft Yahei";
  color: #333;
}

.m-zl .m-cnt {
  position: absolute;
  top: 17.917rem;
  left: 50%;
  width: 25rem;
  margin-left: -12.5rem;
  z-index: 9;
}

.m-zl .m-cnt li {
  float: left;
  width: 50%;
  height: 2.208rem;
  position: relative;
  text-align: center;
  font: 1rem/2.208rem "Microsoft Yahei";
  color: #fff;
  background: #636363;
}

.m-zl .m-cnt .z-on {
  background: #0d5ba9;
  font-weight: bold;
}

.m-zl .m-cnt .z-on:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  bottom: 0;
  left: 50%;
  margin-left: -0.4rem;
  border-bottom: 0.4rem solid #fff;
  border-right: 0.5rem solid transparent;
  border-left: 0.5rem solid transparent;
}

/*-----------------------------------------------------------------------------------------------------------------------*/

.m-jp {
  height: 40rem;
  overflow: hidden;
}

.m-jp h2 {
  margin: 2.333rem 0 1.083rem 0;
  font-size: 1.25rem;
  -webkit-background-size: 100% 1rem;
  -moz-background-size: 100% 1rem;
  -o-background-size: 100% 1rem;
  background-size: 100% 1rem;
}

.m-jp .m-cnt {
  height: 3.458rem;
  width: 25rem;
  margin: 0 auto;
}

.m-jp .m-cnt li {
  float: left;
  width: 50%;
  height: 2.208rem;
  position: relative;
  text-align: center;
  font: 1rem/2.208rem "Microsoft Yahei";
  color: #fff;
  background: #636363;
}

.m-jp .m-cnt .z-on {
  background: #0d5ba9;
  font-weight: bold;
}

.m-jp .m-cnt .z-on:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  bottom: 0;
  left: 50%;
  margin-left: -0.4rem;
  border-bottom: 0.4rem solid #fff;
  border-right: 0.5rem solid transparent;
  border-left: 0.5rem solid transparent;
}

.m-jp .con {
  float: left;
  display: inline;
  width: 100%;
}

.m-jp .con dl {
  width: 25rem;
  margin: 0 auto;
}

.m-jp .con dl dt {
  width: 25rem;
  margin-bottom: 0.9rem;
}

.m-jp .con dl dt img {
  width: 25rem;
  padding: 0.167rem;
  border: 1px solid #ccc;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
}

.m-jp .con dl dd p {
  padding-left: 1.75rem;
  font: 1rem/1.667rem "Microsoft Yahei";
  color: #333;
  -webkit-background-size: 1rem;
  -moz-background-size: 1rem;
  -o-background-size: 1rem;
  background-size: 1rem;
}

.m-jp .con .jp-s2 {
  width: 25.083rem;
  margin: 0 auto;
  overflow: hidden;
}

.m-jp .con .jp-s2 dt {
  height: 100px;
  font: 1rem/1.5rem "Microsoft Yahei";
  color: #333;
}

.m-jp .con .jp-s2 dd {
  width: 25.083rem;
  height: 19.167rem;
}

.m-jp .con .jp-s2 dd img {
  width: 25.083rem;
  height: 19.167rem;
}

/*-----------------------------------------------------------------------------------------------------------------------*/

.m-pro {
  position: relative;
  background: #f0f0f0;
  overflow: hidden;
}

.m-pro h2 {
  margin: 1.875rem 0 1.333rem 0;
  font-size: 1.25rem;
  -webkit-background-size: 100% 1rem;
  -moz-background-size: 100% 1rem;
  -o-background-size: 100% 1rem;
  background-size: 100% 1rem;
}

.m-pro h2 i {
  color: #222;
}

.m-pro .prev,
.m-pro .next {
  position: absolute;
  top: 216px;
  width: 1rem;
  height: 2.042rem;
  z-index: 9;
}

.m-pro .prev {
  left: 0.833rem;
}

.m-pro .next {
  right: 0.833rem;
}

.m-pro .nowarp {
  width: 22rem;
  margin: 20px auto;
  overflow: hidden;
}

.m-pro .con {
  float: left;
  display: inline;
  width: 100%;
}

.m-pro .con li {
  float: left;
  width: 10.583rem;
  height: 11rem;
}

.m-pro .con li img {
  width: 10.583rem;
  border: 2px solid #ccc;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  height: 100%;
}

/* .m-pro .con li:first-child {
  margin-right: 0.8rem;
} */

/*-----------------------------------------------------------------------------------------------------------------------*/

.m-ys {
  height: 35.5rem;
  overflow: hidden;
}

.m-ys h2 {
  margin: 2.333rem 0 1rem 0;
  font-size: 1.25rem;
  -webkit-background-size: 100% 1rem;
  -moz-background-size: 100% 1rem;
  -o-background-size: 100% 1rem;
  background-size: 100% 1rem;
}

.m-ys h2 i {
  color: #222;
}

.m-ys .con {
  float: left;
  display: inline;
  width: 100%;
}

.m-ys .con dl {
  height: 25.583rem;
}

.m-ys .con dl dt {
  width: 100%;
  height: 14.167rem;
}

.m-ys .con dl dd {
  width: 25rem;
  margin: 0 auto;
}

.m-ys .con dl dd h3 {
  height: 3.75rem;
}

.m-ys .con dl dd h3 img {
  float: left;
  width: 2.958rem;
  height: 3.167rem;
}

.m-ys .con dl dd h3 span {
  float: right;
  display: block;
  width: 21.25rem;
  height: 3.167rem;
  font: bold 1.167rem/1.5rem "Microsoft Yahei";
  color: #141414;
  -webkit-background-size: 21.25rem 1rem;
  -moz-background-size: 21.25rem 1rem;
  -o-background-size: 21.25rem 1rem;
  background-size: 21.25rem 1rem;
}

.m-ys .con dl dd h3 span i {
  display: block;
  font: 1rem/1.4rem "Microsoft Yahei";
  text-transform: uppercase;
  color: #dadada;
}

.m-ys .con dl dd p {
  margin-left: 3.8rem;
  padding-left: 1rem;
  margin-bottom: 0.2rem;
  font: 1rem/1.5rem "Microsoft Yahei";
  color: #333;
  -webkit-background-size: 0.5rem;
  -moz-background-size: 0.5rem;
  -o-background-size: 0.5rem;
  background-size: 0.5rem;
}

.m-ys .con dl dd p em {
  font-weight: bold;
  color: #dc2b19;
}

.m-ys .m-cnt {
  width: 7.5rem;
  height: 1.6rem;
  margin: 0 auto;
}

.m-ys .m-cnt li {
  float: left;
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 0.833rem;
  background: #ccc;
  border-radius: 0.2rem;
  text-align: center;
  font: 1rem/1.25rem Arial, Helvetica, sans-serif;
  color: #222;
}

.m-ys .m-cnt li:last-child {
  margin: 0;
}

.m-ys .m-cnt .z-on {
  background: #0d5ba9;
  color: #fff;
}

/*-----------------------------------------------------------------------------------------------------------------------*/

.m-zc {
  height: 23.167rem;
  overflow: hidden;
  -webkit-background-size: 100% 1rem;
  -moz-background-size: 100% 1rem;
  -o-background-size: 100% 1rem;
  background-size: 100% 1rem;
}

.m-zc h2 {
  margin: 1.5rem 0 1.042rem 0;
  font-size: 1.25rem;
  -webkit-background-size: 100% 1rem;
  -moz-background-size: 100% 1rem;
  -o-background-size: 100% 1rem;
  background-size: 100% 1rem;
}

.m-zc h2 i {
  color: #222;
}

.m-zc ul {
  width: 25rem;
  margin: 0 auto;
}

.m-zc ul li {
  float: left;
  width: 12.5rem;
  height: 5.833rem;
}

.m-zc ul li span {
  display: block;
  height: 3.333rem;
}

.m-zc ul li span img {
  float: left;
  width: 2.833rem;
  height: 2.833rem;
  border: 1px solid #aaa;
}

.m-zc ul li span em {
  float: right;
  display: block;
  width: 8.75rem;
  font: 0.75rem/1.4rem "Microsoft Yahei";
  text-transform: uppercase;
  color: #9f9f9f;
}

.m-zc ul li span em b {
  display: block;
  font: bold 1.083rem/1.5rem "Microsoft Yahei";
  color: #333;
  padding-left: 1.667rem;
  -webkit-background-size: 1.25rem;
  -moz-background-size: 1.25rem;
  -o-background-size: 1.25rem;
  background-size: 1.25rem;
}

.m-zc ul li:nth-child(2) span em b {
  -webkit-background-size: 1.25rem;
  -moz-background-size: 1.25rem;
  -o-background-size: 1.25rem;
  background-size: 1.25rem;
}

.m-zc ul li:nth-child(3) span em b {
  -webkit-background-size: 1.25rem;
  -moz-background-size: 1.25rem;
  -o-background-size: 1.25rem;
  background-size: 1.25rem;
}

.m-zc ul li:nth-child(4) span em b {
  -webkit-background-size: 1.25rem;
  -moz-background-size: 1.25rem;
  -o-background-size: 1.25rem;
  background-size: 1.25rem;
}

.m-zc ul li:nth-child(5) span em b {
  -webkit-background-size: 1.25rem;
  -moz-background-size: 1.25rem;
  -o-background-size: 1.25rem;
  background-size: 1.25rem;
}

.m-zc ul li:nth-child(6) span em b {
  -webkit-background-size: 1.25rem;
  -moz-background-size: 1.25rem;
  -o-background-size: 1.25rem;
  background-size: 1.25rem;
}

.m-zc ul li p {
  font: 0.917rem/1.2rem "Microsoft Yahei";
  color: #333;
}

/*-----------------------------------------------------------------------------------------------------------------------*/

.m-jz {
  height: 19.792rem;
  overflow: hidden;
}

.m-jz h2 {
  height: 1.667rem;
  margin: 2.292rem 0 1rem 0;
  font: bold 1.25rem/1.667rem "Microsoft Yahei";
  color: #333;
  text-align: center;
  -webkit-background-size: 100% 1rem;
  -moz-background-size: 100% 1rem;
  -o-background-size: 100% 1rem;
  background-size: 100% 1rem;
}

.m-jz dl {
  width: 25rem;
  height: 9.833rem;
  margin: 0 auto;
  overflow: hidden;
}

.m-jz dl dt {
  float: left;
  width: 10.333rem;
  height: 8.167rem;
}

.m-jz dl dd {
  float: right;
  width: 13.75rem;
}

.m-jz dl dd h3 {
  height: 1.333rem;
  border-bottom: 1px solid #ccc;
  margin-bottom: 0.4rem;
  font: bold 1rem/1rem "Microsoft Yahei";
}

.m-jz dl dd h3 a {
  color: #232323;
}

.m-jz dl dd p {
  font: 1rem/1.25rem "Microsoft Yahei";
  color: #444;
}

.m-jz dl dd em a {
  font: bold 1rem/1rem "Microsoft Yahei";
  margin-top: 0.4rem;
  color: #dc2b19;
}

.m-jz span a {
  display: block;
  width: 25rem;
  height: 2.5rem;
  margin: 0 auto;
  text-align: center;
  font: 1rem/3rem "Microsoft Yahei";
  color: #2e1a0c;
  -webkit-background-size: 25rem 1rem;
  -moz-background-size: 25rem 1rem;
  -o-background-size: 25rem 1rem;
  background-size: 25rem 1rem;
}

/*-----------------------------------------------------------------------------------------------------------------------*/

.m-about {
  height: 31rem;
  overflow: hidden;
}

.m-about h2 {
  height: 2.833rem;
  margin-bottom: 1.25rem;
  background: #484848;
}

.m-about h2 i {
  float: left;
  display: block;
  width: 50%;
  height: 2.833rem;
  background: #0d5ba9;
}

.m-about h2 span {
  float: right;
}

.m-about h2 i a {
  font: bold 1.083rem/2.833rem "Microsoft Yahei";
  color: #fff;
  padding-left: 0.833rem;
}

.m-about h2 span a {
  font: 1rem/2.833rem Arial, Helvetica, sans-serif;
  color: #fff;
  text-transform: uppercase;
  padding-right: 0.833rem;
}

.m-about dl {
  width: 25rem;
  margin: 0 auto;
}

.m-about dl dt {
  width: 25rem;
  height: 20rem;
  margin-bottom: 0.75rem;
}

.m-about dl dd {
  font: 1rem/1.333rem "Microsoft Yahei";
  color: #333;
}

.m-about dl dd a {
  font-weight: bold;
  color: #dc2b19;
}

/*-----------------------------------------------------------------------------------------------------------------------*/

.m-news {
  height: 21.375rem;
  overflow: hidden;
}

.m-news .m-cnt {
  height: 2.958rem;
  margin-bottom: 0.6rem;
  background: #484848;
  overflow: hidden;
}

.m-news .m-cnt li {
  float: left;
  width: 33.33%;
  text-align: center;
  font: 1.083rem/2.958rem "Microsoft Yahei";
  color: #fff;
}

.m-news .m-cnt .z-on {
  background: #0d5ba9;
}

.m-news .con {
  float: left;
  display: inline;
  width: 100%;
}

.m-news .con ul {
  width: 25rem;
  height: 13.333rem;
  margin: 0 auto;
  overflow: hidden;
}

.m-news .con ul li {
  height: 2.5rem;
  padding-left: 1.5rem;
  border-bottom: 1px dashed #bcbcbc;
  -webkit-background-size: 1rem;
  -moz-background-size: 1rem;
  -o-background-size: 1rem;
  background-size: 1rem;
}

.m-news .con ul li a {
  font: 1rem/2.5rem "Microsoft Yahei";
  color: #555;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 90%;
  display: block;
}

.m-news .con ul li:last-child {
  border: none;
}

.m-news span a {
  display: block;
  width: 25rem;
  height: 2.5rem;
  margin: 0 auto;
  text-align: center;
  font: 1rem/3rem "Microsoft Yahei";
  color: #2e1a0c;
  -webkit-background-size: 25rem 1rem;
  -moz-background-size: 25rem 1rem;
  -o-background-size: 25rem 1rem;
  background-size: 25rem 1rem;
}

/*-----------------------------------------------------------------------------------------------------------------------*/

@media screen and (min-width: 320px) {
  html {
    font-size: 75%;
  }
}

@media screen and (min-width: 360px) {
  html {
    font-size: 85%;
  }
}

@media screen and (min-width: 375px) {
  html {
    font-size: 87.5%;
  }
}

@media screen and (min-width: 384px) {
  html {
    font-size: 90%;
  }
}

@media screen and (min-width: 414px) {
  html {
    font-size: 96%;
  }
}

@media screen and (min-width: 480px) {
  html {
    font-size: 110.5%;
  }
}

@media screen and (min-width: 568px) {
  html {
    font-size: 129%;
  }
}

@media screen and (min-width: 639px) {
  html {
    font-size: 150%;
  }
}