/*banner*/
.ind-banner{width: 100%; overflow: hidden;} 
.ind-banner .swiper-slide {position: relative;}
.ind-banner .swiper-slide .bg img{width: 100%;}
.ind-banner .swiper-slide a{ display: block; width: 100%; height: 100%; }
.ind-banner .onebox{ position: absolute; left: 50%; margin-left: -8rem; top: 30%; transform: translateY(-70%); color: #fff;} 
.ind-banner .onebox .txt1{ font-size: 0.8rem; line-height: 0.8rem; color: #646769; font-family: mont;}
.ind-banner .onebox .txt2{ font-size: 0.4rem; color: #d0112b; padding-top: 0.2rem; }
.ind-banner .swiper-pagination{ position: absolute; text-align: left; left: 50%!important; margin-left: -8.0rem; width: auto!important; bottom: 0.6rem!important; } 
.ind-banner .swiper-pagination-bullet { position: relative; width: 15px; height: 15px; opacity: 1; border-radius: 50%; background: rgba(0,0,0,0.3); margin-left: 0!important; margin-right: 10px!important; } 
.ind-banner .swiper-pagination-bullet-active { background: #d0112b;}
/*banner结束*/

.bannerDiv{ position: relative; }
.bannerDiv .icoList{ position: absolute; left: 50%; margin-left: -8.0rem; width: 16.0rem; bottom: 0; z-index: 2; }
.bannerDiv .icoList li{ position: absolute; border-radius: 50%; }
.bannerDiv .icoList .li01{ left: 0; bottom: 3.26rem; width: 3.16rem; height: 3.16rem; }
.bannerDiv .icoList .li02{ width: 2.94rem; height: 2.94rem; left: 3.15rem; bottom: 0.58rem; }
.bannerDiv .icoList .li03{ width: 3.08rem; height: 3.08rem; right: 4.54rem; bottom: 0.42rem; }
.bannerDiv .icoList .li04{ width: 3.42rem; height: 3.42rem; right: 0; bottom: 0.1rem; }
.bannerDiv .icoList li .bg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; background: url(../images/nimg342Bg.png) no-repeat; background-size: 100%; }
.bannerDiv .icoList li .ico{ padding: 0.85rem 0 0.15rem; text-align: center; position: relative; z-index: 1; }
.bannerDiv .icoList li .ico img{ width: 1.12rem; }
.bannerDiv .icoList li .ico .img1{ display: none; }
.bannerDiv .icoList .li02 .ico{ padding: 0.55rem 0 0.05rem;}
.bannerDiv .icoList .li03 .ico{ padding: 0.75rem 0 0.15rem;}

.bannerDiv .icoList li .name{ font-size: 0.28rem; color: #333; line-height: 0.38rem; text-align: center; position: relative; z-index: 1; }


.bannerDiv .icoList li:hover .bg{ background: url(../images/nimg342Bgon.png) no-repeat; background-size: 100%;}
.bannerDiv .icoList li:hover .ico img{ display: none; }
.bannerDiv .icoList li:hover .ico .img1{ display: inline-block; }
.bannerDiv .icoList li:hover .name{ color: #d9232e; }
.bannerDiv .icoList li a{ display: block; width: 100%; height: 100%; }

.img_rotate{  -moz-animation:rotate 15s infinite linear;  -webkit-animation:rotate 15s infinite linear;  animation:rotate 15s infinite linear; }
.img_rotate2{  -moz-animation:rotate 20s infinite linear;  -webkit-animation:rotate 20s infinite linear;  animation:rotate 20s infinite linear; }
.img_rotate3{  -moz-animation:rotate 25s infinite linear;  -webkit-animation:rotate 25s infinite linear;  animation:rotate 25s infinite linear; }


@-moz-keyframes rotate{ 0%{  -moz-transform:rotate(0deg);  } 100%{  -moz-transform:rotate(-360deg);  } }
@-webkit-keyframes rotate{ 0%{  -webkit-transform:rotate(0deg);  } 100%{  -webkit-transform:rotate(-360deg);  } }
@keyframes rotate{ 0%{  transform:rotate(0deg);  } 100%{  transform:rotate(-360deg);  } }

.indexTitle{ text-align: center; color: #5f6061; padding-bottom: 0.7rem;}
.indexTitle .title1{ font-size: 0.3rem; line-height: 0.3rem; padding-bottom: 0.2rem; text-transform: uppercase; font-family:mont;}
.indexTitle .title2{ font-size: 0.48rem; line-height: 0.48rem; }

.indexPart1{ padding: 1.2rem 0; }
.indexPart1 .bigBox{ padding-top: 0.55rem; }
.indexPart1 .leftDiv{ width: 10.33rem; }
/*.indexPart1 .detail{ position: relative; height: 4.62rem; border-radius: 24px; background: #ededed url(../images/nimg733Bg.jpg) right bottom no-repeat; background-size: 7.33rem;}*/
.indexPart1 .detail{ position: relative; height: 4.62rem; border-radius: 24px; background: #ededed; background-size: 7.33rem;}
.indexPart1 .detail .limg{ position: absolute; right: 0.65rem; top: 0.92rem; z-index: 1; }
.indexPart1 .detail .limg img{ width: 4.57rem; }
.indexPart1 .detail .conDiv{ padding: 0.7rem 0 0 0.72rem; width: 3.46rem; }
.indexPart1 .detail .name{ font-size: 0.36rem; line-height: 0.48rem; color: #333; font-weight: bold; }
.indexPart1 .detail .msg{ font-size: 18px; line-height: 30px; height: 90px; padding-top: 0.3rem; }
.indexPart1 .detail .btnDiv{ padding-top: 0.3rem; }
.indexPart1 .detail .btnDiv a{ display: block; position: relative; width: 1.32rem; height: 0.43rem; line-height: 0.43rem; text-indent: 0.32rem; font-size: 14px; color: #333; text-transform: uppercase; background: url(../images/nimg132Bg.png) no-repeat; background-size: 1.32rem;}
.indexPart1 .detail .btnDiv a:after{ content: ''; position: absolute; right: 0.3rem; top: 50%; margin-top: -6px; width: 12px; height: 12px; background: url(../images/nimg12_1.png) no-repeat; }
.indexPart1 .detail .btnDiv a:hover{ color: #d9232e; background: url(../images/nimg132Bg3.png) no-repeat; background-size: 1.32rem;}
.indexPart1 .detail .btnDiv a:hover:after{ background: url(../images/nimg12_3.png) no-repeat;}
.indexPart1 .detail:hover .limg{ top: 0.82rem; }
.indexPart1 .list{ padding-top: 0.32rem; }
.indexPart1 .list ul{ margin-right: -0.34rem; }
.indexPart1 .list li{ float: left; width: 50%; }
.indexPart1 .list li .box{ margin-right: 0.34rem; height: 4.6rem; padding: 1.1rem 0.72rem 0; box-sizing: border-box; border: #e2e2e2 solid 1px; border-radius: 24px; }
.indexPart1 .list li:nth-of-type(2) .box{ background: url(../images/bg3.jpg) center repeat-x; }
.indexPart1 .list li .name{ position: relative; top: 0; font-size: 0.36rem; line-height: 0.36rem; color: #292929; font-weight: bold; }
.indexPart1 .list li .name2{ position: relative; top: 0; padding-top: 0.3rem; font-size: 0.2rem; line-height: 0.2rem; color: rgba(102,102,102,0.55); }
.indexPart1 .list li .btnDiv{ padding-top: 1.3rem; }
.indexPart1 .list li .btnDiv a{ display: block; position: relative; width: 1.32rem; height: 0.43rem; line-height: 0.43rem; text-indent: 0.32rem; font-size: 14px; color: #333; text-transform: uppercase; background: url(../images/nimg132Bg.png) no-repeat; background-size: 1.32rem;}
.indexPart1 .list li .btnDiv a:after{ content: ''; position: absolute; right: 0.3rem; top: 50%; margin-top: -6px; width: 12px; height: 12px; background: url(../images/nimg12_1.png) no-repeat; }
.indexPart1 .list li .btnDiv a:hover{ color: #d9232e; background: url(../images/nimg132Bg3.png) no-repeat; background-size: 1.32rem;}
.indexPart1 .list li .btnDiv a:hover:after{ background: url(../images/nimg12_3.png) no-repeat;}
.indexPart1 .list li .box:hover .name, .indexPart1 .list li .box:hover .name2{ top: -0.1rem; }

.indexPart1 .midDiv{ width: 48%; }
.indexPart1 .midDiv li .box{ margin-bottom: 0.4rem; height: 3.6rem; padding: 0.8rem 0.5rem 0; box-sizing: border-box; border: #e2e2e2 solid 1px; border-radius: 0.36rem; }
.indexPart1 .midDiv li:nth-of-type(2) .box{ background: url(../images/bg3.jpg) center repeat-x; }
.indexPart1 .midDiv li .name{ position: relative; top: 0; font-size: 0.36rem; line-height: 0.36rem; color: #292929; font-weight: bold; }
.indexPart1 .midDiv li .name2{ position: relative; top: 0; padding-top: 0.2rem; font-size: 0.24rem; line-height: 0.24rem; color: rgba(102,102,102,0.55); }
.indexPart1 .midDiv li .btnDiv{ padding-top: 0.6rem; }
.indexPart1 .midDiv li .btnDiv a{ display: block; position: relative; width: 2.1rem; height: 0.68rem; line-height: 0.68rem; text-indent: 0.38rem; font-size: 0.28rem; color: #333; text-transform: uppercase; background: url(../images/nimg132Bg.png) no-repeat; background-size: 2.1rem;}
.indexPart1 .midDiv li .btnDiv a:after{ content: ''; position: absolute; right: 0.3rem; top: 50%; margin-top: -6px; width: 12px; height: 12px; background: url(../images/nimg12_1.png) no-repeat; }
.indexPart1 .midDiv li .btnDiv a:hover{ color: #d9232e; background: url(../images/nimg132Bg3.png) no-repeat; background-size: 2.1rem;}
.indexPart1 .midDiv li .btnDiv a:hover:after{ background: url(../images/nimg12_3.png) no-repeat;}


.indexPart1 .rightDiv{ width: 5.38rem; position: relative; height: 9.54rem;}
.indexPart1 .toptop{ /*padding-top: 1.28rem;*/ position: relative; }
.indexPart1 .toptop .limg{ position: absolute; left: 50%; margin-left: -1.65rem; top: 0; }
.indexPart1 .toptop .limg img{ width: 3.31rem; }
.indexPart1 .toptop .lbox{ height: 6.82rem; padding-top: 2.78rem; box-sizing: border-box; background: url(../images/bg4.jpg) center repeat-x; border-radius: 24px;}
.indexPart1 .toptop .name{ font-size: 0.36rem; line-height: 0.36rem; color: #292929; font-weight: bold; text-align: center;}
.indexPart1 .toptop .name2{ padding-top: 0.3rem; font-size: 0.2rem; line-height: 0.2rem; color: rgba(102,102,102,0.55); text-align: center; }
.indexPart1 .toptop .btnDiv{ padding-top: 0.6rem; margin: 0 auto; width: 1.32rem; }
.indexPart1 .toptop .btnDiv a{ display: block; position: relative; width: 1.32rem; height: 0.43rem; line-height: 0.43rem; text-indent: 0.32rem; font-size: 14px; color: #333; text-transform: uppercase; background: url(../images/nimg132Bg.png) no-repeat; background-size: 1.32rem;}
.indexPart1 .toptop .btnDiv a:after{ content: ''; position: absolute; right: 0.3rem; top: 50%; margin-top: -6px; width: 12px; height: 12px; background: url(../images/nimg12_1.png) no-repeat; }
.indexPart1 .toptop .btnDiv a:hover{ color: #d9232e; background: url(../images/nimg132Bg3.png) no-repeat; background-size: 1.32rem;}
.indexPart1 .toptop .btnDiv a:hover:after{ background: url(../images/nimg12_3.png) no-repeat;}
.indexPart1 .toptop:hover .limg{ top: 0.1rem; }
.indexPart1 .botbot{ position: absolute; right: 0; bottom: 0; height: 2.3rem; border-radius: 24px; width: 100%; background: url(../images/bg5.jpg) center repeat-x; }
.indexPart1 .botbot .btnDiv{ position: absolute; left: 50%; margin-left: -0.66rem; top: 50%; margin-top: -0.22rem; width: 1.32rem; }
.indexPart1 .botbot .btnDiv a{ display: block; position: relative; width: 1.32rem; height: 0.43rem; line-height: 0.43rem; text-indent: 0.32rem; font-size: 14px; color: #333; text-transform: uppercase; background: url(../images/nimg132Bg.png) no-repeat; background-size: 1.32rem;}
.indexPart1 .botbot .btnDiv a:after{ content: ''; position: absolute; right: 0.3rem; top: 50%; margin-top: -6px; width: 12px; height: 12px; background: url(../images/nimg12_1.png) no-repeat; }
.indexPart1 .botbot .btnDiv a:hover{ color: #d9232e; background: url(../images/nimg132Bg3.png) no-repeat; background-size: 1.32rem;}
.indexPart1 .botbot .btnDiv a:hover:after{ background: url(../images/nimg12_3.png) no-repeat;}

.indexPart2{ padding-bottom: 1.1rem; }
.indexPart2 .leftDiv{ width: 10.52rem; }
.indexApp{ border-radius: 24px; overflow: hidden; }
.indexApp .toptop{ position: relative; overflow: hidden; }
.indexApp .imgDiv img{ width: 100%; }
.indexApp .layer{ position: absolute; left: 0.8rem; bottom: 0.5rem; color: #fff; }
.indexApp .name{ font-size: 0.36rem; line-height: 0.36rem; padding-bottom: 20px; }
.indexApp .name2{ font-size: 0.18rem; line-height: 0.18rem; }
.indexApp .botbot{ box-sizing: border-box; position: relative; height: 2.8rem; padding: 0.75rem 0.8rem 0; background: url(../images/bg1.jpg) repeat-x; }
.indexApp .content{ font-size: 0.18rem; line-height: 30px; height: 60px; overflow: hidden; color: #333; }
.indexApp .btnDiv{ position: absolute; bottom: 0.5rem; right: 0.8rem; }
.indexApp .btnDiv a{ display: block; position: relative; width: 1.32rem; height: 0.43rem; line-height: 0.43rem; text-indent: 0.32rem; font-size: 14px; color: #333; text-transform: uppercase; background: url(../images/nimg132Bg.png) no-repeat; background-size: 1.32rem;}
.indexApp .btnDiv a:after{ content: ''; position: absolute; right: 0.3rem; top: 50%; margin-top: -6px; width: 12px; height: 12px; background: url(../images/nimg12_1.png) no-repeat; }
.indexApp .swiper-pagination{ position: absolute; width: auto!important; left: auto!important; right: 0.8rem; bottom: .3rem!important; }
.indexApp .swiper-pagination-bullet { position: relative; width: 18px; height: 18px; opacity: 1; border-radius: 50%; box-sizing: border-box; background: #fff; margin-left: 8px!important; } 
.indexApp .swiper-pagination-bullet-active { background: #d9232e; width: 60px; border-radius: 24px; } 
.indexApp .swiper-slide:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.indexApp .btnDiv a:hover{ color: #d9232e; background: url(../images/nimg132Bg3.png) no-repeat; background-size: 1.32rem;}
.indexApp .btnDiv a:hover:after{ background: url(../images/nimg12_3.png) no-repeat;}

.indexPart2 .rightDiv{ position: relative; width: 4.95rem; height: 7.6rem; overflow: hidden; border-radius: 24px; background: url(../images/bg2.jpg) bottom no-repeat;}
.indexPart2 .rightDiv .limg img{ width: 4.95rem; }
.indexPart2 .rightDiv .name{ padding: 0.2rem 0.7rem 0.15rem; color: #fff; font-size: 0.36rem; line-height: 0.36rem; }
.indexPart2 .rightDiv .name2{ padding: 0 0.7rem; font-size: 0.18rem; line-height: 0.18rem; color: #fff; }
.indexPart2 .rightDiv .content{ font-size: 0.18rem; line-height: 30px; padding: 0.3rem 0.7rem 0; color: #fff; }
.indexPart2 .rightDiv .btnDiv{ position: absolute; bottom: 0.5rem; left: 0.7rem; }
.indexPart2 .rightDiv .btnDiv a{ display: block; position: relative; width: 1.32rem; height: 0.43rem; line-height: 0.43rem; text-indent: 0.32rem; font-size: 14px; color: #fff; text-transform: uppercase; background: url(../images/nimg132Bg2.png) no-repeat; background-size: 1.32rem;}
.indexPart2 .rightDiv .btnDiv a:after{ content: ''; position: absolute; right: 0.3rem; top: 50%; margin-top: -6px; width: 12px; height: 12px; background: url(../images/nimg12_2.png) no-repeat; }
.indexPart2 .rightDiv .btnDiv a:hover{ color: #d9232e; background: url(../images/nimg132Bg3.png) no-repeat; background-size: 1.32rem;}
.indexPart2 .rightDiv .btnDiv a:hover:after{ background: url(../images/nimg12_3.png) no-repeat;}

.indexPart3{ background: #f6f6f6 url(../images/nimg973Bg.png) left top no-repeat; background-size: 9.73rem; padding: 1.1rem 0; }
.indexPart3 .indexTitle{ text-align: left; }
.indexPart3 .leftDiv{ width: 7.28rem; }
.indexPart3 .content{ font-size: 0.18rem; color: #6e6e6e; line-height: 0.36rem; width: 6.1rem; }
.indexPart3 .btnDiv{ padding-top: 0.7rem; }
.indexPart3 .btnDiv a{ display: block; position: relative; width: 1.32rem; height: 0.43rem; line-height: 0.43rem; text-indent: 0.32rem; font-size: 14px; color: #d9232e; text-transform: uppercase; background: url(../images/nimg132Bg3.png) no-repeat; background-size: 1.32rem;}
.indexPart3 .btnDiv a:after{ content: ''; position: absolute; right: 0.3rem; top: 50%; margin-top: -6px; width: 12px; height: 12px; background: url(../images/nimg12_3.png) no-repeat; }
.indexPart3 .btnDiv a:hover{ color: #d9232e; background: url(../images/nimg132Bg3.png) no-repeat; background-size: 1.32rem;}
.indexPart3 .btnDiv a:hover:after{ background: url(../images/nimg12_3.png) no-repeat;}
.indexPart3 .numList{ padding-top: 1.5rem; width: 6.6rem;}
.indexPart3 .numList ul{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between;}
.indexPart3 .numList li .num{ font-size: 0.3rem; color: #333; position: relative; font-family: mont; display: inline-block; padding-right: 20px;}
.indexPart3 .numList li .numUp{ position: relative; font-size: 0.36rem; line-height: 0.36rem; padding-right: 6px;}
.indexPart3 .numList li img{ position: absolute; right: 0; top: 0;}
.indexPart3 .numList li p{ font-size: 16px; color: #333; padding-top: 10px; }

.indexPart3 .midDiv{ width: 1.8rem; padding-top: 0.55rem; }
.indexPart3 .list{ height: 5.7rem; border-radius: 24px; background: #fff; }
.indexPart3 .list li a{ box-sizing: border-box; display: block; text-align: center; font-size: 16px; padding-top: 0.5rem; height: 1.9rem; position: relative;}
.indexPart3 .list li a:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #ddd; z-index: 0; }
.indexPart3 .list li:last-child a:after{ display: none; }
.indexPart3 .list li .bg{ opacity: 0; width: 100%; height: 100%; background: #d9232e; position: absolute; left: 0; top: 0; z-index: 1; border-radius: 24px;}
.indexPart3 .list li .ico{ width: 0.52rem; height: 0.52rem; margin: 0 auto; position: relative; z-index: 2;}
.indexPart3 .list li .ico img{ width: 0.52rem; }
.indexPart3 .list li .ico .img1{ opacity: 0; position: absolute; left: 0; top: 0; }
.indexPart3 .list li .name{ color: #333; padding-top: 0.1rem; position: relative; z-index: 2; }
.indexPart3 .list li a:hover .bg{ opacity: 1; transform:scale(1.2);-webkit-transform:scale(1.2); }
.indexPart3 .list li a:hover .ico img{ opacity: 0; }
.indexPart3 .list li a:hover .ico .img1{ opacity: 1; }
.indexPart3 .list li a:hover .name{ color: #fff; }

.indexPart3 .rightDiv{ width: 6.2rem; position: relative; overflow: hidden; border-radius: 24px; }
.indexPart3 .rightDiv .imgDiv img{ width: 6.2rem; }
.indexPart3 .rightDiv .layer{ position: absolute; right: 0; top: 0; z-index: 1; width: 1.32rem; height: 100%; background: rgba(158,158,158,0.7); }
.indexPart3 .layer .wenImg{ position: absolute; top: 35px; right: 30px; }
.indexPart3 .layer .txt{ position: absolute; right: 35px; top: 2.05rem; color: #fff; font-size: 0.3rem; }
.indexPart3 .layer .txt p{ width: 0.36rem; float: left; text-align: center; }
.indexPart3 .layer .txt p:first-child{ padding-top: 120px; }
.indexPart3 .layer .more{ position: absolute; left: 0; bottom: 0; background: #d9232e; width: 1.32rem; height: 1.2rem; text-align: center; }
.indexPart3 .layer .more a{ display: block; width: 100%; height: 100%;}
.indexPart3 .layer .more img{ width: 39px; display:block; position: absolute; left: 50%; margin-left: -20px; top: 50%; margin-top: -20px;}

.indexPart4{ padding: 1.0rem 0 1.15rem; }
.indexPart4 .indexTitle{ text-align: left; }
.indexPart4 .toptop{ position: relative; }
.indexPart4 .tab2{ width: 7.8rem; position: absolute; right: 0; bottom: 0.7rem; }
.indexPart4 .tab2 li{ float: left; margin-right: 0.4rem; font-size: 0.18rem; line-height: 0.18rem; color: #333; }
.indexPart4 .tab2 .liNow{ font-size: 0.24rem; font-weight: bold;}
.indexPart4 .detail{ width: 7.33rem; border-radius: 24px; overflow: hidden;}
.indexPart4 .detail .imgDiv{ overflow: hidden; }
.indexPart4 .detail .imgDiv img{ width: 100%; }
.indexPart4 .detail .botDiv{ height: 1.83rem;  background: url(../images/bg6.jpg) center repeat-x; padding: 0 0.65rem 0 0.4rem; }
.indexPart4 .detail .time{ color: #333; padding-top: 0.4rem; line-height: 0.2rem; font-size: 0.2rem; font-family: mont; }
.indexPart4 .detail .name{ padding-top: 20px; font-size: 0.24rem; }
.indexPart4 .detail .name a{ display: block; color: #333; line-height: 0.3rem; height: 0.6rem; overflow: hidden; }
.indexPart4 .detail:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.indexPart4 .detail .name a:hover{ color: #d9232e; }
.indexPart4 .list{ width: 7.8rem; }
.indexPart4 .list li{ margin-bottom: 0.34rem; }
.indexPart4 .list li a{ display: block; height: 2rem; position: relative; padding: 0 3.3rem 0 0.45rem; background: url(../images/bg7.jpg) center repeat-x; overflow: hidden; border-radius: 24px;}
.indexPart4 .list li .imgDiv{ position: absolute; right: 0; top: 0; overflow: hidden; }
.indexPart4 .list li .imgDiv img{ width: 2.88rem; }
.indexPart4 .list li .time{ font-size: 0.2rem; color: #c9c9c9; padding-top: 0.35rem; line-height: 0.2rem; font-family: mont; }
.indexPart4 .list li .name{ padding-top: 15px; font-size: 0.18rem; color: #666; line-height: 0.36rem; height: 0.72rem; overflow: hidden; }
.indexPart4 .list li .ico{ margin-top: 10px; width: 8px; height: 14px; background: url(../images/nimg8_1.png) center no-repeat; position: relative; left: 0;}
.indexPart4 .list li:hover a{ background: #d9232e; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.1); }
.indexPart4 .list li:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.indexPart4 .list li:hover .time, .indexPart4 .list li:hover .name{ color: #fff; }
.indexPart4 .list li:hover .ico{ background: url(../images/nimg8_1on.png) center no-repeat; left: 10px;}

.indexPart4 .moreBtn{ padding-top: 0.3rem; margin: 0 auto; width: 1.32rem; }
.indexPart4 .moreBtn a{ display: block; position: relative; width: 1.32rem; height: 0.43rem; line-height: 0.43rem; text-indent: 0.32rem; font-size: 14px; color: #d9232e; text-transform: uppercase; background: url(../images/nimg132Bg3.png) no-repeat; background-size: 1.32rem;}
.indexPart4 .moreBtn a:after{ content: ''; position: absolute; right: 0.3rem; top: 50%; margin-top: -6px; width: 12px; height: 12px; background: url(../images/nimg12_3.png) no-repeat; }
.indexPart4 .moreBtn a:hover{ color: #d9232e; background: url(../images/nimg132Bg3.png) no-repeat; background-size: 1.32rem;}
.indexPart4 .moreBtn a:hover:after{ background: url(../images/nimg12_3.png) no-repeat;}

.product{ padding: 60px 0 100px; background: #f7f7f7; }
.product .titleDiv{ padding-top: 40px; position: relative; text-align: center; }
.product .titleDiv:before{ content: ''; z-index: 0; position: absolute; left: 50%; top: 0; width: 20px; height: 20px; background: #d74650; border-radius: 50%; }
.product .titleDiv:after{ content: ''; z-index: 0; position: absolute; left: 50%; margin-left: 18px; top: 5px; width: 50px; height: 50px; box-sizing: border-box; border: #e48d93 solid 6px; border-radius: 50%;}
.product .titleDiv .title1{ position: relative; z-index: 1; font-size: 26px; line-height: 26px; color: #333; font-weight: bold; }
.product .titleDiv .title2{ position: relative; z-index: 1; padding-top: 25px; font-size: 18px; line-height: 18px; text-transform: uppercase; font-family: mont; }
.product .list{ padding-top: 50px; }
.product .list ul{ margin-right: -0.5rem; }
.product .list li{ float: left; width: 33.33%; padding-bottom: 0.5rem; }
.product .list li .box{ margin-right: 0.5rem; background: #fff; border-radius: 16px; height: 6.0rem; }
.product .list li .imgDiv{ padding-top: 0.65rem; text-align: center; height: 3.6rem;}
.product .list li .imgDiv img{ width: 3.9rem;}
.product .list li .conDiv{ width: 3.0rem; margin: 0 auto; position: relative; padding-top: 0.5rem;}
.product .list li .conDiv:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 1px; background: #f0f0f0; }
.product .list li .name{ height: 36px; line-height: 36px; text-align: center; font-size: 14px; color: #333; overflow: hidden; }
.product .list li .ico{ width: 28px; height: 28px; margin: 0 auto; border-radius: 50%; background: url(../images/nimg16_4.png) center no-repeat; }
.product .list li .box:hover{ box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.03); -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); }
.product .list li .box:hover .ico{ background: #d0112b url(../images/nimg16_4on.png) center no-repeat;}
.product .list li .box:hover .imgDiv img{ transform:scale(1.05);-webkit-transform:scale(1.05);}



.productPart1{ padding: 100px 0; overflow: hidden; border-bottom: #f6f6f6 solid 2px;}
.productPart1 .detail-box{ width: 6.68rem; border: #e7e7e7 solid 1px; box-sizing: border-box;}
.productPart1 .detail-box .imgDiv img{ width: 100%; }
.productPart1 .detail-box .list .item { display: none; position: relative;}
.productPart1 .detail-box .list .item.on { display: block; animation: fadeOfOpacity .5s linear;}
.productPart1 .box-container{ width: 524px; position: relative; margin-top: 30px; }
.productPart1 .img-swiper{ width: 420px; margin: 0 auto; }
.productPart1 .img-swiper .limg{ border: #fff solid 1px; cursor: pointer; text-align:center; }
.productPart1 .img-swiper .swiper-slide img{ width: 128px; }
.productPart1 .swiper-slide.swiper-slide-active .limg{ border: #d7d7d7 solid 1px;  }
.productPart1 .swiper-btn{ position: absolute; display: block; width: 30px; height: 30px; top: 50%; margin-top: -15px; }
.productPart1 .prev{ left: 0; background: url("../images/nimg30_left.png") center no-repeat; }
.productPart1 .next{ right: 0; background: url("../images/nimg30_right.png") center no-repeat;}
.productPart1 .prev:hover{ background: url("../images/nimg30_lefton.png") center no-repeat;}
.productPart1 .next:hover{ background: url("../images/nimg30_righton.png") center no-repeat;}


@keyframes fadeOfOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.productPart1 .rightDiv{ width: 7.5rem; }
.productPart1 .name{ font-weight: bold; font-size: 0.36rem; color: #333; line-height: 0.48rem; }
.productPart1 .msgList{ padding-top: 30px; }
.productPart1 .msgList li{ position: relative; padding-left: 16px; padding-bottom: 20px; font-size: 16px; line-height: 26px;  }
.productPart1 .msgList li:before{ content: ''; position: absolute; left: 0; top: 9px; width: 6px; height: 6px; background: #666; border-radius: 50%; }
.productPart1 .msgList .listText{margin-bottom:.3rem; font-size:18px; line-height: .36rem; color:#666;}

.productPart2{ padding: 80px 0 30px; border-bottom: #f6f6f6 solid 1px; }
.productPart2 .title{ font-weight: bold; font-size: 18px; line-height: 18px; color: #333; padding-bottom: 50px; }
.productPart2 .list li{ position: relative; padding-left: 275px; min-height: 185px; padding-bottom: 50px; }
.productPart2 .list li .imgDiv{ position: absolute; left: 0; top: 0; border: #dfdfdf solid 1px;}
.productPart2 .list li .imgDiv img{ width: 223px; }
.productPart2 .list li .name{ font-weight: bold; font-size: 16px; line-height: 16px; color: #333; }
.productPart2 .list li .msg{ padding-top: 25px; }
.productPart2 .list li .msg dd{ padding-left: 16px; padding-bottom: 15px; font-size: 14px; line-height: 24px; background: url("../images/ico2.png") left 10px no-repeat; }

.productPart3{ padding: 80px 0 60px; border-bottom: #f6f6f6 solid 1px; }
.productPart3 .title{ font-weight: bold; font-size: 18px; line-height: 18px; color: #333; }
.productPart3 .msgList{ padding-top: 35px;}
.productPart3 .msgList li{ font-size: 14px; line-height: 24px; padding-left: 16px; padding-bottom: 15px; position: relative; }
.productPart3 .msgList li:before{ content: ''; position: absolute; left: 0; top: 9px; width: 6px; height: 6px; background: #666; border-radius: 50%; }

.productPart4{ padding: 80px 0; border-bottom: #f6f6f6 solid 1px; }
.productPart4 .title{ font-weight: bold; font-size: 18px; line-height: 18px; color: #333; padding-bottom: 50px; }
.productPart4 .bigImg{ border: #dfdfdf solid 1px; }
.productPart4 .bigImg img{ width: 100%; }

.productPart5{ padding: 80px 0 65px; }
.productPart5 .title{ font-weight: bold; font-size: 18px; line-height: 18px; color: #333; padding-bottom: 50px; }
.productPart5 .msgList{ width: 1112px; }
.productPart5 .msgList li{ font-size: 14px; line-height: 40px; float: left; width: 25%; }

.productPart6{ background: #f6f6f6; padding: 80px 0 100px; }
.productPart6 .title1{ text-align: center; font-size: 26px; line-height: 26px; color: #333; font-weight: bold; padding-bottom: 25px; }
.productPart6 .title2{ text-align: center; font-size: 14px; text-transform: uppercase; padding-bottom: 60px; }

.productPic{ position: relative; }
.productPic .swiper-slide{ background: #fff; border-radius: 16px; height: 6.0rem; }
.productPic .imgDiv{ padding-top: 0.65rem; text-align: center; height: 3.6rem;}
.productPic .imgDiv img{ width: 3.9rem;}
.productPic .conDiv{ width: 3.0rem; margin: 0 auto; position: relative; padding-top: 0.5rem;}
.productPic .conDiv:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 1px; background: #f0f0f0; }
.productPic .name{ height: 36px; line-height: 36px; text-align: center; font-size: 14px; color: #333; overflow: hidden; }
.productPic .ico{ width: 28px; height: 28px; margin: 0 auto; border-radius: 50%; background: url(../images/nimg16_4.png) center no-repeat; }
.productPic .swiper-slide:hover{ box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.03); }
.productPic .swiper-slide:hover .ico{ background: #d0112b url(../images/nimg16_4on.png) center no-repeat;}
.productPic .swiper-slide:hover .imgDiv img{ transform:scale(1.05);-webkit-transform:scale(1.05);}
.productPic .prev{ z-index: 2; position: absolute; display: block; width: 30px; height: 30px; top: 50%; margin-top: -15px;  left: -1.1rem; background: url("../images/nimg30_left.png") center no-repeat; }
.productPic .next{ z-index: 2; position: absolute; display: block; width: 30px; height: 30px; top: 50%; margin-top: -15px;  right: -1.1rem; background: url("../images/nimg30_right.png") center no-repeat;}
.productPic .prev:hover{ background: url("../images/nimg30_lefton.png") center no-repeat;}
.productPic .next:hover{ background: url("../images/nimg30_righton.png") center no-repeat;}

.reagent{ padding: 100px 0; background: #f7f7f7; }
.reagent .toptop{ position: relative; }
.reagent .titleDiv .title1{ position: relative; z-index: 1; font-size: 26px; line-height: 26px; color: #333; font-weight: bold; }
.reagent .titleDiv .title2{ position: relative; z-index: 1; padding-top: 25px; font-size: 18px; line-height: 18px; text-transform: uppercase; font-family: mont; }
.reagent .links{ position: absolute; right: 0; bottom: 0; }
.reagent .links li{ float: left; margin-left: 40px; z-index: 9; position: relative;}
.reagent .links li a{ display: block; width: 148px; height: 48px; font-size: 14px; border: #666 solid 1px; color: #666; border-radius: 24px; text-align: center; line-height: 48px; }
.reagent .links li .aNow{ background: #d0112b; border: #d0112b solid 1px; color: #fff; }
.reagent .list{ padding: 50px 0 35px; }
.reagent .list li{ margin-bottom: 20px; }
.reagent .list li a{ display: block; position: relative; width: 100%; border: #fff solid 1px; box-sizing: border-box; background: #fff; /*height: 158px;*/ padding: 40px 80px 40px 55px; }
.reagent .list li a:before{ content: ''; position: absolute; width: 6px; height: 98px; top: 50%; margin-top: -49px; left: 0; background: #313130; }
.reagent .list li a:after{ content: ''; position: absolute; right: 55px; top: 50%; margin-top: -15px; width: 16px; height: 30px; background: url(../images/nimg16_5.png) no-repeat; }
.reagent .list li .name{ height: 32px; line-height: 32px; overflow: hidden; font-size: 18px; color: #333; }
.reagent .list li .msg{ font-size: 14px; color: #999; line-height: 24px; padding-bottom: 5px;}
.reagent .list li .wen{ font-size: 14px; padding-left: 30px; line-height: 24px; color: #666; background: url(../images/nimg14_2.png) left center no-repeat; }
.reagent .list li a:hover:before{ background: #d0112b; }
.reagent .list li a:hover:after{ background: url(../images/nimg16_5on.png) no-repeat;}

.reagentPart2{ padding: 80px 0; border-bottom: #f6f6f6 solid 1px; }
.reagentPart2 .title{ font-weight: bold; font-size: 18px; line-height: 18px; color: #333; }
.reagentPart2 .msgList{ padding-top: 25px;}
.reagentPart2 .msgList li{ font-size: 14px; line-height: 24px; padding-left: 16px; padding-bottom: 15px; position: relative; }
.reagentPart2 .msgList li:before{ content: ''; position: absolute; left: 0; top: 9px; width: 6px; height: 6px; background: #666; border-radius: 50%; }
.reagentPart2 .table{ padding-top: 20px; }
.reagentPart2 .table th{ height: 64px; background: #f7f7f7; color: #333; font-size: 18px; }
.reagentPart2 .table td{ color: #333; font-size: 18px; border-bottom: #d1d1d1 solid 1px; border-right: #d1d1d1 solid 1px; background: #f2f0f7; line-height: 30px; padding: 20px 0; text-align: center;}
.reagentPart2 .table .td01{ background: #d8cfe7; }
.reagentPart2 .table .td02{ background: #fff; }

.reagentPart3{ padding: 80px 0 100px; overflow: hidden; border-bottom: #f6f6f6 solid 1px; }
.reagentPart3 .leftDiv, .reagentPart3 .rightDiv{ width: 7.04rem; }
.reagentPart3 .txt{ font-weight: bold; font-size: 18px; line-height: 18px; padding-bottom: 15px; color: #333; }
.reagentPart3 .wen{ font-size: 14px; color: #333; height: 35px; }
.reagentPart3 .imgList ul{ margin-right: -28px; }
.reagentPart3 .imgList li{ float: left; width: 50%; }
.reagentPart3 .imgList li .box{ margin-right: 28px; }
.reagentPart3 .imgList li img{ width: 100%; }
.reagentPart3 .imgList li .name{ font-size: 0.14rem; color: #333; line-height: 24px; padding-top: 20px; }