锘?*banner*/
.ind-banner{width: 100%; overflow: hidden;} 
.ind-banner .swiper-slide {position: relative; height:100vh;}
.ind-banner .swiper-slide a{ display: block; width: 100%; height: 100%; }
.ind-banner .swiper-slide .img{ height: 100vh; background: center no-repeat; background-size: cover;}
.ind-banner .onebox{ position: absolute; left: 50%; margin-left: -7.68rem; z-index: 1; color: #fff; top: 50%; transform: translateY(-50%); }
.ind-banner .onebox .cn{ font-size: 56px; line-height: 56px; font-weight: bold; padding-bottom: 25px;}
.ind-banner .onebox .en{ font-size: 24px; line-height: 24px; color: #b1c7dd; font-family: light; text-transform: uppercase;}
.ind-banner .twobox{ position: absolute; right: 50%; margin-right: -7.68rem; z-index: 1; color: #fff; top: 50%; transform: translateY(-50%); }
.ind-banner .twobox .cn{ font-size: 56px; line-height: 56px; font-weight: bold; padding-bottom: 25px;}
.ind-banner .twobox .en{ font-size: 24px; line-height: 24px; color: #b1c7dd; font-family: light; text-transform: uppercase;}
.ind-banner .threebox{ position: absolute; left: 0; width: 100%; text-align: center; z-index: 1; color: #fff; top: 35%; transform: translateY(-65%); }
.ind-banner .threebox .wen{ font-size: 48px; line-height: 48px; padding-bottom: 25px;}
.ind-banner .threebox .msg{ font-size: 30px; line-height: 30px; }
/*.ind-banner .swiper-pagination{ width: 100%; bottom: 40px; } 
.ind-banner .swiper-pagination-bullet { display: inline-block; width: 12px; height: 12px; opacity: 1; border:#fff solid 2px; background:none; box-sizing:border-box; border-radius:50%; margin: 0 15px!important; } 
.ind-banner .swiper-pagination-bullet-active { background: #fff;} */
.ind-banner .swiper-pagination{  text-align: left; margin-left: 0!important; left: auto!important; right: 0.5rem; width: auto!important; top: 50%!important; margin-bottom: 0; transform: translateY(-50%); bottom: auto; } 
.ind-banner .swiper-pagination-bullet { display: block; width: 8px; height: 8px; opacity: 1; background: rgba(255,255,255,0.2); border-radius: 50%; -moz-border-radius: 50%; margin-left:0!important; margin-top: 20px!important; margin-bottom: 20px!important; } 
.ind-banner .swiper-pagination-bullet-active { background: #fff;}

.ind-banner .swiper-slide video {
  position: absolute;
  width: 100%;
  height:100%;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  object-fit: cover;
  }
/*banner缁撴潫*/

.indexP1{ position: relative; overflow: hidden;}
.indexP1 .zimu{ position: absolute; left: 0; bottom: 0; width: 50%; }
.indexP1 .zimu img{ width: 100%; }
.indexP1 .leftCon{ width: 6.48rem; position: absolute; left: 50%; margin-left: -7.68rem; top: 1.4rem; z-index: 1; }
.indexP1 .name{ font-size: 36px; line-height: 36px; color: #000; font-weight: bold; padding-bottom: 20px; position: relative;}
.indexP1 .name:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 35px; height: 2px; background: #ec104d; }
.indexP1 .txt{ font-size: 24px; line-height: 24px; color: #1f1f1f; padding: 35px 0 20px; }
.indexP1 .content{ font-size: 16px; line-height: 36px; /*text-align: justify; */}
.indexP1 .btnDiv{ padding-top: 1.05rem; }
.indexP1 .btnDiv a{ display: block; background: #e71856; width: 145px; height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 14px; }
.indexP1 .rightDiv{ width: 50%; height: 8.82rem; background: url(../images/indexP1.jpg) center no-repeat; background-size: cover; }
.indexP1 .numList{ padding-left: 1.9rem; width: 5.2rem;}
.indexP1 .numList li{ float: left; color: #fff; width: 50%; height: 1.8rem; font-size: 16px; }
.indexP1 .numList li:last-child{ height: auto; }
.indexP1 .numList li .num{ height: 68px; display: inline-block; position: relative; }
.indexP1 .numList li em{ font-family: mont; font-size: 60px; line-height: 60px; }
.indexP1 .numList li span{ font-family: mont; font-size: 60px; line-height: 60px;}
.indexP1 .numList li img{ position: absolute; right: 12px; top: 8px; }

.indexP2{ background: #f5f5f5; padding-top: 180px; }
.indexP2 .bigBox{ position: relative; padding-top: 70px;}
.indexP2 .bigBox:before{ content: ''; z-index: 1; position: absolute; left: 1.2rem; top: 50%; margin-top: -2.85rem; width: 6.31rem; height: 6.31rem; background: url(../images/nimg631Bg.png) no-repeat; background-size: 6.31rem;  -moz-animation:rotate 15s infinite linear;  -webkit-animation:rotate 15s infinite linear;  animation:rotate 15s infinite linear; }
.indexP2 .mxfDiv{ padding-left: 50%; background: #fff; height: 8.15rem; position: relative;}
.indexP2 .mxfDiv .bg{ position: absolute; right: -36px; top: -128px; }
.indexP2 .imgDiv{ position: absolute; left: 0; bottom: 0; width: 5.78rem; z-index: 1; }
.indexP2 .imgDiv img{ width: 100%; }
.indexP2 .conDiv{ height: 8.15rem; box-sizing: border-box; padding-top: 1.35rem; padding-right:0.5rem; }
.indexP2 .name{ font-size: 36px; line-height: 36px; color: #000; font-weight: bold; padding-bottom: 20px; position: relative;}
.indexP2 .name:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 35px; height: 2px; background: #ec104d; }
.indexP2 .txt{ font-size: 36px; color: #1f1f1f; line-height: 50px; padding: 35px 0 20px; }
.indexP2 .wen{ font-size: 24px; color: #1f1f1f; line-height: 24px; }
.indexP2 .btnDiv{ padding-top: 1.6rem; }
.indexP2 .btnDiv a{ display: block; background: #e71856; width: 145px; height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 14px; }

.indexP3{ height: 8.82rem; background: url(../images/indexP3.jpg) center no-repeat; background-size: cover; overflow: hidden;}
.indexP3 .leftList{ width: 70%; }
.indexP3 .leftList li{ float: left; width: 25%; height: 8.82rem; position: relative;}
.indexP3 .leftList li:after{ content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 0; background: rgba(0,0,0,0.3); }
.indexP3 .leftList li .layer{ text-align: center; position: relative; z-index: 1; }
.indexP3 .leftList li .ico{ height: 110px; }
.indexP3 .leftList li .txt{ font-size: 20px; line-height: 20px; color: #fff; height: 65px;}
.indexP3 .leftList li .num{ font-size: 72px; line-height: 72px; color: #e71856; font-family: mont; }
.indexP3 .leftList li:hover:after{ top: 0; height:100%;}
.indexP3 .rightDiv{ width: 30%; height: 100%; position: relative; }
.indexP3 .rightDiv .bg{ position: absolute; opacity: 0.9; left: 0; top: 0; width: 100%; height: 100%;background-image: linear-gradient(left top,#f06563,#8c287f);
    background-image: -webkit-linear-gradient(left top,#f06563,#8c287f);
    background-image: -moz-linear-gradient(left top,#f06563,#8c287f);
    background-image: -o-linear-gradient(left top,#f06563,#8c287f);
    background-image: linear-gradient(to right bottom,#f06563,#8c287f);
    background-image: -webkit-linear-gradient(to right bottom,#f06563,#8c287f);
    background-image: -moz-linear-gradient(to right bottom,#f06563,#8c287f);
    background-image: -o-linear-gradient(to right bottom,#f06563,#8c287f); }
.indexP3 .rightDiv .conDiv{ position: relative; z-index: 1; padding: 1.75rem 1.0rem 0; }
.indexP3 .name{ font-size: 36px; line-height: 36px; color: #fff; font-weight: bold; padding-bottom: 20px; position: relative;}
.indexP3 .name:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 35px; height: 2px; background: #fff; }
.indexP3 .content{ padding-top: 35px; font-size: 14px; line-height: 32px; color: #fff; }

.indexP4{ position: relative; height: 12.0rem; overflow: hidden;}
.indexP4:before{ content: ''; position: absolute; left: 0; bottom: 0; width: 50%; height: 5.54rem; background: url(../images/nimg960Bg.png) no-repeat; background-size: 100%; }
.indexP4 .wenLayer{ position: absolute; left: 50%; top: 15%; z-index: 4; }
.indexP4 .txt{ font-size: 36px; line-height: 36px; color: #000; font-weight: bold; padding-bottom: 20px; position: relative;}
.indexP4 .txt:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 35px; height: 2px; background: #ec104d; }
.indexP4 .hala{ font-size: 36px; line-height: 36px; color: #1f1f1f; padding: 40px 0 25px; }
.indexP4 .msg{ font-size: 16px; line-height: 30px;}
.indexP4 .btnDiv{ padding-top: 1.6rem; }
.indexP4 .btnDiv a{ display: block; background: #e71856; width: 145px; height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 14px; }


.inner-2 {
  width: 16.0rem;
  height: 16.0rem;
  position: absolute;
/*  right:0;*/
  right: -1.0rem;
/*  margin-right: 460px;*/
  top: -6.0rem;
  z-index: 3;
  border: 1px solid #d3d3d3;
  background: rgba(255,255,255,0.9);
  border-radius: 50%;
  transition: transform 0.6s ease;
  -webkit-transition: transform 0.6s ease;
  -moz-transition: transform 0.6s ease;
  -ms-transition: transform 0.6s ease;
  -o-transition: transform 0.6s ease;
}

.inner-2 .circle { position: relative; width: 100%; height: 100%; border-radius: 50%; /*border: 1px solid #d3d3d3;*/}
.inner-2 ul li { position: absolute; z-index: 10;/* opacity: 0; visibility: hidden;*/}
.inner-2 ul li.on { opacity: 1; visibility: visible;}
.inner-2 ul li.active { opacity: 1; visibility: visible;}
.inner-2 ul li.active .big { border-radius: 50%; border: #efefef solid 15px; box-sizing: border-box; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1);}
.inner-2 ul li.active .big img { opacity: 1; visibility: visible;}
.inner-2 ul li.active .big:before { background: rgba(0, 0, 0, 0.2);}
.inner-2 ul li.active .small { transform: scale(0.1875); -webkit-transform: scale(0.1875); -moz-transform: scale(0.1875); -ms-transform: scale(0.1875); -o-transform: scale(0.1875);}
.inner-2 ul li.active .info { display: block;}
.inner-2 ul li.active:hover .big { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1);}
.inner-2 ul li:nth-child(1) { left: -3.2%; top: 52%;}
.inner-2 ul li:nth-child(2) { left: -1.2%; top: 67%;}
.inner-2 ul li:nth-child(3) { left: 5.4%; bottom: 19%;}
.inner-2 ul li:nth-child(4) { left: 15.4%; bottom: 8%;}
.inner-2 ul li:nth-child(5) { left: 28.2%; bottom: 0.5%;}

.inner-2 ul li a { position: relative; display: block;}
.inner-2 ul li .big { position: absolute; left: 50%; margin-left: -1.1rem; z-index: 10; margin-top: -2.1rem; width: 3.2rem; height: 3.2rem; border-radius: 50%; overflow: hidden; transform: scale(0.06); -webkit-transform: scale(0.06); -moz-transform: scale(0.06); -ms-transform: scale(0.06); -o-transform: scale(0.06); transition: 0.5s; border-radius: 50%;}
.inner-2 ul li .big:before { content: ""; display: block; width: 100%; height: 100%; border-radius: 50%; position: absolute; left: 0; top: 0; z-index: 1; background: #000;}
.inner-2 ul li .big:hover { transform: scale(0.32); -webkit-transform: scale(0.32); -moz-transform: scale(0.32); -ms-transform: scale(0.32); -o-transform: scale(0.32);}
.inner-2 ul li .big:hover img { opacity: 1; visibility: visible;}
.inner-2 ul li .big:hover:before { background: rgba(0, 0, 0, 0.2);}
.inner-2 ul li .big img { opacity: 0; visibility: hidden; width: 100%; height: 100%; object-fit: cover;}
.inner-2 ul li .info { display: none; width: 100%; position: absolute; left: 0; top: 50%; text-align: center; transform: translateY(-25%); -webkit-transform: translateY(-25%); -moz-transform: translateY(-25%); -ms-transform: translateY(-25%); -o-transform: translateY(-25%); z-index: 10; transition: 0.5s; transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);}
.inner-2 ul li .info .title { font-size: 30px; color: #fff; line-height: 30px;}
.inner-2 ul li .info p { font-size: 24px; color: #fff; line-height: 24px; margin-top: 15px; font-family: light;}

.inner-2 ul li .before{ position: absolute; text-align: center; }
.inner-2 ul li .cn{ font-size: 0.24rem; line-height: 0.24rem; color: #000; }
.inner-2 ul li .en{ padding-top: 10px; font-size: 0.24rem; line-height: 0.24rem; color: #999; font-family: light; }
.inner-2 ul li:nth-child(1) .before { width: 1.24rem; left: -1.0rem; top: -0.64rem;}
.inner-2 ul li:nth-child(2) .before { width: 1.75rem; left: -1.3rem; top: -0.64rem; }
.inner-2 ul li:nth-child(3) .before { width: 1.24rem; left: -1.0rem; top: -0.64rem;}
.inner-2 ul li:nth-child(4) .before { width: 2.4rem; left: -1.5rem; top: -0.1rem;}
.inner-2 ul li:nth-child(5) .before { width: 1.6rem; left: -0.2rem; top: -0.1rem;}

.indexP4 .zongDiv{ position: absolute; right: 0; top: 0; z-index: -1; }
.indexP4 .zong{ width: 13.16rem; height: 8.72rem; overflow: hidden; display: none;  animation: am_right 0.4s ease-out 0.1s backwards; -webkit-animation: am_right 0.4s ease-out 0.1s backwards;}
.indexP4 .zong img{ width: 100%; height: 100%; object-fit: cover; }

.indexP4 .list{ overflow: hidden; }
.indexP4 .list li{ position: relative; }
.indexP4 .list li .bg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #1f2a49; opacity: 0.8; }
.indexP4 .list li .bg2{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; background-image: linear-gradient(top,#f1495a,#671560);
    background-image: -webkit-linear-gradient(top,#f1495a,#671560);
    background-image: -moz-linear-gradient(top,#f1495a,#671560);
    background-image: -o-linear-gradient(top,#f1495a,#671560);
    background-image: linear-gradient(to bottom,#f1495a,#671560);
    background-image: -webkit-linear-gradient(to bottom,#f1495a,#671560);
    background-image: -moz-linear-gradient(to bottom,#f1495a,#671560);
    background-image: -o-linear-gradient(to bottom,#f1495a,#671560); }
.indexP4 .list li .limg img{ width: 100%; }
.indexP4 .list li .txtLayer{ position: absolute; left: 0; width: 100%; top: 50%; margin-top: -0.65rem; z-index: 1; color: #fff; text-align: center; }
.indexP4 .list li .num{ font-size: 0.72rem; line-height: 0.72rem; font-family: mont; height: 0.96rem; }
.indexP4 .list li .wen{ font-size: 0.3rem; line-height: 0.3rem; }
.indexP4 .list li:hover .bg{ opacity: 0;}
.indexP4 .list li:hover .bg2{ opacity: 0.8; }



.indexP5{ height: 7.0rem; background: url(../images/indexP5.jpg) center no-repeat; background-size: cover; }
.indexP5 .wal{ height: 7.0rem; }
.indexP5 .leftCon{ width: 5.16rem; }
.indexP5 .name{ font-size: 36px; line-height: 36px; color: #fff; font-weight: bold; padding-bottom: 20px; position: relative;}
.indexP5 .name:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 35px; height: 2px; background: #e71856; }
.indexP5 .txt{ font-size: 36px; line-height: 36px; color: #fff; padding: 40px 0 25px; }
.indexP5 .content{ color: #bdd3ea; font-size: 16px; line-height: 32px; }

.indexP5 .rightDiv{ position: relative; width: 9.92rem; height: 4.8rem; background: url(../images/nimg992Bg.png) no-repeat; background-size: cover; }
.indexP5 .list li{ position: absolute; min-height: 38px; }
.indexP5 .list li .cn{ color: #fff; font-size: 14px; font-weight: bold; line-height: 38px;}
.indexP5 .list li .limg{ width: 38px; height: 38px; box-sizing: border-box; border: #bfbfbf solid 1px; border-radius: 50%; position:relative; }
.indexP5 .list li .limg:before{ content: ''; width: 80px; height: 80px; border: 1px solid transparent; border-radius: 50%; position: absolute; z-index: -1; top: 50%; left: 50%;
 transform: translate(-50%, -50%); animation: cirAni 2s linear infinite;}
.indexP5 .list li .limg:after{ content: ''; width: 80px; height: 80px; border: 1px solid transparent; border-radius: 50%; position: absolute; z-index: -1; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: cirAni 2s linear infinite; animation-delay: .8s;}
.indexP5 .list li .limg img{ border-radius:50%;}
.indexP5 .list li .rr{ position:relative; width: 42px; height: 42px; text-align: center; border: #bfbfbf solid 1px; border-radius: 50%; background: #fff;word-break: break-all;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center; }
.indexP5 .list li .rr:before{ content: ''; width: 80px; height: 80px; border: 1px solid transparent; border-radius: 50%; position: absolute; z-index: -1; top: 50%; left: 50%;
 transform: translate(-50%, -50%); animation: cirAni 2s linear infinite;}
.indexP5 .list li .rr:after{ content: ''; width: 80px; height: 80px; border: 1px solid transparent; border-radius: 50%; position: absolute; z-index: -1; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: cirAni 2s linear infinite; animation-delay: .8s;}
.indexP5 .list .canada{ left: 1.33rem; top: 1.2rem; padding-left: 50px; }
.indexP5 .list .canada .limg{ position: absolute; left: 0; top: 0; }
.indexP5 .list .usa{ left: 2.12rem; top: 1.76rem; padding-left: 50px;}
.indexP5 .list .usa .limg{ position: absolute; left: 0; top: 0; }
.indexP5 .list .usa .cn{ line-height: 22px; }
.indexP5 .list .mexico{ left: 1.98rem; top: 2.22rem; padding-left: 50px; }
.indexP5 .list .mexico .limg{ position: absolute; left: 0; top: 0; }
.indexP5 .list .brazil{ left: 2.78rem; top: 3.18rem; padding-left: 50px; }
.indexP5 .list .brazil .limg{ position: absolute; left: 0; top: 0; }
.indexP5 .list .france{ left: 4.8rem; top: 1.5rem; padding-left: 50px;}
.indexP5 .list .france .limg{ position: absolute; left: 0; top: 0; }
.indexP5 .list .france .cn{ line-height: 22px; }
.indexP5 .list .tunisia{ left: 4.78rem; top: 2.03rem; padding-left: 50px; }
.indexP5 .list .tunisia .limg{ position: absolute; left: 0; top: 0; }
.indexP5 .list .singapore{ left: 7.38rem; top: 3.13rem; padding-top: 46px; width:80px; }
.indexP5 .list .singapore .limg{ position: absolute; left: 0; top: 0; }
.indexP5 .list .singapore .cn{ line-height: 22px; }
.indexP5 .list .korea{ right: 0.94rem; top: 1.5rem; padding-left: 44px; padding-bottom: 22px; }
.indexP5 .list .korea .limg{ position: absolute; left: 0; bottom: 0; }
.indexP5 .list .korea .cn{ line-height: 22px; }
.indexP5 .list .japan{ right: 0.5rem; top: 2.05rem; padding-left: 50px; }
.indexP5 .list .japan .limg{ position: absolute; left: 0; top: 0; }
.indexP5 .list .japan .cn{ line-height: 22px; }
.indexP5 .list .australia{ right: 0.62rem; bottom: 0.8rem; padding-left: 50px; }
.indexP5 .list .australia .limg{ position: absolute; left: 0; top: 0; }
.indexP5 .list .china{ right: 1.82rem; top: 1.96rem; width: 42px; line-height: 42px; text-align: center; color: #fff; background: #e60043; border-radius: 50%; font-size: 14px; }
/*.indexP5 .list .huabei{ right: 1.96rem; top: 1.5rem; }
.indexP5 .list .hunan{ right: 2.32rem; top: 1.88rem; }
.indexP5 .list .huanan{ right: 2.22rem; top: 2.32rem; }
.indexP5 .list .guangdong{ right: 1.78rem; top: 2.42rem; }
.indexP5 .list .taiwan{ right: 1.4rem; top: 2.2rem; }*/
.indexP5 .list .huabei{ right: 1.96rem; top: 1.58rem; padding-right:44px; }
.indexP5 .list .huabei .limg{ position:absolute; right:0; top:0;}
.indexP5 .list .huabei .cn{ line-height:22px;}
.indexP5 .list .hunan{ right: 2.32rem; top: 1.88rem; padding-right:46px; }
.indexP5 .list .hunan .limg{ position:absolute; right:0; top:0;}
.indexP5 .list .huanan{ right: 2.17rem; top: 2.28rem; padding-right:46px; }
.indexP5 .list .huanan .limg{ position:absolute; right:0; top:0;}
.indexP5 .list .guangdong{ right: 1.78rem; top: 2.42rem; padding-top:42px; }
.indexP5 .list .guangdong .limg{ position: absolute; left: 0; top: 0; }
.indexP5 .list .guangdong .cn{ line-height: 22px; text-align:center; width:36px; }
.indexP5 .list .taiwan{ right: 1.44rem; top: 2.2rem; padding-top:42px; }
.indexP5 .list .taiwan .limg{ position: absolute; left: 0; top: 0; }
.indexP5 .list .taiwan .cn{ line-height: 22px; text-align:center; width:36px; }
.indexP5 .list .taiguo{ right: 2.29rem; top: 2.68rem; padding-right:46px; }
.indexP5 .list .taiguo .limg{ position:absolute; right:0; top:0;}


.collegeP1{ background: #c81841 url(../images/collegeBg.png) center bottom no-repeat; background-size: 100%; overflow: hidden; padding: 110px 0 130px;}
.collegeP1 .leftImg, .collegeP1 .leftImg img{ width: 208px; }
.collegeP1 .rightCon{ position: relative; z-index: 1; width: 768px; color: #fff; font-size: 16px; line-height: 30px;/* text-align: justify;*/ }

.collegeP2{ background: #f9f9fa; padding: 120px 0; }
.collegeP2 .title{ position: relative; font-size: 36px; line-height: 36px; color: #000; padding-bottom: 24px; margin-bottom: 40px;}
.collegeP2 .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 35px; height: 2px; background: #ec104d; }
.collPic{ position: relative; }
.collPic .list{ overflow: hidden; }
.collPic .list .mxfDiv{ background: #fff; }
.collPic .list .imgDiv{ width: 50%; height: 442px; }
.collPic .list .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.collPic .list .conDiv{ box-sizing: border-box; padding: 100px 60px 0 80px; width: 50%; }
.collPic .list .top{ padding-right: 80px; position: relative; height: 50px; }
.collPic .list .top:after{ content: ''; position: absolute; right: 0; top: 0; width: 57px; height: 41px; background: url(../images/nimg57Bg.png) no-repeat; }
.collPic .list .txt{ display: inline-block; height: 50px; font-size: 30px; line-height: 30px; color: #000; position: relative; }
.collPic .list .txt:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #eaeaea; }
.collPic .list .txt:before{ content: ''; position: absolute; left: 0; bottom: 0; width: 60px; height: 1px; background: #ec104d; z-index: 1; }
.collPic .list .txt em{ padding-right: 10px; color: #ec104d; }
.collPic .list .content{ margin-top: 45px; line-height: 28px; font-size: 16px; height: 168px; overflow: auto; padding-right: 42px; }
.collPic .list .content::-webkit-scrollbar { width: 3px;}
.collPic .list .content::-webkit-scrollbar-track { background-color: #e5e5e5;}
.collPic .list .content::-webkit-scrollbar-thumb { background-color: #ec104d;} 
.collPic .btn{ position: absolute; width: 48px; height: 48px; border-radius: 50%; top: 50%; margin-top: -24px; }
.collPic .prev{ left: -128px; background: #e6e6e9 url(../images/nimg11_left.png) center no-repeat; }
.collPic .next{ right: -128px; background: #e6e6e9 url(../images/nimg11_right.png) center no-repeat; }
.collPic .prev:hover{ background: #ec104d url(../images/nimg11_left.png) center no-repeat; }
.collPic .next:hover{ background: #ec104d url(../images/nimg11_right.png) center no-repeat; }

.collegeP3{ padding: 120px 0; }
.collegeP3 .bigBox{ background: url(../images/nimg748Bg.png) center 38px no-repeat; }
.collegeP3 .title{ position: relative; font-size: 36px; line-height: 36px; color: #000; padding-bottom: 24px;}
.collegeP3 .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 35px; height: 2px; background: #ec104d; }
.collegeP3 .list{ padding-top: 60px; }
.collegeP3 .list ul{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between;}
/*.collegeP3 .list li{ float: left; width: 34.5%; }
.collegeP3 .list li:last-child{ width: 31%; float: right; }*/
.collegeP3 .list li:first-child{ width: 75%;}
.collegeP3 .list li .lbox{ padding-left: 40px; min-height: 250px; background: url(../images/nimg18Bg.png) left top no-repeat; }
.collegeP3 .list li .txt{ color: #ec104d; font-size: 24px; line-height: 24px; padding-bottom: 12px;}
.collegeP3 .list li .msg{ font-size: 16px; line-height: 30px; }

.framework .title{ position: relative; font-size: 36px; line-height: 36px; color: #000; padding-bottom: 24px;}
.framework .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 35px; height: 2px; background: #ec104d; }
.framework .content{ padding-top: 35px; font-size: 16px; line-height: 28px; /*text-align: justify;*/ }
.framework .bigImg{ padding-top: 100px; }
.framework .bigImg img{ width: 100%; }
.framework .list{ padding-top: 100px; }
.framework .list li{ background: #f4f6f7; margin-bottom: 40px; }
.framework .list li:last-child{ margin-bottom: 0; }
.framework .list li .imgDiv{ width: 50%; height: 500px; order: 2;}
.framework .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.framework .list li .conDiv{ width: 50%; box-sizing: border-box; padding: 0 100px 0 80px; order: 1; }
.framework .list li .txt{ position: relative; font-size: 30px; line-height: 30px; color: #000; padding-bottom: 22px;}
.framework .list li .txt:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 35px; height: 2px; background: #ec104d; }
.framework .list li .msg{ padding-top: 30px; font-size: 14px; line-height: 24px; }
.framework .list li .btnDiv{ padding-top: 60px; }
.framework .list li .btnDiv a{ display: block; width: 145px; height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 16px; background: #e71856; }
.framework .list li:nth-child(even) .imgDiv{ order: 1; }
.framework .list li:nth-child(even) .conDiv{ order: 2; }

.factory .wal2{ overflow: hidden; position: relative; padding: 120px 0; }
.factory .wal2:before{ content: ''; position: absolute; top: 0; left: 300px; width: 1px; height: 100%; background: #f4f4f4; }
.factory .numList{ width: 300px; }
.factory .numList li{ padding-bottom: 55px; font-size: 16px; }
.factory .numList li .numUp{ color: #ec104d; font-size: 42px; line-height: 42px; font-family: mont; padding-right: 10px;}
.factory .rightDiv{ width: 880px; }
.factory .txt{ font-weight: bold; font-size: 36px; line-height: 36px; color: #1f1f1f; position: relative; padding-bottom: 22px; }
.factory .txt:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 35px; height: 2px; background: #ec104d; }
.factory .content{ color: #888; font-size: 16px; line-height: 30px; padding-top: 30px; /*text-align: justify; */}

.factoryV{ position: relative; height: 6.0rem;}
.factoryV .network-video{ position: absolute; z-index: -1; top: 0; left: 0; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover;}

.aboutP1{ position: relative; padding: 110px 0; background: url(../images/nimg834Bg.png) left top no-repeat; background-size: 8.34rem;}
.aboutP1 .leftDiv{ width: 360px; }
.aboutP1 .txt{ font-weight: bold; font-size: 36px; line-height: 36px; color: #1f1f1f; position: relative; padding-bottom: 22px; }
.aboutP1 .txt:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 35px; height: 2px; background: #ec104d; }
.aboutP1 .numList{ padding-top: 50px; }
.aboutP1 .numList li{ padding-bottom: 35px; font-size: 16px; }
.aboutP1 .numList li:last-child{ padding-bottom: 0; }
.aboutP1 .numList li .numUp{ color: #ec104d; font-size: 42px; line-height: 42px; font-family: mont; padding-right: 10px;}
.aboutP1 .numList li span{ color: #ec104d; font-size: 42px; line-height: 42px; font-family: mont;}
.aboutP1 .rightDiv{ width: 880px; }
.aboutP1 .content{ color: #888; font-size: 16px; line-height: 30px; /*text-align: justify;*/ }

.aboutV{ position: relative; overflow: hidden;}
.aboutV .videobox .imgDiv{ height: 10.0rem; }
.aboutV .videobox .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.aboutV .videobox video{width:100%;height:auto;position:absolute;top:50%;left:0;transform: translateY(-50%);z-index:-1;visibility:hidden;opacity:0;object-fit:fill;}
.aboutV .videobox.cur{ background:#000;}
.aboutV .videobox.cur .imgDiv,.aboutV .videobox.cur .playbox{z-index:-1;visibility:hidden;opacity:0;}
.aboutV .videobox.cur video{z-index:2;visibility:visible;opacity:1;}
.aboutV .videobox .playbox{ cursor:pointer; position:absolute; left:0; top:50%; width: 100%; text-align: center; height:120px; margin-top:-60px; z-index:1;}
.aboutV .videobox .wen{ color: #fff; font-size: 24px; line-height: 24px; padding-top: 32px;}


.aboutV iframe{ width:100%; height:10.0rem; position:absolute;top:50%;left:0;transform: translateY(-50%);object-fit:cover;}

.aboutP2{ padding: 120px 0; background: url(../images/nimg834Bg.png) left top no-repeat; background-size: 8.34rem; }
.aboutP2 .leftDiv{ width: 350px; }
.aboutP2 .title{ font-weight: bold; font-size: 36px; line-height: 36px; color: #1f1f1f; position: relative; padding-bottom: 22px; }
.aboutP2 .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 35px; height: 2px; background: #ec104d; }
.aboutP2 .list{ padding-top: 65px; }
.aboutP2 .list li{ margin-bottom: 40px; position: relative; padding-left: 23px; }
.aboutP2 .list li:before{ content: ''; position: absolute; left: 0; top: 0; width: 2px; height: 54px; background: #ec104d; }
.aboutP2 .list li .txt{ font-size: 24px; line-height: 24px; color: #ec104d; padding-bottom: 12px; }
.aboutP2 .list li .wen{ font-size: 18px; line-height: 18px; color: #000; }
.aboutP2 .rightImg{ width: 640px; }
.aboutP2 .rightImg img{ width: 100%; }

.aboutP3{ padding-top: 120px; box-sizing: border-box; height: 556px; background: url(../images/aboutBg2.jpg) center no-repeat; background-size: cover; }
.aboutP3 .title{ font-weight: bold; font-size: 36px; line-height: 36px; color: #fff; position: relative; padding-bottom: 22px; }
.aboutP3 .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 35px; height: 2px; background: #ec104d; }
.aboutP3 .imgDiv{ padding-top: 55px; text-align: center; }
.aboutP3 .imgDiv img{ width: 894px; }

.aboutP4{ padding: 120px 0; position: relative; background: #f6f6f6; }
.aboutP4:before{ content: ''; position: absolute; left: 0; top: 0; width: 4.94rem; height: 7.4rem; background: url(../images/nimg494Bg.png) no-repeat; background-size: 4.94rem; }
.aboutP4:after{ content: ''; position: absolute; right: 0; top: 0; width: 5rem; height: 8.35rem; background: url(../images/nimg500Bg.png) no-repeat; background-size: 5rem; }
.aboutP4 .title{ z-index: 1; font-weight: bold; font-size: 36px; line-height: 36px; color: #1f1f1f; position: relative; padding-bottom: 22px; }
.aboutP4 .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 35px; height: 2px; background: #ec104d; }
.aboutP4 .imgDiv{ position: relative; z-index: 1; padding-top: 60px; text-align: center; }
.aboutP4 .imgDiv img{ width: 820px; }

.aboutP5{ padding: 120px 0; background: url(../images/historyBg.jpg) right bottom no-repeat;}
.aboutP5 .title{ font-weight: bold; font-size: 36px; line-height: 36px; color: #1f1f1f; position: relative; padding-bottom: 22px; }
.aboutP5 .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 35px; height: 2px; background: #ec104d; }
.aboutP5 .content{ padding: 55px 0; font-size: 16px; line-height: 28px; }
.historyPic{ position: relative; padding-bottom: 130px; }
.historyPic .box-container{ position: absolute; width: 100%; left: 0; bottom: 0; height: 60px;}
.historyPic .box-container:before{ content: ''; position: absolute; left: 0; bottom: 24px; width: 100%; height: 1px; background: #dfdfdf; }
.historyPic .box-container .year-swiper{ padding: 0 50px; }
.historyPic .box-container .swiper-slide{ height: 60px; cursor: pointer; position: relative; text-align: center;}
.historyPic .box-container .swiper-slide .ico{ position: absolute; left: 50%; margin-left: -5px; bottom: 20px; width: 10px; height: 10px; border-radius: 50%; background: #fff; box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.1); }
.historyPic .box-container .swiper-slide .ico:before{ content: ''; z-index: 2; position: absolute; left: 50%; margin-left: -3px; top: 50%; margin-top: -3px; width: 6px; height: 6px; border-radius: 50%; background: #d9d9d9; }
.historyPic .box-container .swiper-slide .year{ font-size: 18px; line-height: 18px; font-family:mont; }
.historyPic .box-container .swiper-slide-active{ color: #ec104d; }
.historyPic .box-container .swiper-slide-active .ico:before{ background: #ec104d; }
.historyPic .box-container .prev { position: absolute; border-radius: 50%; left: 0; bottom: 0; cursor: pointer; width: 48px; height: 48px; overflow: hidden; background: #e8e8e8 url(../images/nimg11_left.png) no-repeat center; z-index: 5;}
.historyPic .box-container .next { position: absolute; border-radius: 50%; right: 0; bottom: 0; cursor: pointer; width: 48px; height: 48px; overflow: hidden; background: #e8e8e8 url(../images/nimg11_right.png) no-repeat center; z-index: 5;}
.historyPic .box-container .prev:hover{ background: #ec104d url(../images/nimg11_left.png) no-repeat center;}
.historyPic .box-container .next:hover{ background: #ec104d url(../images/nimg11_right.png) no-repeat center;}

.historyPic .detail-box .item { display: none; position: relative; overflow: hidden;}
.historyPic .detail-box .item.on { display: block; animation: fadeOfOpacity .5s linear;}
.historyPic .detail-box .item .mxfDiv{ position: relative; }
.historyPic .detail-box .item .imgDiv{ overflow: hidden;}
.historyPic .detail-box .item .imgDiv img{ width: 640px; }
.historyPic .detail-box .item .conDiv{ width: 560px; }
.historyPic .detail-box .item .year{ position: relative; padding-bottom: 45px; font-size: 72px; color: #ec104d; line-height: 72px; font-family: mont; animation: am_top 0.4s ease-in-out 0.4s backwards; -webkit-animation: am_top 0.4s ease-in-out 0.4s backwards; }
.historyPic .detail-box .item .list{ animation: am_top 0.4s ease-in-out 0.8s backwards; -webkit-animation: am_top 0.4s ease-in-out 0.8s backwards;}
.historyPic .detail-box .item .list li{ padding-left: 15px; font-size: 16px; line-height: 26px; color: #333; position: relative; word-break: break-all;}
.historyPic .detail-box .item .list li:before{ content: ''; position: absolute; left: 0; top: 10px; width: 6px; height: 6px; border-radius: 50%; background: #ec104d; }

.aboutP6 li{ float: left; width: 25%; position: relative; overflow: hidden;}
.aboutP6 li .imgDiv img{ width: 100%; }
.aboutP6 li .bg{ position: absolute; opacity: 0; left: 0; top: 0; width: 100%; height: 100%;background-image: linear-gradient(left top,#f06563,#8c287f);
    background-image: -webkit-linear-gradient(left top,#f06563,#8c287f);
    background-image: -moz-linear-gradient(left top,#f06563,#8c287f);
    background-image: -o-linear-gradient(left top,#f06563,#8c287f);
    background-image: linear-gradient(to right bottom,#f06563,#8c287f);
    background-image: -webkit-linear-gradient(to right bottom,#f06563,#8c287f);
    background-image: -moz-linear-gradient(to right bottom,#f06563,#8c287f);
    background-image: -o-linear-gradient(to right bottom,#f06563,#8c287f);}
.aboutP6 li .name{ position: absolute; z-index: 1; left: 30px; bottom: 30px; color: #fff; font-size: 24px; line-height: 24px;}
.aboutP6 li .hideDiv{ position: absolute; z-index: 1; text-align: center; left: 0; height: 95px; bottom: -45%; width: 100%; color: #fff; }
.aboutP6 li .txt{ font-size: 30px; line-height: 30px; }
.aboutP6 li .ico{ position: absolute; bottom: 0; width: 46px; height: 46px; left: 50%; margin-left: -23px; box-sizing: border-box; border-radius: 50%; border: #fff solid 2px; }
.aboutP6 li .ico:after{ content: ''; width: 12px; height: 12px; background: url(../images/nimg12_1.png) no-repeat; position: absolute; left: 50%; top: 50%; margin-left: -6px; margin-top: -6px; }
.aboutP6 li:hover .bg{ opacity: 0.9; }
.aboutP6 li:hover .name{ bottom: -20%; }
.aboutP6 li:hover .hideDiv{ bottom: 50%; margin-bottom: -47px; }

.layoutP1{ padding: 120px 0; }
.layoutP1 .title{ font-weight: bold; font-size: 36px; line-height: 36px; color: #1f1f1f; position: relative; padding-bottom: 22px; }
.layoutP1 .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 35px; height: 2px; background: #ec104d; }
.layoutP1 .numList{ padding-top: 90px; overflow: hidden; }
.layoutP1 .numList li{ text-align: center; }
.layoutP1 .numList li .num{ height: 75px; font-size: 16px; }
.layoutP1 .numList li .numUp{ font-size: 60px; line-height: 60px; color: #ec104d; font-family: mont; }
.layoutP1 .numList li span{ font-size: 60px; line-height: 60px; color: #ec104d; font-family: mont;}
.layoutP1 .numList li p{ font-size: 16px; line-height: 24px; margin: 0 auto; width: 230px; word-break: break-all;}
.layoutP1 .swiper-pagination{ display: none; position: relative; padding-top: 0.5rem; bottom: 0; }
.layoutP1 .swiper-pagination .swiper-pagination-bullet-active{ background: #ec104d; }

.layoutP2{ padding-top: 120px; height: 960px; box-sizing: border-box; background: url(../images/layoutBg.jpg) center no-repeat; background-size: cover; }
.layoutP2 .title{ font-weight: bold; font-size: 36px; line-height: 36px; color: #fff; position: relative; padding-bottom: 22px; }
.layoutP2 .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 35px; height: 2px; background: #ec104d; }
.layoutP2 .content{ font-size: 16px; line-height: 30px; color: #fff; padding: 25px 0 35px;}
.layoutP2 .mapList{ position: relative; width: 1182px; height: 522px; margin: 0 auto; background: url(../images/map.png) no-repeat;}
.layoutP2 .mapList li{ position: absolute; z-index: 1; min-height: 28px; font-size: 16px; line-height: 28px; color: #fff;}
.layoutP2 .mapList li em{ display: block; position:absolute; width:28px; height: 28px; }
.layoutP2 .mapList li em:before{ content: ''; z-index: 1; position: absolute; left: 50%; top: 50%; margin-left: -5px; margin-top: -5px; width: 10px; height: 10px; background: #ec104d; border-radius: 50%; }
.layoutP2 .mapList li em:after{ content: ''; position: absolute; left: 0; top: 0; width: 28px; height: 28px; border-radius: 50%; background: rgba(236,16,77,0.2);  -webkit-animation:warn 3s ease-out both;-moz-animation:warn 3s ease-out both;-o-animation:warn 3s ease-out both;animation:warn 3s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;}
.layoutP2 .mapList .usa{ padding-left: 38px; left: 163px; top: 220px;}
.layoutP2 .mapList .usa em{ left: 0; top: 0; }
.layoutP2 .mapList .france{ padding-left: 38px; left: 558px; top: 198px;}
.layoutP2 .mapList .france em{ left: 0; top: 0; }
.layoutP2 .mapList .korea{ padding-right: 38px; right: 196px; top: 233px;}
.layoutP2 .mapList .korea em{ right: 0; top: 0; }
.layoutP2 .mapList .japan{ padding-left: 38px; right: 116px; top: 236px;}
.layoutP2 .mapList .japan em{ left: 0; top: 0; }
.layoutP2 .mapList .hunan{ padding-right: 38px; right: 270px; top: 268px;}
.layoutP2 .mapList .hunan em{ right: 0; top: 0; }
.layoutP2 .mapList .taiwan{ padding-left: 38px; right: 175px; top: 282px;}
.layoutP2 .mapList .taiwan em{ left: 0; top: 0; }
.layoutP2 .mapList .guangdong{ right: 248px; top: 290px; padding-top: 30px;}
.layoutP2 .mapList .guangdong em{ left: 50%; margin-left: -14px; top: 0; }
.layoutP2 .mapList .singapore{ padding-left: 38px; right: 220px; top: 352px;}
.layoutP2 .mapList .singapore em{ left: 0; top: 0; }
.layoutP2 .mapList .thailand{ padding-right: 38px; right: 295px; top: 305px;}
.layoutP2 .mapList .thailand em{ right: 0; top: 0; }
.layoutP2 .mapImg img{ width: 100%; }

.layoutP3{ padding: 120px 0; }
.layoutP3 .list li .imgDiv{ width: 50%; height: 500px; order: 2;}
.layoutP3 .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.layoutP3 .list li .conDiv{ width: 50%; box-sizing: border-box; padding: 100px 100px 0 0; order: 1; }
.layoutP3 .list li .txt{ position: relative; font-size: 30px; line-height: 30px; color: #000; padding-bottom: 22px; font-weight: bold;}
.layoutP3 .list li .txt:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 35px; height: 2px; background: #ec104d; }
.layoutP3 .list li .msg{ padding-top: 30px; font-size: 16px; line-height: 28px; /*text-align: justify;*/ }
.layoutP3 .list li:nth-child(even) .imgDiv{ order: 1; }
.layoutP3 .list li:nth-child(even) .conDiv{ order: 2; padding: 100px 0 0 100px; }

.planP1{ padding: 120px 0; background: url(../images/nimg834Bg.png) left top no-repeat; background-size: 8.34rem; }
.planP1 .title{ font-weight: bold; font-size: 36px; line-height: 36px; color: #1f1f1f; position: relative; padding-bottom: 22px; }
.planP1 .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 35px; height: 2px; background: #ec104d; }
.planP1 .content{ font-size: 16px; line-height: 30px; padding: 30px 0 70px;}
.planP1 .numList li{ float: left; width: 33.33%; text-align: center;}
.planP1 .numList li .num{ height: 75px; font-size: 16px; }
.planP1 .numList li .numUp{ font-size: 60px; line-height: 60px; color: #ec104d; font-family: mont; padding-right: 8px; }
.planP1 .numList li p{ font-size: 16px; line-height: 24px; }

.planP2{ background: #f1f1f1; overflow: hidden; position: relative;}
.planP2 .rightImg{ width: 50%; height: 5.8rem; background: center no-repeat; background-size: cover;}
.planP2 .conDiv{ position: absolute; left: 50%; margin-left: -640px; width: 560px; top: 120px; }
.planP2 .title{ font-size: 36px; line-height: 36px; color: #1f1f1f; font-weight: bold; position: relative; padding-bottom: 22px; }
.planP2 .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 35px; height: 2px; background: #ec104d; }
.planP2 .content{ font-size: 14px; line-height: 24px; /*text-align: justify;*/ margin-top: 30px; }

.planP3{ padding: 120px 0; }
.planP3 .title{ font-size: 36px; line-height: 36px; color: #1f1f1f; font-weight: bold; position: relative; padding-bottom: 22px; }
.planP3 .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 35px; height: 2px; background: #ec104d; }
.planP3 .list{ overflow: hidden; padding-top: 70px; }
.planP3 .ico{ margin: 0 auto; position: relative; width: 120px; height: 120px; background: #f1f1f1; border-radius: 50%; }
.planP3 .ico img{ position: absolute; left: 50%; top: 50%; margin-left: -29px; margin-top: -29px; }
.planP3 .name{ font-size: 16px; line-height: 26px; color: #1f1f1f; text-align: center; padding-top: 20px; }
.planP3 .swiper-pagination{ display: none; position: relative; padding-top: 0.5rem; bottom: 0; }
.planP3 .swiper-pagination .swiper-pagination-bullet-active{ background: #ec104d; }

.planP4{ height: 5.3rem; background: center no-repeat; background-size: cover;}
.planP4 .conDiv{ width: 780px; color: #fff; }
.planP4 .title{ font-weight: bold; font-size: 36px; line-height: 36px; position: relative; padding-bottom: 22px; }
.planP4 .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 35px; height: 2px; background: #fff; }
.planP4 .content{ margin-top: 35px; font-size: 14px; line-height: 24px; }

.planP5{ padding: 120px 0 100px; }
.planP5 .title{ font-size: 36px; line-height: 36px; color: #1f1f1f; font-weight: bold; position: relative; padding-bottom: 22px; }
.planP5 .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 35px; height: 2px; background: #ec104d; }
.planP5 .wen{ padding-top: 35px; font-size: 18px; line-height: 30px; color: #333; }
.planP5 .msg{ font-size: 16px; line-height: 30px; }
.planP5 .list{ padding-top: 45px; }
.planP5 .list ul{ margin-right: -16px; }
.planP5 .list li{ float: left; width: 50%; padding-bottom: 16px; }
.planP5 .list li .box{ margin-right: 16px; height: 80px; font-size: 18px; line-height: 80px; padding-left: 30px; padding-right:45px; position: relative; background: #f2f2f2; overflow:hidden;}
.planP5 .list li .box:after{ content: ''; position: absolute; right: 30px; top: 50%; margin-top: -8px; width: 9px; height: 15px; background: url(../images/nimg9_1.png) no-repeat; }

.honest .detail{ margin-bottom: 20px; }
.honest .detail a{ display: block; padding: 0 30px 0 330px; height: 228px; border: #f2f2f2 solid 1px; position: relative; }
.honest .detail .imgDiv{ position: absolute; left: 0; top: 0; }
.honest .detail .imgDiv img{ width: 303px; }
.honest .detail .name{ padding-top: 25px; height: 36px; line-height: 36px; color: #463b3d; font-size: 24px; overflow: hidden; }
.honest .detail .time{ padding-top: 5px; color: #c8bab9; font-size: 24px; line-height: 24px; font-family: mont;}
.honest .detail .content{ padding-top: 20px; font-size: 14px; line-height: 24px; height: 48px; overflow: hidden; color: #666; }
.honest .detail .more{ padding-top: 30px; font-size: 18px; color: #ccc; font-family: mont; line-height: 18px; }
.honest .detail:hover .name{ color: #e50044;}
.honest .list{ padding-top: 20px; }
.honest .list li{ margin-bottom: 20px; }
.honest .list li a{ position: relative; display: block; height: 178px; border: #f2f2f2 solid 1px; padding: 20px 60px 0 30px; box-sizing: border-box; }
.honest .list li a:after{ content: ''; position: absolute; right: 40px; top: 30px; width: 42px; height: 22px; background: url(../images/nimg42_1.png) no-repeat; }
.honest .list li .name{ font-size: 24px; color: #463b3d; line-height: 36px; height: 36px; overflow: hidden; }
.honest .list li .time{ padding-top: 5px; color: #c8bab9; font-size: 24px; line-height: 24px; font-family: mont;}
.honest .list li .content{ padding-top: 20px; font-size: 14px; line-height: 24px; height: 48px; overflow: hidden; color: #666; }
.honest .list li a:hover{ box-shadow: 0px 1px 15px 0px rgba(81, 81, 81, 0.15);}
.honest .list li a:hover:after{ background: url(../images/nimg42_1on.png) no-repeat; }
.honest .list li a:hover .name{ color: #e50044; }

.sideSearch .topDiv{ height: 228px; padding: 120px 32px 0; box-sizing: border-box; background: url(../images/nimg370Bg.jpg) no-repeat; background-size: cover; }
.sideSearch .cn{ font-size: 22px; line-height: 22px; color: #fff; font-weight: bold; }
.sideSearch .en{ color: rgba(225,129,165,0.5); font-size: 34px; line-height: 34px; font-family: mont; padding-top: 10px; }
.sideSearch .botDiv{ padding: 55px 32px 30px; background: #f2f2f2;}
.sideSearch .form .box{ padding-bottom: 35px; }
.sideSearch .form .box .txt{ font-size: 15px; color: #e50044; font-weight: bold; padding-bottom: 22px; }
.sideSearch .select{ width: 100%; position: relative; height: 50px; }
.sideSearch .select dt{height: 50px;line-height: 50px;display: inline-block; width: 100%; background: #fff url(../images/selectIco2.jpg) no-repeat right center; cursor: pointer;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;position: relative;z-index: 5;}
.sideSearch .select dt a{ font-size: 14px; color: #b4b4b4; position: relative; padding-left: 20px; display: block; text-align: left; overflow: hidden;} 
.sideSearch .select dd{ margin: 0;position: absolute;left: 0px;top: 50px;z-index: 5; width: 100%;} 
.sideSearch .select dd ul {list-style: none; overflow: auto; padding: 0 20px; max-height: 200px; background: #fff; box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.07);}
.sideSearch .select dd ul::-webkit-scrollbar { width: 2px;}
.sideSearch .select dd ul::-webkit-scrollbar-track { background-color: #e5e5e5;}
.sideSearch .select dd ul::-webkit-scrollbar-thumb { background-color: #e50044;}  
.sideSearch .select dd ul li{ position: relative; line-height: 40px; height: 40px; cursor: pointer; color: #b4b4b4; font-size: 14px;}
.sideSearch .select dd ul li:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #ebebeb; }
.sideSearch .select dd ul li:last-child:after{ display: none; }
.sideSearch .select dd ul li:hover{ color: #e50044; }
.sideSearch .llbox{ height: 50px; background: #fff; position: relative; }
.sideSearch .input1{ width: 100%; height: 50px; line-height: 50px; font-size: 14px; text-indent: 20px; }
.sideSearch .btn1{ position: absolute; right: 0px; top: 0px; width: 50px; height: 50px; background: url(../images/nimg16_3.png) center no-repeat; z-index: 2;}
.sideSearch .input1::-webkit-input-placeholder{ color: #b4b4b4;}
.sideSearch .input1::-moz-placeholder{ color: #b4b4b4;}
.sideSearch .input1::-ms-input-placeholder{ color: #b4b4b4;}
.sideSearch .input1:focus::-webkit-input-placeholder{color: transparent;}
.sideSearch .input1:focus:-moz-placeholder{color: transparent;}
.sideSearch .input1:focus:-ms-input-placeholder{color: transparent;}

.honest .moreBtn{ width: 260px; margin: 10px auto 0; }
.honest .moreBtn a{ display: block; position: relative; width: 100%; height: 56px; line-height: 56px; background: #f6eef1; font-size: 14px; font-weight: bold; color: #80807e; text-indent: 116px; }
.honest .moreBtn a:before{ content: ''; position: absolute; left: 86px; top: 50%; margin-top: -7px; width: 22px; height: 13px; background: url(../images/nimg22_1.png) no-repeat; }
.honest .moreBtn a:hover{ background: #e50044; color: #fff; }
.honest .moreBtn a:hover:before{ background: url(../images/nimg22_1on.png) no-repeat; }

.complain{ padding: 100px 0; position: relative; }
.complain:before{ content: ''; position: absolute; left: 0; top: 0; width: 8.34rem; height: 6.8rem; background: url(../images/nimg834Bg.png) no-repeat; background-size: 8.34rem; }
.complain:after{ content: ''; position: absolute; right: 0; top: 0; width: 5rem; height: 8.35rem; background: url(../images/nimg500Bg.png) no-repeat; background-size: 5rem; }
.complain .toptop{ position: relative; z-index: 1; height: 96px; }
.complain .title{ font-size: 36px; line-height: 36px; color: #1f1f1f; font-weight: bold; position: relative; padding-bottom: 22px; }
.complain .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 35px; height: 2px; background: #ec104d; }
.complain .links{ position: absolute; right: 0; top: 0; }
.complain .links li{ float: left; margin-left: 55px; font-size: 16px; height: 56px; line-height: 56px; position: relative;}
.complain .links li:after{ content: ''; position: absolute; width: 0; bottom: 0; left: 50%; height: 2px; background: #ec104d; }
.complain .links .liNow{ color: #e50044; }
.complain .links .liNow:after{ left: 0; width: 100%; }

.complain .mxfDiv{ position: relative; animation: am_top 0.8s ease-out 0.1s backwards; -webkit-animation: am_top 0.8s ease-out 0.1s backwards;}
.complain .mxfDiv .bg img{ width: 100%; }
.complain .mxfDiv .layer{ position: absolute; color: #fff; right: 0; bottom: 0; width: 50%; padding-left: 60px; padding-right:60px; box-sizing: border-box; height: 404px; z-index: 1; background-image: linear-gradient(left top,#f06563,#8c287f);
    background-image: -webkit-linear-gradient(left top,#f06563,#8c287f);
    background-image: -moz-linear-gradient(left top,#f06563,#8c287f);
    background-image: -o-linear-gradient(left top,#f06563,#8c287f);
    background-image: linear-gradient(to right bottom,#f06563,#8c287f);
    background-image: -webkit-linear-gradient(to right bottom,#f06563,#8c287f);
    background-image: -moz-linear-gradient(to right bottom,#f06563,#8c287f);
    background-image: -o-linear-gradient(to right bottom,#f06563,#8c287f);}
.complain .mxfDiv .txt{ padding: 50px 0 20px; font-weight: bold; font-size: 30px; line-height: 30px; }
.complain .mxfDiv .msg{ font-size: 14px; line-height: 26px; height: 234px; overflow:auto; }
.complain .mxfDiv .msg::-webkit-scrollbar { width: 3px;}
.complain .mxfDiv .msg::-webkit-scrollbar-track { background-color: #e5e5e5;}
.complain .mxfDiv .msg::-webkit-scrollbar-thumb { background-color: #fff;} 

.marketP1{ padding: 100px 0 120px; }
.marketP1 .title{ font-size: 36px; line-height: 36px; color: #1f1f1f; font-weight: bold; position: relative; padding-bottom: 22px; }
.marketP1 .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 35px; height: 2px; background: #ec104d; }
.marketP1 .content{ font-size: 16px; line-height: 30px; padding: 30px 0 100px; /*text-align: justify;*/}
.marketP1 .imgDiv{ text-align: center; }
.marketP1 .imgDiv img{ width: 1075px; }

.marketP2{ padding-top: 115px; height: 920px; box-sizing: border-box; background: url(../images/layoutBg.jpg) center top no-repeat; background-size: cover; }
.marketP2 .pjDiv{ position: relative; width: 1200px; height: 746px; margin: 0 auto; background: url(../images/ditu.png) no-repeat; background-size: cover; }
.marketP2 .top_l{ position: absolute; left: 93px; top: 0; width: 273px; height: 434px; }
.marketP2 .top_l .round{ position: absolute; left: 0; bottom: 0; }
.marketP2 .top_l .line{ position: absolute; left: 50%; top: 0; width: 8px; margin-left: -4px; height: 163px; }
.marketP2 .top_l .line:before{ content: ''; position: absolute; left: 0; top: 0; width: 8px; height: 8px; background: #ef6563; border-radius: 50%; }
.marketP2 .top_l .line:after{ content: ''; position: absolute; left: 3px; top: 0; width: 2px; height: 100%; background: #ef6563; }
.marketP2 .top_l .wenzi{ padding-left: 154px; color: #fff; font-size: 16px; line-height: 20px; }
.marketP2 .top_m{ position: absolute; left: 496px; top: 0; width: 384px; height: 412px; }
.marketP2 .top_m .round{ position: absolute; left: 0; bottom: 0; }
.marketP2 .top_m .line{ position: absolute; left: 133px; top: 0; width: 8px; height: 140px; }
.marketP2 .top_m .line:before{ content: ''; position: absolute; left: 0; top: 0; width: 8px; height: 8px; background: #ef6563; border-radius: 50%; }
.marketP2 .top_m .line:after{ content: ''; position: absolute; left: 3px; top: 0; width: 2px; height: 100%; background: #ef6563; }
.marketP2 .top_m .wenzi{ padding-left: 154px; color: #fff; font-size: 16px; line-height: 20px; }
.marketP2 .top_r{ position: absolute; right: 0; top: 0; width: 430px; height: 573px; }
.marketP2 .top_r .round{ position: absolute; left: 0; bottom: 0; }
.marketP2 .top_r .line{ position: absolute; left: 184px; top: 0; width: 8px; height: 188px; }
.marketP2 .top_r .line:before{ content: ''; position: absolute; left: 0; top: 0; width: 8px; height: 8px; background: #ef6563; border-radius: 50%; }
.marketP2 .top_r .line:after{ content: ''; position: absolute; left: 3px; top: 0; width: 2px; height: 100%; background: #ef6563; }
.marketP2 .top_r .wenzi{ padding-left: 208px; color: #fff; font-size: 16px; line-height: 20px; }
.marketP2 .brazil{ position: absolute; left: 376px; top: 578px; padding-left: 94px; }
.marketP2 .brazil .wenzi{ font-size: 16px; line-height: 16px; color: #fff; }
.marketP2 .brazil .line{ position: absolute; left: 0; top: 50%; margin-top: -4px; width: 80px; height: 8px; }
.marketP2 .brazil .line:before{ content: ''; position: absolute; left: 0; top: 0; width: 8px; height: 8px; background: #ef6563; border-radius: 50%; }
.marketP2 .brazil .line:after{ content: ''; position: absolute; left: 0; top: 3px; width: 100%; height: 2px; background: #ef6563; }
.marketP2 .tunisia{ position: absolute; left: 440px; top: 420px; padding-right: 94px; }
.marketP2 .tunisia .wenzi{ font-size: 16px; line-height: 16px; color: #fff; }
.marketP2 .tunisia .line{ position: absolute; right: 0; top: 50%; margin-top: -4px; width: 80px; height: 8px; }
.marketP2 .tunisia .line:before{ content: ''; position: absolute; right: 0; top: 0; width: 8px; height: 8px; background: #ef6563; border-radius: 50%; }
.marketP2 .tunisia .line:after{ content: ''; position: absolute; right: 0; top: 3px; width: 100%; height: 2px; background: #ef6563; }
.marketP2 .australia{ position: absolute; right: 190px; bottom: 110px; padding-right: 94px; }
.marketP2 .australia .wenzi{ font-size: 16px; line-height: 16px; color: #fff; }
.marketP2 .australia .line{ position: absolute; right: 0; top: 50%; margin-top: -4px; width: 80px; height: 8px; }
.marketP2 .australia .line:before{ content: ''; position: absolute; right: 0; top: 0; width: 8px; height: 8px; background: #ef6563; border-radius: 50%; }
.marketP2 .australia .line:after{ content: ''; position: absolute; right: 0; top: 3px; width: 100%; height: 2px; background: #ef6563; }

.marketP2 .limg img{ width: 100%; }

.marketP3{ padding-top: 120px; }
.marketP3 .tab .wal2{ position: relative; }
.marketP3 .tab .wal2:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #e4e6eb; }
.marketP3 .tab li{ float: left; width: 20%; position: relative; color: #1f1f1f; z-index: 1; text-align: center; }
.marketP3 .tab li .ico{ width: 52px; height: 59px; margin: 0 auto; position: relative; }
.marketP3 .tab li .ico .img1{ position: absolute; left: 0; top: 0; opacity: 0; }
.marketP3 .tab li .name{ position: relative; padding-top: 28px; display: inline-block; font-size: 20px; line-height: 24px; height: 55px;}
.marketP3 .tab li .name:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 2px; background: #ec104d; }
.marketP3 .tab .liNow{ color: #ec104d; }
.marketP3 .tab .liNow .ico img{ opacity: 0; }
.marketP3 .tab .liNow .ico .img1{ opacity: 1; }
.marketP3 .tab .liNow .name:after{ left: 0; width: 100%; }
.marketP3 .tabContent{ animation: am_top 0.8s ease-out 0.1s backwards; -webkit-animation: am_top 0.8s ease-out 0.1s backwards; }
.marketP3 .conDiv{ padding: 60px 0; }
.marketP3 .txt{ font-size: 36px; line-height: 36px; color: #1f1f1f; font-weight: bold; position: relative; padding-bottom: 22px; }
.marketP3 .txt:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 35px; height: 2px; background: #ec104d; }
.marketP3 .content{ padding: 35px 0; font-size: 16px; line-height: 30px; }
.marketP3 .wen{ font-size: 24px; line-height: 24px; color: #1f1f1f; padding-bottom: 20px; }
.marketP3 .list li{ padding-left: 20px; position: relative; font-size: 16px; line-height: 30px; }
.marketP3 .list li:before{ content: ''; position: absolute; left: 0; top: 14px; width: 4px; height: 4px; border-radius: 50%; background: #ec104d; }
.marketP3 .hh{ font-size: 16px; line-height: 30px; }
.marketP3 .bg{ position: relative; }
.marketP3 .bg:before{ content: ''; position: absolute; top: 0; left: 50%; margin-left: -740px; width: 1480px; height: 100px; background: #fff; }
.marketP3 .bg img{ width: 100%; }

.serviceP1{ padding-top: 130px; position: relative;}
.serviceP1:before{ content: ''; position: absolute; left: 0; top: 0; width: 6.7rem; height: 4.12rem; background: url(../images/nimg670Bg.png) no-repeat; background-size: 6.7rem;}
.serviceP1 .content{ padding-bottom: 110px; font-size: 20px; line-height: 36px; color: #333;/* text-align: justify;*/ position: relative; z-index: 1;}
.serviceP1 .title{ font-size: 36px; line-height: 36px; color: #1f1f1f; font-weight: bold; position: relative; padding-bottom: 22px; }
.serviceP1 .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 35px; height: 2px; background: #ec104d; }
.serviceP1 .list{ padding-top: 40px; overflow: hidden; }
.serviceP1 .list li{ float: left; width: 20%; position: relative; }
.serviceP1 .list li .bg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #1f2a49; opacity: 0.8; }
.serviceP1 .list li .bg2{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; background-image: linear-gradient(top,#f1495a,#671560);
    background-image: -webkit-linear-gradient(top,#f1495a,#671560);
    background-image: -moz-linear-gradient(top,#f1495a,#671560);
    background-image: -o-linear-gradient(top,#f1495a,#671560);
    background-image: linear-gradient(to bottom,#f1495a,#671560);
    background-image: -webkit-linear-gradient(to bottom,#f1495a,#671560);
    background-image: -moz-linear-gradient(to bottom,#f1495a,#671560);
    background-image: -o-linear-gradient(to bottom,#f1495a,#671560); }
.serviceP1 .list li .limg img{ width: 100%; }
.serviceP1 .list li .txtLayer{ position: absolute; left: 0; width: 100%; top: 50%; margin-top: -50px; z-index: 1; color: #fff; text-align: center; }
.serviceP1 .list li .num{ font-size: 72px; line-height: 72px; font-family: mont; height: 80px; }
.serviceP1 .list li .wen{ font-size: 18px; line-height: 18px; }
.serviceP1 .list li:hover .bg{ opacity: 0;}
.serviceP1 .list li:hover .bg2{ opacity: 0.8; }

.serviceP2{ padding: 120px 0 110px; }
.serviceP2 .toptop{ height: 95px; position: relative; }
.serviceP2 .title{ font-size: 36px; line-height: 36px; color: #1f1f1f; font-weight: bold; position: relative; padding-bottom: 22px; }
.serviceP2 .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 35px; height: 2px; background: #ec104d; }
.serviceP2 .tab2{ position: absolute; right: 0; top: 0; z-index: 1; }
.serviceP2 .tab2 li{ float: left; margin-left: 40px; position: relative; height: 56px; line-height: 56px; font-size: 16px; }
.serviceP2 .tab2 li:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 2px; background: #ec104d; }
.serviceP2 .tab2 .liNow{ color: #ec104d; }
.serviceP2 .tab2 .liNow:after{ width: 100%; left: 0; }
.serviceP2 .list{ animation: am_top 0.8s ease-out 0.1s backwards; -webkit-animation: am_top 0.8s ease-out 0.1s backwards; }
.serviceP2 .list ul{ margin-right: -15px; }
.serviceP2 .list li{ float: left; width: 20%; padding-bottom: 12px;}
.serviceP2 .list li .lbox{ margin-right: 15px; height: 113px; border: #f0f0f0 solid 1px; overflow: hidden; }
.serviceP2 .list li .lbox img{ max-width: 200px; max-height: 100px; }

.serviceP3{ background: #f5f5f5; padding: 120px 0; }
.serviceP3 .title{ font-size: 36px; line-height: 36px; color: #1f1f1f; font-weight: bold; position: relative; padding-bottom: 22px; }
.serviceP3 .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 35px; height: 2px; background: #ec104d; }
.serviceP3 .content{ padding: 25px 0 55px; font-size: 16px; line-height: 30px; /*text-align: justify;*/ }
.serviceP3 .list ul{ margin-right: -32px; }
.serviceP3 .list li{ float: left; width: 25%; }
.serviceP3 .list li .box{ cursor:pointer; margin-right: 32px; position: relative; }
.serviceP3 .list li .box:after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); }
.serviceP3 .list li .imgDiv img{ width: 100%; }
.serviceP3 .list li .layer{ position: absolute; text-align: center; left: 0; top: 50%; width: 100%; height: 130px; margin-top: -65px; z-index: 1;}
.serviceP3 .list li .name{ padding-top: 45px; font-size: 24px; line-height: 24px; color: #fff; }
.serviceP3 .list li .box:hover:after{ background: rgba(0,0,0,0.4);}
.serviceP3 .list li .box:hover .name{ padding-top:25px;}

.serviceP4{ padding-top: 100px; height: 640px; background: url(../images/serviceBg.jpg) center no-repeat; background-size: cover; box-sizing: border-box; }
.serviceP4 .title{ font-size: 36px; line-height: 36px; color: #fff; font-weight: bold; position: relative; padding-bottom: 22px; }
.serviceP4 .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 35px; height: 2px; background: #ec104d; }
.serviceP4 .content{ padding: 25px 0 60px; color: #fff; font-size: 16px; line-height: 30px; /*text-align: justify;*/ }
.serviceP4 .numList{ padding-left: 160px; }
.serviceP4 .numList li{ float: left; width: 25%; color: #fff;}
.serviceP4 .numList li .num{ font-size: 60px; line-height: 60px; font-family: mont; height: 80px; color: #ec104d; }
.serviceP4 .numList li .wen{ font-size: 18px; line-height: 24px; }

.chainP1{ padding: 100px 0 120px; background: #f9f9f9;}
.chainP1 .title{ font-size: 36px; line-height: 36px; color: #1f1f1f; font-weight: bold; position: relative; padding-bottom: 22px; }
.chainP1 .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 35px; height: 2px; background: #ec104d; }
.chainP1 .list{ padding-top: 40px; }
.chainP1 .list li .imgDiv{ width: 50%; height: 387px; order: 2;}
.chainP1 .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.chainP1 .list li .conDiv{ width: 50%; box-sizing: border-box; padding: 0 100px 0 0; order: 1; }
.chainP1 .list li .txt{ font-size: 30px; line-height: 30px; color: #000; padding-bottom: 40px; }
.chainP1 .list li .wen{ font-size: 18px; line-height: 18px; color: #ec104d; font-weight: bold; padding-bottom: 20px; }
.chainP1 .list li .msg{ font-size: 14px; line-height: 24px; color: #888; /*text-align: justify;*/ height:164px; overflow:auto; padding-right:8px;}
.chainP1 .list li .msg::-webkit-scrollbar { width: 3px;}
.chainP1 .list li .msg::-webkit-scrollbar-track { background-color: #e5e5e5;}
.chainP1 .list li .msg::-webkit-scrollbar-thumb { background-color: #ec104d;} 
.chainP1 .list li:nth-child(even) .imgDiv{ order: 1; }
.chainP1 .list li:nth-child(even) .conDiv{ order: 2; padding: 100px 100px 0 100px; }

.chainP2{ padding: 120px 0; }
.chainP2 .title{ font-size: 36px; line-height: 36px; color: #1f1f1f; font-weight: bold; position: relative; padding-bottom: 22px; }
.chainP2 .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 35px; height: 2px; background: #ec104d; }
.chainP2 .content{ padding: 30px 0 50px; font-size: 16px; line-height: 30px; /*text-align: justify;*/ }
.chainPic{ position: relative; }
.chainPic .list{ overflow: hidden;}
.chainPic li{ position: relative; }
.chainPic .imgDiv img{ width: 100%; }
.chainPic .name{ position: absolute; left: 0; bottom: 20px; color: #fff; width: 100%; }
.chainPic .name em{ display: block; height: 40px; line-height: 40px; padding: 0 30px; overflow: hidden; }
.chainPic .btn{ z-index: 2; position: absolute; width: 48px; height: 48px; border-radius: 50%; top: 50%; margin-top: -24px; box-sizing: border-box; border: #bdbdbd solid 1px; }
.chainPic .prev{ left: -110px; background: url(../images/nimg8_left.png) center no-repeat; }
.chainPic .next{ right: -110px; background: url(../images/nimg8_right.png) center no-repeat; }
.chainPic .prev:hover{ border: #ec104d solid 1px; background: #ec104d url(../images/nimg8_left.png) center no-repeat; }
.chainPic .next:hover{ border: #ec104d solid 1px; background: #ec104d url(../images/nimg8_right.png) center no-repeat; }

.supportP1{ padding: 120px 0; }
.supportP1 .title{ font-size: 36px; line-height: 36px; color: #010101; font-weight: bold; position: relative; padding-bottom: 22px; }
.supportP1 .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 35px; height: 2px; background: #ec104d; }
.supportP1 .list{ padding-top: 40px; overflow: hidden;}
.supportP1 .list ul{ margin-right: -16px; }
.supportP1 .list li{ float: left; width: 33.33%; padding-bottom: 16px; }
.supportP1 .list .li01{ width: 25%; }
.supportP1 .list li .box{ margin-right: 16px; height: 300px; position: relative; overflow: hidden; }
.supportP1 .list li .box:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 110px; background: url(../images/bg1.png) repeat-x; }
.supportP1 .list li .imgDiv{ height: 300px; background: center no-repeat; background-size: cover;}
.supportP1 .list li .layer{ position: absolute; left: 0; bottom: 30px; box-sizing: border-box; padding: 0 30px; width: 100%; z-index: 1;}
.supportP1 .list li .name{ font-size: 24px; line-height: 24px; color: #fff; }
.supportP1 .list li .box:hover .imgDiv{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.supportP2{ padding: 120px 0; overflow:hidden; box-sizing: border-box; background: url(../images/supportBg.jpg) center no-repeat; background-size: cover; }
.supportP2 .title{ font-size: 36px; line-height: 36px; color: #fff; font-weight: bold; position: relative; padding-bottom: 22px; margin-bottom: 40px;}
.supportP2 .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 35px; height: 2px; background: #ec104d; }
.drawPic{ position: relative; }
.drawPic .imgDiv{ overflow: hidden; }
.drawPic .imgDiv img{ width: 100%; }
.drawPic .botDiv{ height: 95px; background: #fff; padding: 20px 20px 0; box-sizing: border-box; }
.drawPic .wen{ font-size: 18px; line-height: 18px; color: #e50044; }
.drawPic .name{ padding-top: 15px; font-size: 16px; line-height: 16px; height: 16px; overflow: hidden; }
.drawPic .btn{ z-index: 2; display: block; position: absolute; width: 48px; height: 48px; border-radius: 50%; top: 80px; }
.drawPic .btn:after{ content: ''; position: absolute; width: 8px; height: 14px; left: 50%; top: 50%; margin-left: -4px; margin-top: -7px; }
.drawPic .prev{ left: -110px; background: rgba(255,255,255,0.5); }
.drawPic .next{ right: -110px; background: rgba(255,255,255,0.5); }
.drawPic .prev:after{ background: url(../images/nimg8_left2.png) no-repeat; }
.drawPic .next:after{ background: url(../images/nimg8_right2.png) no-repeat; }
.drawPic .prev:hover{ background: #ec104d; }
.drawPic .next:hover{ background: #ec104d; }
.drawPic .swiper-slide:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.supportP2 .btnDiv{ width: 180px; margin: 40px auto 0; }
.supportP2 .btnDiv a{ display: block; position: relative; width: 100%; height: 48px; line-height: 48px; color: #fff; text-indent: 74px; font-size: 16px; border-radius: 24px;}
.supportP2 .btnDiv img{ position: absolute; left: 44px; top: 50%; margin-top: -8px; }

.supportP2 .leftDiv{ width:600px;}
.supportP2 .conDiv{ background:#232f64; padding:50px;}
.supportP2 .conDiv .wen{ font-size:16px; font-weight:bold; padding-bottom:50px; color:#fff;}
.supportP2 .conDiv .list li{ padding-left:30px; font-size:14px; color:#fff; line-height:28px; background:url(../images/ico3.png) left 6px no-repeat; }
.supportP2 .rightImg{ width:600px;}
.supportP2 .rightImg img{ width:100%;}

.supportP3{ padding: 120px 0; display:none; }
.supportP3 .title{ font-size: 36px; line-height: 36px; color: #010101; font-weight: bold; position: relative; padding-bottom: 22px; }
.supportP3 .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 35px; height: 2px; background: #ec104d; }
.supportP3 .list{ padding-top: 45px; }
.supportP3 .list li{ padding-left: 30px; position: relative; font-size: 24px; line-height: 48px; color: #333; }
.supportP3 .list li:before{ content: ''; position: absolute; left: 0px; top: 50%; margin-top: -8px; width: 16px; height: 16px; background: #ee6464; }
.supportP3 .list li:nth-child(2):before{ background: #8e297f; }
.supportP3 .list li:nth-child(3):before{ background: #59298e; }
.supportP3 .rightImg{ width: 452px; padding-right: 110px; }


.supportP4{ margin-top:120px; padding-top: 120px; height:500px; box-sizing:border-box; background:url(../images/supportBg2.jpg) center no-repeat; background-size:cover; }
.supportP4 .title{ font-size: 36px; line-height: 36px; color: #fff; font-weight: bold; position: relative; padding-bottom: 22px;}
.supportP4 .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 35px; height: 2px; background: #ec104d; }
.supportP4 .list{ padding-top: 90px; }
.supportP4 .list li{ float: left; width: 20%; text-align: center; color: #fff; font-size: 16px; }
.supportP4 .list li .num{ height: 38px; }
.supportP4 .list li .numUp{ font-size: 36px; line-height: 36px; font-family: mont; padding-right: 8px; }
.supportP4 .list li i{ font-size: 36px; line-height: 36px; font-family: mont; font-style: initial; padding-right: 8px; }
.supportP4 .list li span{ position: relative; padding-top: 10px; position: relative; display: inline-block; }
.supportP4 .list li img{ position: absolute; left: 0; top: 0; }

.supportP5{ padding: 120px 0; background: #f9f9f9;}
.supportP5 .title{ font-size: 36px; line-height: 36px; color: #010101; font-weight: bold; position: relative; padding-bottom: 22px; margin-bottom: 40px; }
.supportP5 .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 35px; height: 2px; background: #ec104d; }
.honorPic{ position: relative; }
.honorPic .lbox{ border: #e9e9e9 solid 1px; background: #fff; height: 352px; cursor: pointer; }
.honorPic .imgDiv{ overflow: hidden; height: 260px; }
.honorPic .imgDiv img{ max-width: 156px; max-height: 225px;}
.honorPic .name{ padding: 10px 20px 0; font-size: 14px; color: #333; font-weight: bold; height: 28px; line-height: 28px; overflow: hidden; }
.honorPic .year{ font-size: 14px; line-height: 28px; color: #858585; padding: 0 20px;}
.honorPic .btn{ z-index: 2; display: block; position: absolute; width: 48px; height: 48px; border-radius: 50%; top: 50%; margin-top: -24px; border:#bdbdbd solid 1px; }
.honorPic .prev{ left: -110px; background: #fff url(../images/nimg8_left.png) center no-repeat; }
.honorPic .next{ right: -110px; background: #fff url(../images/nimg8_right.png) center no-repeat; }
.honorPic .prev:hover{ border:#ec104d solid 1px; background: #ec104d url(../images/nimg8_left2.png) center no-repeat;}
.honorPic .next:hover{ border:#ec104d solid 1px; background: #ec104d url(../images/nimg8_right2.png) center no-repeat;}

.supportP6{ padding: 120px 0; }
.supportP6 .title{ font-size: 36px; line-height: 36px; color: #010101; font-weight: bold; position: relative; padding-bottom: 22px; }
.supportP6 .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 35px; height: 2px; background: #ec104d; }
.supportP6 .content{ font-size: 16px; line-height: 28px; padding: 25px 0 45px; }
.supportP6 .mxfDiv{ position: relative;}
.economic{ overflow: hidden;}
.economic .swiper-slide { position: relative;}
.economic .swiper-slide .img {  position: relative; margin: 0 auto;}
.economic .swiper-slide .img img{ width: 100%; }
.economic .list { width: 2500px; position: relative; left: 50%; margin-left: -1250px; overflow: hidden; }
.economic .swiper-slide img {position: relative;}
.economic .swiper-slide-active .img {width: 840px; }

.supportP6 a.arrow { display: block; width: 48px; height: 48px; position: absolute; z-index: 10; top: 50%; border-radius: 50%; margin-top: -24px; border:#bdbdbd solid 1px; }
.supportP6 a.arrow.prev { left: -110px; background: #fff url("../images/nimg8_left.png") center no-repeat; }
.supportP6 a.arrow.next { right: -110px; background: #fff url("../images/nimg8_right.png") center no-repeat; }
.supportP6 a.arrow.prev:hover{ border:#ec104d solid 1px; background: #ec104d url(../images/nimg8_left2.png) center no-repeat;}
.supportP6 a.arrow.next:hover{ border:#ec104d solid 1px; background: #ec104d url(../images/nimg8_right2.png) center no-repeat;}

.news .title{ font-size: 36px; line-height: 36px; color: #010101; font-weight: bold; position: relative; padding-bottom: 22px; }
.news .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 35px; height: 2px; background: #ec104d; }
.news .list li{ height: 280px; border-bottom: #ececec solid 1px; }
.news .list li:last-child{ border-bottom: none; }
.news .list li a{ display: block; padding-left: 345px; height: 280px; position: relative; }
.news .list li .imgDiv{ position: absolute; left: 0; top: 50px; }
.news .list li .time{ padding-top: 65px; font-size: 16px; line-height: 24px; color: #999; font-family: light; }
.news .list li .name{ font-size: 18px; color: #333; height: 30px; line-height: 30px; overflow: hidden;}
.news .list li .content{ padding-top: 25px; font-size: 14px; color: #999; line-height: 24px; }
.news .list li:hover .name{ color: #ec104d; }

.newsTop{ height: 320px; background: center no-repeat; background-size: cover;}
.newsTop .name{ text-align: center; color: #fff; font-size: 36px; line-height: 48px; font-weight: bold;}
.newsTop .time{ padding-top: 10px; text-align: center; color: #fff;}
.newsTop .time em{ font-size: 14px; padding: 0 15px; }

.newsBot .leftDiv{ width: 900px; padding: 95px 0 120px; border-right: #e8e8e8 solid 1px;}
.newsBot .mxfDiv{ width: 820px; }
.newsBot .content{ font-size: 16px; line-height: 30px; padding-bottom: 20px;}
.newsBot .content img,input[type="image"] {
    max-width: 100%;
    height: auto!important;
}
.newsBot .content p{ text-indent: 0!important; font-size: 16px!important;}
.newsBot .content span{font-family: "寰蒋闆呴粦"!important; font-size: 16px!important;}
.newsBot .imgDiv{ padding: 40px 0; text-align: center;}
.newsBot .imgDiv img{ max-width: 820px; }
.newsBot .rightDiv{ width: 320px; padding-top: 100px; }
.newsBot .title{ font-size: 24px; color: #000; line-height: 24px; font-weight: bold; }
.newsBot .list{ padding-top: 30px; }
.newsBot .list li{ padding-bottom: 30px; }
.newsBot .list li a{ font-size: 16px; color: #3f4150; line-height: 30px; padding-left: 15px; position: relative;}
.newsBot .list li a:before{ content: ''; position: absolute; left: 0; top: 9px; width: 4px; height: 4px; background: #b9c0ce; border-radius: 50%; }
.newsBot .list li a:hover{ color: #e50044; }
.newsBot .share{ padding-bottom: 60px; }
.newsBot .share b{ display: block; font-size: 14px; font-weight: bold; padding-bottom: 10px; text-transform: uppercase; color: #8c94a3; }
.newsBot .share li{ float: left; margin-right: 13px; }
.newsBot .share li a{ display: block; width: 50px; height: 50px; text-align: center; line-height: 50px; border: #efeff3 solid 2px; position: relative; }
.newsBot .share li img{ position: absolute; left: 50%; top: 50%; margin-left: -13px; margin-top: -13px;}
.newsBot .share li .img1{ opacity: 0; }
.newsBot .share li a:hover{ background: #e50044; border: #e50044 solid 2px; }
.newsBot .share li a:hover img{ opacity: 0; }
.newsBot .share li a:hover .img1{ opacity: 1; }

.pageDown li{ padding-bottom: 10px; font-size: 16px; }
.pageDown li a{ display: block; padding: 0 30px; background: #ededed; height: 64px; line-height: 64px; color: #3f4150; overflow:hidden;}
.pageDown li a:hover{ background: #e50044; color: #fff; }

.duty .list li{ overflow:hidden; position: relative; height: 590px;}
.duty .list li .bigBox{ width:50%;}
.duty .list li .imgDiv{ float: right; height: 590px; width:50%; position:relative; overflow: hidden; background: center no-repeat; background-size: cover;}
.duty .list li .imgDiv img{ width:100%;}
.duty .list li .contentBox{ position: absolute; top: 23%; left: 50%; margin-right: 0; margin-left: -640px; width: 500px; }
.duty .list li:nth-of-type(2n) .imgDiv{ float: left; }
.duty .list li:nth-of-type(2n) .contentBox{ right: 50%; margin-right: -640px; left: auto; margin-left: 0;}
.duty .list li .name{ position: relative; font-weight: bold; font-size: 36px; line-height: 36px; color: #1f1f1f; padding-bottom: 25px; }
.duty .list li .name:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 35px; height: 2px; background: #ec104d; }
.duty .list li .content{ padding-top: 40px; font-size:16px; line-height:30px; /*text-align: justify;*/}

.resourceP1{ padding: 100px 0; }
.resourceP1 .leftCon{ width: 530px; }
.resourceP1 .title{ font-size: 36px; line-height: 36px; color: #010101; font-weight: bold; position: relative; padding-bottom: 22px; }
.resourceP1 .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 35px; height: 2px; background: #ec104d; }
.resourceP1 .content{ padding-top: 35px; font-size: 14px; line-height: 28px; }
.resourceP1 .content em{ color: #ec104d; }
.resourceP1 .rightImg{ width: 50%; }
.resourceP1 .rightImg img{ width: 100%; }

.resourceP2{ background: #f1f1f1; overflow: hidden; position: relative;}
.resourceP2:after{ content: ''; position: absolute; right: 0; top: 0; width: 5.0rem; height: 8.35rem; background: url(../images/nimg500Bg.png) no-repeat; }
.resourceP2 .leftImg{ width: 50%; height: 6.8rem; background: center no-repeat; background-size: cover;}
.resourceP2 .conDiv{ position: absolute; right: 50%; margin-right: -640px; width: 520px; top: 80px; }
.resourceP2 .title{ font-size: 36px; line-height: 36px; color: #1f1f1f; font-weight: bold; position: relative; padding-bottom: 22px; }
.resourceP2 .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 35px; height: 2px; background: #ec104d; }
.resourceP2 .wen{ font-size: 20px; line-height: 30px; color: #1f1f1f; padding-top: 30px; }
.resourceP2 .content{ font-size: 14px; line-height: 28px; height:280px; /*text-align: justify;*/ margin-top: 30px; overflow:auto; padding-right: 8px; }
.resourceP2 .content::-webkit-scrollbar { width: 3px;}
.resourceP2 .content::-webkit-scrollbar-track { background-color: #e5e5e5;}
.resourceP2 .content::-webkit-scrollbar-thumb { background-color: #ec104d;} 

.resourceP3{ padding: 100px 0 120px; background: #f9f9f9;}
.resourceP3 .title{ font-size: 36px; line-height: 36px; color: #1f1f1f; font-weight: bold; position: relative; padding-bottom: 22px; }
.resourceP3 .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 35px; height: 2px; background: #ec104d; }
.resourceP3 .list{ padding-top: 40px; }
.resourceP3 .list li .imgDiv{ width: 50%; height: 420px; order: 2;}
.resourceP3 .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.resourceP3 .list li .conDiv{ width: 50%; box-sizing: border-box; padding: 0 100px 0 0; order: 1; }
.resourceP3 .list li .txt{ font-size: 30px; line-height: 30px; color: #000; padding-bottom: 35px; font-weight: bold; }
.resourceP3 .list li .wen{ font-size: 18px; line-height: 18px; color: #ec104d; font-weight: bold; padding-bottom: 10px; }
.resourceP3 .list li .msg{ font-size: 14px; line-height: 24px; color: #888; /*text-align: justify;*/ height:192px; overflow:auto; padding-right: 8px; }
.resourceP3 .list li .msg::-webkit-scrollbar { width: 3px;}
.resourceP3 .list li .msg::-webkit-scrollbar-track { background-color: #e5e5e5;}
.resourceP3 .list li .msg::-webkit-scrollbar-thumb { background-color: #ec104d;} 
.resourceP3 .list li:nth-child(even) .imgDiv{ order: 1; }
.resourceP3 .list li:nth-child(even) .conDiv{ order: 2; padding: 85px 0 0 90px; }

.resourceP4 ul{ display: flex; justify-content: space-between; width: 100%; height: 380px; overflow: hidden;}
.resourceP4 li{ position: relative; width: 50%; height: 380px;  background-position: center center; background-size: 11rem; background-repeat: no-repeat; overflow: hidden;}
.resourceP4 li a{ width: 100%; height: 100%; }
.resourceP4 li .layer{ text-align: center; position: relative; top: 0; }
.resourceP4 li .name{ padding-top: 25px; font-size: 30px; line-height: 30px; color: #fff; }
.resourceP4 li:hover{ width: 60%;}
.resourceP4 li:hover .layer{ top: -25px; }

.honor .title{ font-size: 36px; line-height: 36px; color: #010101; font-weight: bold; position: relative; padding-bottom: 22px; text-align: center; }
.honor .title:after{ content: ''; position: absolute; left: 50%; margin-left: -17px; bottom: 0; width: 35px; height: 2px; background: #ec104d; }
.honor .list{ padding-top: 40px; }
.honor .list ul{ margin-right: -32px; }
.honor .list li{ float: left; width: 25%; padding-bottom: 32px; }
.honor .list li .lbox{ cursor: pointer; margin-right: 32px; border: #e9e9e9 solid 1px; background: #fff; box-sizing: border-box; padding-top: 20px; height: 342px; box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.05);}
.honor .list li .imgDiv{ overflow: hidden; height: 220px; }
.honor .list li .imgDiv img{ max-width: 246px; max-height: 220px;}
.honor .list li .name{ padding: 15px 20px 0; font-size: 16px; color: #333; height: 36px; line-height: 36px; overflow: hidden; }
.honor .list li .year{ font-size: 14px; line-height: 28px; color: #858585; padding: 0 20px;}
.honor .moreBtn{ margin: 50px auto 0; width: 145px; }
.honor .moreBtn a{ display: block; width: 145px; box-sizing: border-box; font-size: 14px; border: #e71856 solid 1px; height: 50px; line-height: 48px; color: #e71856; text-align: center; font-weight: bold; }
.honor .moreBtn a:hover{ background: #e71856; color: #fff; }

.pic-modal-box { display: none; width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0, 0, 0, 0.5); z-index: 999;}
.pic-modal-box .box {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
  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 */
  align-items: center;
  box-sizing:border-box;
}
.pic-modal-box .main { position: relative; background: #fff; width: 8.2rem; margin: 0 auto; padding: 60px 100px 0;}
.pic-modal-box .name { font-size: 24px; color: #313131; line-height: 120px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.pic-modal-box .close { position: absolute; right: 18px; top: 18px; z-index: 10; width: 30px; height: 30px; display: inline-block; background: url(../images/close.png) no-repeat; background-size: contain;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;}
.pic-modal-box .close:hover { transform: rotate(-90deg);}
.pic-modal-box .pic-box { height: 5.4rem;}
.pic-modal-box .pic-box img { display: block; max-width: 8.2rem; max-height: 5.4rem;}

.jobP1{ padding-top: 100px; background: #f6f5f6 url(../images/jobBg.png) center top no-repeat; background-size: 100%; position: relative; }
.jobP1 .title{ font-size: 36px; line-height: 36px; color: #010101; font-weight: bold; position: relative; padding-bottom: 22px; }
.jobP1 .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 35px; height: 2px; background: #ec104d; }
.jobP1 .mxfDiv{ margin-top: 40px; height: 417px; }
.jobP1 .leftDiv{ width: 50%; overflow: hidden; }
.jobPic{ position: relative; }
.jobPic .limg img{ width: 100%; }
.jobPic .swiper-pagination{ width: auto; left: 20px; bottom: 20px; }
.jobPic .swiper-pagination .swiper-pagination-bullet{ background: rgba(255,255,255,0.9); }
.jobPic .swiper-pagination .swiper-pagination-bullet-active{ background: #fff; }

.jobP1 .rightDiv{ width: 50%; height: 417px; box-sizing: border-box; padding: 0 80px; background-image: linear-gradient(left,#e55e67,#972e7d);
    background-image: -webkit-linear-gradient(left,#e55e67,#972e7d);
    background-image: -moz-linear-gradient(left,#e55e67,#972e7d);
    background-image: -o-linear-gradient(left,#e55e67,#972e7d);
    background-image: linear-gradient(to right,#e55e67,#972e7d);
    background-image: -webkit-linear-gradient(to right,#e55e67,#972e7d);
    background-image: -moz-linear-gradient(to right,#e55e67,#972e7d);
    background-image: -o-linear-gradient(to right,#e55e67,#972e7d); }
.jobP1 .txt{ font-size: 36px; line-height: 36px; color: #fff; font-weight: bold; padding-bottom: 35px;}
.jobP1 .msg{ font-size: 16px; line-height: 26px; color: #f5dbe3; }
.jobP1 .msg b{ display: block; }


.jobP2{ padding: 30px 0 110px;}
.jobP2 .list li{ margin-bottom: 10px; position: relative; cursor: pointer;}
.jobP2 .list li .topDiv{ height: 80px; position: relative; background: #e2dee0; }
.jobP2 .list li .topDiv:after{ content: ''; position: absolute; right: 30px; top: 50%; width: 12px; height: 22px; margin-top: -11px; background: url(../images/ico2.png) center no-repeat; }
.jobP2 .list li .name{ position: relative; padding-left: 45px; line-height: 80px; font-size: 16px; height: 80px; overflow:hidden; }
.jobP2 .list li .name b{ font-size: 24px; color: #24221f; padding-right: 30px; }
.jobP2 .list li .name em{ padding-left: 22px; color: #3e382b; background: url(../images/nimg11_1.png) left center no-repeat; }
.jobP2 .list li .msgList{ padding-bottom: 18px; border-bottom: #f5f2ec dashed 1px; overflow: hidden; margin-bottom: 30px;}
.jobP2 .list li .msgList dd{ float: left; line-height: 36px; font-size: 14px; padding-right: 60px; }
.jobP2 .list li .hideBox{ display: none; background: #fff; border: #efecee solid 2px; padding: 40px 40px 20px;}
.jobP2 .list li .cn{ font-size: 24px; color: #e50044; line-height: 24px; font-weight: bold;}
.jobP2 .list li .txt{ font-weight: bold; font-size: 16px; color: #333; line-height: 24px; }
.jobP2 .list li .msg{ font-size: 14px; line-height: 30px; color: #999; padding: 10px 0 40px; }
.jobP2 .list .liNow{ background: #11b2b6;}
.jobP2 .list .liNow .name{ color: #fff; }
.jobP2 .list .liNow:after{ transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg); }

.xizhenBan{ position:relative; height: 8.2rem; background: center no-repeat; background-size: cover;}
.xizhenBan .layer{ text-align: center; }
.xizhenBan .wen{ font-size: 30px; line-height: 30px; color: #fff; padding-bottom: 25px; }
.xizhenBan .txt{ font-size: 48px; line-height: 60px; font-weight: bold; color: #fff; width: 760px; margin: 0 auto; }

.xizhenP1 .wal2{ overflow: hidden; position: relative; padding: 110px 0; }
.xizhenP1 .wal2:before{ content: ''; position: absolute; top: 0; left: 300px; width: 1px; height: 100%; background: #f4f4f4; }
.xizhenP1 .leftDiv{ width: 360px; }
.xizhenP1 .txt{ font-weight: bold; font-size: 36px; line-height: 36px; color: #1f1f1f; position: relative; padding-bottom: 22px; }
.xizhenP1 .txt:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 35px; height: 2px; background: #ec104d; }
.xizhenP1 .numList{ padding-top: 50px; }
.xizhenP1 .numList li{ padding-bottom: 35px; font-size: 16px; }
.xizhenP1 .numList li:last-child{ padding-bottom: 0; }
.xizhenP1 .numList li .numUp{ color: #ec104d; font-size: 42px; line-height: 42px; font-family: mont; padding-right: 10px;}
.xizhenP1 .numList li span{ color: #ec104d; font-size: 42px; line-height: 42px; font-family: mont;}
.xizhenP1 .rightDiv{ width: 880px; }
.xizhenP1 .name{ font-size: 36px; line-height: 36px; color: #1f1f1f; padding-bottom: 40px; }
.xizhenP1 .content{ color: #888; font-size: 16px; line-height: 30px; /*text-align: justify;*/ }

.xizhenP2{ padding: 120px 0; }
.xizhenP2 .list{ overflow: hidden; }
.xizhenP2 .list li .box{ position: relative; cursor:pointer; }
.xizhenP2 .list li .box:after{ content:''; position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; background:rgba(0,0,0,0.4);}
.xizhenP2 .list li .imgDiv img{ width: 100%; }
.xizhenP2 .list li .layer{ position: absolute; left: 0; bottom: 25px; width: 100%; padding: 0 30px; box-sizing: border-box; color: #fff; z-index:1; }
.xizhenP2 .list li .txt{ font-size: 30px; line-height: 30px; position: relative; padding-left: 12px; }
.xizhenP2 .list li .txt:before{ content: ''; position: absolute; left: 0; top: 4px; width: 2px; height: 28px; background: #ec104d; }
.xizhenP2 .list li .msg{ font-size: 16px; line-height: 24px; height: 48px; overflow: hidden; padding: 15px 0 0 12px; }
.xizhenP2 .list li .box:hover:after{ opacity:1;}
.xizhenP2 .list li .box:hover .layer{ bottom:40px;}
.xizhenP2 .swiper-pagination{ display: none; position: relative; padding-top: 0.5rem; bottom: 0; }
.xizhenP2 .swiper-pagination .swiper-pagination-bullet-active{ background: #ec104d; }

.xizhenP3{ padding-bottom: 120px; }
.xizhenP3 .title{ font-weight: bold; font-size: 36px; line-height: 36px; color: #1f1f1f; position: relative; padding-bottom: 22px; }
.xizhenP3 .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 35px; height: 2px; background: #ec104d; }
.xizhenP3 .mxfDiv{ margin-top: 50px; height: 500px; background: center no-repeat; background-size: cover; }
.xizhenP3 .txtLayer{ padding-left: 82px; }
.xizhenP3 .name{ display: inline-block; font-size: 30px; line-height: 30px; padding-bottom: 12px; position: relative; color: #fff;}
.xizhenP3 .name:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #fff; }
.xizhenP3 .msgList{ padding-top: 20px; }
.xizhenP3 .msgList li{ font-size: 16px; line-height: 30px; color: #fff; }
.xizhenP3 .ewm{ padding-top: 25px; }
.xizhenP3 .ewm p{ padding-top: 12px; font-size: 16px; line-height: 16px; color: #fff; }

.contact .title{ font-weight: bold; font-size: 36px; line-height: 36px; color: #1f1f1f; position: relative; padding-bottom: 22px; }
.contact .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 35px; height: 2px; background: #ec104d; }
.contact .list{ padding-top: 50px; }
.contact .list ul{ margin-right: -50px; }
.contact .list li{ float: left; width: 25%; cursor:pointer; }
.contact .list li .box{ margin-right: 50px; padding-top: 32px; position: relative;}
.contact .list li .box:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 4px; background: #ececec; }
.contact .list li .box:after{ content: ''; z-index: 1; position: absolute; left: 0; top: 0; width: 154px; height: 4px; background-image: linear-gradient(left,#931a6a,#e50044);
    background-image: -webkit-linear-gradient(left,#931a6a,#e50044);
    background-image: -moz-linear-gradient(left,#931a6a,#e50044);
    background-image: -o-linear-gradient(left,#931a6a,#e50044);
    background-image: linear-gradient(to right,#931a6a,#e50044);
    background-image: -webkit-linear-gradient(to right,#931a6a,#e50044);
    background-image: -moz-linear-gradient(to right,#931a6a,#e50044);
    background-image: -o-linear-gradient(to right,#931a6a,#e50044); }
.contact .list li .name{ font-size: 24px; line-height: 24px; color: #000; }
.contact .list li .msg{ padding-top: 15px; font-size: 14px; line-height: 26px;}

.mapDiv{ height: 6.4rem; background: center no-repeat; background-size: cover; }


/*.headDiv, .indexP1, .indexP2, .indexP3, .indexP4, .indexP5, .footDiv, .ind-banner .swiper-pagination{ display: none; }*/


.echartDiv{ width:1180px; margin:0 auto;}
#professionrate{
	width: 1180px!important;
    height: 480px;
}

#sexrate{
	width: 1180px!important;
    height: 480px;
}

/*2023.5.6*/
.sundellP1 .wal2{ overflow: hidden; position: relative; padding: 110px 0; }
.sundellP1 .wal2:before{ content: ''; position: absolute; top: 0; left: 300px; width: 1px; height: 100%; background: #f4f4f4; }
.sundellP1 .leftDiv{ width: 400px; }
.sundellP1 .numList li{ padding-bottom: 45px; font-size: 16px; }
.sundellP1 .numList li:last-child{ padding-bottom: 0; }
.sundellP1 .numList li .numUp{ color: #ec104d; font-size: 42px; line-height: 42px; font-family: mont; padding-right: 10px;}
.sundellP1 .numList li span{ color: #ec104d; font-size: 42px; line-height: 42px; font-family: mont;}
.sundellP1 .rightDiv{ width: 880px; }
.sundellP1 .name{ font-weight: bold; font-size: 36px; line-height: 36px; color: #1f1f1f; position: relative; padding-bottom: 22px; }
.sundellP1 .name:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 35px; height: 2px; background: #ec104d; }
.sundellP1 .content{ padding-top: 25px; color: #888; font-size: 16px; line-height: 30px; /*text-align: justify;*/ }
.sundellP1 .txt{ font-size: 18px; color: #1f1f1f; font-weight: bold; line-height: 36px; padding-top: 30px; }
.sundellP1 .msg{ color: #888; font-size: 16px; line-height: 30px;}

.sundellP2{ position: relative; }
.sundellP2 .bg img{ width: 100%; }
.sundellP2 .wen{ position: absolute; left: 50%; margin-left: -640px; bottom: 0; width: 1280px; height: 64px; padding: 0 30px; background: rgba(236,16,77,0.9); z-index: 1; box-sizing: border-box;}
.sundellP2 .wen p{ line-height: 64px; color: #fff; font-size: 16px; padding-left: 24px; background: url(../images/nimg13_1.png) left center no-repeat; }

.sundellP3{ padding: 120px 0; }
.sundellP3 .title{ text-align: center; font-size: 36px; line-height: 36px; color: #1f1f1f; position: relative; padding-bottom: 20px; }
.sundellP3 .title:after{ content: ''; position: absolute; left: 50%; margin-left: -18px; bottom: 0; width: 36px; height: 2px; background: #ec104d; }
.sundellP3 .mxfDiv{ margin-top: 40px; position: relative; }
.sundellP3 .imgDiv{ width: 744px; }
.sundellP3 .imgDiv img{ width: 100%; }
.sundellP3 .conDiv{ padding-left: 80px; width: 640px; position: absolute; right: 0; top: 50%; margin-top: -185px; height: 370px; background: #f7f7f7; z-index: 1; box-sizing: border-box; }
.sundellP3 .name{ font-size: 30px; line-height: 30px; color: #1f1f1f; padding-bottom: 25px; }
.sundellP3 .lie li{ position: relative; padding-left: 95px; font-size: 16px; color: #1f1f1f; min-height: 35px;}
.sundellP3 .lie li:before{ content: ''; position: absolute; left: 64px; top: 6px; width: 8px; height: 8px; background: #ec104d; border-radius: 50%; z-index: 1; }
.sundellP3 .lie li:after{ content: ''; position: absolute; left: 67px; top: 6px; width: 2px; height: 100%; background: #f5c9d5; }
.sundellP3 .lie li:last-child:after{ display: none; }
.sundellP3 .lie li .year{ position: absolute; left: 0; top: 0; font-size: 18px; font-family:mont; }


.sundellP4{ padding: 120px 0; background: #f6f6f6 url(../images/sundell.png) center no-repeat; background-size: cover; }
.sundellP4 .title{ font-size: 36px; line-height: 36px; color: #1f1f1f; font-weight: bold; text-align: center; padding-bottom: 20px; position: relative; }
.sundellP4 .title:after{ content: ''; position: absolute; left: 50%; margin-left: -18px; bottom: 0; width: 36px; height: 2px; background: #ec104d; }
.sundellP4 .limg{ padding-top: 40px; text-align: center; }

.sundellP5{ padding: 120px 0 110px; }
.sundellP5 .title{ font-size: 36px; line-height: 36px; color: #1f1f1f; font-weight: bold; text-align: center; padding-bottom: 20px; position: relative; }
.sundellP5 .title:after{ content: ''; position: absolute; left: 50%; margin-left: -18px; bottom: 0; width: 36px; height: 2px; background: #ec104d; }
.sundellP5 .list{ position: relative; margin-top: 65px;}
.sundellP5 .list:after{ content: ''; position: absolute; left: 0; top: 130px; width: 100%; height: 2px; background: #f6f6f6; }
.sundellP5 .list li{ float: left; width: 20%; position: relative; z-index: 1; text-align:center; }
.sundellP5 .list li .ico{ height: 75px; }
.sundellP5 .list li .name{ font-size: 18px; line-height: 20px; color: #1f1f1f; font-weight: bold; height: 65px; position: relative;}
.sundellP5 .list li .name:after{ content: ''; position: absolute; left: 50%; margin-left:-10px; bottom: 0; width: 20px; height: 20px; background: url(../images/nimg20_2.png) no-repeat; }
.sundellP5 .list li .time{ padding-top: 40px; font-size: 20px; line-height: 20px; color: #ec104d; font-family: mont; }
.sundellP5 .list li .ss{ padding-top: 25px; }
.sundellP5 .list li .ss dd{ line-height: 30px; padding-left: 12px; position: relative; color: #1f1f1f; font-size: 16px; }
.sundellP5 .list li .ss dd:before{ content: ''; position: absolute; left: 0; top: 50%; width: 4px; height: 4px; margin-top: -2px; background: #d1d1d4; border-radius: 50%; }

/*2024.9.21*/
.xizhenP2 .title{ margin-top:0.6rem; font-weight: bold; font-size: 36px; line-height: 36px; color: #1f1f1f; position: relative; padding-bottom: 22px; }
.xizhenP2 .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 35px; height: 2px; background: #ec104d; }

.download{ padding-top:0.3rem; overflow:hidden;}
.download li{ float:left; width:33.33%;}
.download li a{ background:url(../images/nimg29_1.png) left center no-repeat; text-decoration:underline; background-size:20px; display:block; font-size:16px; padding-left:26px; height:48px; line-height:48px; color:#333; overflow:hidden;}
.download li a:hover{ color:#e50044;}