/*首页*/
html{overflow-x: hidden; }
img{max-width: 100%;}
a:hover{color: #0886D8!important;}
body{ background: none; color: #303030;}
.bold{font-weight: bold;}

.fnt_36{font-size: 0.36rem;}
@media only screen and (max-width:1023px) { 
  .fnt_36{font-size: 20px;}
}
@media only screen and (max-width:767px) { 
  .fnt_36{font-size:18px;}
}


.index-part01{position: relative; overflow: hidden; padding: 3.36rem 0 0.55rem; position: relative;}
.index-part01 .con{max-width: 11rem; width: 90%; margin: 0 auto; text-align: center;}
.index-part01 .con h2{margin-top: 0.8rem; color: #008277; font-weight: bold;}
.index-part01 .con h3{margin-top: 0.25rem; line-height: 1.8;}
.index-part01 .img01{width:11.80rem; margin: 0.8rem auto 0;}
.index-part01 .img02{position: absolute; lefT:0; top:33.5%; width: 5.4rem; box-shadow: 0 0 0.1rem 0.1rem rgba(0,0,0,0.1);}
.index-part01 .img03{position: absolute; right:0; top:33.5%; width: 5.4rem;box-shadow: 0 0 0.1rem 0.1rem rgba(0,0,0,0.1);}
.index-part01 .img04{position: absolute; right:0; top:17.96rem; width: 4.51rem;box-shadow: 0 0 0.1rem 0.1rem rgba(0,0,0,0.1);}

.index-part02{padding: 2.1rem 0 1.6rem;}
.index-part02 .img05,.index-part02 .img06,.index-part02 .img07,.index-part02 .img08{width:15.06rem; margin: 0 auto;}

.index-part03{padding: 1.65rem 0 1.45rem;}
.index-part03 .img09{width:12rem; margin: 0 auto;box-shadow: 0 0 0.1rem 0.1rem rgba(0,0,0,0.1);}

.index-part04{padding: 1.6rem 0 2rem;}
.index-part04 .img10{ float: left; width:8rem; margin-left: 1.6rem;box-shadow: 0 0 0.1rem 0.1rem rgba(0,0,0,0.1);}
.index-part04 .img11{ float: left; width:8rem; margin-top: 4.8rem; margin-right: 1.4rem;box-shadow: 0 0 0.1rem 0.1rem rgba(0,0,0,0.1);}

.index-part05{padding: 1.4rem 0 1.6rem;}
.index-part05 .img12{ float: left; width:9.04rem; margin-left: 1.6rem;box-shadow: 0 0 0.1rem 0.1rem rgba(0,0,0,0.1);}
.index-part05 .img13{ float: left; width:6.7rem; margin-left: 1.75rem; margin-top: 4.45rem;}
.index-part05 .img14{ float: left; width:6.7rem; margin-left: 1.6rem;margin-top: 1.6rem;}

.index-part06{padding: 1.9rem 0 1.5rem;}
.index-part06 .img15{ float: left; width:8rem; margin-left: 3rem;box-shadow: 0 0 0.1rem 0.1rem rgba(0,0,0,0.1);}
.index-part06 .img16{ float: left;width:4.16rem; margin-left: 1.1rem;box-shadow: 0 0 0.1rem 0.1rem rgba(0,0,0,0.1);}
.index-part06 .img17{ float: left;width:4.16rem; margin-left: 1.1rem; margin-top: 0.36rem;box-shadow: 0 0 0.1rem 0.1rem rgba(0,0,0,0.1);}


@media only screen and (max-width:1440px) { 
  .index-part01 .img02,.index-part01 .img03{top:35%;}  
}
@media only screen and (max-width:768px) { 
  .index-part01{padding: 1rem 0;}
  .index-part01 .img01,.index-part01 .con h2{ margin-top: 0.5rem;}
  .index-part01 .img01,.index-part01 .img02, .index-part01 .img03{ width: 100%;}
  .index-part01 .img02,.index-part01 .img03,.index-part01 .img04{ display: none; position: static;width: auto;}
  .index-part01 .img03,.index-part01 .img04{ float: right;}
  .index-part02,.index-part03,.index-part04,.index-part05,.index-part06{padding: 1rem 5%;}
  .index-part02 .img05,.index-part02 .img06,.index-part02 .img07,.index-part02 .img08,.index-part03 .img09{width: 100%;}
  .index-part04 .img10,.index-part04 .img11,.index-part05 .img12,.index-part05 .img13,.index-part05 .img14,.index-part06 .img15{ float:none; width: 100%; margin: 0 0 5%;}
  .index-part04 .img11,.index-part05 .img14,.index-part06 .img17{margin-bottom: 0;}
  .index-part06 .img16,.index-part06 .img17{width:auto; margin: 0 0 5%;}
}
@media only screen and (max-width:767px) { 
.index-part01 .con img{max-width: 40%;}
}