.df { display: flex; display: -webkit-flex; }

/* 首页 */
.index_content { background: #232323 !important; padding: 0 2% 5%; }
.index_project { background: #fff; border-radius: 0.05rem; padding: 2%; font-size: 0.2rem; color: #666; position: relative; margin-bottom: 4%; }
.index_project {padding-bottom: 10%;}
.index_project .cont,.index_case .cont{display: none;}
.index_brand{ background: #fff; padding: 2% 3% 4%; margin-bottom: 4%; border-radius: 0.05rem; }
.index_case { background: #fff; border-radius: 0.05rem; padding: 2%; margin-top: 4%; font-size: 0.2rem; color: #666;position: relative; }
.index_doc,.index_js { background: #fff; padding: 2% 3% 4%; margin-top: 4%; border-radius: 0.05rem; }
.index_case ul li{margin-top: 2%;}
.index_case {padding-bottom: 10%;}
.index_content .ck{width: 30%;left: 50%;margin-left: -15%;bottom:0.1rem;}
/* 列表页 */
/* project_item */
.project_item { background: #232323 !important; padding: 0 2% 4%; }
.project_item .project_item_content { background: #484848; padding-top: 2%; }
#banner { position: relative; margin-bottom: 1%; width: 97%; overflow: hidden; margin: 0 auto; }
#banner .hd { text-align: right; position: absolute; right: 2%; bottom: 2%; }
#banner .hd li { width: 0.15rem; height: 0.15rem; border: 1px solid #c58bff; border-radius: 50%; background: none !important; display: inline-block; margin: 0 0.05rem;font-size: 0;}
#banner .hd li.on { background:#c58bff !important; }

#bannerbd { position: relative; margin-bottom: 1%; width: 97%; overflow: hidden; margin: 0 auto; }
#bannerbd .hd { text-align: right; position: absolute; right: 2%; bottom: 2%; }
#bannerbd .hd li { width: 0.15rem; height: 0.15rem; border: 1px solid #c58bff; border-radius: 50%; background: none !important; display: inline-block; margin: 0 0.05rem;font-size: 0;}
#bannerbd .hd li.on { background:#c58bff !important; }

.project_item .items, .project_item .project_nav { display: flex; display: -webkit-flex; flex-flow: wrap; }
.project_item .items { padding: 1.5% 0 0%; }
.project_item .project_nav { padding-bottom: 1.5%; }
.project_item .items a { display: block; width: 17%; margin: 1.5% 1.5%; }
.project_item .project_nav a { display: block; background: #6e1c6c; color: #fff; text-align: center; height: 0.5rem; line-height: 0.5rem; border-radius: 0.08rem; color: #fff; font-size: 0.2rem; color: #fff; width: 17%; margin: 1.5% 1.5% 1%; border-radius: 0.05rem; }
.article_tg{ background: #fff; border-radius: 0.05rem; font-size: 0.2rem; color: #666; position: relative; margin-top: 4%; overflow: hidden; }
.article_tg .navs { display: flex; display: -webkit-flex; width: 100%; background: #a81ea6; padding: 2% 0; }
.article_tg .navs a { flex: 1; -webkit-flex: 1; display: block; border-right: 1px solid #fff; font-size: 0.22rem; color: #fff; text-align: center; }
.article_tg .navs a:last-child { border: none; }
.article_tg dl { padding: 2% }
.article_tg dl dt { width: 15%; }
.article_tg dl dd { width: 80%; background: url(/images/list/con6.png) no-repeat left 0.1rem; background-size: 0.25rem; padding-left: 0.35rem; margin-left: 3%}
.article_tg dl dd .tg_scroll { width: 100%; overflow: hidden; }
.article_tg dl dd .tg_scroll ol li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.article_tg dl dd .tg_scroll ol li a{font-size: 0.2rem;}
.ty_doctor{ background: #fff; border-radius: 0.05rem; font-size: 0.2rem; color: #666; position: relative; margin-top: 4%; overflow: hidden; padding: 4% 2%; }
.ty_doctor .more_doc{color:#666;margin-top: 0.6rem;}
#ty_doctor .bd li{overflow: hidden;}
#ty_doctor .bd li dl{width: 32%;float: left;}
#ty_doctor .bd li dl:nth-child(2){margin:0 2%;}
#ty_doctor .bd li dd h3{font-weight: normal;color:#333;text-align: center;font-size: 0.2rem;line-height: 1.4;padding: 0.2rem 0 0.1rem;}
#ty_doctor .bd li dd h3 span{display: block;text-align: center;}
#ty_doctor .bd li dd p{text-align: center;line-height: 1.2;color:#9c1a9a;font-size: 0.2rem;}
#ty_doctor .bd li dl dt{position: relative;}
#ty_doctor .bd li dl dt em{display: block;width: 25%;position: absolute;right: 0;top: 0;}

#ty_doctor1 .swiper-slide{overflow: hidden;}
#ty_doctor1 .swiper-slide dl{width: 100%;float: left;}
#ty_doctor1 .swiper-slide dl:nth-child(2){margin:0 2%;}
#ty_doctor1 .swiper-slide dd h3{font-weight: normal;color:#333;text-align: center;font-size: 0.2rem;line-height: 1.4;padding: 0.2rem 0 0.1rem;}
#ty_doctor1 .swiper-slide dd h3 span{display: block;text-align: center;}
#ty_doctor1 .swiper-slide dd p{text-align: center;line-height: 1.2;color:#9c1a9a;font-size: 0.2rem;}
#ty_doctor1 .swiper-slide dl dt{position: relative;}
#ty_doctor1 .swiper-slide dl dt em{display: block;width: 25%;position: absolute;right: 0;top: 0;}
/* project_item */


.project_introduction { background: #484848; padding: 4% 2% 18%; position: relative; overflow: hidden; }
.project_introduction dl { display: flex; display: -webkit-flex; background: #d0d0d0; padding: 2%; border-radius: 0.05rem; margin-bottom: 3%; }
.project_introduction dl dt { width: 40%; }
.project_introduction dl dt h3 { font-size: 0.25rem; color: #333; font-weight: normal; text-align: left; padding-top: 3%; }
.project_introduction dl dt p { font-size: 0.2rem; color: #666; }
.project_introduction dl dd { width: 60%; }
.project_introduction .more { display: block; width: 1.6rem; height: 1.5rem; border-radius: 50%; background: #d0d0d0 !important; font-size: 0.28rem; text-align: center; line-height: 1.2; padding-top: 0.1rem; position: absolute; left: 50%; margin-left: -0.8rem; bottom: -0.8rem; }

/* 文章页 */
.aticle_content { background: #232323 !important; padding: 0 2% 5%; }
.aticle_content .article_item { background: #fff; border-radius: 0.05rem; padding: 2%; position: relative; }
.aticle_content .article_item dl { display: flex; display: -webkit-flex; }
.aticle_content .article_item dl dt { width: 60%; }
.aticle_content .article_item dl dt h3 { font-size: 0.25rem; color: #333; }
.aticle_content .article_item dl dt p { font-size: 0.2rem; color: #666; padding: 2% 4% 0; }
.aticle_content .article_item dl dd { width: 40%; }
.article_item .ck { font-size: 0.25rem; color: #a81ea6; text-align: center; margin-top: 3%; position: absolute; right: 8%; bottom: 0.15rem; }
.article_item .ck span { display: inline-block; width: 0.08rem; vertical-align: middle; }
/* .aticle_content .article_item .article_details { display: none; } */
.aticle_content .article_item .article_details span { font-size: 0.22rem; font-weight: 700; color: #666; background: url(/images/list/con3.png) no-repeat left center; background-size: 0.25rem; padding-left: 0.3rem; }
.aticle_content .article_item .article_details { border-top: 1px dashed #bfbfbf; padding-top: 4%; margin-top: 4%; }
.aticle_content .article_item .article_details p { font-size: 0.2rem; color: #666; margin: 2% 0 4%; }
.aticle_content .article_item .article_details ul { display: flex; display: -webkit-flex; margin-bottom: 4%; }
.aticle_content .article_item .article_details ul li { width: 48%; margin: 0 1%; }
.btn { display: block; width: 30%; background: #ab34a4; height: 0.5rem; line-height: 0.5rem; font-size: 0.25rem; color: #fff !important; text-align: center; border-radius: 0.35rem; margin: 4% auto 0; }
.article_case { background: #fff; border-radius: 0.05rem; padding: 2%; margin-top: 4%; font-size: 0.2rem; color: #666; }
.article_title_top { overflow: hidden; margin-bottom: 1%; }
.article_title_top .title { background: url(/images/list/logo.png) no-repeat left center; background-size: 0.6rem; height: 0.65rem; padding-left: 0.65rem; line-height: 0.62rem; float: left; font-size: 0.18rem; color: #666; }
.title strong { font-size: 0.26rem; color: #333; }
.title span { float: right; padding-left:2.25rem;}
.article_title_top .txtMarquee-top { width: 50%; height: 0.7rem; margin: 0 3%; float: left; line-height: 0.65rem; }
.title_more { display: block; width: 11%; float: right; height: 0.45rem; padding-top: 0.20rem; }              
.article_case { position: relative; }
.article_case a { color: #931d92; }
.article_case dl { display: flex; display: -webkit-flex; margin: 3% 0 6%; }
.article_case dl dt { width: 20%; margin-right: 3%; }
.article_case dl dd { width: 77%; }
/* .article_process { display: none; } */
.article_process span { font-size: 0.22rem; font-weight: 700; color: #666; background: url(/images/list/con3.png) no-repeat left center; background-size: 0.25rem; padding-left: 0.3rem; display: block; margin-bottom: 2%; }
.article_process p { margin: 2% 0 3%; }
.article_doc { background: #fff; border-radius: 0.05rem; padding: 5% 2% 4%; margin-top: 4%; font-size: 0.2rem; color: #666; }
#doctor { background: #dadae4; overflow: hidden; width: 100%; }
#doctor .gallery-top dl { display: flex; display: -webkit-flex; }
#doctor .gallery-top dl dt { flex: 1; -webkit-flex: 1; }
#doctor .gallery-top dl dd { flex: 1; -webkit-flex: 1; }
#doctor .gallery-top dl dd h3 { font-size: 0.3rem; text-align: left; color: #333; padding-top: 12%; }
#doctor .gallery-top dl dd p { margin-bottom: 4%; padding-right: 5%; }
#doctor .gallery-top dl dd a { display: inline-block; font-size: 0.2rem; color: #fff; width: 44%; background: #a31ea1 !important; height: 0.4rem; line-height: 0.4rem; border-radius: 0.2rem; text-align: center; margin-top: 3%; }
#doctor .gallery-top dl dd a.a1 { background: #333 !important; margin-right: 2%; }
#doctor .gallery-thumbs dl {width: 33%; margin-top:20px; position: relative; background: #333333; padding: 2% 0; }
#doctor .gallery-thumbs dl dt { width: 76%; margin: 0 auto; }
#doctor .gallery-thumbs dl dd { color: #fff; text-align: center; margin-top: 1%; width: 100%; }
#doctor .gallery-thumbs dl.swiper-slide-active { background: #a31ea1 !important; }
#doctor .gallery-thumbs dl span { display: block; width: 0.3rem; height: 0.13rem; position: absolute; left: 50%; margin-left: -0.15rem; top: -0.13rem; display: none; }
#doctor .gallery-thumbs dl.swiper-slide-active span { display: block !important; }
.article_hot { background: #fff; padding: 2% 3% 4%; margin-top: 4%; border-radius: 0.05rem; }
.more_zt { display: block; font-size: 0.25rem; color: #a81ea6; text-align: center; margin-top: 3%; }
.more_zt span { display: inline-block; width: 5%; vertical-align: middle; }
.article_brand { background: #fff; padding: 2% 3% 4%; margin-top: 4%; border-radius: 0.05rem; }
.article_question { background: #fff; border-radius: 0.05rem; padding: 2% 3% 4%; margin-top: 4%; font-size: 0.2rem; color: #666; }
.article_question a { font-size: 0.25rem; color: #666; display: block; line-height: 1.8; background: url(/images/list/icon4.jpg) no-repeat left center; background-size: 0.08rem; padding-left: 0.15rem; }
.article_question .mr { padding-left: 4%; }
.article_answer { background: #fff; border-radius: 0.05rem; padding: 2%; margin-top: 4%; font-size: 0.2rem; color: #666; padding-bottom: 5%; }
.article_answer dl { font-size: 0.2rem; color: #666; margin: 0% 4% 4%; }
.article_answer dl dt a { display: block; color: #9b1799; background: url(/images/list/icon5.png) no-repeat left center; background-size: 0.24rem; padding-left: 0.28rem; margin-bottom: 1%; }
.article_answer dl dd { background: url(/images/list/icon6.png) no-repeat left 0.05rem; background-size: 0.24rem; padding-left: 0.28rem; }
.article_answer a.btns { display: block; width: 40%; height: 0.5rem; line-height: 0.5rem; font-size: 0.25rem; color: #fff; border-radius: 0.35rem; margin: 4% auto 0; background: url(/images/list/icon7.png) no-repeat 1.54rem center; background-size: 0.30rem; background-color: #ab34a4; text-indent: 0.5rem; }

/* 频道页 */
.channel_content { background: #232323 !important; padding: 0% 2% 5%; }
.channel_item, .channel_case, .channel_project { background: #fff; border-radius: 0.05rem; padding: 2%; font-size: 0.2rem; color: #666; position: relative; margin-bottom: 4%; }
/* .channel_in, .channel_case_pro, .channel_project_i { display: none; } */
.channel_item .channel_in p { text-indent: 2em; margin-top: 3%; }
.channel_case .channel_case_item { margin-top: 3%; }
.channel_case .channel_case_item p { padding: 2%; }
.channel_case .channel_case_item p a { color: #ab34a4; }
.project_box{margin-top: 2%;}
dl.project_box { display: flex; display: -webkit-flex; background: #484848; padding: 2% 2% 2% 0; border-radius: 0.05rem; }
dl.project_box dt, dl.project_box dd { width: 50%; }
dl.project_box dt { padding: 4% 0 4% 6%; overflow: hidden;width: 44%;}
dl.project_box dt a {text-align: center; font-size: 0.22rem; color: #fff; line-height: 1.6; margin:0 4%;float: left;}
dl.project_box dd { background: #ab34a4; }
dl.project_box dd img { position: relative; left: 2%; top: -3%; }
.channel_project { padding-bottom: 12%; }
.channel_project_nav dl { display: flex; display: -webkit-flex; background: #dadae4; margin-top: 4%; margin-bottom: 3%; }
.channel_project_nav dl dt { width: 85%; font-size: 0.25rem; color: #333; padding: 2% 0; padding-left: 4%; }
.channel_project_nav dl dd { width: 12%; padding-top: 3%; margin-right: 3%; }
.channel_project_nav ul { overflow: hidden; display: flex; display: -webkit-flex; flex-flow: wrap; padding: 0 4%; }
.channel_project_nav ul li { width: 33.33%; text-align: left; height: 0.3rem; line-height: 0.3rem; }

/* 项目模板 */
.article_ys { background: #fff; border-radius: 0.05rem; padding: 2%; font-size: 0.2rem; color: #666; position: relative; margin-top: 4%; }
.article_ys .pic { border: 0.04rem solid #dadae4; }
.article_ys dl { margin-top: 3%; }
.article_ys .cont { display: none; }
.article_ys dl dt { font-size: 0.22rem; font-weight: 700; color: #666; background: url(/images/list/con3.png) no-repeat left center; background-size: 0.25rem; padding-left: 0.3rem; display: block; }
.article_pro_nav { background: #fff; border-radius: 0.05rem; font-size: 0.2rem; color: #666; position: relative; margin-bottom: 4%; }
.article_pro_nav .article_title_top { background: #fff; border-radius: 0.05rem; padding: 2%; font-size: 0.2rem; color: #666; position: relative; padding: 2% 2% 0; }
#article_pro_item { width: 100%; overflow: hidden; }
#article_pro_item .small_nav { border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; background: #f1f1f1; margin: 2% 0; }
#article_pro_item .small_nav ul li { font-size: 0.22rem; color: #333; padding: 2% 0; text-align: center; }
#article_pro_item .small_nav ul li:last-child { border: none; }
#article_pro_item .small_nav ul li.swiper-slide-active { color: #a31ea1 !important; }
#article_pro_item .content_item { padding-bottom: 4%; overflow: hidden; position: relative; }
#article_pro_item .content_item .swiper-slide { position: relative; }
#article_pro_item .content_item .swiper-slide h3 { font-size: 0.24rem; color: #44404e !important; text-align: center; padding-top: 5%; }
#article_pro_item .content_item .swiper-slide .mr { padding: 0 2%; }
/* #article_pro_item .content_item .swiper-slide .cont { display: none; } */
#article_pro_item .content_item .swiper-slide .cont strong { font-weight: normal; font-size: 0.2rem; color: #4e4a58 !important; padding: 0.5% 2%; border: 1px solid #4e4a58; }
#article_pro_item .content_item .swiper-slide .cont p { font-size: 0.2rem; margin: 2% 0 3%; }
.show { font-size: 0.25rem; color: #a81ea6; text-align: center; margin-top: 3%; position: absolute; right: 8%; bottom: 0.3rem; }
.show span { display: inline-block; width: 0.08rem; vertical-align: middle; }
.case_list { background: #fff; border-radius: 0.05rem; padding: 2% 2% 10%; font-size: 0.2rem; color: #666; position: relative; margin-top: 4%; }
.case_list dl { margin-bottom: 3%; }
.case_list dl dd { margin-top: 2%; }
.case_list dl dd a { color: #ab34a4; }
.case_list .cont { display: none; }
.article_th { background: #fff; border-radius: 0.05rem; padding: 2%; font-size: 0.2rem; color: #666; position: relative; margin-top: 4%; }
.article_tx { background: #fff; border-radius: 0.05rem; padding: 2%; font-size: 0.2rem; color: #666; position: relative; margin-top: 4%; }
/* .article_tx .cont { display: none; } */
.article_tx dl { margin-top: 4%; }
.article_tx dl dt { font-size: 0.22rem; font-weight: 700; color: #666; background: url(/images/list/con3.png) no-repeat left center; background-size: 0.25rem; padding-left: 0.3rem; display: block; margin-bottom: 1%; }



/* 注射类模板 */
.article_zx { background: #fff; border-radius: 0.05rem; font-size: 0.2rem; color: #666; position: relative; margin-bottom: 4%; overflow: hidden;padding: 2% 4%; }
.article_zx .cont{display: none;}
.article_zx dl{margin-top: 2%;}
.article_zx dl dt {font-size: 0.22rem;font-weight: 700;color: #666;background: url(/images/list/con3.png) no-repeat left center;background-size: 0.25rem;padding-left: 0.3rem;display: block;margin-bottom: 1%;
}
.article_zx ul{flex-flow: wrap;}
.article_zx ul li{width: 28%;position: relative;padding:2% 2% 4%;margin-top: 3%;}
.article_zx ul li:before{content:"";position: absolute;border:1px solid #e9e9e9;left: 1px;top: 1px;right: 1px;bottom: 1px;}
.article_zx ul li:nth-child(2),.article_zx ul li:nth-child(5){margin:3% 2% 0;}
.article_zx ul li h3{font-size: 0.25rem;font-weight: normal;text-align: center;color:#333333;}
.article_zx ul li img{display: block;margin-bottom: 0.1rem;}
.article_zx ul li p{font-size: 0.18rem;color:#666;}
.article_zx ul li p strong{font-weight: normal;color:#ff8a0c;}
.article_tx p.p1{text-indent: 2em;margin-top: 3%;}

/* 文章模板 */
.article_wz { background: #fff; border-radius: 0.05rem; font-size: 0.2rem; color: #666; position: relative; margin-bottom: 4%; overflow: hidden;padding: 4% 2% 6%; }
.article_wz h1{font-size: 0.3rem;color:#333;text-align: center;}

.article_wz p{font-size: 0.2rem;margin:4% 0;}

@media screen and (max-width:375px){
	.article_tx,.case_list,.article_zx,.article_zx dl dt,.article_details,.aticle_content .article_item dl dt p,.article_tg dl dd,.aticle_content .article_item .article_details p,.aticle_content .article_item .article_details span,div.ck,.btn,.article_doc,.title,.article_brand,.mr,.article_answer dl,.article_case,.article_process span{font-size: 14px !important;}
	#doctor .gallery-top dl dd h3,.title strong,strong{font-size: 16px !important;}
}
#article_pro_item .swiper-slide{height:16px !important}
#article_pro_item .swiper-slide-active{ height:auto !important;}