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

.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_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_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%;}
.index-part01 .rr{ float: right; width: 50%; max-width: 5.2rem; padding-top: 0.7rem;}
.index-part01 .ll h2{line-height: 1.2; margin-top: 0.1rem;}
.index-part01 .ll h2 span{font-weight: bold;}
.index-part01 .rr ul{margin-top: 0.2rem;}
.index-part01 .rr li{ cursor: pointer; float: left; margin-right: 0.2rem; width: 1.14rem; line-height: 0.42rem; text-align: center; background: #fff; border-radius: 0.3rem; border:0.02rem solid #000}
.index-part01 .rr li:last-child{margin-right: 0;}
.index-part01 .rr li.on{color: #fff; background: #FF0000; border-color: #FF0000;}

.txt{color: #fff; 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-bg{background: #45494A;}

.index-part02{position: relative; top: -1.1rem;}
.index-part02 img{ width: 100%;}

.index-part03{ position: relative;margin-top: -2.8rem;}
.index-part03 .con{ float: left; margin-left: 1.3rem; color: #fff; }
.index-part03 .con span{ display: block;}
.index-part03 .con p{line-height: 1.4; margin-top: 0.3rem;}
.index-part03 .img01{ float: right; width: 10.45rem;}
.index-part03 .img02{ float: left; width: 11.36rem;margin-top: 1.95rem;}
.index-part03 .img03{ float: right; width: 5.5rem;margin-top: 3.5rem; }

.index-part04{margin-top: -0.4rem;position: relative;}
.index-part04 .txt p{margin-left: 2rem;}
.index-part04 .img04{ float: left; width: 10.21rem; margin-left: 1.3rem; margin-top: 1.35rem;}
.index-part04 .img05{ float: right;width:8.34rem; margin-right: 1.3rem; margin-top:-0.45rem;}

.index-part05{padding: 1.25rem 0 1.1rem;}
.index-part05 .con{ text-align: center; color: #fff;}
.index-part05 .img06{ width:12.27rem; margin: 0 auto; margin-top:1.25rem;}

.index-part06{padding: 1.1rem 0 1.5rem;}
.index-part06 .txt{margin-left: 3.5rem;}
.index-part06 .list{margin: 1.5rem 2.48rem 0;}
.index-part06 .list li{ float: left; width:4.31rem;}
.index-part06 .list li.img07{margin-top: 0.88rem;}
.index-part06 .list li.img08{margin-left: 0.85rem;}
.index-part06 .list li.img09{ float: right; margin-top:2.15rem;}

.index-part07{padding: 0 0 1.5rem;}
.index-part07 .img10{width: 100%;}
.index-part07 .txt{ margin-left: 4rem; margin-top:-1.15rem;}


.index-part01 .rr li{transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;}
@media only screen and (min-width:1025px) { 
  .index-part01 .rr li:hover{ color: #fff; background: #FF0000; border-color: #FF0000;}
}
@media only screen and (max-width:1023px) { 
.index-part01 .ll,.index-part01 .rr{width: 100%;}
.index-part01 .rr{max-width: unset;}
.index-bg{padding: 0 3%;}
.txt{margin-left: 0; padding-right: 0;}
.txt p,.index-part04 .txt p{margin-left: 0;}
.index-part02{top:-0.25rem;}
.index-part03{margin-top: 0;}
.index-part03 .con{margin-left: 0; margin-bottom: 0.5rem;}
.index-part03 .img01,.index-part03 .img02,.index-part03 .img03,.index-part04 .img04,.index-part04 .img05,.index-part05 .img06{width: 100%;}
.index-part03 .img02,.index-part03 .img03,.index-part04,.index-part04 .img04,.index-part04 .img05,.index-part05 .img06{margin-top: 0.5rem;}
.index-part04 .img04,.index-part04 .img05{margin-left: 0; margin-right: 0;}
.index-part03 .img02 img,.index-part03 .img03 img,.index-part04 .img04 img,.index-part05 .img06 img{ width: 100%;}
.index-part05,.index-part06{padding: 0.5rem 0;}
.index-part06 .txt{margin-left: 0; margin-bottom: 0.5rem;}
.index-part06 .list{margin: 0;}
.index-part06 .list li{ width: 100%; margin:0 0 0.2rem!important;}
.index-part06 .list li img{ width: 100%;}
.index-part07 .txt{margin: 0.5rem 0 0;}
}
@media only screen and (max-width:767px) { 
  .index-part01 .rr li{width: 24%; margin: 0 1% 0 0; height: 30px; line-height: 30px;}
}