/*banner*/
.ind-banner{ width: 100%; overflow: hidden; position:relative;} 
.ind-banner .swiper-slide {position: relative; }
.ind-banner .swiper-slide a{ display: block; width: 100%; height: 100%; }
.ind-banner .swiper-slide .img img{ width: 100%; }
.ind-banner .onebox{ position: absolute; left: 50%; margin-left: -7.68rem; z-index: 2; top: 1.7rem; background: #652d91; padding: 0.56rem 0.42rem 0 0.42rem; width: 5.78rem; height: 4.8rem; border-top-left-radius: 0.64rem; border-bottom-right-radius: 0.64rem; }
.ind-banner .onebox:after{ content: ''; position: absolute; right: 0.4rem; bottom: 0.4rem; width: 2.14rem; height: 3.3rem; background: url(../images/nimg214Bg.png) no-repeat; background-size: 2.14rem; }
.ind-banner .onebox h3{ position: relative; z-index: 1; font-size: 0.5rem; line-height: 0.6rem; color: #fff; font-weight: 400; font-family:'Light';}
.ind-banner .onebox h4{ position: relative; z-index: 1; margin-top: 0.1rem; font-size: 0.24rem; line-height: 0.3rem; color: #fff; font-weight: 400; font-family:'Poppins-L'; }


.ind-banner .onebox{transform: translateY(50px);
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
  opacity: 0;
  visibility: hidden;
  transition: all 1.4s ease;
  -webkit-transition: all 1.4s ease;
  -moz-transition: all 1.4s ease;
  -ms-transition: all 1.4s ease;
  -o-transition: all 1.4s ease;
  transition-delay: 1s;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);}
.ind-banner .swiper-slide-active .onebox{
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
}

.ind-banner .swiper-pagination{ width: 22px; left: auto; right: 0.5rem; bottom: auto; transform: translateY(-50%);top: 50%!important;} 
.ind-banner .swiper-pagination-bullet { position: relative; display: block; width: 22px; height: 22px; opacity: 1; background: none; border: none; box-sizing:border-box; border-radius: 50%; margin: 8px 0!important; } 
.ind-banner .swiper-pagination-bullet:after{ content: ''; position: absolute; left: 50%; top: 50%; width: 8px; height: 8px; margin-left: -4px; margin-top: -4px; border-radius: 50%; background: rgba(255,255,255,0.3); }
.ind-banner .swiper-pagination-bullet-active { border: #fff solid 1px;} 
.ind-banner .swiper-pagination-bullet-active:after{ background: #fff; }

.indexTxt{ color: #652d91;}
.indexTxt h2{ font-size: 0.3rem; line-height: 0.3rem; font-weight: 400; font-family:'Poppins-B'; }
.indexTxt h3{ margin-top: 0.1rem; font-size: 0.48rem; line-height: 0.48rem; font-family:'Light'; font-weight: 400;}

.indexMore a{ display: block; position: relative; padding-left: 0.75rem; height: 0.6rem; font-size: 0.16rem; line-height: 0.6rem; color: #652d91; text-decoration: underline; font-style: italic; }
.indexMore a:before{ content: ''; position: absolute; left: 0; top: 0; width: 0.6rem; height: 0.6rem; border-radius: 50%; background: #652d91 url(../images/ico1.png) center no-repeat; }
.indexMore a:hover:before{ transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg); }


.indexP1{ padding: 1.2rem 0 1.1rem; background: url(../images/indexP1.jpg) center top no-repeat; background-size: 100%; }
.indexP1 .secondTab{ position: relative; text-align: center;}
.indexP1 .secondTab:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background: rgba(101,45,145,0.1); }
.indexP1 .secondTab ul{ font-size: 0; }
.indexP1 .secondTab li{ cursor: pointer; position: relative; width: 2.22rem; height: 2.22rem; display: inline-block; }
.indexP1 .secondTab li:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 3px; background: #652d91; }
.indexP1 .secondTab li .ico{ position: relative; width: 1.37rem; height: 1.37rem; margin: 0 auto; border-radius: 50%; overflow: hidden; }
.indexP1 .secondTab li .ico img{ position: absolute; left: 0; top: 0; width: 1.37rem; }
.indexP1 .secondTab li .ico .img1{ opacity: 0; visibility: hidden; }
.indexP1 .secondTab li .name{ margin-top: 0.25rem; text-align: center; font-size: 0.18rem; color: #333; }
.indexP1 .secondTab li.on:after{ width: 100%; left: 0; }
.indexP1 .secondTab li.on .ico img{ opacity: 0; visibility: hidden; }
.indexP1 .secondTab li.on .ico .img1{ opacity: 1; visibility: visible; }
.indexP1 .secondTab li.on .name{ color: #652d91; }
.indexP1 .baozhe{ margin-top: 0.65rem; }
.indexPro{ position: relative; display: none;}
.indexPro .box{ position: relative; overflow: hidden; border-top-left-radius: 0.72rem; border-bottom-right-radius: 0.72rem; }
.indexPro .imgDiv{ background: #f6f6f6;}
.indexPro .imgDiv img{ width: 100%; }

.indexPro .layer{ width: 100%; height: 0.9rem; position: absolute; left: 0; bottom: 0; color: #fff; z-index: 1; }
.indexPro .layer .nameDiv{ height: 0.9rem; padding:0 0.3rem; overflow:hidden; text-align: center; box-sizing: content-box; }
.indexPro .layer .nameDiv .cn{ font-size: 0.24rem; height: 0.3rem; line-height: 0.3rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #652d91; font-family: 'Medium';}
.indexPro .layer .nameDiv .en{ font-size: 0.16rem; line-height: 0.24rem; color: #333; font-family: 'Poppins-B';}
.indexPro .layer .btnGroup{ text-align: center; }
.indexPro .layer .btnGroup li{ display: inline-block; margin: 0 6px; font-size: 0.16rem; }
.indexPro .layer .btnGroup li a{ display: block; width: 1.24rem; height: 0.46rem; line-height: 0.44rem; color: #fff; border: #fff solid 1px; border-radius: 8px; }
.indexPro .layer .btnGroup li a:hover{ background: #fff; color: #652d91; }
.indexPro .layer.on{ height: 100%; background: rgba(101,45,145,0.7); }
.indexPro .layer.on .nameDiv{ padding: 1.6rem 0.3rem 0;}
.indexPro .layer.on .nameDiv .cn, .indexPro .layer.on .nameDiv .en{ color: #fff; }

.indexPro .arrowDiv .se{ z-index: 2; position: absolute; top: 50%; margin-top: -0.37rem; display: block; width: 0.74rem; height: 0.74rem; border-radius: 50%; }
.indexPro .arrowDiv .prev{ left: 50%; margin-left: -9.0rem; background: #eaa847 url(../images/nimg18_left.png) center no-repeat; }
.indexPro .arrowDiv .next{ right: 50%; margin-right: -9.0rem; background: #eaa847 url(../images/nimg18_right.png) center no-repeat; }
.indexPro .arrowDiv .prev:hover{ background: #652d91 url(../images/nimg18_left.png) center no-repeat;}
.indexPro .arrowDiv .next:hover{ background: #652d91 url(../images/nimg18_right.png) center no-repeat;}

.indexBox{ background: url(../images/nimg976Bg.jpg) right 6.6rem no-repeat; background-size: 9.76rem; }

.indexP2{ padding-bottom: 1.0rem; }
.indexP2 .mxfDiv{ position: relative; border-top-left-radius: 0.96rem; border-bottom-right-radius: 0.96rem; overflow: hidden;}
.indexP2 .mediumDiv img, .indexP2 .mediumDiv video{ width: 100%; }
.indexP2 .layer{ position: absolute; right: 1.1rem; top: 50%; margin-top: -2.7rem; padding: 0.7rem 0.85rem 0 1.05rem; width: 7.7rem; height: 5.4rem; background: rgba(255,255,255,0.9); border-top-left-radius: 0.64rem; border-bottom-right-radius: 0.64rem; z-index: 1; }
.indexP2 .content{ margin-top: 0.35rem; font-size: 0.16rem; line-height: 0.36rem; color: #333; }
.indexP2 .indexMore{ margin-top: 0.4rem; }

.indexP3{ padding-bottom: 0.95rem; }
.indexP3 .toptop{ position: relative; height: 1.32rem; }
.indexP3 .indexMore{ position: absolute; right: 0; top: 0.12rem; z-index: 1; }
.indexP3 .leftDiv{ width: 8.74rem; }
.indexP3 .leftDiv ul{ margin-right: -0.2rem; }
.indexP3 .leftDiv li{ float: left; width: 50%; }
.indexP3 .leftDiv li a{ display: block; background: #f6f6f6; border-top-left-radius: 0.64rem; border-bottom-right-radius: 0.64rem; overflow: hidden;}
.indexP3 .leftDiv li .box{ margin-right: 0.2rem; }
.indexP3 .leftDiv li .imgDiv{ overflow: hidden; height: 3.18rem; border-top-left-radius: 0.64rem; border-bottom-right-radius: 0.64rem; }
.indexP3 .leftDiv li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.indexP3 .leftDiv li .botDiv{ height: 2.72rem; padding: 0.35rem 0.35rem 0; }
.indexP3 .leftDiv li .time{ height: 0.32rem; line-height: 0.32rem; padding-left: 0.28rem; font-size: 0.18rem; color: #652d91; background: url(../images/nimg19_1.png) left center no-repeat; }
.indexP3 .leftDiv li .name{ font-size: 0.2rem; line-height: 0.28rem; color: #333; height: 0.56rem; overflow: hidden; }
.indexP3 .leftDiv li .content{ margin-top: 0.12rem; font-size: 0.16rem; line-height: 0.3rem; height: 0.6rem; color: #333; overflow: hidden;}
.indexP3 .leftDiv li .more{ margin-top: 0.2rem; font-size: 0.16rem; color: #652d91; text-decoration: underline; font-style: italic; }
.indexP3 .leftDiv li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.indexP3 .leftDiv li .box:hover .name{ color: #652d91;}

.indexP3 .rightDiv{ width: 6.25rem; }
.indexP3 .rightDiv li{ margin-bottom: 0.2rem; }
.indexP3 .rightDiv li:last-child{ margin-bottom: 0; }
.indexP3 .rightDiv li a{ display: block; position: relative; padding: 0.35rem 0.32rem 0 2.76rem; height: 1.8rem; background: #f6f6f6; border-top-left-radius: 0.36rem; border-bottom-right-radius: 0.36rem; overflow: hidden; }
.indexP3 .rightDiv li .imgDiv{ position: absolute; left: 0; top: 0; width: 2.4rem; height: 1.8rem; }
.indexP3 .rightDiv li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.indexP3 .rightDiv li .time{ height: 0.32rem; line-height: 0.32rem; padding-left: 0.28rem; font-size: 0.18rem; color: #652d91; background: url(../images/nimg19_1.png) left center no-repeat;  }
.indexP3 .rightDiv li .name{ margin-top: 0.1rem; font-size: 0.2rem; line-height: 0.32rem; height: 0.64rem; overflow: hidden; color: #333; }
.indexP3 .rightDiv li a:hover .name{ color: #652d91; }

.indexP4{ padding-top: 0.85rem; height: 4.03rem; background: url(../images/indexP4.jpg) center no-repeat; background-size: cover; }
.indexP4 .list{ position: relative; height: 2.26rem; }
.indexP4 .list:before{ content: ''; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background: #e5e4e4; }
.indexP4 .list li{ float: left; position: relative; width: 33.33%; padding-left: 1.6rem; height: 2.26rem; }
.indexP4 .list li:after{ content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: #e5e4e4; }
.indexP4 .list li .ico{ position: absolute; left: 0.75rem; top: 0; }
.indexP4 .list li .ico img{ width: 0.65rem; }
.indexP4 .list li h3{ font-size: 0.24rem; line-height: 0.56rem; color: #652d91; font-weight: 400; }
.indexP4 .list li .msg{ margin-top: 5px; font-size: 0.16rem; line-height: 0.3rem; width: 2.1rem; }
.indexP4 .list li .msgList{ width: 2.42rem; }
.indexP4 .list li .msgList dd{ position: relative; padding: 0 0 0.1rem 0.3rem; font-size: 0.16rem; line-height: 0.3rem; }
.indexP4 .list li .msgList dd em{ font-size: 0.2rem; color: #601986; font-family:'din';}
.indexP4 .list li .msgList dd img{ position: absolute; left: 0; top: 0.04rem; width: 0.24rem; }
.indexP4 .list li .more{ position: absolute; left: 1.6rem; bottom: 0.15rem; }
.indexP4 .list li .more a{ display: block; font-size: 0.16rem; color: #652d91; font-style: italic; }

.indexP4 .list li .more span{ height:1px; -webkit-transform: scaleY(0.5); 
 
  transform: scaleY(0.5); 
 
  -webkit-transform-origin: 0 0; 
 
  transform-origin: 0 0; overflow:hidden; background: url(../images/dot.jpg) no-repeat;
  background-size: 100% 1px;
  background-position: 0 100%;
  transition: background-size 0.7s ease; }
.indexP4 .list li .more a:hover span{ background-size: 0 1px; background-position: 100% 100%; }


.contact{ padding: 1.1rem 0 1.5rem; background: url(../images/contactBg.png) center top no-repeat; background-size: 100%; }
.contact .list{ margin: 0.95rem 0 1.3rem; }
.contact .list li{ float: left; width: 25%; cursor: pointer;}
.contact .list li .ico{ position: relative; width: 1.46rem; height: 1.46rem; margin: 0 auto; background: #fff; border: #601986 solid 1px; border-radius: 50%; }
.contact .list li .ico img{ position: absolute; left: 50%; top: 50%; margin-left: -0.28rem; margin-top: -0.28rem; width: 0.56rem; }
.contact .list li .ico .img1{ opacity: 0; }
.contact .list li .ewm{ width: 1.46rem; height: 1.46rem; margin: 0 auto; border: #601986 solid 1px; }
.contact .list li .ewm img{ width: 1.44rem; }
.contact .list li .txt{ text-align: center; font-size: 0.22rem; color: #222; margin-top: 0.4rem; height: 0.4rem; font-weight: 400;  }
.contact .list li .wen{ font-size: 0.16rem; color: #222; text-align: center; line-height: 0.28rem; }
.contact .list li:hover .ico{ background: #601986; }
.contact .list li:hover .ico img{ opacity: 0; }
.contact .list li:hover .ico .img1{ opacity: 1; }

.contact .mxfDiv{ overflow: hidden; position: relative; border-top-left-radius: 0.96rem; border-bottom-right-radius: 0.96rem; }
.contact .mxfDiv .bg img{ width: 100%; }
.contact .layer{ position: absolute; padding: 0.45rem 0.8rem 0; right: 1.1rem; top: 50%; margin-top: -2.7rem; width: 7.7rem; height: 5.4rem; background: rgba(255,255,255,0.9); border-top-left-radius: 0.64rem; border-bottom-right-radius: 0.64rem; }
.contact .layer .txt{ font-size: 0.24rem; line-height: 0.24rem; height: 0.32rem; font-weight: 400; color: #333; font-family: 'Bold'; }
.contact .layer .msg{ padding-bottom: 0.2rem; font-size: 0.16rem; line-height: 0.24rem; color: #222; }
.contact .form ul{ margin-right: -0.15rem; }
.contact .form li{ float: left; width: 50%; margin-bottom: 0.12rem; }
.contact .form .li01, .contact .form .li02{ width: 100%; }
.contact .form li .box{ margin-right: 0.15rem; position: relative; overflow: hidden; }
.contact .form li .input1{ border: #9f75b6 solid 1px; background: #fff; padding-left: 0.1rem; width: 100%; height: 0.36rem; line-height: 0.36rem; font-size: 0.16rem; color: #999; }
.contact .form .li02 .input1{ width: 2.7rem; }
.contact .form li .input1::-webkit-input-placeholder{ color: #999; opacity: 1;}
.contact .form li .input1:-moz-placeholder{ color: #999; opacity: 1;}
.contact .form li .input1::-moz-placeholder{ color: #999; opacity: 1;}
.contact .form li .input1:-ms-input-placeholder{ color: #999; opacity: 1;}
.contact .form li textarea{ border: #9f75b6 solid 1px; background: #fff; padding: 0.1rem 0 0 0.1rem; width: 100%; height: 0.54rem; font-size: 0.16rem; color: #999; font-family: 'Regular'; }
.contact .form li textarea::-webkit-input-placeholder{ color: #999; opacity: 1;}
.contact .form li textarea:-moz-placeholder{ color: #999; opacity: 1;}
.contact .form li textarea::-moz-placeholder{ color: #999; opacity: 1;}
.contact .form li textarea:-ms-input-placeholder{ color: #999; opacity: 1;}
.contact .form li img{ margin-left: 0.2rem; }
.contact .form li a{ font-size: 0.16rem; color: #222; margin-left: 0.2rem; }
.contact .form li a:hover{ text-decoration: underline; }
.contact .wen{ font-size: 0.16rem; color: #222; line-height: 0.32rem; }
.contact .wen em{ color: #d90000;}
.contact .wen2{ margin-top: 0; }
.contact .choose{ font-size: 0.16rem; color: #222; }
.contact .choose input{ position: relative; top: 1px; margin-right: 12px; }
.contact .choose a{ margin-left: 5px; color: #222; text-decoration: underline;  }
.contact .btnDiv{ margin-top: 0.2rem; }
.contact .btnDiv a{ display: block; width: 100%; line-height: 0.44rem; height: 0.44rem; text-align: center; font-size: 0.16rem; color: #fff; font-family: 'Medium'; background: #652d91; border-radius: 0.48rem; }
.contact .btnDiv a:hover{ background: #601986; }

.download{ padding: 0.9rem 0 1.1rem; background: url(../images/contactBg.png) center top no-repeat; background-size: 100%; }
.download .toptop{ height: 1.4rem; position: relative; z-index: 1;}
.download .pageTitle{ text-align: left; }
.download .rightDiv{ position: absolute; right: 0; top: 0.35rem; padding-left: 0.6rem; }
.download .rightDiv em{ position: absolute; left: 0; top: 0; font-size: 0.16rem; line-height: 0.5rem; color: #333; }
.download .toptop .select{ width: 2.15rem; position: relative; }
.download .toptop .caption { position: relative; cursor: pointer; height: 0.5rem; line-height: 0.5rem; padding-left: 0.25rem; font-size: 0.16rem; color: rgba(51,51,51,0.5); background: #f6f6f6; border-radius: 0.48rem;}
.download .toptop .caption.on{ border-top-left-radius: 0.24rem; border-top-right-radius:0.24rem; border-bottom-left-radius: 0; border-bottom-right-radius:0;}

.download .toptop .caption.on:after {
  transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
}
.download .toptop .caption:after { content: ""; display: block; width: 14px; height: 8px; background: url(../images/selectIco.png) no-repeat right center; background-size: contain; position: absolute; right: 0.2rem; top: 50%; margin-top: -4px; z-index: 1;}
.download .toptop .xlist { width: 100%; position: absolute; left: 0; top: 100%; z-index: 12; background: #f6f6f6; max-height: 2.5rem; overflow-y: auto; display: none; border-bottom-left-radius: 0.24rem; border-bottom-right-radius: 0.24rem;}
.download .toptop .xlist::-webkit-scrollbar { width: 4px;}
.download .toptop .xlist::-webkit-scrollbar-track { background-color: #e5e5e5;}
.download .toptop .xlist::-webkit-scrollbar-thumb { background-color: #601986;} 
.download .toptop .xlist a { display: block; font-size: 0.16rem; color: rgba(51,51,51,0.5); height: 0.5rem; line-height: 0.5rem; padding: 0 0.25rem;}
.download .toptop .xlist a:hover, .download .toptop .xlist a.on { color: #601986;}

.download .form{ margin-left: 0.15rem; width: 2.52rem; height: 0.5rem; background: #f6f6f6; position: relative; border-radius: 0.48rem; overflow: hidden; }
.download .form .input1{ width: 100%; box-sizing: border-box; padding-left: 0.25rem; font-size: 0.16rem; color: rgba(51,51,51,0.5); height: 0.5rem; line-height: 0.5rem; }
.download .form .input1::-webkit-input-placeholder{ /* WebKit browsers */ color: rgba(51,51,51,0.5);}
.download .form .input1:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: rgba(51,51,51,0.5);}
.download .form .input1::-moz-placeholder { /* Mozilla Firefox 19+ */ color: rgba(51,51,51,0.5);}
.download .form .input1:-ms-input-placeholder { /* Internet Explorer 10+ */ color: rgba(51,51,51,0.5);}
.download .form .btn1{ position: absolute; right: 0; width: 0.5rem; height: 0.5rem; border-radius: 50%; background: #eaa847 url(../images/nimg21_1.png) center no-repeat; background-size: 0.21rem; }

.download .label{ height:0.8rem; background:#601986; overflow:hidden; margin-bottom:0.25rem;}
.download .label li{ float:left; color:#fff; font-size:0.2rem; line-height:0.8rem;}
.download .label li:nth-child(1){ width:1.9rem; padding-left:0.4rem;}
.download .label li:nth-child(2){ width:7.6rem;}
.download .label li:nth-child(3){ width:5.6rem;}

.download .list{ padding-bottom: 0.5rem; }
.download .list li{ margin-bottom: 0.2rem; overflow: hidden; }
.download .list li a{ background: #f7f7f7; position: relative; display: block; height: 0.8rem; padding: 0 2.0rem 0 1.9rem;}
.download .list li .time{ position: absolute; left: 0.4rem; top: 0; color: rgba(178,180,182,0.8); font-size: 0.18rem; line-height: 0.8rem; }
.download .list li .name{ width: 7.6rem; padding-right: 0.6rem; height: 0.8rem; line-height: 0.3rem; font-size: 0.16rem; color: #333; }
.download .list li .number{ font-size: 0.16rem; line-height: 0.8rem; color: #333; }
.download .list li .btnDiv{ position: absolute; right: 0.9rem; top: 0; font-size: 0.16rem; color: #999; line-height: 0.8rem; padding-left: 0.38rem; background: url(../images/nimg26_1.png) left center no-repeat; background-size: 0.26rem; }
.download .list li a:hover{ background: #601986; }
.download .list li a:hover .time{ color: rgba(255,255,255,0.7); }
.download .list li a:hover .name, .download .list li a:hover .number{ color: #fff; }
.download .list li a:hover .btnDiv{ color: #fff; background: url(../images/nimg26_1on.png) left center no-repeat; background-size: 0.26rem; }

.concept{ padding: 1.2rem 0; background: url(../images/contactBg.png) center top no-repeat; background-size: 100%;  }
.concept .list li{ margin-bottom: 1.2rem; }
.concept .list li:last-child{ margin-bottom: 0; }
.concept .list li .imgDiv{ order: 1; width: 50%; border-top-left-radius: 0.64rem; border-bottom-right-radius: 0.64rem; overflow: hidden;}
.concept .list li:nth-child(even) .imgDiv{ order: 0; }
.concept .list li .imgDiv img{ width: 100%; }
.concept .list li .conDiv{ width: 5.4rem; }
.concept .list li .name{ position: relative; padding-left: 0.72rem; line-height: 0.5rem; font-size: 0.26rem; color: #601986; font-family: 'Medium'; font-weight: 400; }
.concept .list li .name img{ position: absolute; left: 0; top: 0; width: 0.5rem; }
.concept .list li .msg{ margin-top: 0.45rem; font-size: 0.18rem; line-height: 0.3rem; color: #333; font-family: 'Medium'; }
.concept .list li:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.news{ padding: 1.0rem 0 1.3rem; position: relative; background: url(../images/contactBg.png) center top no-repeat; background-size: 100%;  }
.news:after{ content: ''; position: absolute; right: 0; bottom: 0; width: 9.76rem; height: 6.1rem; background: url(../images/nimg976Bg.jpg) no-repeat; background-size: 9.76rem;}
.news .detail{ position: relative; z-index: 1; border-top-left-radius: 0.96rem; border-bottom-right-radius: 0.96rem; overflow: hidden;}
.news .detail .imgDiv img{ width: 100%; }
.news .detail .layer{ position: absolute; right: 1.1rem; top: 50%; width: 7.68rem; height: 5.4rem; margin-top: -2.7rem; padding: 0.95rem 0.95rem 0; background: rgba(255,255,255,0.9); border-top-left-radius: 0.64rem; border-bottom-right-radius: 0.64rem; }
.news .detail .name{ font-size: 0.32rem; line-height: 0.72rem; }
.news .detail .name a{ display: block; color: #652d91; }
.news .detail .name em{ display: block; font-size: 0.48rem; }
.news .detail .content{ margin: 0.05rem 0 0.5rem; line-height: 0.36rem; height: 1.08rem; overflow: hidden; font-size: 0.18rem; color: #333; text-align: justify; }

.news .list{ padding-top: 1.0rem; position: relative; z-index: 1;}
.news .list ul{ margin-right: -0.32rem; }
.news .list li{ float: left; width: 33.33%; margin-bottom: 1.0rem;}
.news .list li a{ display: block; background: #f6f6f6; border-top-left-radius: 0.64rem; border-bottom-right-radius: 0.64rem; overflow: hidden;}
.news .list li .box{ margin-right: 0.32rem; }
.news .list li .imgDiv{ overflow: hidden; height: 3.68rem; border-top-left-radius: 0.64rem; border-bottom-right-radius: 0.64rem; }
.news .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.news .list li .botDiv{ height: 3.12rem; padding: 0.45rem 0.55rem 0; }
.news .list li .time{ height: 0.32rem; line-height: 0.32rem; padding-left: 0.28rem; font-size: 0.18rem; color: #652d91; background: url(../images/nimg19_1.png) left center no-repeat; }
.news .list li .name{ font-size: 0.2rem; line-height: 0.28rem; color: #333; height: 0.56rem; overflow: hidden; }
.news .list li .content{ margin-top: 0.12rem; font-size: 0.16rem; line-height: 0.3rem; height: 0.6rem; color: #333; overflow: hidden;}
.news .list li .more{ margin-top: 0.3rem; font-size: 0.16rem; color: #652d91; text-decoration: underline; font-style: italic; }
.news .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.news .list li .box:hover .name{ color: #652d91; }

.newsBox{ overflow: hidden; }
.newsBox .topDiv .wal{ padding: 1.4rem 0 0.65rem; }
.newsBox .topDiv .name{ text-align: center; color: #333; font-size: 0.32rem; font-weight: 400; font-family: 'Bold'; line-height: 0.48rem; margin-bottom: 0.4rem; }
.newsBox .topDiv .time{ text-align: center; color: #ccc; font-size: 0.18rem; }
.newsBox .topDiv .time img{ margin-right: 15px; position: relative; top: -2px; }
.newsBox .botDiv{ background: #f6f6f6; }
.newsBox .botDiv .mxfDiv{ padding-left: 1.5rem; position: relative; background: #fff; }
.newsBox .side_l{ width: 1.5rem; position: absolute; left: 0; top: 0; }
.newsBox .side_l .list li{ height: 70px; background: #fafafa; border-bottom: #ebebeb solid 1px; font-size: 0.16rem;}
.newsBox .side_l .list li:last-child{ border-bottom: none; }
.newsBox .side_l .list li a{ display: block; height: 70px; line-height: 70px; position: relative; padding-left: 0.72rem; }
.newsBox .side_l .list li img{ position: absolute; left: 0.28rem; top: 50%; margin-top: -15px; }
.newsBox .side_l .btnDiv a{ height: 70px; font-size: 0.14rem; color: #fff; background: #601986; position: relative; }
.newsBox .side_l .btnDiv em{ margin-left: 12px; width: 17px; height: 17px; background: url(../images/nimg17_1.png) no-repeat; }
.newsBox .side_l.on{ position:fixed; top: 0; left: 50%; margin-left: -7.68rem;}

.newsBox .mainBox{ position: relative; overflow: hidden; background: #f6f6f6; }
.newsBox .conDiv{ float: left; border-top: #f0f0f0 solid 1px; width: 10.76rem; padding: 0.32rem 0.72rem 0.8rem 0.6rem; background: #fff; }
.newsBox .overview{ background: #fef6fc; border-radius: 8px; padding: 0.2rem; margin-bottom: 0.3rem;}
.newsBox .summary{ font-size: 0.16rem; color: #000; line-height: 0.36rem; padding: 0.6rem; border-radius: 8px; border: #652d91 dashed 1px;}
.newsBox .content{ font-size: 0.16rem; line-height: 0.36rem; color: #000;}
.newsBox .titleDiv{ text-align: center; margin: 0.35rem 0 0.2rem; }
.newsBox .titleDiv .zi{ position: relative; display: inline-block; padding-left: 24px;}
.newsBox .titleDiv .zi em{ position: absolute; left: 0; top: 50%; margin-top: -15px; width: 30px; height: 30px; background: #601986; color: #f6f6f6; border-radius: 50%; font-size: 16px; text-align: center; line-height: 30px; font-family: 'Medium'; }
.newsBox .titleDiv .zi span{ display: inline-block; font-family: 'Medium'; border-radius: 10px; border: #652d91 dashed 1px; font-size: 16px; color: #652d91; width: 132px; height: 36px; text-align: center; line-height: 34px; }

.newsBox .imgDiv{ text-align: center; padding: 0.1rem 0; }
.newsBox .content img{ width: 100%; }
.newsBox .content .txt{ color: #601986; font-family: 'Medium'; }
.newsBox .content .wen{ text-align: center; font-family: 'Medium'; font-size: 0.22rem; line-height: 0.22rem; color: #333; margin-bottom: 0.2rem; }
.newsBox .table{ margin-bottom: 0.3rem; }
.newsBox .table table th{ height: 0.6rem; background: #f9eef5; font-size: 0.18rem; color: #333; font-family: 'Medium'; font-weight: 400; }
.newsBox .table table td{ height: 0.6rem; color: #333; font-size: 0.16rem; font-family: 'Light'; text-align: center; }
.newsBox .table table tr:nth-child(odd) td{ background: #f9eef5;}
.newsBox .msgList{ margin-top: 0.25rem; }
.newsBox .msgList li{ position: relative; padding-left: 24px; margin-bottom: 0.2rem;}
.newsBox .msgList li:last-child{ margin-bottom: 0; }
.newsBox .msgList li em{ position: absolute; left: 0; top: 50%; margin-top: -15px; width: 30px; height: 30px; background: #601986; color: #f6f6f6; border-radius: 50%; font-size: 0.16rem; text-align: center; line-height: 30px; font-family: 'Medium'; }
.newsBox .msgList li span{ display: inline-block; font-family: 'Medium'; border-radius: 10px; border: #652d91 dashed 1px; font-size: 0.16rem; color: #652d91; width: 100%; height: 36px; padding-left: 0.4rem; line-height: 34px; }


.pageDown{ padding-top: 0.8rem; }
.pageDown li{ padding-bottom: 20px; font-size: 14px; }
.pageDown li:last-child{ padding-bottom: 0; }
.pageDown li a{ display: block; height: 50px; color: #333; line-height: 50px; border: #f7f7f7 solid 1px; background: #f7f7f7; padding: 0 25px; overflow: hidden;}
.pageDown li a:hover{ border: #652d91 solid 1px; background: #fff; color: #652d91; }
.pageDown li b{ color: #333; }

.sideNews{ background: #f6f6f6; float: right; border-top: #652d91 solid 3px; width: 3.1rem; box-sizing: border-box; padding: 0.5rem 0.35rem 0.6rem 0.4rem;}
.sideNews .title{ font-size: 0.18rem; line-height: 0.18rem; color: #652d91; padding-bottom: 0.55rem; font-family: 'Medium'; }
.sideNews .lie li{ padding-bottom: 0.35rem; font-size: 14px;}
.sideNews .lie li .limg{ border-top-left-radius: 0.48rem; border-bottom-right-radius: 0.48rem; overflow: hidden;}
.sideNews .lie li .limg img{ width: 100%; }
.sideNews .lie li .name{ margin-top: 0.2rem; color: #333; line-height: 24px; }
.sideNews .lie li a:hover .name{ color: #652d91; }
.sideNews .more a{ width: 1.5rem; height: 0.5rem; font-size: 0.14rem; color: #fff; background: #601986; border-radius: 8px; }
.sideNews .more em{ margin-left: 8px; width: 15px; height: 12px; background: url(../images/nimg15_1.png) no-repeat; }
.sideNews .more a:hover{ background: #652d91; }

.job{ padding: 1.2rem 0 0.9rem; position: relative; background: url(../images/contactBg.png) center top no-repeat; background-size: 100%;  }
.job .list{ padding: 0.6rem 0; }
.job .list li{ position: relative; overflow: hidden; margin-bottom: 0.4rem; height: 1.8rem; background: #f6f8f6; cursor: pointer; padding: 0 1.8rem 0 0.7rem; }
.job .list li .name{ float: left; font-family: 'Medium'; font-size: 0.3rem; line-height: 0.42rem; color: #000; height: 1.8rem; position: relative; padding-right: 0.5rem; width: 3.9rem;}
.job .list li .name em{ display: block; position: relative; padding-left: 0.26rem; }
.job .list li .name em:before{ content: ''; width: 0.05rem; height: 0.36rem; background: #601986; position: absolute; left: 0; top: 0.04rem; }
.job .list li .brief{ float: left; width: 6.2rem }
.job .list li .brief span{ position: relative; display: inline-block; font-size: 0.16rem; padding: 0 0.3rem; line-height: 1.8rem; }
.job .list li .brief span:after{ content: ''; position: absolute; right: 0; top: 50%; margin-top: -9px; width: 1px; height: 18px; background: #dedee1; }
.job .list li .brief span:last-child:after { display: none;}
.job .list li .info{ float: left; }
.job .list li .info span{ display: none; font-size: 0.16rem; line-height: 1.8rem; }
.job .list li .info span:first-child{ display: block; }
.job .list li .ico{ position: absolute; right: 0.75rem; top: 50%; margin-top: -17px;  width: 47px; height: 33px; box-sizing: border-box; border-radius: 0.24rem; background: #601986 url(../images/ico3.png) center no-repeat;  }
.job .list li .detail-box { display: none;}
.job .list li:hover{ background: #601986; }
.job .list li:hover .ico{ background: #fff url(../images/ico3on.png) center no-repeat; }
.job .list li:hover .name{ color: #fff; }
.job .list li:hover .name em:before{ background: #fff; }
.job .list li:hover .brief span, .job .list li:hover .info span{ color: #fff; }

.jobModal-box { width: 100%; height: 100%; position: fixed; left: 0; top: 0; align-items: center; z-index: 110; background: rgba(0, 0, 0, 0.5); display: none;}
.jobModal-box.on {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
}
.jobModal-box .job-box { width: 15.36rem; margin: 0 auto; background: #f7f7fa; padding: 0.75rem 1.2rem 0.75rem 0.8rem; height: 7.8rem; position: relative;}
.jobModal-box .job-box .leftDiv{ width: 9.0rem; position: relative; height: 6.3rem; }
.jobModal-box .job-box .header { padding-right: 1.0rem; margin-bottom: 0.35rem; }
.jobModal-box .job-box .name { width: 4.0rem; font-weight: 400; font-family: 'Bold'; font-size: 0.3rem; color: #333; }
.jobModal-box .job-box .txt { font-weight: 400; color: #191c22; font-size: 0.18rem; line-height: 0.3rem; padding-bottom: 0.35rem;}

.jobModal-box .job-box .brief { font-size: 0.16rem; line-height: 0.24rem;}
.jobModal-box .job-box .brief span { position: relative; display: inline-block; padding: 0 0.3rem;}
.jobModal-box .job-box .brief span:after{ content: ''; position: absolute; right: 0; top: 50%; margin-top: -9px; width: 1px; height: 18px; background: #dedee1; }
.jobModal-box .job-box .brief span:last-child:after { display: none;}
.jobModal-box .job-box .content-box { height: 4.0rem; overflow: auto; padding-right: 1.0rem;}
.jobModal-box .job-box .content-box::-webkit-scrollbar { width: 4px;}
.jobModal-box .job-box .content-box::-webkit-scrollbar-track { background-color: #e5e5e5;}
.jobModal-box .job-box .content-box::-webkit-scrollbar-thumb { background-color: #652d91;}
.jobModal-box .job-box .box { font-size: 0.16rem; color: #7b848b; line-height: 0.3rem; margin-bottom: 0.4rem;}
.jobModal-box .job-box .btnDiv{ position: absolute; left: 0; bottom: 0.2rem; }
.jobModal-box .job-box .btnDiv a{ display: block; width: 1.46rem; height: 0.46rem; line-height: 0.46rem; background: #601986; color: #fff; font-size: 0.14rem; text-align: center; border-radius: 0.48rem; }
.jobModal-box .job-box .btnDiv a:hover{ background: #652d91; }
.jobModal-box .job-box .rightDiv{ width: 3.7rem; padding-left: 0.42rem; height: 6.3rem; position: relative; }
.jobModal-box .job-box .rightDiv:before{ content: ''; position: absolute; left: 0; top: 0; width: 2px; height: 100%; background: #e2e2e2; }
.jobModal-box .job-box .info span{ display: block; font-size: 0.16rem; color: #7b848b; line-height: 0.32rem; padding-bottom: 0.7rem; }
.jobModal-box .job-box .close { display: block; position: absolute; right: 0.6rem; top: 0.5rem; z-index: 10;}


.product{ padding: 1.0rem 0 1.3rem; position: relative; background: url(../images/contactBg.png) center top no-repeat; background-size: 100%; overflow:hidden; }
.product:after{ content: ''; position: absolute; right: 0; bottom: 0; width: 9.76rem; height: 6.1rem; background: url(../images/nimg976Bg.jpg) no-repeat; background-size: 9.76rem;}

.product .firstTab{ text-align:center; margin-bottom:0.75rem;}
.product .firstTab li{ display:inline-block; margin:0 0.2rem;}
.product .firstTab li a{ display:block; width:2.4rem; height:0.86rem; font-size:0.28rem; color:#652d91; border:#652d91 solid 1px; line-height:0.84rem; border-radius:0.48rem;}
.product .firstTab li .aNow{ color:#fff; background:#652d91;}

.productTab{ position: relative; text-align: center; z-index:1;}
.productTab:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background: rgba(101,45,145,0.1); }
.productTab ul{ font-size: 0; }
.productTab li{ cursor: pointer; width: 2.22rem; height: 2.22rem; display: inline-block; }
.productTab li a{ display: block; position: relative; width: 100%; height: 100%; }
.productTab li a:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 3px; background: #652d91; }
.productTab li .ico{ position: relative; width: 1.37rem; height: 1.37rem; margin: 0 auto; border-radius: 50%; overflow: hidden; }
.productTab li .ico img{ position: absolute; left: 0; top: 0; width: 1.37rem; }
.productTab li .ico .img1{ opacity: 0; visibility: hidden; }
.productTab li .name{ margin-top: 0.25rem; text-align: center; font-size: 0.18rem; color: #333; }
.productTab li .aNow:after{ width: 100%; left: 0; }
.productTab li .aNow .ico img{ opacity: 0; visibility: hidden; }
.productTab li .aNow .ico .img1{ opacity: 1; visibility: visible; }
.productTab li .aNow .name, .productTab li a:hover .name{ color: #652d91; }

.product .list{ margin-top: 0.65rem; position: relative; z-index: 1;}
.product .list ul{ margin-right: -0.24rem;}
.product .list li{ float: left; width: 25%; margin-bottom: 0.8rem; }
.product .list li .box{ margin-right: 0.24rem; position: relative; overflow: hidden; border-top-left-radius: 0.72rem; border-bottom-right-radius: 0.72rem; }
.product .list li .imgDiv{ background: #f6f6f6;}
.product .list li .imgDiv img{ width: 100%; }
.product .list li .layer{ width: 100%; height: 0.9rem; position: absolute; left: 0; bottom: 0; color: #fff; z-index: 1; }
.product .list li .layer .nameDiv{ height: 0.9rem; padding:0 0.3rem; overflow:hidden; text-align: center; box-sizing: content-box; }
.product .list li .layer .nameDiv .cn{ font-size: 0.24rem; height: 0.3rem; line-height: 0.3rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #652d91; font-family: 'Medium';}
.product .list li .layer .nameDiv .en{ font-size: 0.16rem; line-height: 0.24rem; color: #333; font-family: 'Poppins-B';}
.product .list li .layer .btnGroup{ text-align: center; }
.product .list li .layer .btnGroup dd{ display: inline-block; margin: 0 6px; font-size: 0.16rem; }
.product .list li .layer .btnGroup dd a{ display: block; width: 1.24rem; height: 0.46rem; line-height: 0.44rem; color: #fff; border: #fff solid 1px; border-radius: 8px; }
.product .list li .layer .btnGroup dd a:hover{ background: #fff; color: #652d91; }
.product .list li .box:hover .layer{ height: 100%; background: rgba(101,45,145,0.7); }
.product .list li .box:hover .layer .nameDiv{ padding: 1.6rem 0.3rem 0;}
.product .list li .box:hover .layer .nameDiv .cn, .product .list li .box:hover .layer .nameDiv .en{ color: #fff; }
.product .list li .box:hover .layer .nameDiv .cn{ font-size: 0.3rem; height: 0.4rem; line-height: 0.4rem; }

.productShow{ padding: 1.15rem 0 1.4rem; position: relative; background: url(../images/contactBg.png) center top no-repeat; background-size: 100%;  }
.productShow .touDiv{ position: relative; overflow: hidden; background: #fff; height: 5.45rem; padding-left: 5.45rem; border-top-left-radius: 0.64rem; border-bottom-right-radius: 0.64rem; box-shadow: 0 0 0.2rem 0 rgba(0,0,0,0.1); }
.productShow .leftImg{ position: absolute; left: 0; top: 0; width: 4.46rem; height: 5.45rem; border-bottom-right-radius: 0.64rem; overflow: hidden; }
.productShow .leftImg img{ width: 100%; height: 100%; object-fit: cover; }

.productShow .midDiv{ width: 6.74rem; padding-top: 0.65rem; padding-right: 0.9rem; }
.productShow .txt{ font-size: 0.24rem; color: #652d91; line-height: 0.32rem; font-family: 'Medium'; }
.productShow .name{ font-size: 0.48rem; line-height: 0.6rem; color: #333; font-weight: 400; font-family: 'Light'; }
.productShow .content{ margin: 0.1rem 0; font-size: 0.16rem; line-height: 0.36rem; height: 1.44rem; color: #333; overflow: hidden; }
.productShow .tab2{ height: 1.0rem; }
.productShow .tab2 li{ float: left; margin: 0 0.08rem 0.1rem 0; font-size: 0.16rem; }
.productShow .tab2 li .box{ border: #e5e5e5 dashed 1px; color: #999; border-radius: 8px; width: 1.32rem; height: 0.36rem; text-align: center; line-height: 0.34rem; }
.productShow .tab2 .liNow .box{ border: #652d91 dashed 1px; color: #652d91;}
.productShow .btnGroup li{ float: left; margin-right: 0.18rem; }
.productShow .btnGroup li a{ width: 1.3rem; height: 0.36rem; font-size: 0.16rem; color: #652d91; border: #652d91 solid 1px; border-radius: 8px; }
.productShow .btnGroup li a:hover{ color: #fff; background: #652d91; }
.productShow .btnGroup li em{ margin-left: 0.1rem; width: 17px; height: 19px; background: url(../images/nimg17_2.png) no-repeat; }
.productShow .btnGroup li span{ margin-right: 0.1rem; width: 17px; height: 19px; background: url(../images/nimg17_3.png) no-repeat; }
.productShow .btnGroup li a:hover em{ background: url(../images/nimg17_2on.png) no-repeat;}
.productShow .btnGroup li a:hover span{ background: url(../images/nimg17_3on.png) no-repeat;}
.productShow .rightDiv{ position: absolute; right: 0; top: 0; width: 3.24rem; padding: 0.6rem 0.5rem 0 0.75rem; border-left: #e9e4e8 solid 1px; height: 100%; }
.productShow .en{ font-size: 0.24rem; line-height: 0.32rem; color: #652d91; font-family: 'Medium'; }
.productShow .msgList{ margin-top: 0.4rem; }
.productShow .msgList li{ margin-bottom: 0.6rem; }
.productShow .msgList li:last-child{ margin-bottom: 0; }
.productShow .msgList li .zi{ margin-bottom: 0.1rem; font-size: 0.16rem; line-height: 0.16rem; color: #333; font-family: 'Light'; }
.productShow .msgList li .wen{ font-size: 0.24rem; line-height: 0.36rem; font-family: 'Bold'; color: #652d91; }

.productInfo{ padding-bottom: 0.85rem; background: url(../images/nimg750Bg.png) right top no-repeat; background-size: 7.5rem; }
.productInfo .pjDiv{ position: relative; padding-left: 3.0rem; padding-bottom: 0.75rem; }
.productInfo .txtDiv{ position: absolute; left: 0; top: 0; color: #652d91; padding-bottom: 0.2rem;}
.productInfo .txtDiv:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 20px; height: 4px; border-radius: 4px; background: #804e9a; }
.productInfo .txtDiv .cn{ margin-bottom: 0.08rem; font-weight: 400; font-size: 0.3rem; line-height: 0.3rem; font-family: 'Medium';}
.productInfo .txtDiv .en{ font-weight: 400; font-family: 'Light'; font-size: 0.14rem; line-height: 0.14rem; text-transform: uppercase;}
.productInfo .content{ font-size: 0.16rem; line-height: 0.36rem; color: #333; text-align: justify; }
.productInfo .msgList li{ margin-bottom: 0.4rem; color: #333; }
.productInfo .msgList li:last-child{ margin-bottom: 0; }
.productInfo .msgList li .name{ font-size: 0.2rem; line-height: 0.3rem; margin-bottom: 0.1rem; font-family: 'Medium'; }
.productInfo .msgList li dd{ font-size: 0.16rem; line-height: 0.36rem; position: relative; padding-left: 0.26rem; }
.productInfo .msgList li dd:before{ content: ''; position: absolute; left: 0; top: 0.16rem; width: 6px; height: 6px; border-radius: 50%; background: #652d91; }
.productInfo .imgList{ padding-top: 0.48rem; }
.productInfo .imgList ul{ margin-right: -0.4rem; }
.productInfo .imgList li{ float: left; width: 25%; }
.productInfo .imgList li .box{ margin-right: 0.4rem; }
.productInfo .imgList li .imgDiv{ overflow: hidden; height: 2.52rem; border-top-left-radius: 0.64rem; border-bottom-right-radius: 0.64rem;}
.productInfo .imgList li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.productInfo .imgList li .name{ margin-top: 0.15rem; text-align: center; color: #333; font-size: 0.16rem; line-height: 0.3rem; font-family: 'Medium'; }

.productInfo .table table{ border: #601986 solid 1px; }
.productInfo .table th{ border-right: #e9e4e8 solid 1px; border-bottom: #e9e4e8 solid 1px; height: 0.38rem; background: #fcf6fa; color: #333; font-size: 0.22rem; font-family: 'Medium'; font-weight: 400; }
.productInfo .table td{ height: 0.58rem; font-size: 0.16rem; border-right: #e9e4e8 solid 1px; border-bottom: #e9e4e8 solid 1px; text-align: center; color: #333; }
.productInfo .table tr:last-child td{ border-bottom: none; }
.productInfo .tips{ margin-top: 0.65rem; text-align: center; font-size: 0.28rem; color: #333; }

.productInfo .list ul{ margin-right: -0.24rem;}
.productInfo .list li{ float: left; width: 33.33%; }
.productInfo .list li .box{ margin-right: 0.24rem; position: relative; overflow: hidden; border-top-left-radius: 0.72rem; border-bottom-right-radius: 0.72rem; }
.productInfo .list li .imgDiv{ background: #f6f6f6;}
.productInfo .list li .imgDiv img{ width: 100%; }
.productInfo .list li .layer{ width: 100%; height: 0.9rem; position: absolute; left: 0; bottom: 0; color: #fff; z-index: 1; }
.productInfo .list li .layer .nameDiv{ height: 0.9rem; padding:0 0.3rem; overflow:hidden; text-align: center; box-sizing: content-box; }
.productInfo .list li .layer .nameDiv .cn{ font-size: 0.24rem; height: 0.3rem; line-height: 0.3rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #652d91; font-family: 'Medium';}
.productInfo .list li .layer .nameDiv .en{ font-size: 0.16rem; line-height: 0.24rem; color: #333; font-family: 'Poppins-B';}
.productInfo .list li .layer .btnGroup{ text-align: center; }
.productInfo .list li .layer .btnGroup dd{ display: inline-block; margin: 0 6px; font-size: 0.16rem; }
.productInfo .list li .layer .btnGroup dd a{ display: block; width: 1.24rem; height: 0.46rem; line-height: 0.44rem; color: #fff; border: #fff solid 1px; border-radius: 8px; }
.productInfo .list li .layer .btnGroup dd a:hover{ background: #fff; color: #652d91; }
.productInfo .list li .box:hover .layer{ height: 100%; background: rgba(101,45,145,0.7); }
.productInfo .list li .box:hover .layer .nameDiv{ padding: 1.6rem 0.3rem 0;}
.productInfo .list li .box:hover .layer .nameDiv .cn, .productInfo .list li .box:hover .layer .nameDiv .en{ color: #fff; }
.productInfo .list li .box:hover .layer .nameDiv .cn{ font-size: 0.3rem; height: 0.4rem; line-height: 0.4rem; }



.prevnext{ height: 0.64rem; background: #f2eef1; position: relative; padding: 0 0.3rem;}
.prevnext ul{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between;}
.prevnext li{ font-size: 0.16rem; }
.prevnext li a{ display: block; line-height: 0.64rem; }
.prevnext li .prev{ padding-left: 20px; color: #262626; background: url(../images/prev.png) left center no-repeat; }
.prevnext li .next{ padding-right: 20px; color: #262626; background: url(../images/next.png) right center no-repeat; }
.prevnext li .prev:hover{ color: #652d91; background: url(../images/prevon.png) left center no-repeat; }
.prevnext li .next:hover{ color: #652d91; background: url(../images/nexton.png) right center no-repeat; }
.prevnext .back{ position: absolute; left: 50%; top: 50%; margin-top: -10px; margin-left: -10px; width: 20px; height: 20px; background: url(../images/nimg20_1.png) no-repeat; }
.prevnext .back:hover{ background: url(../images/nimg20_1on.png) no-repeat; }

.aboutP1{ padding: 1.0rem 0; position: relative; background: url(../images/aboutBg.png) center top no-repeat; background-size: 100%;}
.aboutP1 .leftDiv{ padding-top: 0.5rem; width: 8.3rem; }
.aboutP1 .pageTitle{ text-align: left; margin-bottom: 0.8rem; }
.aboutP1 .txt{ font-size: 0.24rem; line-height: 0.24rem; color: #601986; font-family: 'Medium'; font-weight: 400; }
.aboutP1 .content{ margin-top: 0.25rem; font-size: 0.18rem; line-height: 0.4rem; color: #333; text-align: justify; font-family: 'Light'; }
.aboutP1 .content b{ font-family: 'Medium';}
.aboutP1 .rightImg{ width: 4.66rem; border-radius: 0.1rem; border-top-left-radius: 0.64rem; border-bottom-right-radius: 0.64rem; overflow: hidden; }
.aboutP1 .rightImg img{ width: 100%; }

.aboutP2{ overflow: hidden; }
.aboutP2 .pageTitle{ margin-bottom: 0.55rem; }
.historyPic{ position: relative; }
.historyPic:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 1px; background: #dcdcdc; }
.historyPic:after{ content: ""; width: 2.3rem; height: 100%; position: absolute; top: 0; z-index: 2; right: 0; background: linear-gradient(-90deg, #fff, transparent); }
.historyPic .list{ overflow: hidden; width: 20.8rem;}
.historyPic .swiper-slide .box{ height: 6.0rem; padding: 0.55rem 0.7rem 0 0; position: relative; cursor: pointer; }
.historyPic .swiper-slide .box:after{ content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: #dcdcdc; }
.historyPic .swiper-slide .time{ font-size: 0.24rem; line-height: 0.3rem; color: #601986; font-family: 'Medium'; }
.historyPic .swiper-slide .name{ font-weight: 400; font-size: 0.16rem; line-height: 0.24rem; color: #333; font-family: 'Medium'; }
.historyPic .swiper-slide .msg{ margin-top: 0.24rem; color: rgba(11,29,52,0.7); font-size: 0.16rem; line-height: 0.24rem; }
.historyPic .swiper-slide .imgDiv{ position: absolute; left: 0; bottom: 0; width: calc(100% - 0.7rem); height: 2.82rem; border-top-left-radius: 0.64rem; border-bottom-right-radius: 0.64rem; overflow: hidden; }
.historyPic .swiper-slide .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }

.aboutP2 .bottom{ margin-top: 0.9rem; position: relative; z-index: 3; display: flex; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; align-items: center;}
.aboutP2 .swiper-pagination { position: relative; width: calc(100% - 2.34rem); height: 2px; background-color: #dcdcdc;}
.aboutP2 .swiper-pagination-progress .swiper-pagination-progressbar{ height: 4px; background-color: #601986; position: absolute; left: 0; top: -1px; z-index: 10; width: 100%; transform-origin: left center;}
.aboutP2 .arrowDiv{ font-size: 0; }
.aboutP2 .arrowDiv a{ position: static; display: inline-block; width: 0.58rem; height: 0.58rem; border-radius: 50%; border: #fff solid 2px; box-sizing: border-box;}
.aboutP2 .arrowDiv .prev{ background: #eaa847 url(../images/nimg7_left.png) center no-repeat;}
.aboutP2 .arrowDiv .next{ margin-left: 0.24rem; background: #eaa847 url(../images/nimg7_right.png) center no-repeat; }
.aboutP2 .arrowDiv .prev:hover{ background: #601986 url(../images/nimg7_left.png) center no-repeat;}
.aboutP2 .arrowDiv .next:hover{ background: #601986 url(../images/nimg7_right.png) center no-repeat;}

.aboutP3{ padding: 0.9rem 0 1.2rem; }
.aboutP3 .pageTitle{ margin-bottom: 0.6rem; }
.aboutP3 .mxfDiv{ padding: 0.7rem 0 0.8rem; border-top-left-radius: 0.96rem; border-bottom-right-radius: 0.96rem; background: #f6f6f6;}
.aboutP3 .imgDiv{ text-align: center; }
.aboutP3 .imgDiv img{ width: 13.78rem; }

.aboutP4{ padding-top: 1.1rem; height: 8.13rem; background: url(../images/aboutP4.jpg) center no-repeat; background-size: cover; }

.honorPic{ position: relative; margin-top: 0.55rem; }
.honorPic .imgList{ overflow: hidden; }
.honorPic .box{ cursor: pointer; border-top-left-radius: 0.64rem; border-bottom-right-radius: 0.64rem; background: #fff; padding-top: 0.36rem; height: 4.5rem;}
.honorPic .imgDiv{ width: 3.0rem; margin: 0 auto; height: 3.0rem; position: relative;}
.honorPic .imgDiv img{ max-width: 3.0rem; max-height: 3.0rem; }
.honorPic .name{ padding: 0 0.6rem; font-size: 0.16rem; line-height: 0.28rem; height: 0.56rem; color: #333; text-align: center; margin-top: 0.25rem; overflow: hidden; }
.honorPic .se{ z-index: 2; position: absolute; top: 50%; margin-top: -0.37rem; display: block; width: 0.74rem; height: 0.74rem; border-radius: 50%; }
.honorPic .prev{ left: 50%; margin-left: -9.0rem; background: #eaa847 url(../images/nimg18_left.png) center no-repeat; }
.honorPic .next{ right: 50%; margin-right: -9.0rem; background: #eaa847 url(../images/nimg18_right.png) center no-repeat; }
.honorPic .prev:hover{ background: #652d91 url(../images/nimg18_left.png) center no-repeat;}
.honorPic .next:hover{ background: #652d91 url(../images/nimg18_right.png) center no-repeat;}
.honorPic .box:hover{ background: rgba(140,98,173,0.7); }
.honorPic .box:hover .name{ color: #fff; }

.aboutP5{ padding: 0.95rem 0 1.2rem; }
.aboutP5 .pageTitle{ margin-bottom: 0.55rem; }
.aboutP5 .list{ border-left: #ededed solid 1px; border-top: #ededed solid 1px; }
.aboutP5 .list li{ float: left; width: 16.66%; }
.aboutP5 .list li .imgDiv{ cursor: pointer; border-bottom: #ededed solid 1px; border-right: #ededed solid 1px; height: 1.78rem; }
.aboutP5 .list li .imgDiv img{ max-width: 2.0rem; max-height: 1.0rem; }
.aboutP5 .list li:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.searchBox{ padding:0.8rem 0 1.2rem; border-top:#eee solid 1px;}
.searchBox .toptop{ position:relative; padding-right:200px; height:100px;}
.searchBox .result span{ display: inline-block; font-size: 16px; margin-right: 0.3rem; line-height: 0.62rem;}
.searchBox .result b{ margin: 0 4px; color: #cd0000; font-family: "mont"; text-decoration: underline;}

.searchBox .list{ padding-bottom:0.6rem;}
.searchBox .list li { position: relative; list-style: none; border-bottom: 1px dashed #eee;}
.searchBox .list li:first-child { border-top: 1px dashed #eee;}
.searchBox .list li a {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  padding: 0.1rem 0;
  align-items: center;
}
.searchBox .list .title {
  flex: 1;
  font-size: 16px;
  color: #666;
  line-height: 0.48rem;
  margin-right: 1rem;
  transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.searchBox .list p { font-size: 16px; color: #999; font-family:'Light';}
.searchBox .list li:hover .title { color: #652d91;}

.searchBox .tips { display: none; text-align:center; font-size:0.2rem; color:#333;}