.home_th .title .txt::before, .home_th .more_btn, .appli_info, .about_list li::before, .about_list li .about_pic, .form_btn .submit_btn{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
{
	-webkit-transform: scale(1.08);
	-moz-transform: scale(1.08);
	-o-transform: scale(1.08);
	transform: scale(1.08);
}

.web_head{position: fixed; background: transparent;}
.head_layer .nav_wrap{padding: 2% 0;}

/* slider_banner */
.slider_banner .swiper-pagination {padding-bottom: 15px;}
.slide-page-box {display: none;}
.slider_banner {position: relative;}
.slider_banner .swiper-slide {overflow: hidden;}
.slider_banner .swiper-button-next, .slider_banner .swiper-button-prev {
    width: 60px; height: 60px; line-height: 58px; margin-top: -30px; 
	opacity: 0; background-image: none; border-radius: 50%;
}
.slider_banner:hover .swiper-button-next,.slider_banner:hover .swiper-button-prev {opacity: 1;}
.slider_banner .swiper-button-prev {left: 0;}
.slider_banner .swiper-button-next {right: 0;}
.slider_banner:hover .swiper-button-prev {left: 20px;}
.slider_banner:hover .swiper-button-next {right: 20px;}
.slider_banner .swiper-pagination {
	width: 100%; text-align: center; left: 0; bottom: 0;
}
.slider_banner .swiper-pagination .swiper-pagination-bullet {
	width: auto; height: auto; margin: 0; border-radius: 0;
	padding: 8px 0; background: 0;
}
.slider_banner .swiper-pagination .swiper-pagination-bullet:before {
	content: ""; display: block; width: 106px; height: 2px;
	background-color: #fff
}
.slider_banner .swiper-pagination .swiper-pagination-bullet-active:before {
	background-color: hsla(0,0%,100%,.9); background-color: var(--commonColor);
}
.slider_banner .swiper-slide img+img {
	position: absolute; left: 0; top: 0
}
.slider_banner .swiper-slide img {
    width: 100%; transition: 3s linear; transform: scale(1.08);
}
.slider_banner .swiper-slide.swiper-slide-active img {
	transform: scale(1);
}
.slider_banner .swiper-pagination-bullet {margin: 0 8px;}

.banner_txt{position: absolute; left: 0; bottom: 0; color: #fff; background: rgba(0,0,0,.4); padding: 0.78rem 0.6rem;}
.banner_txt .title{font-size: 0.56rem; line-height: 0.64rem;}
.banner_txt ul{float: left;}
.banner_txt ul li{line-height: 0.28rem; color: #fff; font-size: 0.24rem; margin-top: 0.25rem;}
.banner_txt ul li a{color: #fff;}

.slider_banner-phone {display: none;}
@media only screen and (max-width: 950px) {
	.web_main{background: #fff;}
	.slider_banner-phone{display: block; margin-top: 106px;}
	.slider_banner{margin-top: 50px; display: none;}
	.slider_banner .swiper-button-next, .slider_banner .swiper-button-prev{display: none;}
}

/* home_th */
.home_th .s_title{font-family: 'Barlow-Regular'; line-height: 1.5; margin-bottom: 10px;}
.home_th .s_title .txt{color: var(--commonColor); position: relative; display: inline-block; padding-left: 36px;}
.home_th .s_title .txt::before{position: absolute; left: 0; top: 49%; content: ''; width: 26px; height: 1px; background: var(--commonColor);}
.home_th .title{font-weight: bold; font-size: 50px; line-height: 1.25;}
.home_th .title .txt{position: relative; display: inline-block; color: #171717;}
.home_th .brief{line-height: 28px; color: #666; margin-top: 22px;}
.home_th .more_btn{display: inline-block; background: #171717; color: #fff; height: 46px; line-height: 46px; padding: 0 30px; border-radius: 5px; margin-top: 6%;}
.home_th .more_btn:hover{background: var(--commonColor);}
.home_th .title a.txt:hover{color: var(--commonColor);}

.home_th_sm .title{font-size: 46px;}

@media only screen and (max-width: 1450px) {
	.home_th .title{font-size: 44px;}
	.home_th_sm .title{font-size: 42px;}
}
@media only screen and (max-width: 1350px) {
	.home_th .title{font-size: 40px;}
	.home_th_sm .title{font-size: 38px;}
}
@media only screen and (max-width: 1200px) {
	.home_th .title{font-size: 36px;}
	.home_th_sm .title{font-size: 34px;}
}
@media only screen and (max-width: 950px) {
	.home_th .title{font-size: 26px;}
	.home_th_sm .title{font-size: 26px;}
	.home_th .brief{margin-top: 20px;}
	.home_th .more_btn{margin-top: 15px;}
}


/* home_class */
.class_tab_item, .class_tab_item .title{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.home_class .home_th .title{text-align: center;}
.class_tab{margin-top: 2.5%; position: relative; padding: 0 50px; overflow: hidden;}
.class_tab .swiper-slide{width: calc((100% - 42px) / 4); height: auto; display: inline-block; width: auto; margin-right: 30px;}

.class_tab_item{position: relative; background: #F1F1F1; border-radius: 10px; height: 100%; padding: 12px 16px; text-align: center; cursor: pointer; display: flex;}
.class_tab_item .title{line-height: 1.4; position: relative; overflow: hidden; font-size: 20px; color: #171717; display: flex; justify-content: center; align-items: center; width: 100%;}

.class_tab_item.tab_current, .class_tab_item:hover{background: var(--commonColor);}
.class_tab_item.tab_current .title, .class_tab_item:hover .title{color: #fff;}

.class-prev, .class-next{border: 1px solid #fff; font-weight: bold; width: 36px; height: 36px; line-height: 34px; margin-top: -18px; background: none;}
.class-prev:hover, .class-next:hover{color: var(--commonColor); background: transparent; border-color: var(--commonColor);}
.class-prev::before, .class-next::before{font-weight: bold; font-size: 30px; color: var(--commonColor); background: none;}
.class-prev{left: 0;}
.class-next{right: 0;}

.class_inner{padding-top: 4.5%;}
.class_con{display: none; animation: fadeInUpA 0.5s;}
.class_item{width: 31%; margin-right: 3.5%; margin-bottom: 3%;}
.class_item:nth-child(3n){margin-right: 0;}
.class_item .pro_pic{padding-bottom: 100%;}
.class_item .class_info{text-align: center;}
.class_item .title{font-weight: bold; font-size: 22px; line-height: 1.5; margin: 24px 0 8px; height: 4.5em;}
.class_item .brief{line-height: 1.5; color: #666;}
.class_btn{text-align: center; padding-top: 1%;}

@media only screen and (max-width: 1200px) {
	.home_class_info .title{font-size: 22px;}
	.class_item .title{font-size: 20px;       -webkit-line-clamp: 6;    height: 6.5em;

}
}
@media only screen and (max-width: 950px) {
	.class_tab{padding: 0 40px; margin-top: 20px;}
	.class_tab .swiper-slide{width: 100%; margin-right: 0;}
	.class-prev:hover, .class-next:hover{color: var(--commonColor); background: transparent; border-color: #fff;}
.slider_banner-phone img{ width: 100%;}
	.class_inner{padding-top: 30px;}
	.class_item .title{height: auto; display: block; margin: 15px 0 8px;}
	.class_item .brief{height: auto; display: block;}
	.class_item{width: 48.5%; margin-right: 3%; margin-bottom: 22px;}
	.class_item:nth-child(3n){margin-right: 3%;}
	.class_item:nth-child(2n){margin-right: 0;}
	.class_item:nth-child(n+5){display: none;}
	.class_btn{padding-top: 0;}
}
@media only screen and (max-width: 760px) {
	.class_inner{padding-top: 20px;}
	.class_item{width: 100%; margin-right: 0;}
	.class_item:nth-child(3n){margin-right: 0;}
	.class_item:nth-child(n+4){display: none;}
}

/* home_about */
.home_about{margin-top: 4%; background: rgba(var(--comColorRgb), 0.05);}

.home_about_left{width: 39.5%; padding: 5% 0;}
.home_about_left .about_th{font-family: 'Barlow-Regular'; line-height: 1.5; margin-bottom: 10px;}
.home_about_left .about_th .txt{color: var(--commonColor); position: relative; display: inline-block; padding-left: 36px;}
.home_about_left .about_th .txt::before{position: absolute; left: 0; top: 49%; content: ''; width: 26px; height: 1px; background: var(--commonColor);}
.home_title{font-weight: bold; font-size: 40px; line-height: 1.25; color: #171717;}
.home_about_left .brief{color: #666; line-height: 28px; margin: 5% 0 5.5%; /* max-height: 336px; overflow-y: auto; */}
.home_about_left .pubMoreBg{border-radius: 0;}
.home_about_left .pubMoreBg::before{border-radius: 0;}

.home_about_left .about_th a.txt:hover::before{animation: swing 0.5s;}

.home_about_right{width: 57.5%; height: auto;}
.home_about_right lite-youtube{height: 100%; width: 100%; display: block;}

@media only screen and (max-width: 1520px) {
	.home_title{font-size: 38px;}
}
@media only screen and (max-width: 1450px) {
	.home_title{font-size: 36px;}
}
@media only screen and (max-width: 1350px) {
	.home_title{font-size: 32px;}
}
@media only screen and (max-width: 1200px) {
	.home_title{font-size: 28px;}
	.home_about_left{width: 50%;}
	.home_about_right{width: 46%;}
}
@media only screen and (max-width: 950px) {
	.home_about{margin-top: 30px;}
	.home_about .layout{padding: 0; flex-direction: column;}
	.home_about_left{width: 100%; order: 2; padding: 32px 15px;}
	.home_title{font-size: 26px;}
	.home_about_left .brief{height: auto; max-height: unset; overflow: hidden; margin: 16px 0;}

	.home_about_right{width: 100%; order: 1;}
	.home_about_right lite-youtube{height: 320px;}
}

/* home_about_bottom */
.home_about_bottom{position: relative; padding: 5% 0 4.8%;}
.about_list li{width: 31%; margin-right: 3.5%; position: relative; padding-bottom: 12px;}
.about_list li::before{position: absolute; left: 0; bottom: 0; height: 2px; background: var(--commonColor); width: 0; content: '';}
.about_list li:nth-child(3n){margin-right: 0;}
.about_list li .about_pic{width: 72px; height: 72px; border-radius: 15px; background: #171717; padding: 13px;}
.about_list li img{height: 46px;}
.about_list li .title{font-weight: bold; font-size: 18px; height: 28px; line-height: 28px; margin: 20px 0 15px; text-transform: capitalize;}
.about_list li .brief{line-height: 24px; color: #666;}

.about_list li:hover .about_pic{background: var(--commonColor);}
.about_list li:hover::before{width: 60px;}
.about_list li:hover img{animation: swing 0.5s;}

@media only screen and (max-width: 950px) {
	.home_about_bottom{padding: 30px 0;}
	.about_list{flex-direction: column; width: 100%;}
	.about_list li{width: 100%; margin-right: 0; margin-top: 20px; padding-bottom: 10px;}
	.about_list li:first-child{margin-top: 0;}
	.about_list li .title{display: block; height: auto; margin: 15px 0 10px;}
	.about_list li .brief{height: auto; display: block;}
}

/* home_appli */
.home_appli{background: rgba(var(--comColorRgb), 0.05);}
.appli_inner{position: relative; margin-top: 1.5%;}
.appli_inner .swiper-slide{padding-bottom: 22px;}
.appli_item{position: relative;}
.appli_item::before{position: absolute; left: 0; right: 0; bottom: 0; height: 100%; background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.4)); content: ''; z-index: 1; opacity: 0;}
.appli_item .app_pic{padding-bottom: 60%;}
.appli_info{position: absolute; left: 0; right: 0; bottom: 0; height: 0; padding: 0 6%; opacity: 0; z-index: 2;}
.appli_info .title{font-size: 22px; font-family: 'Barlow-Bold'; color: #fff; line-height: 1.5;}
.appli_info .brief{color: #E5E5E5; line-height: 28px; margin-top: 10px;}

.appli_item .pubMoreBg{border-radius: 0; position: absolute; right: 4.5%; bottom: -22px; z-index: 3; opacity: 0;}
.appli_item .pubMoreBg::before{border-radius: 0;}

.appli_item:hover::before{opacity: 1;}
.appli_item:hover .appli_info{padding: 6%; height: auto; opacity: 1;}
.appli_item:hover .pubMoreBg{opacity: 1; right: 4%;}
.app-pagination{display: none;}

@media only screen and (max-width: 950px) {
	.app-prev, .app-next{display: none;}
	.app-pagination{display: block;}
	.appli_inner{padding: 0 0 35px; margin-top: 15px;}
	.appli_info{opacity: 1; height: auto; padding: 20px 20px 24px;}
	.appli_info .brief{display: none;}
	.appli_info .title{font-size: 20px;}
	.appli_item .pubMoreBg{opacity: 1; right: 16px; height: 42px; line-height: 42px;}
}

/* home_company */
.home_company{background: var(--commonColor); padding: 4% 0;}

.company_list{width: 100%;}
.company_list li{width: 14%; margin-right: 3.2%;}
.company_list li:last-child{margin-right: 0;}
.company_list li .com_pic{padding-bottom: 46%;}

.company_list li:hover .com_pic{animation: jump 0.5s;}

@media only screen and (max-width: 1200px) {
	.company_list li{width: 15%; margin-right: 2%;}
}
@media only screen and (max-width: 950px) {
	.home_company{padding: 30px 0;}
	.company_list li{width: 32%; margin-right: 2%;}
	.company_list li:nth-child(3n){margin-right: 0;}
	.company_list li:nth-child(n + 4){margin-top: 20px;}
}
@media only screen and (max-width: 640px) {
	.company_list li{width: calc(50% - 10px); margin-right: 20px;}
	.company_list li:nth-child(3n){margin-right: 20px;}
	.company_list li:nth-child(2n){margin-right: 0;}
	.company_list li:nth-child(n + 3){margin-top: 20px;}
}

/* home_solution */
.home_solution .home_th .brief{max-height: 280px; overflow-y: auto;}
.solution_left{width: 58%;}
.solution_left .solu_pic{padding-bottom: 75%;}

.solution_right{width: 37%;}


@media only screen and (max-width: 950px) {
	.home_solution .layout{flex-direction: column;}
	.solution_left{width: 100%;}
	.solution_right{width: 100%; margin-top: 20px;}
	.home_solution .home_th .brief{max-height: unset; display: block; margin-top: 15px;}
}

/* home_patient */
.home_patient{position: relative; padding: 3% 0 5%;}
.home_patient::before{background: rgba(var(--comColorRgb), 0.05); content: ''; left: 0; right: 0; top: 0; height: 75%; position: absolute;}

.patient_left{width: 37.5%; padding: 3% 0 0;}
.patient_left .patient_pic{padding-bottom: 113%;}
.patient_right{width: 55%; background: url(../img/bg1.png) no-repeat right top; background-size: 25% auto; padding-top: 6%;}
.patient_right .home_th .title{width: 70%;}

.patient_inner{position: relative; background: var(--commonColor); width: 100%; padding: 6% 6% 7%; margin-top: 30px;}

.patient_item .user_pic{width: 76px; height: 76px; border-radius: 50%;}
.patient_item .patient_info{width: calc(100% - 100px);}
.patient_item .title{color: #fff; font-weight: bold; font-size: 28px;}
.patient_item .tag{color: #E5E5E5; line-height: 28px; margin: 6px 0;}
.patient_item .brief{color: #fff; line-height: 28px;}

.patient_inner .swiper-pagination{text-align: right; padding-right: 14px; bottom: 15px;}
.patient_inner .swiper-pagination-bullet{background: rgba(255, 255, 255, 0.5); width: 13px; height: 13px;}
.patient_inner .swiper-pagination-bullet-active{background: rgba(255, 255, 255, 1);}
.patient_inner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 6px;}

.patient_item:hover img{animation: swing 0.5s;}


@media only screen and (max-width: 1200px) {
	.patient_item .title{font-size: 26px;}
	.patient_right{width: 58%;}
	.patient_inner{padding: 30px 24px 42px;}
}
@media only screen and (max-width: 950px) {
	.home_patient{padding: 30px 0;}
	.home_patient::before{height: 100%;}
	.home_patient .layout{flex-direction: column;}
	.patient_left{width: 100%; padding-top: 0;}
	.patient_right{width: 100%; background: none; padding-top: 24px;}
	.patient_right .home_th .title{width: 100%;}
	.patient_right .home_th .brief{margin-top: 12px;}

	.patient_inner{margin-top: 20px; padding: 20px 15px 42px;}
	.patient_item .user_pic{width: 60px; height: 60px;}
	.patient_item .patient_info{width: calc(100% - 72px);}
	.patient_item .title{font-size: 24px;}
}

/* home_form */
.home_form{background: var(--commonColor);}
.form_left{width: 43%; padding: 4% 0;}
.form_th .title{color: #fff; font-size: 30px; font-weight: bold; line-height: 1.25;}
.form_th .brief{color: #E5E5E5; line-height: 1.5; margin-top: 15px;}

.form_div{margin-top: 3%;}
.form_input input, .form_input textarea{border: none; height: 46px; line-height: 46px; width: 100%; font-size: 16px; color: #222; padding: 0 24px; background: url(../img/icon_star.png) no-repeat 12px 18px / 6px auto; background-color: #fff;}
.form_input textarea{height: 128px; min-height: 128px; max-height: 128px; max-width: 100%; min-width: 100%; padding: 10px 24px; line-height: 26px;}
.form_input .input_item{width: 100%; margin-bottom: 14px;}
.form_input .input_item:nth-child(-n+2){width: 48.5%;}
.form_input .input_item:first-child{margin-right: 3%;}
.form_btn .submit_btn{color: #fff; height: 48px; border: 1px solid #fff; background: var(--commonColor); width: 240px; font-size: 16px; margin-top: 12px;}
.form_btn .submit_btn:hover{background: #fff; color: var(--commonColor);}

.form_right{width: 47%;}
.form_right .pic{height: 100%;}

@media only screen and (max-width: 1200px) {
	.form_left{width: 46%;}
	.form_th .title{font-size: 28px;}
}
@media only screen and (max-width: 950px) {
	.home_form{background: #fff; margin-top: 30px;}
	.home_form .layout{flex-direction: column;}
	.form_th .title{font-size: 26px;}
	.form_left{width: 100%; order: 2; background: var(--commonColor); padding: 24px 16px 30px;}
	.form_input .input_item{margin-bottom: 16px;}
	.form_input .input_item:nth-child(-n+2){width: 100%;}
	.form_input .input_item:first-child{margin-right: 0;}
	.form_btn .submit_btn{margin-top: 0;}
	.form_right{width: 100%; order: 1;}
	.form_right .pic{height: 0; padding-bottom: 70%;}
}

/* home_news */
.home_news_info, .home_news_info .news_date, .home_news_info .title, .home_news_info .brief{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.home_news .home_th .title{text-align: center;}
.news_inner{margin: 26px auto 0; position: relative;}

.home_news_list .home_news_item{width: 32%; margin-right: 2%; height: auto;}
.home_news_list .home_news_item:nth-child(3n){margin-right: 0;}

.home_news_item{height: 100%; background: #fff; box-shadow: 0px 4px 29px 0px rgba(236,236,236,0.96);}
.home_news_item .news_pic{padding-bottom: 70%;}

.home_news_info{padding: 24px 20px;}
.news_info::before{position: absolute; content: ''; left: 0; top: 20px; width: 5px; height: 75px; background: #fff;}

.home_news_info .news_date{line-height: 26px; color: #333;}
.home_news_info .title{font-weight: bold; font-size: 22px; line-height: 1.4; height: 4.2em;}
.home_news_info .brief{line-height: 1.5; height: 4.5em; overflow: hidden; color: #666; margin: 12px 0;}
.home_news_info .brief *{font-size: inherit !important; font-family: inherit !important; color: inherit !important;}

.home_news_item:hover{box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, .2);}
.home_news_item:hover .home_news_info .title{color: var(--commonColor);}
.home_news_item:hover .home_news_info .brief{color: var(--commonColor);}

@media only screen and (max-width: 1200px) {
	.home_news_info .title{font-size: 20px;}
}
@media only screen and (max-width: 950px) {
	.about_list li .about_pic{
		margin: 0 auto;
	}
	.about_list li .title,.about_list li .brief{
		text-align: center;
	}
	.news_inner{margin: 15px 0 0;}
	.home_news_info{padding: 20px 16px 12px;}
	.home_news_info .title{height: auto; display: block;}
	.home_news_info .brief{height: auto; display: none;}
	.home_news_info .news_date{display: none;}
	
	.home_news_list{flex-direction: column;}
	.home_news_list .home_news_item{width: 100%; margin-bottom: 20px; margin-right: 0;}
	.home_news_list .home_news_item:last-child{margin-bottom: 0;}
	
}