@charset "utf-8";
@font-face {
  font-family: 'iconfont';  /* Project id 591377 */
  src: url('//at.alicdn.com/t/c/font_591377_wjocoo0nok.woff2?t=1682576442143') format('woff2'),
       url('//at.alicdn.com/t/c/font_591377_wjocoo0nok.woff?t=1682576442143') format('woff'),
       url('//at.alicdn.com/t/c/font_591377_wjocoo0nok.ttf?t=1682576442143') format('truetype');
}
html{margin:0 auto;padding:0;font-size:1vw; overflow-y:scroll;overflow-x:hidden;font-family:'微软雅黑'; box-sizing:border-box;}


.indextitle h2{ font-size:2rem; color:#000; font-weight:normal;}
.indextitle p{ font-size:1rem; color:#888;font-family:'微软雅黑';}

.youhua_banner{ padding:0 10%; display:flex; background:url(https://company.ce114.com/images/bannerbj.jpg) no-repeat center; height:26rem; position:relative;}
.youhua_banner .banner-text{ top:50%; position:absolute;top:50%; line-height:2;  -webkit-transform: translate(0,-50%);transform: translate(0,-50%);}
.youhua_banner .banner-text h2{ color:#000; font-size:2.2rem; font-weight:bold; }
.youhua_banner .banner-text p{ font-size:1.1rem; line-height:1.7; color:#000;}



.youhua-list{ display:flex; padding:2% 10%;}
.youhua-list li{ flex:1; font-size:1rem; }
.youhua-list li img{ float:left; display:block; width:4.7rem; margin-right:1rem;}
.youhua-list li h2{ font-size:2rem; color:#0063ff; padding-top:0.31rem;}
.youhua-list li p{ font-size:0.83rem; color:#000;}

.youhua-wenti{ background:#e9e4f8; padding:5% 10%;}
.youhua-wenti .indextitle{ line-height:1.8; text-align:left;}
.youhua-wenti .indextitle h2{ font-size:1.8rem;  color:#000; position:relative; font-weight:normal;}
.youhua-wenti .indextitle h2:before{ content:'“'; font-size:8rem; font-family:"Arial Black", Gadget, sans-serif; position:absolute; left:-5rem; top:-2rem; line-height:1;  color:#e1dded; }
.youhua-wenti .indextitle p{ font-size:1rem; color:#888;}


.youhua-wenti-list{ display:flex; margin-top:3.5%;}
.youhua-wenti-list li{ flex:1; margin-right:4%;}
.youhua-wenti-list li:last-child{ margin-right:0;}
.youhua-wenti-list li .youhua-wenti-content{ background:#fff; padding:1rem; position:relative; }
.youhua-wenti-list li .youhua-wenti-content:after{ content:''; display:block; width:0; height:0; position:absolute; left:1rem; bottom:-1.9rem;

	border-right:1.5rem solid transparent;
	border-left:1.5rem solid transparent;
	border-top:1.9rem solid #fff;

}

.youhua-wenti-list li .youhua-wenti-content h2{ font-size:1.2rem; color:#000; margin-bottom:0.5rem;}
.youhua-wenti-list li .youhua-wenti-content h2:before{ content:'\e72b'; font-size:1rem; color:#e33c64; margin-right:0.5rem; font-family:'iconfont';}
.youhua-wenti-list li .youhua-wenti-content p{ font-size:0.8rem; color:#999;line-height:1.5; padding-left:1.5rem;}
.youhua-wenti-list li .youhua-wenti-liuyan{padding:0.5rem 0.5rem 0.5rem 3.3rem; line-height:1.5;}
.youhua-wenti-list li .youhua-wenti-liuyan img{ display:block; float:left; margin-right:0.5rem; width:2.7rem; border-radius:2.7rem; border:1px solid #fff; }
.youhua-wenti-list li .youhua-wenti-liuyan h3{ font-size:0.92rem; color:#000;}
.youhua-wenti-list li .youhua-wenti-liuyan span{ font-size:0.8rem; display:block;}

/*********************************************************/
.youhua-jiejue{background:#f1f6ff; padding:3% 10%;}
.youhua-jiejue-list{ display:flex; margin:4% auto 2% auto;}
.youhua-jiejue-list li{ flex:1; background:#fff; margin-right:2rem !important; border-radius:1.2rem;counter-increment:section;}
.youhua-jiejue-list .owl-item{counter-increment:section;}

.youhua-jiejue-list li .biao{ display:block; border-bottom:1px solid #eee; padding:0.5rem 0;}
.youhua-jiejue-list li .biao img{ display:block; margin:0 auto; width:3.645rem;}
.youhua-jiejue-list li .content{ padding:0.5rem 1rem 2rem 1rem; text-align:center;}
.youhua-jiejue-list li .content h2{ font-size:1.2rem; color:#000; display:inline-block; line-height:1.5; margin:1rem auto;}
.youhua-jiejue-list li .content h2:before{ content:attr(data-id); float:left; font-size:3rem; line-height:1; font-family:"Arial Black", Gadget, sans-serif;color:#ba1ff0;}
.youhua-jiejue-list li .content h2:after{ content:'STEP'; text-align:left; display:block; line-height:1; font-weight:bold; font-size:0.9rem; color:#ba1ff0;}
.youhua-jiejue-list li .content p{ font-size:0.8rem; color:#000; text-align:left; line-height:1.8;}
.youhua-jiejue-list li:last-child{ margin-right:0;}


/********************************************/
.youhua-bianhua{ background:#f5f5fa; padding:3% 10%; position:relative; }
.mySwiper2{ overflow:hidden;}
.swiper-slide{ display:flex;}
.swiper-slide .img{ flex:2.8;}
.swiper-slide .img img{ display:block; width:15.05rem;}
.swiper-slide .text{ flex:7.2; padding:5% 0; margin-top:8%;}
.swiper-slide .text h2{ font-size:1.5rem; color:#000; margin-bottom:2rem;}
.swiper-slide .text ul{ display:flex;}
.swiper-slide .text ul li{ background:#fff; border-radius:1rem; padding:3rem 2rem; margin-right:8%; box-shadow:0 0.5rem 0.5rem rgba(0,0,0,0.2);}
.swiper-slide .text ul li h3{ color:#5e7bf7; font-size:1.2rem; font-weight:bold; margin-bottom:1.5rem;}
.swiper-slide .text ul li p{ line-height:2; font-size:0.9rem;}
.swiper-slide .text ul li:last-child{ margin-right:0;}


.youhua-bianhua-tabs{ position:absolute; top:11%;  left:28%; z-index:1000;}
.youhua-bianhua-tabs ul{ display:flex;}
.youhua-bianhua-tabs ul li{ flex:1; font-size:1.4rem; margin-right:5rem; padding:1rem 0;}
.youhua-bianhua-tabs ul li img{ display:block; float:left; width:1.98rem; margin-right:0.5rem;}
.youhua-bianhua-tabs ul li a{color:#000;}
.youhua-bianhua-tabs ul li.active{ background:url(https://company.ce114.com/images/tbj.png) no-repeat center bottom;}


/************/
.youhua-case{ background:#fff; padding:3% 10%;}
.youhua-case-list{ margin:3% auto;}
.youhua-case-list li{ width:15%; float:left; border:1px solid #eee; margin-right:2%; margin-bottom:2%;}
.youhua-case-list li img{ display:block; max-width:100%;}
.youhua-case-list li:nth-child(6n){ margin-right:0;}
.youhua-case-list li span{ display:none;}



@media (max-width:640px){
	
html{ font-size:12px;}
.indextitle h2{ font-size:1.6rem; color:#000; font-weight:normal;}
.indextitle p{ font-size:1rem; color:#888;font-family:'微软雅黑';}

.youhua_banner{ padding:3rem 5%;  background:url(https://company.ce114.com/images/bannerbj_m.jpg) no-repeat center; background-size:auto 100%; height:14rem;}
.youhua_banner .banner-text{  position:inherit; line-height:2; }
.youhua_banner .banner-text h2{ color:#000; font-size:1.6rem; font-weight:bold; }
.youhua_banner .banner-text p{ font-size:1rem; line-height:1.7; color:#000;}



.youhua-list{  padding:3%;}
.youhua-list li{ font-size:1rem; text-align:center; line-height:2;}
.youhua-list li img{ float:none; display:block; width:4rem; margin:0 auto;}
.youhua-list li h2{ font-size:1.7rem;  padding-top:0;}
.youhua-list li p{ font-size:1rem;}

.youhua-wenti{ background:#e9e4f8; padding:5% 3%;}
.youhua-wenti .indextitle{ line-height:1.8; text-align:left;}
.youhua-wenti .indextitle h2{ font-size:1.6rem;  color:#000; position:relative;}
.youhua-wenti .indextitle h2:before{ font-size:5rem; position:absolute; left:0; top:-2rem; line-height:1;  }
.youhua-wenti .indextitle p{ font-size:1rem; color:#888;text-align:left; padding:0;}


.youhua-wenti-list{ display:block; margin-top:3.5%;}
.youhua-wenti-list li{ margin-right:0;}
.youhua-wenti-list li:last-child{ margin-right:0;}
.youhua-wenti-list li .youhua-wenti-content{ background:#fff; padding:1rem; position:relative; }
.youhua-wenti-list li .youhua-wenti-content:after{ content:''; display:block; width:0; height:0; position:absolute; left:1rem; bottom:-1.5rem;
	border-right:1.2rem solid transparent;
	border-left:1.2rem solid transparent;
	border-top:1.5rem solid #fff;

}




/*********************************************************/
.youhua-jiejue{background:#f1f6ff; padding:3%;}
.youhua-jiejue-list{ display:flex; margin:4% auto 2% auto;counter-increment:section;}
.youhua-jiejue-list li{ flex:1; background:#fff; margin:0 0.5rem !important; border-radius:1.2rem; }
.youhua-jiejue-list .owl-item{}

.youhua-jiejue-list li .biao{ display:block; border-bottom:1px solid #eee; padding:0.5rem 0;}
.youhua-jiejue-list li .biao img{ display:block; margin:0 auto; width:3.645rem;}
.youhua-jiejue-list li .content{ padding:0.5rem 1rem 2rem 1rem; text-align:center;}
.youhua-jiejue-list li .content h2{ font-size:1.2rem; color:#000; display:inline-block; line-height:1.5; margin:1rem auto;}
.youhua-jiejue-list li .content h2:before{ content:attr(data-id); float:left; font-size:3rem; line-height:1; font-family:"Arial Black", Gadget, sans-serif;color:#ba1ff0;}
.youhua-jiejue-list li .content h2:after{ content:'STEP'; text-align:left; display:block; line-height:1; font-weight:bold; font-size:0.9rem; color:#ba1ff0;}
.youhua-jiejue-list li .content p{ font-size:0.8rem; color:#000; text-align:left; line-height:1.8;}
.youhua-jiejue-list li:last-child{ margin-right:0;}



/********************************************/
.youhua-bianhua{ background:#f5f5fa; padding:3%; position:relative; }

.mySwiper2{ padding-top:6rem !important;}
.swiper-slide{ display:flex;}
.swiper-slide .img{ flex:4; }
.swiper-slide .img img{ display:block; width:100%;}
.swiper-slide .text{ flex:6; padding:0; margin-top:0; padding-left:5%;}
.swiper-slide .text h2{ font-size:1.2rem; color:#000; margin-bottom:1rem;}
.swiper-slide .text ul{ display:block;}
.swiper-slide .text ul li{ background:#fff; border-radius:1rem; padding:5%; margin-right:0; margin-bottom:1rem; box-shadow:0 0.3rem 0.3rem rgba(0,0,0,0.2);}
.swiper-slide .text ul li h3{ color:#5e7bf7; font-size:1.2rem; font-weight:bold; margin-bottom:0.4rem;}
.swiper-slide .text ul li p{ line-height:1.5; font-size:1rem;}
.swiper-slide .text ul li:last-child{ margin-right:0;}


.youhua-bianhua-tabs{ position:absolute; top:1rem;  left:0; width:100%; z-index:1000;}
.youhua-bianhua-tabs ul{ display:flex;}
.youhua-bianhua-tabs ul li{ flex:1; text-align:left;font-size:1.2rem; margin-right:0; padding:1rem 0;}
.youhua-bianhua-tabs ul li img{ display:block; float:left; width:1.98rem; margin-right:0.5rem;}
.youhua-bianhua-tabs ul li a{color:#000;}
.youhua-bianhua-tabs ul li.active{ background:url(https://company.ce114.com/images/tbj.png) no-repeat center bottom;}


/************/
.youhua-case{ background:#fff; padding:3%;}
.youhua-case-list{ margin:3% auto;border-right:1px solid #eee;border-bottom:1px solid #eee;}
.youhua-case-list li{ width:33.333%; float:left; border:1px solid #eee; margin:0; border-right:0; border-bottom:0; }
.youhua-case-list li img{ display:block; max-width:100%;}
.youhua-case-list li:nth-child(6n){ margin-right:0;}
.youhua-case-list li span{ display:none;}



}

@keyframes commonslidein
{
	0%{transform:translate(0)}
	75%{transform:translate(-5px,5px)}
	to{transform:translate(0)}
}
@keyframes iconslidein{0%{transform:translate(0)}37.5%{transform:translate(5px,-5px)}to{transform:translate(0)}}