@media (min-width: 1360px) {
    html {
        font-size: 100px;
    }
    .pc{ display:block;}
    .sj{ display:none;}
}
@media (min-width: 1200px) {
    html {
        font-size: 97px;
    }
    .pc{ display:block;}
    .sj{ display:none;}
}

@media (max-width: 1199px) {
    html {
        font-size: 96px;
    }
    .pc{ display:block;}
    .sj{ display:none;}
}

@media (max-width: 1151px) {
    html {
        font-size: 72px;
    }
   .pc{ display:block;}
    .sj{ display:none;}
}

@media (max-width: 1023px) {
    html {
        font-size: 72px;
    }
   .pc{ display:block;}
    .sj{ display:none;}
}

@media (max-width: 963px) {
    html {
        font-size: 64px;
    }
   .pc{ display:block;}
    .sj{ display:none;}
}

@media (max-width: 899px) {
    html {
        font-size: 57px;
    }
   .pc{ display:block;}
    .sj{ display:none;}
}

@media (max-width: 839px) {
    html {
        font-size: 55px;
    }
     .pc{ display:block;}
    .sj{ display:none;}
}

@media (max-width: 768px) {
    html {
        font-size: 64px;
    }
    .pc{ display:none !important;}
    .sj{ display:block;}
}

@media (max-width: 767px) {
    html {
        font-size: 116px;
    }
     .pc{ display:none !important;}
    .sj{ display:block;}
}

@media (max-width: 734px) {
    html {
        font-size: 84px;
    }
    .pc{ display:none !important;}
    .sj{ display:block;}
}

@media (max-width: 565px) {
    html {
        font-size: 70px;
    }
  .pc{ display:none !important;}
    .sj{ display:block;}
}

@media (max-width: 480px) {
    html {
        font-size: 60px;
    }
    .pc{ display:none !important;}
    .sj{ display:block;}
}

@media (max-width: 380px) {
    html {
        font-size: 49px;
    }
    .pc{ display:none !important;}
    .sj{ display:block;}
}

@media (max-width: 320px) {
    html {
        font-size: 50px;
    }
    .pc{ display:none !important;}
    .sj{ display:block;}
}

body, html, h1, h2, h3, h4, h5, dl, dd, dt, ul, li, ol, span, p {
    margin: 0;
    padding: 0;
}
body {
    min-width: 320px !important;
    max-width: 1920px !important;
    background-color: #fff;
    font-family: 'Microsoft YaHei';
}
img {
    border: 0 none;
    margin: 0;
    padding: 0;
}
a {
    text-decoration: none;
    color: #000;
}
select {
    border: 0 none;
}
input,
textarea,
select {
    outline: none;
    border: 0 none;
    padding: 0;
    margin: 0;
}
ol,
ul,
li {
    list-style: none;
}
.pc {
    background: #fff;
    position: relative;
}
.pc_box {width:70.833333%;margin:0 auto;}
.pc .banner {
    position:relative;
}
.pc .banner .top {
    position:absolute;
    top:0.3rem;
    left:14.585%;
    width:70.833333%;
    background:#fff;
    height:1rem;
    overflow:hidden;
}
.pc .banner .top .logo{
    float:left;
    width:35%;
}
.pc .banner .top .logo a{
    display:block;
    height:1rem;
    line-height:1rem;
    display:flex;
    align-items: center
}
.pc .banner .top .logo img{
    width:100%;
    vertical-align:top;
}
.pc .banner .top .daohang{
    float:right;
    width:56%;
    margin-right:5%;
}
.pc .banner .top .daohang ul{
    display:flex;
    justify-content:space-between;
    margin-top:0.3rem;
}
.pc .banner .top .daohang ul li{
    font-size:0.18rem;
}
.pc .banner .top .daohang ul li a{
    display:block;
    line-height:0.4rem;
}
.pc .banner .top .daohang ul li a.on{
    border-bottom:0.02rem solid #019a47;
}
.pc .boot {
    background:#2b824c;
    padding:0.15rem 0;
    overflow:hidden;
}
.pc .boot .txt{
    float:left;
    font-size:0.16rem;
    line-height:0.28rem;
    color:#fff;
    width:75%;
}
.pc .boot .txt a{
    color:#fff;
}
.pc .boot .ewm_list{
    float:right;
    width:20%;
}
.pc .boot .ewm_list ul{
    overflow:hidden;
    font-size:0;
}
.pc .boot .ewm_list ul li{
    float:left;
    margin-right:5%;
}
.pc .boot .ewm_list ul li img{
    width:0.86rem;
    height:0.86rem;
    vertical-align:top;
}





.sj .header {
    width: 100%;
    overflow: hidden;
    height: 1.16rem;
    background: #fff;
}
.sj .header .logo{
    float:left;
    width:70%;
}
.sj .header .logo img{
    width:100%;
    vertical-align:top;
}
.sj .header .menu{
    float:right;
    width:16.8125%;
}
.sj .header .menu img{
    width:100%;
    vertical-align:top;
}
.sj {
    position: relative;
}
.sj .daoh {
  width: 100%;
  position: absolute;
  top: 1.16rem;
  right: 0;
  bottom: 0;
  z-index: 10;
  background:#000;
  text-align: right;
  z-index: 9;
  display: none;
  background: rgba(0, 0, 0, 0.8);
}
.sj .daoh a {
  color: #fff;
  font-size: 0.24rem;
  display: block;
  text-align:center 
}
.sj .daoh .parents {
  box-sizing: border-box;
  width: 26.4375%;
  position: absolute;
  right: 0;
  background-color: #2b824c;
  top: 0;
  bottom: 0;
  color:#fff;
  padding-top:0.2rem;
}
.sj .daoh .parents .nLi {
  height: 0.56rem;
  line-height: 0.56rem;
  position: relative;
}
.sj .daoh .parents .nLi a {
  color: #fff;
}
.sj .daoh .parents .on {
  background-color: #f5f0e3;
}
.sj .daoh .parents .on a{
    color:#000;
  /*font-weight:bold;*/
}
.sj .daoh .sub {
  width:1.8rem;
  position: absolute;
  right: 100%;
  display: none;
  background: #f5f0e3;
  top: 0;
  z-index: 2;
  box-sizing: border-box;
  font-size:0.24rem;
}
.sj .daoh .sub li {
   height: 0.7rem;
  line-height: 0.7rem;
  font-size: 0.24rem;
  color:#000;
}
.sj .daoh .parents .on .sub li a {
  color: #000;
  font-weight:initial;
}
.sj .bg {
  width: 2.1rem;
  position: absolute;
  right: 1.8rem;
  top: 0;
  bottom: 0;
  background-color: #f5f0e3;
  display: none;
}
.sj .sj_boot{
    background:url(/web_images/sj_boot_16.jpg)no-repeat;
    background-size:100%;
    background-position:top center;
    background-color:#2b824c;
    padding:0.6rem 4% 0.2rem;
    font-size:0.2rem;
    line-height:0.35rem;
    color:#fff;
}
.sj .sj_boot a{
    color:#fff;
}


.enlarge_box {
    overflow: hidden;
}
.enlarge_img { display:block; width:100%; height:100%; transition:all 1s;}
.enlarge_img:hover { transform:scale(1.1);}