/*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(/uploads/image/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(/uploads/image/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(/uploads/image/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; text-align: justify;}

.indexp4{ position: relative; height: 12.0rem; overflow: hidden;}
.indexp4:before{ content: ''; position: absolute; left: 0; bottom: 0; width: 50%; height: 5.54rem; background: url(/uploads/image/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(/uploads/image/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(/uploads/image/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: 36px; height: 36px; line-height: 36px; text-align: center; border: #bfbfbf solid 1px; border-radius: 50%; background: #fff; }
.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.2rem; top: 2.87rem; padding-top: 46px; }
.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.58rem; }
.indexp5 .list .hunan{ right: 2.32rem; top: 1.88rem; }
.indexp5 .list .huanan{ right: 2.17rem; top: 2.28rem; }
.indexp5 .list .guangdong{ right: 1.78rem; top: 2.42rem; }
.indexp5 .list .taiwan{ right: 1.44rem; top: 2.2rem; }


.collegep1{ background: #c81841 url(/uploads/image/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(/uploads/image/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(/uploads/image/images/nimg11_left.png) center no-repeat; }
.collpic .next{ right: -128px; background: #e6e6e9 url(/uploads/image/images/nimg11_right.png) center no-repeat; }
.collpic .prev:hover{ background: #ec104d url(/uploads/image/images/nimg11_left.png) center no-repeat; }
.collpic .next:hover{ background: #ec104d url(/uploads/image/images/nimg11_right.png) center no-repeat; }

.collegep3{ padding: 120px 0; }
.collegep3 .bigbox{ background: url(/uploads/image/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 .lbox{ padding-left: 40px; min-height: 250px; background: url(/uploads/image/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(/uploads/image/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(/uploads/image/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(/uploads/image/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(/uploads/image/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(/uploads/image/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(/uploads/image/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(/uploads/image/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(/uploads/image/images/nimg11_right.png) no-repeat center; z-index: 5;}
.historypic .box-container .prev:hover{ background: #ec104d url(/uploads/image/images/nimg11_left.png) no-repeat center;}
.historypic .box-container .next:hover{ background: #ec104d url(/uploads/image/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; }
.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(/uploads/image/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; }
.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(/uploads/image/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(/uploads/image/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 .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(/uploads/image/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(/uploads/image/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(/uploads/image/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(/uploads/image/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(/uploads/image/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(/uploads/image/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(/uploads/image/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(/uploads/image/images/nimg22_1.png) no-repeat; }
.honest .morebtn a:hover{ background: #e50044; color: #fff; }
.honest .morebtn a:hover:before{ background: url(/uploads/image/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(/uploads/image/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(/uploads/image/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(/uploads/image/images/layoutbg.jpg) center top no-repeat; background-size: cover; }
.marketp2 .pjdiv{ position: relative; width: 1200px; height: 746px; margin: 0 auto; background: url(/uploads/image/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(/uploads/image/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(/uploads/image/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(/uploads/image/images/nimg8_left.png) center no-repeat; }
.chainpic .next{ right: -110px; background: url(/uploads/image/images/nimg8_right.png) center no-repeat; }
.chainpic .prev:hover{ border: #ec104d solid 1px; background: #ec104d url(/uploads/image/images/nimg8_left.png) center no-repeat; }
.chainpic .next:hover{ border: #ec104d solid 1px; background: #ec104d url(/uploads/image/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(/uploads/image/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(/uploads/image/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(/uploads/image/images/nimg8_left2.png) no-repeat; }
.drawpic .next:after{ background: url(/uploads/image/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(/uploads/image/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(/uploads/image/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(/uploads/image/images/nimg8_left.png) center no-repeat; }
.honorpic .next{ right: -110px; background: #fff url(/uploads/image/images/nimg8_right.png) center no-repeat; }
.honorpic .prev:hover{ border:#ec104d solid 1px; background: #ec104d url(/uploads/image/images/nimg8_left2.png) center no-repeat;}
.honorpic .next:hover{ border:#ec104d solid 1px; background: #ec104d url(/uploads/image/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  center no-repeat; }
.supportp6 a.arrow.next { right: -110px; background: #fff  center no-repeat; }
.supportp6 a.arrow.prev:hover{ border:#ec104d solid 1px; background: #ec104d url(/uploads/image/images/nimg8_left2.png) center no-repeat;}
.supportp6 a.arrow.next:hover{ border:#ec104d solid 1px; background: #ec104d url(/uploads/image/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(/uploads/image/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(/uploads/image/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(/uploads/image/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(/uploads/image/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(/uploads/image/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(/uploads/image/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(/uploads/image/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(/uploads/image/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%; }