/* 
 * @description: 康语官网
 * @author: psr
 * @update: 20250808
*/ 
@charset "utf-8";
body,textarea,input,select,option {font-size:12px;color:#333;font-family:Alibaba PuHuiTi,Microsoft Yahei,Avenir,Segoe UI,Hiragino Sans GB,STHeiti,Microsoft Sans Serif,WenQuanYi Micro Hei,sans-serif;}h1,h2,h3,h4,h5,h6,input, textarea, select{font-size:100%;font-weight:normal;}body,h1,h2,h3,h4,h5,h6,blockquote,ol,ul,dl,dd,p,textarea,input,select,option,form {margin:0;}ol,ul,li,textarea,input,select,option,th,td {padding:0;}table {border-collapse:collapse;}ol,ul {list-style-type:none;}.clears:before,.clears:after {content:'';display:table;}.clears:after {clear:both;}.clears {*zoom:1;}.clear {clear:both;overflow:hidden;}a {text-decoration:none;color:#333;}a,textarea,input{outline:none}textarea {overflow:auto;resize:none;}.img img {display:block;}a img {border:none;}.z_index{position:fixed;_position:absolute;z-index:999;display:none;}label,label input{vertical-align:middle}.pr {position:relative;}.pa {position:absolute;}.fl {float:left;}.fr {float:right;}a:hover{text-decoration:none}body{word-break:break-all;word-wrap:break-word;cursor:default;}input[type="checkbox"],input[type="text"],input[type="submit"],input[type="number"],input[type="button"],input[type="tel"],textarea,button{-webkit-border-radius:0;border-radius:0;-webkit-appearance: none;}html, body, form,fieldset, p, div,h1, h2, h3, h4, h5, h6 {-webkit-text-size-adjust:none;}.d_box{display:-moz-box;display:-webkit-box;display:box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;width:100%;}html{font-size:62.5%;}body{font-size:1.2rem;font-size:12px;width:100%;}i,var{font-style:normal;}.d_center{display: -webkit-box;display: -moz-box;display: box;-webkit-box-pack: center;-webkit-box-align: center;-moz-box-pack: center;-moz-box-align: center;box-pack: center;box-align: center;}.d_boxflex{-webkit-box-flex: 1;-moz-box-flex: 1;-ms-box-flex: 1;box-flex: 1;display:block;}.nowrap{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}b,i{font-weight:normal;font-style:normal;}.vm *{vertical-align: middle;}
*{outline:none;}:focus {outline:none;}
body{background-color:#f3f4f6;width: 100%; margin: 0 auto;}
var,em,i{ font-style: normal;}
img{display: block;}

.b_sizing{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.b_flex{ display: -webkit-flex;display: flex;}
.b_middle{display: -webkit-flex;display: flex;align-items: center;}
.b_between{display: -webkit-flex;display: flex;justify-content:space-between;}
.b_lists{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap:wrap;}
.b_center{display: -webkit-flex;display: flex;justify-content:space-around;}
.b_column{display: -webkit-flex;display: flex;flex-direction:column;height: 100%;}
.ellipsis_one{overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;}
.w1120{width: 1120px;margin: 0 auto;}


/* 首页 */
.top_bar{height: 90px;position: fixed;width: 100%;top: 0;left: 0;z-index: 101;background-color:rgba(0, 0, 0, 0.9);}
.top_bar .top{clear: both;overflow: hidden;}
.top_bar .logo{float: left;width: 168px;height: 36px;margin: 27px 0 0 10px;}
.top_bar .nav{float: right;padding:25px 0 25px 0;}
.top_bar .nav a{display: inline-block;font-size: 18px;margin: 0 30px;padding:0 20px;color:#A9A9A9;line-height: 40px;}
.top_bar .nav a:hover,.top_bar .nav .cur{color:#fff;position: relative;}
.top_bar .nav .cur::after{position: absolute;content: "";width: 16px;height: 2px;background-color: #fff;bottom: 0;left: 50%;margin-left: -8px;z-index: 2;}
.placeholder{height: 90px;width: 100%;}
.home_bar{position: relative;width: 100%;text-align: center;}
.home_bar img{display: block;width: 100%;margin: 0 auto;min-width:1400px;max-width:2400px;}
.product_show{padding: 70px 0 120px 0;background-color: #f3f4f6;}
.box_ti{overflow: hidden;clear: both;text-align: center;}
.box_ti b{font-weight: bold;font-size: 36px;line-height: 40px;}
.box_ti span{display: block;text-align: center;color:#5F5F5F;font-size: 22px;padding: 8px 0;}
.box_ti span em{color: #333;}

.card_container {
  position: relative;
  margin-top: 70px;
  height: 450px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.card_container .card {
  width: 360px;
  height: 410px;
  padding-top: 40px;
  position: absolute;
  border-radius: 15px;
  overflow: hidden;
  transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
  -ms-transform: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
  -moz-transform: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
  -webkit-transform: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
  background: #eeefef;
}

.card_container .card img {
  width: 185px;
  height: 234px;
  object-fit: cover;
  margin: 0 auto;
  display: block;
  transition: transform 0.3s ease;
}

.card_container .card.active img:hover{
	 transform:scale(1.2);
}

.card_container .card .ti {
  padding: 35px 0 10px 0;
  font-size: 25px;
  font-weight: bold;
  text-align: center;
  display: block;
  color:#333;
}
.card_container .card p {
display: block;
  text-align: center;
  font-size: 18px;
  color:#7B848D;
  line-height: 26px;
}

.card.active {
  transform: translateX(0) scale(1);
  -ms-transform: translateX(0) scale(1);
  -moz-transform: translateX(0) scale(1);
  -webkit-transform: translateX(0) scale(1);
  z-index: 10;
  background-color: #fff;
  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.15);
}

.card_container .card.left {
  transform: translateX(-320px) rotate(-10deg) scale(0.8);
  -ms-transform: translateX(-320px) rotate(-10deg) scale(0.8);
  -moz-transform: translateX(-320px) rotate(-10deg) scale(0.8);
  -webkit-transform: translateX(-320px) rotate(-10deg) scale(0.8);
  z-index: 1;
  opacity: 1;
}

.card_container .card.right {
  transform: translateX(320px) rotate(10deg) scale(0.8);
  -ms-transform: translateX(320px) rotate(10deg) scale(0.8);
  -moz-transform: translateX(320px) rotate(10deg) scale(0.8);
  -webkit-transform: translateX(320px) rotate(10deg) scale(0.8);
  z-index: 1;
  opacity: 1;
}

.card_container .card.hidden {
  opacity: 0;
  transform: translateX(-300px) scale(0.5);
  -ms-transform: translateX(-300px) scale(0.5);
  -moz-transform: translateX(-300px) scale(0.5);
  -webkit-transform: translateX(-300px) scale(0.5);
}

.card_container .nav-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 70px;
  height: 70px;
  background:#E7E7E7;
  border-radius: 50%;
  border: none;
  font-size: 28px;
  cursor: pointer;
  font-weight: lighter;
  z-index: 100;
}
.card_container .nav-btn:hover{
	background-color: #CBCBCB;
}
.card_container .nav-btn img{
	width: 60px;
	height: 60px;
	display: block;
	margin: 5px auto 0;
}

#prevBtn {
  left: 0;
  transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform:rotate(180deg);
}

#nextBtn {
  right: 0;
}

.product_features{padding: 70px 0 100px 0;}
.product_features .lists{clear: both;overflow: hidden;margin-top: 50px;}
.product_features .lists .li{width:260px;height:287px;text-align: center;background: url('img/product_features_li_bg.png') no-repeat;background-size: 100% 100%;float: left;margin: 0 10px;}
.product_features .lists .li img{display: block;margin: 42px auto 0;width: 72px;height: 72px;}
.product_features .lists .li .sp1{display: block;text-align: center;font-weight: bold;font-size: 25px;line-height: 30px;padding-top: 30px;}
.product_features .lists .li .sp1 em{color:#2292FC;}
.product_features .lists .li .sp2{display: block;text-align: center;font-size: 15px;color:#7B848D;line-height: 20px;padding-top: 20px;}
.product_features .position{position: relative;padding-top: 220px;}
.product_features .position img{display: block;width: 382px;height: 359px;margin: 0 auto;}
.product_features .position .box_cont{position: absolute;z-index: 2;width: 370px;background-color:rgba(250, 250, 250, 0.8);padding: 20px 20px;border-radius: 25px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.product_features .position .box_cont b{display: block;font-weight: bold;font-size: 20px;padding-bottom: 10px;}
.product_features .position .box_cont .sp{display: block;clear: both;padding: 4px 0;}
.product_features .position .box_cont .sp em{font-size: 15px;color:#7B848D;font-style: italic;border:1px solid #7B848D;width: 18px;height: 18px;border-radius: 50%;overflow: hidden;line-height: 18px;text-align: center;float: left;}
.product_features .position .box_cont .sp span{font-size: 15px;color: #7B848D;line-height: 20px;margin-left: 26px;display: block;}
.product_features .position .box1{top: 160px;left: 40px;}
.product_features .position .box2{top: 90px;right: 140px;}
.product_features .position .box3{top: 360px;right: 35px;}
.leading_technology{padding: 70px 0 100px 0;background-color: #fff;}
.leading_technology .position{position: relative;margin-top: 90px;width: 597px;height: 503px;}
.leading_technology .position img{display: block;width: 597px;height: 503px;margin-left: 250px;}
.leading_technology .pos_left{width: 184px;height: 99px;position: absolute;}
.leading_technology .pos_right{width: 184px;height: 99px;position: absolute;}
.leading_technology .pos_left .cont{transition: transform 0.3s ease;background: url(img/pos_left_bg.png) no-repeat;width: 184px;height: 99px;position: absolute; z-index: 2;background-size: 100% 100%;}
.leading_technology .pos_right .cont{transition: transform 0.3s ease;background: url(img/pos_right_bg.png) no-repeat;width: 184px;height: 99px;position: absolute; z-index: 2;background-size: 100% 100%;}
.leading_technology .pos_left span{text-align: right;font-size: 20px;line-height: 24px;display: block;padding-right: 32px;width: 100%;}
.leading_technology .pos_right span{text-align: left;font-size: 20px;line-height: 24px;display: block;padding-left: 32px;width: 100%;}
.leading_technology .position .icon{position: absolute;width: 22px;height: 22px;}
.leading_technology .position .icon em{position: absolute;width: 22px;height: 22px;border-radius: 50%;background-color: #2292FC;opacity: 0.35;left: 0;top: 0; z-index: 1;}
.leading_technology .position .icon var{position: absolute;width: 12px;height: 12px;border-radius: 50%;background-color: #2292FC;left: 5px;top: 5px; z-index: 2;}
.leading_technology .pos_left:hover .cont,.leading_technology .pos_right:hover .cont { transform:scale(1.2);}
.leading_technology .pos_left:hover .icon em,.leading_technology .pos_right:hover .icon em {animation: breath .4s infinite alternate;}
.leading_technology .pos_1{top: -46px;left: 148px;}
.leading_technology .position .pos_1 .icon{top: 85px;left: 348px;}
.leading_technology .pos_2{top: 108px;left: 202px;}
.leading_technology .position .pos_2 .icon{top: 85px;left: 348px;}
.leading_technology .pos_3{top: 294px;left: 145px;}
.leading_technology .position .pos_3 .icon{top: -67px;left: 338px;}
.leading_technology .pos_4{top: 425px;left: 72px;}
.leading_technology .position .pos_4 .icon{top: 10px;left: 389px;}
.leading_technology .pos_5{top: -39px;left: 745px;}
.leading_technology .position .pos_5 .icon{top: 87px;left: -190px;}
.leading_technology .pos_6{top: 80px;left: 839px;}
.leading_technology .position .pos_6 .icon{top: 82px;left: -159px;}
.leading_technology .pos_7{top: 261px;left: 840px;}
.leading_technology .position .pos_7 .icon{top: -185px;left: -348px;}
.footer{background-color: #f3f4f6;padding: 12px;overflow: hidden;clear: both;box-shadow: 0 -110px 50px #fff;}
.footer .f_logo{float: left;width: 168px;height: 36px;margin: 45px 0 0 0;}
.footer .about{float: left;margin: 15px 0 0 35px;padding-left: 35px;position: relative;border-left: 1px solid #e6e7ec;}
.footer .about span{display: block;color:#7B848D;font-size: 15px;line-height: 20px;padding:2px;}
.footer .code{float: right;}
.footer .code img{display: block;width: 100px;height: 100px;margin: 0 auto;}
.footer .code span{display: block;text-align: center;font-size: 13px;color:#7B848D;padding-top: 6px;}



/* 场景分享 */
.home-content{display:block;margin: auto;}
.home-content .banner{position: relative;width: 100%;text-align: center;}
.home-content .banner img{display: block;width: 100%;min-width:1400px;max-width:2400px;margin: 0 auto; }
.home-content .content{display:block;padding:77px 0 50px 0;width:1134px;margin:0 auto;}
.home-content .content .cell{padding:60px 0px;clear:both;overflow: hidden;}
.home-content .content .cell img{display:block;width:585px;height:418px;}
.home-content .content .cell .detail{display:flex;max-width:500px;flex-direction:column;justify-content:center;height:418px;}
.home-content .content .cell .detail .title{display:block;font-size:30px;line-height:44px;color:#222;font-weight: bold;}
.home-content .content .cell .detail .des{display:block;line-height:24px;font-size:18px;color:#7B848D;padding-top:30px;}
.home-content .content .cell .detail .des strong{color:#222;}

/* 关于我们 */
.about-us-content{display:block;margin: auto;}
.about-us-content .banner{position: relative;width: 100%;text-align: center;}
.about-us-content .banner img{display: block;width: 100%;min-width:1400px;max-width:2400px;margin: 0 auto; }
.about-us-content .content{display:block;width:1120px;margin:0 auto;padding:84px 0 100px 0;}
.about-us-content .content .intro,.about-us-content .content .contact,.about-us-content .content .consult{display:flex;box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.2);width:100%;align-items:center;border-radius:15px;padding:70px 0;background-color: #fff;}
.about-us-content .content .intro .name{display:block;padding-left:70px;font-size:30px;line-height:34px;font-weight: bold;}
.about-us-content .content .intro .detail{display:block;flex:1;width:100%;padding-left:50px;padding-right:70px;margin-left:50px;border-left: 1px solid #e6e7ec;}
.about-us-content .content .intro .detail p,.about-us-content .content .intro .detail div{display:block;font-size:18px;line-height:27px;padding-top:10px;}
.about-us-content .content .intro .detail div{display:flex;align-items:center;}
.about-us-content .content .intro .detail div img{display:block;width:18px;height:18px;float: left;margin-right:5px;}
.about-us-content .content .contact,.about-us-content .content .consult{margin-top:75px;}
.about-us-content .content .contact .name{display:block;padding-left:70px;font-size:30px;line-height:34px;font-weight: bold;}
.about-us-content .content .contact .detail{display:block;flex:1;width:100%;padding-left:60px;border-left: 1px solid #e6e7ec;margin-left: 60px;}
.about-us-content .content .contact .detail .cell{display:flex;font-size:18px;line-height:23px;padding-bottom:18px}
.about-us-content .content .contact .detail .cell span{display:block;width:90px;text-align:right;}
.about-us-content .content .contact .detail .cell img{display:block;width:374px;height:187px;}
.about-us-content .content .contact .detail .code{display:flex;padding-top:45px;}
.about-us-content .content .contact .detail .code .item{display:block;width:120px;margin-left:82px;border: 1px solid #e6e7ec;border-radius: 10px;padding:16px;}
.about-us-content .content .contact .detail .code .item img{display:block;width:120px;height:120px;}
.about-us-content .content .contact .detail .code .item span{display:block;text-align:center;font-size:18px;line-height:23px;padding-top:5px;color:#7B848D;}

.about-us-content .content .consult .name{display:block;padding-left:90px;font-size:30px;line-height:34px;font-weight: bold;}
.about-us-content .content .consult .detail{display:block;flex:1;width:100%;padding-left:105px;margin-left:105px;border-left: 1px solid #e6e7ec;}
.about-us-content .content .consult .detail form .item{display:flex;height:45px;align-items:center;padding-bottom:15px;}
.about-us-content .content .consult .detail form .item span{display:block;width:76px;text-align:right;font-size:18px;line-height:45px;}
.about-us-content .content .consult .detail form .item span var{color:#FF6A6A;}
.about-us-content .content .consult .detail form .item input{display:block;height:45px;border:none;padding-left:18px;margin-left:20px;font-size:18px;border:1px solid #ddd;border-radius:4px;}
.about-us-content .content .consult .detail form .submit{display:block;text-align:center;line-height:55px;width:165px;height:55px;border-radius:55px;background-color:#2292FC;color:#fff;font-size:18px;border:none;margin-left:96px;margin-top:20px;}
.about-us-content .content .consult .detail .tips{display:block;font-size:15px;line-height:20px;color:#7B848D;padding:23px 340px 0px 38px;}

.upbox{display:block;position: fixed;width:100%;height: 100%;left:0;top:0;background-color:rgba(0,0,0,0.6);display:none; z-index: 999;}
.upbox .cont{display:block;width:450px;position: absolute;height:350px;padding-top:80px;box-sizing:border-box;left:50%;margin-left:-225px;top:50%;margin-top:-175px;background-color: #fff;border-radius:15px;}
.upbox .cont img{display:block;width: 54px;height: 54px;margin:0 auto;}
.upbox .cont b{display:block;font-size:20px;line-height:22px;padding-top:14px;text-align:center;}
.upbox .cont span{display:block;font-size:15px;line-height:17px;padding-top:8px;text-align:center;color:#7B848D;}
.upbox .cont a{display:block;width:116px;height:45px;text-align:center;line-height:45px;border-radius:45px;border:1px solid #2292FC;font-size:18px;color:#2292FC;margin:37px auto 0px;text-decoration: none;}

@keyframes breath {
	0% {
		transform: scale(0.9);
		opacity: 0.1;
	}
	100% {
		transform: scale(1.2);
		opacity: 0.35;
	}
}