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

.fnt_44{font-size: 0.44rem;}
.fnt_96{font-size: 0.96rem;}
.fnt_100{font-size: 1rem;}
.fnt_230{font-size: 2.3rem; font-family: Arial, Helvetica, sans-serif;}
@media only screen and (max-width:1023px) { 
.fnt_44{font-size: 20px;}
.fnt_96{font-size:30px;}
.fnt_100{font-size:40px;}
.fnt_150{font-size:50px;}
.fnt_230{font-size:60px;}
}
@media only screen and (max-width:767px) { 
  .fnt_44{font-size:18px;}
  .fnt_96{font-size:24px;}
  .fnt_100{font-size:28px;}
  .fnt_150{font-size:30px;}
  .fnt_230{font-size:36px;}
}


.index-part01{position: relative; overflow: hidden;padding: 0.6rem 0 0.45rem;color: #000;}
.index-part01 .ll{ float: left; width: 50%; color: #373737;}
.index-part01 .rr{ float: right; width: 50%; padding-top: 1.2rem; text-align: right;}
.index-part01 .ll h2{line-height: 1.1; margin-top: 0.5rem;}
.index-part01 .img{margin-top: 0.5rem; width: 100%;}

.txt{margin-left: 1.3rem; padding-right: 5%;}
.txt h3{line-height: 1.2;}
.txt h3 span{line-height: 1.1; position: absolute; left:28%; top:44%; font-style: italic;}
.txt p{margin-top: 0.5rem;}

.index-part02{position: relative;}
.index-part02 h3{text-align: center;}
.index-part02 h2{ text-align: center; line-height: 1.2;}
.index-part02 .img03{ float: left; width: 6.41rem; border-radius: 0.2rem; margin-top: 1rem; box-shadow: 0 0 0.15rem 0.15rem rgba(0,0,0,0.08); overflow: hidden;}
.index-part02 .img04{ float: right; width:9.55rem;border-radius: 0.2rem; margin-top: 3.8rem; box-shadow: 0 0 0.15rem 0.15rem rgba(0,0,0,0.08);  overflow: hidden;}
.index-part02 .img05{ float: left; width:11.67rem;border-radius: 0.2rem; margin-top: 1rem; box-shadow: 0 0 0.15rem 0.15rem rgba(0,0,0,0.08);  overflow: hidden;}

.index-part03{ position: relative; z-index: 1;}
.index-part03 .txt{ float: right; margin-left: 0; max-width: 8rem; margin-top: -1.6rem;}
.index-part03 .img06{ float: left; width: 15.56rem; margin-top: 1rem;}

.index-part04{ margin-top: 1rem;}
.index-part04 .img07{ float: right; width:13.32rem; margin-top: 0.6rem;}
.index-part04 h4{text-align: center; margin: 1rem 0;}

.index-part05{position: relative; padding-bottom: 2rem;}
.index-part05 .img08{ width: 100%;}
.index-part05 .txt{ margin-left: 3.4rem; margin-top: -0.5rem;}

@media only screen and (max-width:768px) { 
.index-part01 .rr{padding-top: 0.8rem;}
.index-part02 .img03,.index-part02 .img04,.index-part02 .img05,.index-part03 .img06,.index-part04 .img07{width: 100%; margin-top: 0.5rem;}
.index-part02 .img03 img{width: 100%;}
.index-part03 .txt,.index-part04,.index-part05 .txt{margin-top: 0.5rem;}
.txt{margin-left: 0;}
.index-part04 h4{margin: 0.5rem 0;}
.index-part05 .txt{margin-left: 0;}
.index-part05{padding-bottom: 0.5rem;}
}
@media only screen and (max-width:767px) { 
  .index-part01 .ll,.index-part01 .rr{width: 100%;}
}