/*banner*/
.ind-banner{width: 100%; overflow: hidden; position: relative;} 
.ind-banner:after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 105px; background: url(../images/bg1.png) repeat-x; }
.ind-banner .swiper-slide {position: relative; }
.ind-banner .swiper-slide a{ display: block; width: 100%; height: 100%; }
/*.ind-banner .swiper-slide .bg{ height: 100vh; }*/
.ind-banner .swiper-slide .bg img{ width: 100%; }
.ind-banner .cn, .ind-banner .en{transform: translateY(30px);
  -webkit-transform: translateY(30px);
  -moz-transform: translateY(30px);
  -ms-transform: translateY(30px);
  -o-transform: translateY(30px);
  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 .onebox{ position: absolute; left: 0; width: 100%; text-align: center; top: 50%; transform: translateY(-50%); color: #fff; z-index: 1;} 
.ind-banner .cn{ font-size: 0.48rem; line-height: 0.58rem; font-weight:bold; letter-spacing:6px; font-family:'guan';}
.ind-banner .en{ padding-bottom: 0.3rem; font-size: 1.5rem; line-height: 1.5rem; font-family: 'mont'; font-style: italic; }

.ind-banner .swiper-slide-active .cn, .ind-banner .swiper-slide-active .en{
  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-slide video {
  position: absolute;
  width: 100%;
  height:100%;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  object-fit: cover;
}
.ind-banner .swiper-pagination{ bottom: 0.25rem!important; } 
.ind-banner .swiper-pagination-bullet { position: relative; width: 44px; height: 8px; opacity: 1; border-radius: 12px; background: rgba(255,255,255,0.5); margin-left: 2px!important; margin-right: 2px!important; } 
.ind-banner .swiper-pagination-bullet-active { background: #e94615;}

.ind-banner .videoDiv{ display: none; }
.ind-banner .btnDiv{ z-index: 4; position: absolute; left: 0.3rem; bottom: 0.4rem; width: 48px; height: 48px; }
.ind-banner .btnDiv img{ width:48px;}

/*banner结束*/

.indexTxt{ text-align: center;}
.indexTxt .en{ font-size: 0.6rem; line-height: 0.6rem; color: #333; font-family: 'bold'; text-transform: uppercase; }
.indexTxt .en em{ color: #e94615; padding: 0 0.2rem; }
.indexTxt .cn{ padding-top: 0.1rem; color: #333; font-size: 0.3rem; line-height: 0.3rem; font-family:'sc_medium'; }

.indexP1{ padding: 0.85rem 0 1.1rem; background: #d3d3d5; }
.indexP1 .content{ width: 12.0rem; margin: 0 auto; padding: 0.3rem 0 0.85rem; font-size: 0.16rem; color: #333; line-height: 0.3rem; text-align: center; }
.indexP1 .numList{ padding-bottom: 0.65rem; }
.indexP1 .numList li{ float: left; width: 25%; font-size: 0.18rem; text-align: center;}
.indexP1 .numList li .num{ height: 0.7rem; }
.indexP1 .numList li .num em{ font-size: 0.72rem; line-height: 0.68rem; padding-right: 5px; color: #e94615; text-transform: uppercase; font-family:'league';}
.indexP1 .moreBtn{ margin: 0 auto; width: 2.38rem; }
.indexP1 .moreBtn a{ position: relative; width: 100%; height: 0.48rem; border: #e94615 solid 2px; line-height: 0.44rem; font-size: 0.16rem; font-family:'sc_medium'; color: #e94615; box-sizing: border-box; }
.indexP1 .moreBtn a:before{ content: ''; position: absolute; top: 0; left: 0; background: #f8693e; z-index: 1; width: 0; height: 100%; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; transition: all .6s ease-in-out; }
.indexP1 .moreBtn a:after{ content: ''; position: absolute; top: 0; left: 0; background: #e94615; z-index: 1; width: 0; height: 100%; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.indexP1 .moreBtn p{ position: relative; z-index: 2; }
.indexP1 .moreBtn span{ position: relative; z-index: 2; width: 16px; height: 14px; margin-left: 0.4rem; background: url(../images/ico2.png) no-repeat; }
.indexP1 .moreBtn a:hover{ color: #fff; }
.indexP1 .moreBtn a:hover:before{ width: 100%; -webkit-transition: all .3s; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.indexP1 .moreBtn a:hover:after{ width: 100%; -webkit-transition: all .6s; -moz-transition: all .6s ease-in-out; transition: all .6s ease-in-out; }
.indexP1 .moreBtn a:hover span{ background: url(../images/ico2on.png) no-repeat;}

.indexP2{ padding: 1.1rem 0 1.15rem; }
.indexP2 .indexTxt{ padding-bottom: 20px; }
.indexPro{ position: relative; }
.indexPro .list { width: 41.3rem; position: relative; left: 50%; margin-left: -20.65rem;}
.indexPro .swiper-slide .mxfDiv{ width: 13.6rem; position: relative; overflow: hidden; margin: 0 auto;}
.indexPro .swiper-slide .ditu { border-radius: 8px; overflow: hidden; position: relative; }
.indexPro .swiper-slide .ditu:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: url(../images/bg2.png) left top repeat; background-size:cover; }
.indexPro .swiper-slide .ditu img{ width: 100%; }
.indexPro .swiper-slide .bg{ position: absolute; right: 0; bottom: 0; width: 100%; z-index: 2; }
.indexPro .swiper-slide .bg img{ width: 100%; }
.indexPro .swiper-slide .character{ position: absolute; right: -100%; opacity: 0; visibility: hidden; bottom: -4rem; width: 100%; }
.indexPro .swiper-slide .character img{ width: 100%; }
.indexPro .swiper-slide .conLayer{ position: absolute; left: -7.5rem; top: 2.4rem; opacity: 0; visibility: hidden; color: #fff; z-index: 3; }
.indexPro .swiper-slide .name{ font-size: 0.3rem; line-height: 0.3rem; font-family: 'light','sc_light'; }
.indexPro .swiper-slide .wen{ font-size: 0.36rem; line-height: 0.42rem; padding: 0.1rem 0 0.3rem; font-family: 'light','sc_light'; }
.indexPro .swiper-slide .msg{ font-size: 0.16rem; line-height: 0.26rem; width: 7.0rem; height: 1.0rem; }
.indexPro .swiper-slide .icon img{ width: 125px; }

.indexPro .swiper-slide-active .character{ right: 0; bottom: 0; opacity: 1; visibility: visible; }
.indexPro .swiper-slide-active .conLayer{ left: 0.5rem; opacity: 1; visibility: visible; }
.indexPro .se { display: block; width: 50px; height: 50px; position: absolute; z-index: 10; top: 50%; border-radius: 50%; margin-top: 20px; }
.indexPro .prev { left: 50%; margin-left: -8.28rem; background: #fff url("../images/nimg16_left.png") center no-repeat; }
.indexPro .next { right: 50%; margin-right: -8.28rem; background: #fff url("../images/nimg16_right.png") center no-repeat; }
.indexPro .prev:hover{ background: #e94615 url("../images/nimg16_lefton.png") center no-repeat;}
.indexPro .next:hover { background: #e94615 url("../images/nimg16_righton.png") center no-repeat; }


.indexP3{ background: #f5f5f5; padding: 0.8rem 0 1.05rem; }
.indexP3 .list{ padding-top: 0.55rem; }
.indexP3 .list ul{ margin-right: -0.46rem; }
.indexP3 .list li{ float: left; width: 33.33%; }
.indexP3 .list li .box{ margin-right: 0.46rem; }
.indexP3 .list li .imgDiv{ height: 2.8rem; overflow: hidden; }
.indexP3 .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.indexP3 .list li .botDiv{ position: relative; background: #fff; height: 2.58rem; padding: 0.25rem 0.25rem 0; box-sizing: border-box; }
.indexP3 .list li .time{ font-size: 14px; line-height: 0.24rem; color: #ccc; font-family: 'regular'; }
.indexP3 .list li .name{ margin-top: 0.2rem; font-size: 0.2rem; line-height: 0.3rem; height: 0.6rem; color: #333; font-family: 'sc_medium';}
.indexP3 .list li .more{ position: absolute; left: 0.25rem; bottom: 0; text-indent: 0.25rem; font-family: 'sc_medium'; width: 1.36rem; height: 0.42rem; font-size: 0.16rem; color: #333; line-height: 0.42rem; background: #d3d3d5; }
.indexP3 .list li .more:after{ content: ''; position: absolute; right: 0.2rem; top: 50%; margin-top: -5px; width: 13px; height: 11px; background: url(../images/ico3.png) no-repeat; }
.indexP3 .list li .content{ line-height: 0.26rem; height: 0; overflow: hidden; font-size: 0.16rem; color: #999; margin-top: 0.1rem; }
.indexP3 .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1); }
.indexP3 .list li .box:hover .content{ height: 0.52rem; }
.indexP3 .list li .box:hover .more{ background: #e94615; color: #fff; }
.indexP3 .list li .box:hover .more:after{ background: url(../images/ico3on.png) no-repeat;}

.indexP4{ padding: 1.0rem 0 1.3rem; }
.indexP4 .leftDiv{ width: 6.1rem; }
.indexP4 .title{ position: relative; padding-bottom: 0.2rem; }
.indexP4 .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 30px; height: 4px; background: #ffa400; border-radius: 2px; }
.indexP4 .title .en{ font-size: 0.6rem; line-height: 0.6rem; color: #000; font-family: 'bold'; text-transform: uppercase; }
.indexP4 .title .en em{ display: block; color: #e94615; }
.indexP4 .title .cn{ padding-top: 0.2rem; font-size: 0.3rem; line-height: 0.3rem; color: #333; font-family: 'sc_medium'; }
.indexP4 .txt{ padding: 0.5rem 0 0.25rem; font-size: 0.48rem; color: #333; line-height: 0.6rem; font-family: 'sc_medium'; }
.indexP4 .content{ padding-bottom: 0.35rem; font-size: 0.16rem; line-height: 0.3rem; text-align: justify; }
.indexP4 .moreBtn a{ display: block; position: relative; text-indent: 0.25rem; font-family: 'sc_medium'; width: 1.36rem; height: 0.42rem; font-size: 0.16rem; color: #fff; line-height: 0.42rem; background: #e94615; }
.indexP4 .moreBtn a:after{ content: ''; position: absolute; right: 0.2rem; top: 50%; margin-top: -5px; width: 13px; height: 11px; background: url(../images/ico3on.png) no-repeat; }

.indexP4 .rightDiv{ width: 50%; padding-top: 1.2rem; }
.indexP4 .mxfDiv{ position: relative; overflow: hidden; border-radius: 0.2rem;}
.indexP4 .imgDiv img{ width: 100%; }
.indexP4 .wen{ position: absolute; left: 0.45rem; bottom: 0.4rem; z-index: 1; font-size: 0.16rem; line-height: 0.36rem; color: #fff;}
.indexP4 .wen em{ font-size: 0.48rem; line-height: 0.46rem; color: #db3525; font-family:'mont'; }

.indexP5 .list li{ float: left; width: 33.33%; }
.indexP5 .list li a{ display: block; position: relative; overflow: hidden; }
.indexP5 .list li .imgDiv{ position: relative; }
.indexP5 .list li .imgDiv:after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); }
.indexP5 .list li .imgDiv img{ width: 100%; }
.indexP5 .list li .layer{ position: absolute; left: 1.0rem; top: 0; height: 100%; z-index: 1; }
/*.indexP5 .list li:nth-child(1) .layer{ left: 50%; margin-left: -7.68rem; }*/
.indexP5 .list li .ico{ height: 0.75rem; }
.indexP5 .list li .cn{ font-size: 0.24rem; line-height: 0.24rem; color: #fff; height: 0.32rem; font-family: 'sc_medium'; }
.indexP5 .list li .en{ font-family: 'regu'; color: rgba(201,201,201,0.2); font-size: 0.16rem; line-height: 0.16rem; height: 0.6rem; }
.indexP5 .list li .wen{ height: 1.3rem; font-size: 0.18rem; line-height: 0.36rem; color: #c9c9c9; }
.indexP5 .list li .more{ width: 0.54rem; height: 0.54rem; background: url(../images/ico4.png) center no-repeat; border-radius: 50%; border: #e94615 solid 2px; box-sizing: border-box; }
.indexP5 .list li a:hover .imgDiv:after{ background: rgba(0,0,0,0.4); }
.indexP5 .list li a:hover .more{ background: #e94615 url(../images/ico4on.png) center no-repeat; }
.indexP5 .list li a:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.aboutP1{ padding:1.0rem 0 0.9rem;}
.aboutP1 .leftDiv{ width:8.1rem;}
.aboutP1 .txtDiv{ position:relative; padding-top:0.2rem;}
.aboutP1 .txtDiv .cn{ font-size:0.4rem; line-height:0.4rem; color:#333; font-family:'sc_medium';}
.aboutP1 .txtDiv .en{ position:absolute; left:0; top:0; font-family:'bold'; font-size:0.6rem; line-height:0.6rem; color:rgba(51,51,51,0.1); text-transform:uppercase;}
.aboutP1 .content{ padding-top:0.4rem; font-size:0.16rem; line-height:0.3rem; color:#333; text-align:justify;}

.aboutP1 .rightDiv{ width:6.0rem; box-sizing:border-box; padding-left:1.2rem; padding-top:0.5rem; background:url(../images/line1.png) left 1.0rem no-repeat;}
.aboutP1 .rightDiv li{ float: left; width: 50%; padding:0.4rem 0; font-size: 0.18rem; }
.aboutP1 .rightDiv li:nth-child(even){ float:right;}
.aboutP1 .rightDiv li .num{ height: 0.6rem; }
.aboutP1 .rightDiv li .num em{ font-size: 0.6rem; line-height: 0.6rem; padding-right: 5px; color: #e94615; text-transform: uppercase; font-family:'league';}
.aboutP1 .rightDiv li .wen{ height:0.4rem; position:relative; font-size:0.16rem;}
.aboutP1 .rightDiv li .wen:after{ content:''; position:absolute; left:0; bottom:0; width:23px; height:2px; background:#999;}




.aboutP3{ padding:1.1rem 0;}
.aboutP3 .toptop{ position:relative; height:1.9rem;}
.aboutP3 .txtDiv{ position:relative; padding:0.2rem 0 0.25rem;}
.aboutP3 .txtDiv:after{ content:''; position:absolute; left:0; bottom:0; width:30px; height:4px; background:#ffa400; border-radius:4px;}
.aboutP3 .txtDiv .cn{ font-size:0.4rem; line-height:0.4rem; color:#333; font-family:'sc_medium';}
.aboutP3 .txtDiv .en{ position:absolute; left:0; top:0; font-family:'bold'; font-size:0.6rem; line-height:0.6rem; color:rgba(51,51,51,0.1); text-transform:uppercase;}
.aboutP3 .rightDiv{ position:absolute; right:0; top:0; z-index:1; width:8.3rem; padding-left:2.2rem; box-sizing:border-box;}
.aboutP3 .ziDiv{ position:absolute; left:0; top:0; width:1.6rem; height:0.95rem;}
.aboutP3 .ziDiv:after{ content:''; position:absolute; right:0; top:0; width:1px; height:100%; background:#ececec;}
.aboutP3 .num{ height:0.7rem; font-size:0.16rem; line-height:0.16rem; color:#999;}
.aboutP3 .num em{ color:#e94615; font-size:0.6rem; line-height:0.6rem; font-family:'mont';}
.aboutP3 .ziDiv p{ font-size:0.16rem; color:#808080; line-height:0.16rem;}
.aboutP3 .name{ font-size:0.24rem; line-height:0.24rem; color:#060001; font-family:'sc_medium';}
.aboutP3 .msg{ padding-top: 0.2rem; font-size:0.16rem; line-height:0.3rem; text-align:justify;}

.studio{ position:relative;}
.studio .list{ overflow:hidden;}
.studio .list li .box{ height:2.28rem; border-radius:0.12rem; overflow:hidden; background:center no-repeat; background-size:cover;}
.studio .list li .txt{ padding-left:0.75rem; line-height:0.48rem; color:#333; font-size:0.36rem; font-family:'guan';}
.studio .list li .txt em{ display:block; color:#e94615;}
.studio .list li .content{ color:#333; font-size:0.14rem; line-height:0.26rem; margin-top: 0.3rem; text-align:justify;}
.studio .se { display: block; width: 50px; height: 50px; position: absolute; z-index: 10; top: 1.0rem; border-radius: 50%; }
.studio .prev { left: 50%; margin-left: -8.88rem; background: #f5f5f5 url("../images/nimg16_left.png") center no-repeat; }
.studio .next { right: 50%; margin-right: -8.88rem; background: #f5f5f5 url("../images/nimg16_right.png") center no-repeat; }
.studio .prev:hover{ background: #e94615 url("../images/nimg16_lefton.png") center no-repeat;}
.studio .next:hover { background: #e94615 url("../images/nimg16_righton.png") center no-repeat; }

.aboutP4{ padding-top: 1.0rem; background: #f5f5f5; }
.aboutP4 .txtDiv{ text-align: center; position: relative; padding-top: 0.2rem; margin-bottom: 0.6rem; }
.aboutP4 .txtDiv .cn{ font-size:0.4rem; line-height:0.4rem; color:#333; font-family:'sc_medium';}
.aboutP4 .txtDiv .en{ position:absolute; width: 100%; left:0; top:0; font-family:'bold'; font-size:0.6rem; line-height:0.6rem; color:rgba(51,51,51,0.1); text-transform:uppercase;}
.aboutP4 .mxfDiv{ position: relative; }
.aboutP4 .mxfDiv:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2.5rem; background: url(../images/honorBg.jpg) center top repeat-x; }
.honorPic{ position: relative; z-index: 1; padding-bottom: 0.6rem; }
.honorPic .list{ overflow: hidden; }
.honorPic .imgDiv{ height: 3.01rem; background: url(../images/kuang.jpg) center no-repeat; background-size: 100%; }
.honorPic .imgDiv img{ max-width: 3.84rem; max-height: 2.5rem; }
.honorPic .name{ margin-top: 0.6rem; text-align: center; line-height: 0.36rem; height: 0.72rem; overflow: hidden; font-size: 0.18rem; color: #333; font-family:'sc_medium'; }
.honorPic .se { display: block; width: 50px; height: 50px; position: absolute; z-index: 10; top: 1.35rem; border-radius: 50%; }
.honorPic .prev { left: 50%; margin-left: -8.88rem; background: #fff url("../images/nimg16_left.png") center no-repeat; }
.honorPic .next { right: 50%; margin-right: -8.88rem; background: #fff url("../images/nimg16_right.png") center no-repeat; }
.honorPic .prev:hover{ background: #e94615 url("../images/nimg16_lefton.png") center no-repeat;}
.honorPic .next:hover { background: #e94615 url("../images/nimg16_righton.png") center no-repeat; }
.honorPic .imgDiv:hover img{ transform:scale(1.05);-webkit-transform:scale(1.05);}

.concept{ padding: 1.05rem 0 1.1rem; }
.concept .txtDiv{ text-align: center; position: relative; padding-top: 0.2rem; }
.concept .txtDiv .cn{ font-size:0.4rem; line-height:0.4rem; color:#333; font-family:'sc_medium';}
.concept .txtDiv .en{ position:absolute; width: 100%; left:0; top:0; font-family:'bold'; font-size:0.6rem; line-height:0.6rem; color:rgba(51,51,51,0.1); text-transform:uppercase;}
.concept .txtDiv .en em{ color: rgba(233,70,21,0.1); padding-right: 0.2rem;}

.concept .list{ overflow: hidden; padding-top: 0.6rem;}
.concept .list ul{ margin-right: -0.38rem; }
.concept .list li{ float: left; width: 33.33%;}
.concept .list li .box{ margin-right: 0.38rem; cursor: pointer; position: relative; box-sizing: border-box; padding: 0.9rem 0 0 0.6rem; height: 6.0rem;}
.concept .list li .ico{ width: 60px; height: 60px; position: relative; z-index: 2; }
.concept .list li .ico img{ position: absolute; left: 0; top: 0; width: 60px;}
.concept .list li .ico .img1{ opacity: 0; transform:scale3d(0,0,0);-webkit-transform:scale3d(0,0,0);-moz-transform:scale3d(0,0,0); }
.concept .list li .cn{ position: relative; z-index: 2; color: #060001; padding-top: 0.45rem; height: 0.5rem; font-size: 0.24rem; line-height: 0.24rem;  font-family:'sc_medium';}
.concept .list li .en{ position: relative; z-index: 2; font-size: 0.24rem; line-height: 0.24rem; height: 0.72rem; color: #bebebe; text-transform: uppercase; font-family: 'bold'; }
.concept .list li .en:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 30px; height: 4px; background: #ffa400; border-radius: 4px; }
.concept .list li .msg{ position: relative; z-index: 2; padding-top: 0.45rem; font-size: 0.18rem; color: #333; line-height: 0.3rem; width: 4.0rem; }
.concept .list li .bg{ z-index: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: center no-repeat; background-size: cover; }
.concept .list li .bg:after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(247,247,247,0.9); }
.concept .list li:hover .bg:after{ background: rgba(0,0,0,0.5); }
.concept .list li:hover .cn, .concept .list li:hover .en, .concept .list li:hover .msg{ color: #fff; }
.concept .list li:hover .ico img{ opacity: 0; }
.concept .list li:hover .ico .img1{ opacity: 1; transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);}

.jobP1{ padding: 1.1rem 0;}
.jobP1 .txtDiv{ text-align: center; position: relative; padding: 0.2rem 0 0.3rem; }
.jobP1 .txtDiv:after{ content: ''; position: absolute; left: 0; width: 100%; height: 1px; bottom: 1px; background: #e0e0e0; }
.jobP1 .txtDiv:before{ content: ''; position: absolute; left: 50%; margin-left: -15px; bottom: 0; width: 30px; height: 4px; border-radius: 4px; background: #ffa400; z-index: 1; }
.jobP1 .txtDiv .cn{ font-size:0.4rem; line-height:0.4rem; color:#333; font-family:'sc_medium';}
.jobP1 .txtDiv .en{ position:absolute; width: 100%; left:0; top:0; font-family:'bold'; font-size:0.6rem; line-height:0.6rem; color:rgba(51,51,51,0.1); text-transform:uppercase;}

.jobP1 .title{ padding: 0.8rem 0 0.6rem; font-size: 0.24rem; line-height: 0.24rem; color: #060001; font-family:'sc_medium'; }
.jobP1 .list ul{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between;}
.jobP1 .list li{ width: 2.56rem; }
.jobP1 .list li .ico{ height: 1.05rem; }
.jobP1 .list li .ico img{ width: 0.96rem; }
.jobP1 .list li .name{ height: 0.45rem; position: relative; font-size: 0.24rem; line-height: 0.24rem; color: #060001; font-family:'sc_medium'; }
.jobP1 .list li .name:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #ccc; }
.jobP1 .list li .name:before{ content: ''; position: absolute; left: 0; bottom: 0; width: 0.92rem; height: 2px; background: #e94615; z-index: 1; }
.jobP1 .list li .msg{ margin-top: 0.2rem; font-size: 0.16rem; line-height: 0.3rem; color: #333; }


.jobP2{ padding: 1.1rem 0 1.3rem; background: #f5f5f5;}
.jobP2 .title{ color: #060001; font-size: 0.24rem; line-height: 0.24rem; font-family:'sc_medium'; }
.jobP2 .list{ padding: 0.4rem 0; }
.jobP2 .list ul{ margin-right: -0.18rem; }
.jobP2 .list li{ float: left; width: 25%; margin-bottom: 0.2rem; }
.jobP2 .list li .hala{ margin-right: 0.18rem; height: 4.94rem; background: #fff; padding: 0.5rem 0.5rem 0; position: relative; box-sizing: border-box; cursor: pointer; overflow: hidden;}
.jobP2 .list li .hala:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 0.05rem; background: #e94615; }
.jobP2 .list li .name{ font-weight: bold; font-size: 0.24rem; line-height: 0.32rem; color: #060001; height: 0.62rem; position: relative; padding-left: 35px;}
.jobP2 .list li .name img{ position: absolute; left: 0; top: 0; }
.jobP2 .list li .name:after{ content: ''; width: 30px; height: 4px; background: #999; position: absolute; left: 0; bottom: 0; border-radius: 4px; }
.jobP2 .list li .brief{ padding-top: 0.2rem; }
.jobP2 .list li .brief span{ display: block; font-size: 0.16rem; color: #333; line-height: 0.36rem; }
.jobP2 .list li .ico{ position: absolute; left: 0.5rem; bottom: 0.72rem; width: 48px; height: 32px; box-sizing: border-box; border-radius: 24px; background: #d3d3d5 url(../images/nimg13_1.png) center no-repeat;  }
.jobP2 .list li:hover .hala{ background: #d3d3d5; box-shadow: 0px 0px 0.3rem 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 0px 0.3rem 0px rgba(0, 0, 0, 0.06);}
.jobP2 .list li:hover .hala:after{ width: 100%; }
.jobP2 .list li:hover .ico{ background: #e94615 url(../images/nimg13_1on.png) center no-repeat; }
.jobP2 .list li .detail-box { display: none;}

.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: 12.0rem; margin: 0 auto; background: #fff; padding: 0.95rem 1.0rem 1.0rem; position: relative; box-sizing: border-box;}
.jobModal-box .job-box .name { position: relative; font-weight: 700; padding-left: 36px; font-size: 0.3rem; color: #000; margin-bottom: 0.2rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.jobModal-box .job-box .name img { position: absolute; left: 0; top: 5px; width: 0.24rem;}
.jobModal-box .job-box h2 { font-weight: 700; color: #333; font-size: 0.2rem; line-height: 0.36rem;}
.jobModal-box .job-box .header { padding-right: 1.0rem; margin-bottom: 0.5rem; padding-bottom: 0.4rem; border-bottom: 1px solid #e6e6e6;}
.jobModal-box .job-box .brief { color: #333; font-size: 0.16rem; line-height: 0.36rem;}
.jobModal-box .job-box .brief span { display: inline-block; margin-right: 0.35rem;}
.jobModal-box .job-box .brief span:last-child { margin-right: 0;}
.jobModal-box .job-box .content-box { height: 4.3rem; overflow: auto; padding-right: 100px;}
.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: #e94615;}
.jobModal-box .job-box .box { font-size: 0.16rem; color: #333; line-height: 0.36rem; margin-bottom: 0.4rem;}

.jobModal-box .job-box .close { display: inline-block; position: absolute; right: 20px; top: 24px; z-index: 10;}
.jobModal-box .job-box .close img { max-width: 100%;}

.news{ padding: 1.0rem 0 1.2rem; }
.news .txtDiv{ text-align: center; position: relative; padding-top: 0.2rem; }
.news .txtDiv .cn{ font-size:0.4rem; line-height:0.4rem; color:#333; font-family:'sc_medium';}
.news .txtDiv .en{ position:absolute; width: 100%; left:0; top:0; font-family:'bold'; font-size:0.6rem; line-height:0.6rem; color:rgba(51,51,51,0.1); text-transform:uppercase;}
.news .txtDiv .en em{ color: rgba(233,70,21,0.1); padding-right: 0.2rem;}
.news .list{ padding-top: 0.5rem; }
.news .list ul{ margin-right: -0.46rem; }
.news .list li{ float: left; width: 33.33%; padding-bottom: 0.65rem; }
.news .list li .box{ margin-right: 0.46rem; }
.news .list li .imgDiv{ height: 2.8rem; overflow: hidden; }
.news .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.news .list li .botDiv{ position: relative; background: #f5f5f5; height: 2.58rem; padding: 0.25rem 0.25rem 0; box-sizing: border-box; }
.news .list li .time{ font-size: 14px; line-height: 0.24rem; color: #ccc; font-family: 'regular'; }
.news .list li .name{ margin-top: 0.2rem; font-size: 0.2rem; line-height: 0.3rem; height: 0.6rem; color: #333; font-family: 'sc_medium';}
.news .list li .more{ position: absolute; left: 0.25rem; bottom: 0; text-indent: 0.25rem; font-family: 'sc_medium'; width: 1.36rem; height: 0.42rem; font-size: 0.16rem; color: #333; line-height: 0.42rem; background: #d3d3d5; }
.news .list li .more:after{ content: ''; position: absolute; right: 0.2rem; top: 50%; margin-top: -5px; width: 13px; height: 11px; background: url(../images/ico3.png) no-repeat; }
.news .list li .content{ line-height: 0.26rem; height: 0; overflow: hidden; font-size: 0.16rem; color: #999; margin-top: 0.1rem; }
.news .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1); }
.news .list li .box:hover .content{ height: 0.52rem; }
.news .list li .box:hover .more{ background: #e94615; color: #fff; }
.news .list li .box:hover .more:after{ background: url(../images/ico3on.png) no-repeat;}

.newsBox .topDiv .wal{ padding: 0.9rem 0 0.8rem; }
.newsBox .topDiv .name{ text-align: center; color: #333; font-size: 0.32rem; line-height: 0.48rem; padding-bottom: 0.2rem; position: relative; z-index: 1; font-family: 'sc_medium';}
.newsBox .topDiv .time{ text-align: center; color: #ccc; font-size: 0.18rem; font-family: 'regular'; }
.newsBox .topDiv .time img{ padding-right: 15px; position: relative; top: -1px; }
.newsBox .botDiv{ background: #f6f6f6; }
.newsBox .botDiv .mxfDiv{ padding-left: 150px; position: relative; /*background: #fff;*/ }
.newsBox .side_l{ width: 150px; position: absolute; left: 0; top: 0; border-top: #f0f0f0 solid 1px;}
.newsBox .side_l .list li{ height: 70px; background: #fafafa; border-bottom: #ebebeb solid 1px; font-size: 16px;}
.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; color: #666; padding-left: 72px; }
.newsBox .side_l .list li img{ position: absolute; left: 28px; top: 50%; margin-top: -15px; }
.newsBox .side_l .btnDiv a{ display: block; height: 70px; line-height: 70px; text-indent: 28px; font-size: 14px; color: #fff; background: #e94615; position: relative; }
.newsBox .side_l .btnDiv a:after{ content: ''; position: absolute; right: 24px; top: 50%; margin-top: -8px; 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{ padding-right: 3.1rem; min-height: 800px; position: relative; }
.newsBox .conDiv{ background: #fff; padding: 0 0.6rem 1.8rem 0; }
.newsBox .content{ font-size: 0.18rem; color: #333; line-height: 0.36rem; padding: 0.7rem 0.35rem 0 0.6rem; border-top: #f0f0f0 solid 1px;}
.newsBox .imgDiv{ text-align: center; padding: 24px 0; }
.newsBox .content img{ max-width: 9.15rem; }
.newsBox .content b{ font-size: 0.24rem; color: #060001; }

.sideNews{ position: absolute; right: 0; top: 0; border-top: #e94615 solid 3px; width: 3.1rem; height: 100%; box-sizing: border-box; background: #f6f6f6; padding: 0.5rem 0.35rem 0 0.4rem;}
.sideNews .title{ font-size: 0.18rem; line-height: 0.18rem; color: #e94615; padding-bottom: 0.2rem; font-family: 'sc_medium'; }
.sideNews .lie li{ padding-bottom: 0.4rem; font-size: 14px; }
.sideNews .lie li .limg img{ width: 100%; }
.sideNews .lie li .name{ margin-top: 0.15rem; color: #333; line-height: 24px; font-family: 'sc_medium';}
.sideNews .lie li a:hover .name{ color: #e94615; }
.sideNews .more a{ display: block; position: relative; width: 1.36rem; height: 0.42rem; line-height: 0.42rem; text-transform: uppercase; font-size: 14px; color: #fff; text-indent: 0.24rem; background: #e94615; }
.sideNews .more a:after{ content: ''; position: absolute; right: 0.2rem; top: 50%; margin-top: -5px; width: 14px; height: 10px; background: url(../images/nimg14_1.png) no-repeat; }

.pageDown{ padding: 1.4rem 0.35rem 0 0.6rem; }
.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; background: #f7f7f7; border: #f7f7f7 solid 1px; padding: 0 25px; overflow: hidden;}
.pageDown li a:hover{ background: #fff; border: #e94615 solid 1px; color: #e94615; }
.pageDown li b{ color: #333; }


.welfareP1{ position: relative; min-height: 8.0rem; }
.welfareP1 .bg{ position: absolute; left: 0; top: 0; width: 100%; height: 7.8rem; background-color: #d2d2d3; background-position: center bottom; background-repeat: no-repeat; background-size: 100%; }
.welfareP1 .toptop{ position: relative; z-index: 1; padding-top: 1.0rem; overflow: hidden;}
.welfareP1 .leftDiv{ width: 6.0rem; }
.welfareP1 .txtDiv{ position: relative; padding-bottom: 0.3rem; }
.welfareP1 .txtDiv:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 30px; height: 4px; background: #ffa400; border-radius: 4px; }
.welfareP1 .txtDiv .en{ font-size: 0.6rem; line-height: 0.6rem; color: #e94615; text-transform: uppercase; font-family:'bold'; }
.welfareP1 .txtDiv .cn{ padding-top: 0.1rem; font-size: 0.4rem; line-height: 0.4rem; color: #333; font-family:'sc_medium';}
.welfareP1 .numList{ padding-top: 0.75rem; }
.welfareP1 .numList li{ float: left; padding-right: 0.75rem; }
.welfareP1 .numList li .wen{ font-size: 0.16rem; line-height: 0.16rem; color: #333; height: 0.35rem; font-family:'sc_medium'; }
.welfareP1 .numList li .num{ font-size: 0.16rem; color: #333; font-family:'sc_medium';  }
.welfareP1 .numList li .numUp{ padding-right: 10px; color: #e94615; font-size: 0.6rem; font-family:'league';}
.welfareP1 .time{ padding-top: 0.15rem; font-size: 0.16rem; line-height: 0.16rem; }

.welfareP1 .rightDiv{ width: 50%; }
.welfareP1 .content{ font-size: 0.16rem; line-height: 0.3rem; color: #333; text-align: justify; }
.welfareP1 .msg{ padding-top: 0.7rem; font-size: 0.16rem; line-height: 0.3rem; color: #333; }
.welfareP1 .msg em{ font-family:'sc_medium'; }

.welfareP1 .botbot{ padding-top: 1.1rem; position: relative; z-index: 1; }
.welfareP1 .pjDiv{ height: 1.0rem; position: relative; }
.welfareP1 .title{ font-size: 0.32rem; line-height: 0.32rem; color: #333; font-family: 'sc_medium'; }
.welfareP1 .lbtn{ position: absolute; right: 0; top: 0; z-index: 1; }
.welfareP1 .lbtn li{ cursor: pointer; float: left; margin-left: 0.6rem; font-size: 0.2rem; line-height: 0.32rem; }
.welfareP1 .lbtn li.on{ color: #333; font-family: 'sc_medium'; }

.welfareP1 .item{ background: #fff; height: 6.15rem; padding: 0.8rem 0.9rem 0 0.8rem; box-sizing: border-box;  box-shadow: 0px 0px 0.35rem 0px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 0px 0.35rem 0px rgba(0, 0, 0, 0.05);}
.welfareP1 .conDiv{ width: 5.82rem; padding-top: 0.7rem;}
.welfareP1 .conDiv .name{ font-size: 0.24rem; line-height: 0.24rem; color: #333; font-family: 'sc_medium'; }
.welfareP1 .conDiv .content{ margin-top: 0.3rem; font-size: 0.16rem; line-height: 0.3rem; max-height: 2.7rem; padding-right: 8px; overflow: auto; text-align: justify; }
.welfareP1 .conDiv .content::-webkit-scrollbar { width: 4px;}
.welfareP1 .conDiv .content::-webkit-scrollbar-track { background-color: #e5e5e5;}
.welfareP1 .conDiv .content::-webkit-scrollbar-thumb { background-color: #e94615;}
.welfareP1 .imgList{ width: 6.9rem; overflow: hidden; position: relative;}
.welfareP1 .imgList .imgDiv{ height: 3.9rem; }
.welfareP1 .imgList .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.welfareP1 .imgList .txt{ height: 0.6rem; line-height: 0.6rem; padding: 0 1.5rem 0 0.3rem; background: #f5f5f5; font-size: 0.16rem; overflow: hidden; color: #333; }
.welfareP1 .arrowDiv{ position: absolute; right: 0.25rem; bottom: 0; height: 0.6rem; }
.welfareP1 .arrowDiv .se { z-index: 2; position: absolute; top: 50%; margin-top: -18px; display: block; width: 35px; height: 35px; border: #d4d4d6 solid 1px; border-radius: 50%; box-sizing: border-box;}
.welfareP1 .arrowDiv .prev { right: 42px; background: url(../images/nimg11_left2.png) center no-repeat; }
.welfareP1 .arrowDiv .next { right: 0; background: url(../images/nimg11_right2.png) center no-repeat; }
.welfareP1 .arrowDiv .prev:hover { border: #e94615 solid 1px; background: #e94615 url(../images/nimg11_left2on.png) center no-repeat; }
.welfareP1 .arrowDiv .next:hover { border: #e94615 solid 1px; background: #e94615 url(../images/nimg11_right2on.png) center no-repeat; }


.welfareP2{ padding: 0.9rem 0 1.1rem; }
.welfareP2 .title{ padding-bottom: 0.55rem; font-size: 0.32rem; line-height: 0.32rem; color: #333; font-family: 'sc_medium'; }
.gloryPic{ padding: 0 0.8rem; position: relative; z-index: 1; }
.gloryPic .list{ overflow: hidden; }
.gloryPic .imgDiv{ height: 3.01rem; background: url(../images/kuang.jpg) center no-repeat; background-size: 100%; }
.gloryPic .imgDiv img{ max-width: 3.84rem; max-height: 2.5rem; }
.gloryPic .name{ margin-top: 0.15rem; text-align: center; line-height: 0.3rem; height: 0.6rem; overflow: hidden; font-size: 0.16rem; color: #000; font-family:'sc_medium'; }
.gloryPic .se { display: block; width: 50px; height: 50px; position: absolute; z-index: 10; top: 1.25rem; border-radius: 50%; }
.gloryPic .prev { left: 0; background: #f5f5f5 url("../images/nimg16_left.png") center no-repeat; }
.gloryPic .next { right: 0; background: #f5f5f5 url("../images/nimg16_right.png") center no-repeat; }
.gloryPic .prev:hover{ background: #e94615 url("../images/nimg16_lefton.png") center no-repeat;}
.gloryPic .next:hover { background: #e94615 url("../images/nimg16_righton.png") center no-repeat; }
.gloryPic .imgDiv:hover img{ transform:scale(1.05);-webkit-transform:scale(1.05);}

.aboutP2 {
  box-sizing: border-box;
  padding-top: 1.0rem;
  background: url(../images/aboutP2.jpg) no-repeat center bottom;
  background-size: cover;
  overflow: hidden;
  position: relative;
  padding-bottom: 3.75rem;
}
.aboutP2 .txtDiv{ text-align: center; position: relative; padding: 0.2rem 0 0.3rem; margin-bottom: 0.9rem; }
.aboutP2 .txtDiv:after{ content: ''; position: absolute; left: 0; width: 100%; height: 1px; bottom: 1px; background: #ccc; }
.aboutP2 .txtDiv:before{ content: ''; position: absolute; left: 50%; margin-left: -15px; bottom: 0; width: 30px; height: 4px; border-radius: 4px; background: #ffa400; z-index: 1; }
.aboutP2 .txtDiv .cn{ font-size:0.4rem; line-height:0.4rem; color:#333; font-family:'sc_medium';}
.aboutP2 .txtDiv .en{ position:absolute; width: 100%; left:0; top:0; font-family:'bold'; font-size:0.6rem; line-height:0.6rem; color:rgba(51,51,51,0.1); text-transform:uppercase;}

.aboutP2 .swiper-slide {
  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 */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  position: relative;
}
.aboutP2 .swiper-slide:after {
  content: "";
  width: 1px;
  height: 0.96rem;
  background: #bdbdbd;
  position: absolute;
  left: 50%;
  top: 0.1rem;
  z-index: 10;
}
.aboutP2 .swiper-slide-active .year,
.aboutP2 .swiper-slide-active .desc {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
}
.aboutP2 .year,
.aboutP2 .desc {
  width: 50%;
  opacity: 0;
  visibility: hidden;
  transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition-delay: 0.3s;
}
.aboutP2 .year {
  font-size: 1.2rem;
  color: #e94615;
  line-height: 1.1rem;
  font-weight: 700;
  font-family:'league';
  text-align: right;
  padding-right: 1.1rem;
  transform: translateX(0.5rem);
  -webkit-transform: translateX(0.5rem);
  -moz-transform: translateX(0.5rem);
  -ms-transform: translateX(0.5rem);
  -o-transform: translateX(0.5rem);
}
.aboutP2 .desc,
.aboutP2 .desc li {
  font-size: 18px;
  line-height: 0.36rem;
  color: #666;
}
.aboutP2 .desc {
  transform: translateX(-0.5rem);
  -webkit-transform: translateX(-0.5rem);
  -moz-transform: translateX(-0.5rem);
  -ms-transform: translateX(-0.5rem);
  -o-transform: translateX(-0.5rem);
  padding-left: 1.2rem;
  max-height: 1.8rem;
  overflow: auto;
}
.aboutP2 .desc::-webkit-scrollbar { width: 4px;}
.aboutP2 .desc::-webkit-scrollbar-track { background-color: #e1e1e1;}
.aboutP2 .desc::-webkit-scrollbar-thumb { background-color: #e94615;}
.aboutP2 .desc li {
  list-style-type: none;
  position: relative;
  padding-bottom: 0.36rem;
  padding-left: 20px;
  width: 5.4rem;
}
.aboutP2 .desc li:before {
  content: "";
  width: 6px;
  height: 6px;
  background-color: #e94615;
  position: absolute;
  left: 0;
  top: calc((.36rem - 6px) / 2);
  z-index: 10;
  border-radius: 50%;
}

.set {
  box-sizing: border-box;
  position: absolute;
  height: 2.6rem;
  left: 0;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0 3.125%;
  z-index: 25;
  opacity: 1;
  transition: opacity 2s ease-in-out;
}
.corona {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 10;
  margin: auto;
  bottom: -35vw;
  width: 46vw;
  height: 46vw;
  transition: transform 0.8s ease-out;
}
.corona > li {
  position: absolute;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.corona > li:hover em {
  color: #e94615;
}
.corona > li:after {
  content: "";
  width: 1px;
  height: 54px;
  background: url(../images/history-line.png) no-repeat center bottom;
  background-size: 100%;
  position: absolute;
  left: 50%;
  top: 40px;
  z-index: 1;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
}
.corona > li em {
  font-size: 18px;
  font-family:'mont';
  color: #999;
  font-weight: 700;
  width: 200px;
  text-align: center;
  white-space: nowrap;
  display: block;
  transform: translateY(10px);
  line-height: 30px;
  transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out, color 0.4s ease;
}
.corona > li.on:after {
  opacity: 1;
  visibility: visible;
}
.corona > li.on .dot {
  opacity: 1;
  transform: none;
}
.set .corona > li.on em {
  transform: translateY(-30px);
  color: #e94615;
  font-size: 30px;
}
.corona:after {
  content: "";
  width: 95%;
  height: 95%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  border: 1px solid #878787;
  border-radius: 50%;
}
.corona > li .dot {
  width: 16px;
  height: 24px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: calc(100% - 25px);
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}
.scale-circle {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: -35vw;
  width: 46vw;
  height: 46vw;
  transform: scale(0.9) rotate(0deg);
  animation: scaleCircleAni 100s linear infinite;
}

.set .tips{ position: absolute; left: 0; bottom: 0.45rem; width: 100%; text-align: center; font-size: 0.2rem; color: #333; font-family: 'sc_medium'; }

@media screen and (max-width: 1367px) {
  .set .corona,
  .set .scale-circle {
    width: 50vw;
    height: 50vw;
  }
}

.product{ padding: 1.1rem 0 0.65rem; }
.product .list ul{ margin-right: -0.56rem; }
.product .list li{ float: left; width: 50%; padding-bottom: 0.65rem; }
.product .list li .box{ margin-right: 0.56rem; }
.product .list li .mxfDiv{ position: relative; overflow: hidden; }
.product .list li .ditu { border-radius: 8px; overflow: hidden; position: relative; }
.product .list li .ditu:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: url(../images/bg2.png) left top repeat; background-size:cover; }
.product .list li .ditu img{ width: 100%; }
.product .list li .bg{ position: absolute; right: 0; bottom: 0; width: 100%; z-index: 2; }
.product .list li .bg img{ width: 100%; }
.product .list li .character{ position: absolute; right: 0; bottom: 0; width: 100%; }
.product .list li .character img{ width: 100%; }
.product .list li .conDiv{ margin-top: 0.32rem; min-height: 1.05rem; position: relative; padding-left: 1.45rem; color: #333; z-index: 3; }
.product .list li .name{ padding-top: 0.2rem; font-size: 0.24rem; line-height: 0.24rem; font-family: 'light','sc_light'; }
.product .list li .wen{ font-size: 0.32rem; line-height: 0.42rem; padding-top: 0.1rem; font-family: 'light','sc_light'; }
.product .list li .msg{ margin-top: 0.25rem; font-size: 0.16rem; line-height: 0.26rem; height: 0.52rem; color: #333; overflow: hidden; }
.product .list li .icon{ position: absolute; left: 0; top: 0; border-radius: 0.16rem; overflow: hidden; }
.product .list li .icon img{ width: 1.05rem; }
.product .list li .more{ margin-top: 0.35rem; position: relative; width: 1.36rem; height: 0.44rem; background: #d3d3d5; color: #333; font-size: 0.16rem; font-family: 'sc_medium';}
.product .list li .more em{ display: block; margin-left: 0.15rem; width: 13px; height: 11px; background: url(../images/ico3.png) no-repeat; }
.product .list li .imgGroup, .product .list li .content{ display:none;}
.product .list li .box:hover .more{ background: #e94615; color: #fff; }
.product .list li .box:hover .more em{ background: url(../images/ico3on.png) no-repeat; }

.staff{ padding: 0.9rem 0 1.2rem; }
.staff .txtDiv{ text-align: center; position: relative; padding-top: 0.2rem; }
.staff .txtDiv .cn{ font-size:0.4rem; line-height:0.4rem; color:#333; font-family:'sc_medium';}
.staff .txtDiv .en{ position:absolute; width: 100%; left:0; top:0; font-family:'bold'; font-size:0.6rem; line-height:0.6rem; color:rgba(51,51,51,0.1); text-transform:uppercase;}
.staff .txtDiv .en em{ color: rgba(233,70,21,0.1); padding-right: 0.2rem;}
.staff .list{ padding-top: 0.5rem; }
.staff .list ul{ margin-right: -11px; }
.staff .list li{ float: left; width: 25%; padding-bottom: 13px; }
.staff .list .li01{ width: 50%; }
.staff .list li .box{ cursor: pointer; margin-right: 11px; height: 6.4rem; position: relative; overflow: hidden; border-radius: 12px; }
.staff .list li .imgDiv{ height: 6.4rem; position: relative; }
.staff .list li .imgDiv:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 3.85rem; background: url(../images/bg3.png) top repeat-x; }
.staff .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.staff .list li .conLayer{ position: absolute; left: 0; bottom: 0.25rem; width: 100%; padding: 0 0.35rem; box-sizing: border-box; color: #fff; z-index: 2; }
.staff .list li .name{ font-size: 0.24rem; line-height: 0.24rem; font-family:'sc_medium'; margin-bottom: 0.1rem; }
.staff .list li .msg{ font-size: 0.16rem; line-height: 0.32rem; height: 0.64rem; overflow: hidden; text-align: justify; }
.staff .list li .imgGroup{ display: none; }
.staff .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.staffModal-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;}
.staffModal-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 */
}
.staffModal-box .staff-box { width: 11.6rem; margin: 0 auto; background: #fff; padding: 0.7rem 0.6rem 0.85rem; border-radius: 0.12rem; position: relative; box-sizing: border-box;}
.staffModal-box .staff-box .header { height: 1.25rem;}
.staffModal-box .staff-box .name { font-size: 0.32rem; color: #333; margin-bottom: 0.2rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; font-family:'sc_medium';}
.staffModal-box .staff-box .msg{ color: #333; font-size: 0.16rem; line-height: 0.32rem; height: 0.64rem;}

.staffPic{ position: relative; }
.staffPic .imgGroup{ overflow: hidden; }
.staffPic .imgGroup li{ height: 5.32rem; }
.staffPic .imgGroup li img{ width: 100%; height: 100%; object-fit: cover; }
.staffPic .se { display: block; width: 50px; height: 50px; position: absolute; z-index: 10; top: 50%; margin-top: -25px; border-radius: 50%; }
.staffPic .swiper-button-prev { left: -25px; background: #f5f5f5 url("../images/nimg16_left.png") center no-repeat; }
.staffPic .swiper-button-next { right: -25px; background: #f5f5f5 url("../images/nimg16_right.png") center no-repeat; }
.staffPic .swiper-button-prev:hover{ background: #e94615 url("../images/nimg16_lefton.png") center no-repeat;}
.staffPic .swiper-button-next:hover { background: #e94615 url("../images/nimg16_righton.png") center no-repeat; }

.staffModal-box .staff-box .close { display: inline-block; position: absolute; right: 15px; top: 15px; z-index: 10;}
.staffModal-box .staff-box .close img { max-width: 100%;}

.proModal-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;}
.proModal-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 */
}
.proModal-box .pro-box { width: 11.6rem; margin: 0 auto; background: #fff; padding: 0.6rem 0.6rem 0; max-height:100vh; overflow:auto; border-radius: 0.12rem; position: relative; box-sizing: border-box;}
.proModal-box .pro-box::-webkit-scrollbar { width: 4px;}
.proModal-box .pro-box::-webkit-scrollbar-track { background-color: #e5e5e5;}
.proModal-box .pro-box::-webkit-scrollbar-thumb { background-color: #e94615;}
.proModal-box .pro-box .header { height: 1.5rem; position:relative; padding-left:1.4rem;}
.proModal-box .pro-box .icon{ position:absolute; left:0; top:0; border-radius: 0.16rem; overflow: hidden;}
.proModal-box .pro-box .icon img{ width:1.05rem;}
.proModal-box .pro-box .name { padding-top:0.15rem; font-size: 0.24rem; line-height:0.4rem; color: #333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; font-family: 'light','sc_light';}
.proModal-box .pro-box .wen { font-size: 0.32rem; line-height:0.4rem; color: #333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; font-family: 'light','sc_light';}
.proModal-box .pro-box .content{ margin-top:0.4rem; color: #333; font-size: 0.16rem; line-height: 0.26rem; padding-bottom: 0.6rem;}

.proPic{ position: relative; }
.proPic .imgGroup{ overflow: hidden; }
.proPic .imgGroup li{ height: 5.32rem; border-radius:0.12rem; overflow:hidden; }
.proPic .imgGroup li img{ width: 100%; height: 100%; object-fit: cover; }
.proPic .swiper-pagination{ position:relative; bottom:0; padding-top:0.25rem;}
.proPic .swiper-pagination-bullet { position: relative; width: 10px; height: 10px; opacity: 1; border-radius: 50%; background: #ccc; margin-left: 5px!important; margin-right: 5px!important; } 
.proPic .swiper-pagination-bullet-active { background: #e94615;}

.proPic .se { display: block; width: 50px; height: 50px; position: absolute; z-index: 10; top: 50%; margin-top: -25px; border-radius: 50%; }
.proPic .swiper-button-prev { left: -25px; background: #f5f5f5 url("../images/nimg16_left.png") center no-repeat; }
.proPic .swiper-button-next { right: -25px; background: #f5f5f5 url("../images/nimg16_right.png") center no-repeat; }
.proPic .swiper-button-prev:hover{ background: #e94615 url("../images/nimg16_lefton.png") center no-repeat;}
.proPic .swiper-button-next:hover { background: #e94615 url("../images/nimg16_righton.png") center no-repeat; }

.proModal-box .pro-box .close { display: inline-block; position: absolute; right: 15px; top: 15px; z-index: 10;}
.proModal-box .pro-box .close img { max-width: 100%;}

.videoModal-box { width: 100%; height: 100%; position: fixed; left: 0; top: 0; align-items: center; z-index: 999; background: rgba(0, 0, 0, 0.5); display: none;}
.videoModal-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 */
}


.videoLayer{ width: 96%; margin: 0 auto; background: #fff; padding: 15px; position: relative; box-sizing: border-box;}
.videoLayer .close{position: absolute; display: block; right: 2px; top: 2px; width:13px; height: 13px; background: url(../images/close2.png) no-repeat; background-size: 13px; z-index:1;}
.videoLayer .videoBox{ position: relative; background: #000; overflow: hidden; height: 4.2rem; }
.videoLayer video{ max-width: 6.4rem; max-height:4.2rem; position:absolute; top:50%; transform: translateY(-50%); left:0; right: 0; margin: 0 auto;}