/*banner*/
.banner{ position: relative; overflow: hidden; }
.banner .logo{ position: absolute; left: 42px; top: 46px; z-index: 1; }
.banner .logo img{ width: 308px; }
.banner .bg img{ width: 100%; }
/*banner结束*/

.indexPart1{ padding: 120px 0; position: relative; }
.indexPart1:before{ content: ''; z-index: 0; position: absolute; left: 50%; margin-left: -333px; top: 0; width: 666px; height: 0; background: url(../images/nimg666Bg.jpg) no-repeat; }
.indexPart1.cur:before{ height: 227px; }
.indexPart1 .leftImg{ overflow: hidden; cursor: pointer; }
.indexPart1 .leftImg, .indexPart1 .leftImg img{ width: 8.4rem; }
.indexPart1 .rightCon{ width: 7.2rem; padding-top: 1.1rem; }
.indexPart1 .title{ display: inline-block; position: relative; font-size: 36px; line-height: 36px; color: #333; }
.indexPart1 .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 6px; background: #ed753a; z-index: -1; }
.indexPart1 .content{ padding-top: 0.6rem; font-size: 18px; color: #3c3a37; line-height: 40px; }
.indexPart1 .leftImg:hover img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.indexPart2 .leftCon{ width: 7.45rem; padding-top: 1.1rem; }
.indexPart2 .title{ display: inline-block; position: relative; font-size: 36px; line-height: 36px; color: #333;}
.indexPart2 .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 6px; background: #ed753a; z-index: -1; }
.indexPart2 .content{ padding-top: 0.6rem; font-size: 18px; color: #3c3a37; line-height: 40px; }
.indexPart2 .rightImg{ cursor: pointer; overflow: hidden; }
.indexPart2 .rightImg, .indexPart2 .rightImg img{ width: 7.92rem; }
.indexPart2 .rightImg:hover img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.indexPart3{ padding-top: 40px; }
.indexPart3 .en{ font-family:HarmonyOS; font-size: 24px; line-height: 24px; color: #c1c1c1;}
.indexPart3 .cn{ font-size: 24px; line-height: 24px; color: #333; font-weight: bold; padding-top: 10px; }
.indexPart3 .list{ padding-top: 50px; }
.indexPart3 .list ul{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between;}
.indexPart3 .list li .box{ cursor: pointer; width: 5.0rem; height: 5.0rem; box-sizing: border-box; padding: 0.65rem 0.6rem 0; background-image: linear-gradient(top,#fbfbfb,#e5e5e5);
    background-image: -webkit-linear-gradient(top,#fbfbfb,#e5e5e5);
    background-image: -moz-linear-gradient(top,#fbfbfb,#e5e5e5);
    background-image: -o-linear-gradient(top,#fbfbfb,#e5e5e5);
    background-image: linear-gradient(to bottom,#fbfbfb,#e5e5e5);
  background-image: -webkit-linear-gradient(to bottom,#fbfbfb,#e5e5e5);
    background-image: -moz-linear-gradient(to bottom,#fbfbfb,#e5e5e5);
    background-image: -o-linear-gradient(to bottom,#fbfbfb,#e5e5e5); }
.indexPart3 .list li:nth-of-type(2n) .box{ background-image: linear-gradient(top,#e5e5e5,#fbfbfb);
    background-image: -webkit-linear-gradient(top,#e5e5e5,#fbfbfb);
    background-image: -moz-linear-gradient(top,#e5e5e5,#fbfbfb);
    background-image: -o-linear-gradient(top,#e5e5e5,#fbfbfb);
    background-image: linear-gradient(to bottom,#e5e5e5,#fbfbfb);
  background-image: -webkit-linear-gradient(to bottom,#e5e5e5,#fbfbfb);
    background-image: -moz-linear-gradient(to bottom,#e5e5e5,#fbfbfb);
    background-image: -o-linear-gradient(to bottom,#e5e5e5,#fbfbfb); }
.indexPart3 .list li .num{ color: rgba(51,51,51,0.2); font-size: 72px; line-height: 72px; font-family: HarmonyOS;}
.indexPart3 .list li .name{ padding: 10px 0 45px; position: relative; color: #333; font-size: 24px; line-height: 24px; }
.indexPart3 .list li .name:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 34px; height: 6px; background: #ed753a; }
.indexPart3 .list li .content{ margin-top: 0.3rem; font-size: 13px; line-height: 26px; height:182px; overflow:auto;}

.indexPart3 .list li .content::-webkit-scrollbar { width: 2px;}
.indexPart3 .list li .content::-webkit-scrollbar-track { background-color: #e5e5e5;}
.indexPart3 .list li .content::-webkit-scrollbar-thumb { background-color: #ed753a;} 



.indexPart3 .list li:hover .num{ color: #ed753a; }
.indexPart3 .list li:hover .name:after{ width: 100%;}

.indexPart4{ padding: 120px 0 80px; }
.indexPart4 .leftImg{ cursor: pointer; overflow: hidden; }
.indexPart4 .leftImg, .indexPart4 .leftImg img{ width: 7.92rem; }
.indexPart4 .rightCon{ width: 7.45rem; padding-top: 1.1rem; }
.indexPart4 .title{ font-size: 36px; line-height: 36px; position: relative; display: inline-block; color: #333; }
.indexPart4 .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 6px; background: #ed753a; z-index: -1; }
.indexPart4 .content{ padding-top: 0.35rem; color: #333; font-size: 16px; line-height: 36px; }
.indexPart4 .leftImg:hover img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.indexPart5{ padding-bottom: 90px; }
.indexPart5 .bigBox{ position: relative; padding: 0.8rem 1.2rem 0.85rem 4.68rem; background-image: linear-gradient(left top,#e5e5e5,#fbfbfb);
    background-image: -webkit-linear-gradient(left top,#e5e5e5,#fbfbfb);
    background-image: -moz-linear-gradient(left top,#e5e5e5,#fbfbfb);
    background-image: -o-linear-gradient(left top,#e5e5e5,#fbfbfb);
    background-image: linear-gradient(to right bottom,#e5e5e5,#fbfbfb);
  background-image: -webkit-linear-gradient(to right bottom,#e5e5e5,#fbfbfb);
    background-image: -moz-linear-gradient(to right bottom,#e5e5e5,#fbfbfb);
    background-image: -o-linear-gradient(to right bottom,#e5e5e5,#fbfbfb);}
.indexPart5 .title{ position: absolute; left: 1.2rem; top: 0.9rem; z-index: 1; height: 58px; font-size: 24px; line-height: 24px; color: #333; font-weight: bold; }
.indexPart5 .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 34px; height: 6px; background: #ed753a; }
.indexPart5 .content{ font-size: 14px; line-height: 30px; }