@charset "utf-8";

/* CSS Document */

/*---------------首页--------------开�?----------------------*/

/*---------首页---专家---开�?----*/

.index_colum_two,.index_expert{overflow:hidden;}

.index_colum_two li,.index_expert li{width:48%; height:auto; background:#c2b075; text-align:center; font-size:1.4rem; padding-bottom:0.5rem;}

.index_expert{margin-bottom:1rem;}

.index_expert li a{color:#3e3517;}

.index_expert li img{margin-bottom:9px;}

.index_expert li p{padding:0 2%;}

/*---------首页---经典案例---开�?----*/

.classic_case{margin-bottom:1rem;}

.classic_case li{float:left; font-size:15px; color:#fff; cursor:pointer; width:25%; box-sizing:border-box; text-align:center; background:#F97B41; line-height:2em; border-right:1px solid #3e3517;}

.classic_case li:last-child{border-right:none;}

.classic_case li.on{background:#ddd;}

.classic_case_con{margin-bottom:1rem;}

.classic_case_con li{display:none;}

.classic_case_con li.on{display:block;}

/*---------首页---圣洁口腔动态新�?--开�?----*/

.news_trends{padding-bottom:1rem; border-bottom:1px dashed #bbb9b3; margin-bottom:1rem;}

.news_trends img{float:left; width:32%; margin-right:2%;}

.news_trends h3{margin-bottom:1rem; line-height:1.4em; margin-bottom:0.2rem;}

.news_trends h3 a{color:#3e3517;}

.news_trends p{height:8.4em; overflow:hidden; line-height:1.4em; text-overflow:ellipsis; text-indent:0;}

.news_trends p a{color:#656363;}

@media screen and (max-width:600px) and (min-width:500px){

	.news_trends h3{margin-bottom:0rem;}

	.news_trends p{height:4.2em;}

}

@media screen and (max-width:500px) and (min-width:340px){

	.news_trends h3{margin-bottom:0rem;}

	.news_trends p{height:2.8em;}

}

@media screen and (max-width:340px) and (min-width:320px){

	.news_trends h3{margin-bottom:0rem;}

	.news_trends p{height:2.8em;}

}

.news_trends_list{margin-bottom:1rem;}

.news_trends_list li{padding-left:0.2em; background:url(../images/index_news_point.gif) no-repeat left center; }

.news_trends_list li,.news_trends_list li a{color:#3e3517; height:2em;}

.news_trends_list li a{width:73%; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; display:inline-block;}

.news_trends_list li span{float:right;}

/*---------------品牌中心-公益--------------开�?----------------------*/

.brand_top{padding:4%; background:#fff3ec; margin-bottom:1rem;}

.brand_top img{float:left; width:42%; height:auto; margin-right:2%;}

.brand_top p{color:#000;}

/*---------------圣洁公益活动-------------开�?----------------------*/

.public_list li{height:auto; padding-top:1rem; margin-bottom:1rem; border-top:1px dashed #ddd4ba; overflow:hidden; }

.public_list li:first-child{border-top:none;}

.public_list li img{width:202px !important; height:122 !important; float:left; margin-right:2%; border:4px solid #fff4ec;}

.public_list li h3{font-size:1.4rem; line-height:1.4em; margin-bottom:0.2rem;color:#3e3517;}

.public_list li h3 a{color:#3e3517;}

.public_list li p{ overflow:hidden; text-overflow:ellipsis; line-height:1.4em; height:7em; overflow:hidden; text-indent:0;}

.public_list li p a{color:#656363;}

@media screen and (max-width:600px) and (min-width:500px){

	.public_list li h3{margin-bottom:0rem;}

	.public_list li p{height:5.6em;}

}

@media screen and (max-width:500px) and (min-width:340px){

	.public_list li h3{margin-bottom:0rem;}

	.public_list li p{height:4.2em;}

}

@media screen and (max-width:340px) and (min-width:320px){

	.public_list li h3{margin-bottom:0rem;}

	.public_list li p{height:2.8em;}

}



.page_index{margin-bottom:2rem;} 

.page_index li{display:inline-block; width:auto; min-width:2em; padding:0 0.2em; height:2em; line-height:2em; border:1px solid #978652; margin-right:0.2em;}

.page_index li.thisclass{color:#fff; background:#978652;}

.page_index li a{color:#000; display:block;}

/*---------------品牌优势-------------开�?----------------------*/

.column_ti{line-height:2em; background:#ab9a63; margin-bottom:1rem;

	background: -webkit-gradient(linear, 0 0, 0 100%, from(#c1af75), to(#988752)); /** Chrome Safari **/ 

	background: -moz-linear-gradient(top, #c1af75, #988752); /** FireFox **/

	background: -o-linear-gradient(top, #c1af75, #988752);  /** Opear **/ 

	background: -ms-linear-gradient(#c1af75 0%,#988752 100%);  /** IE9 IE10 **/

}

.reason_ten li{border:1px solid #d8d8d8; width:49%; padding:2%; box-sizing:border-box; margin-bottom:1rem; height:14em;}

.reason_ten li img{width:20%; height:auto; margin:0 auto; display:block; margin-bottom:0.4rem;}

.reason_ten li h3{padding:0.2rem;}

@media screen and (max-width:440px) and (min-width:320px){

	.reason_ten li{height:16em;}

	.reason_ten li img{width:30%; height:auto;}

}

/*---------------环境-------------开�?----------------------*/

.environment_show li{width:49%; padding:1%; background:#fff4ec; text-align:center; box-sizing:border-box; margin-bottom:1rem;}

.environment_show li:nth-child(2n-1){float:left;}

.environment_show li:nth-child(2n){float:right;}

.environment_show p{background:#363114; color:#fff; line-height:2em; }

.gold_tec_show li{color:#3e3517;}

.gold_tec_show li img{width:44%; height:auto; float:left; margin-right:2%;}

.gold_tec_show li h3{font-size:1.6rem;}

.gold_tec_show li p{font-size:1.4rem;}

.gold_tec_show li dl{overflow:hidden;}

.gold_tec_show li dt{width:44%; float:left;}

.gold_tec_show li dd{width:54%; float:right;}

.gold_tec_show li dt img{width:100%; margin-right:0; float:none; display:block;}

@media screen and (max-width:420px) and (min-width:320px){

	/*.gold_tec_show li{width:300px; margin:0 auto;}*/

	.gold_tec_show li dt{width:100%; float:none; margin-bottom:1rem;}

	.gold_tec_show li dt img{width:100%; display:block; margin:0 auto;}

	.gold_tec_show li dd{width:100%; float:none;}

}



.gold_tec_a{line-height:2em; border-radius:0.4rem; background:#766a45; display:inline-block; color:#fff; padding:2%; box-sizing:border-box; padding:0 3em;

	background: -webkit-gradient(linear, 0 0, 0 100%, from(#c4b384), to(#453b1c)); /** Chrome Safari **/ 

	background: -moz-linear-gradient(top, #c4b384, #453b1c); /** FireFox **/

	background: -o-linear-gradient(top, #c4b384, #453b1c);  /** Opear **/ 

	background: -ms-linear-gradient(#c4b384 0%,#453b1c 100%);  /** IE9 IE10 **/

}

@media screen and (max-width:440px) and (min-width:320px){

	/*.gold_tec_show li img{width:40%;}

	.gold_tec_show li h3{font-size:1.4rem;}

	.gold_tec_show li p{font-size:1.2rem; line-height:1.5em;}*/

}

/*---------------介绍-------------开�?----------------------*/

.introduce-letter{padding:0 3%; background:url(../images/introduce_p_bg.gif) no-repeat center bottom; background-size:100% auto; padding-bottom:4em; margin-bottom:1rem;}

.introduce_quality{position:relative;}

.introduce_quality img{margin-bottom:0;}

.introduce_quality a{position:absolute;}

.introduce_quality a.a1{width:33.5%; height:49.5%; left:0; top:0;}

.introduce_quality a.a2{width:32.8%; height:49.5%; left:33.8%; top:0;}

.introduce_quality a.a3{width:33%; height:49.5%; right:0%; top:0;}

.introduce_quality a.a4{width:49.9%; height:49.5%; left:0; bottom:0;}

.introduce_quality a.a5{width:49.9%; height:49.5%; right:0; bottom:0;}

/*---------------文章详细�?------------开�?----------------------*/

.article_ti{text-align:center; padding:0.8em 2% 0.5em; color:#3e3517; line-height:1.5em; font-size:1.8rem;}

@media screen and (max-width:440px) and (min-width:320px){

	.article_ti{font-size:1.6rem;}

}

.article_sub_ti{width:98%; margin:0 auto; padding:0.5em 2%; background:#ededed; color:#3e3517; box-sizing:border-box; margin-bottom:1rem;}

.article_zone{padding:0 3%; margin-bottom:3rem;}

.article_zone img{width:60%; height:auto; display:block; margin:0 auto;}

.article_zone p{text-indent:2em; margin-bottom:1rem;}

.article_zone strong{font-weight:bold;}

/*---------------来院线路-------------开�?----------------------*/

.route_inf{line-height:1.8em;}

.route_bus{width:94%; margin:0 auto; margin-bottom:1rem;}

.route_bus .txt,.route_bus span,.route_bus .btn{display:inline-block; padding:0 0.2em; width:auto; line-height:2em; height:2em;}

.route_bus .txt{border:1px solid #978652; width:26.5%;}

.route_bus .btn{background:#a5955e; border:none; border-radius:0.4rem; float:right;

	background: -webkit-gradient(linear, 0 0, 0 100%, from(#b4a46a), to(#9b8b57)); /** Chrome Safari **/ 

	background: -moz-linear-gradient(top, #b4a46a, #9b8b57); /** FireFox **/

	background: -o-linear-gradient(top, #b4a46a, #9b8b57);  /** Opear **/ 

	background: -ms-linear-gradient(#b4a46a 0%,#9b8b57 100%);  /** IE9 IE10 **/

}

/*---------------来院线路-------------开�?----------------------*/

.pai-pai-con{padding:3%;}

.pai-pai-con p{padding:0.2em 0;}

.tel_txt{border:1px solid #bfaf73; border-radius:0.4rem; width:100%; box-sizing:border-box; padding:0 0.5em; line-height:2em; color:#b6b6b6; }

.pai-pai-con .picture{width:30%; height:auto; margin:0 auto; margin-bottom:1rem;}

.pai-pai-con .submit{padding:0 0.5em; background:#3c4b4b; border-radius:0.4rem; line-height:2em; border:none; color:#fff;

	background: -webkit-gradient(linear, 0 0, 0 100%, from(#6d8082), to(#162220)); /** Chrome Safari **/ 

	background: -moz-linear-gradient(top, #6d8082, #162220); /** FireFox **/

	background: -o-linear-gradient(top, #6d8082, #162220);  /** Opear **/ 

	background: -ms-linear-gradient(#6d8082 0%,#162220 100%);  /** IE9 IE10 **/

}

@media screen and (max-width:440px) and (min-width:320px){

	.pai-pai-con .picture{width:40%; height:auto;}

}

/*---------------权威专家-------------开�?----------------------*/

.expert_index li{width:33%; line-height:2em; background:#c7b679; float:left; margin-right:0.5%; color:#fff; text-align:center;}

.expert_index li:last-child{margin-right:0;}

.expert_index li.on{background:#3e3517;}

.expert_con{margin-bottom:1rem; width:90%; margin:0 auto;}

.expert_con li{display:none;}

.expert_con li.on{display:block;}

.expert_con li{overflow:hidden;}

.expert_con li .expert_inf{width:49%; margin-bottom:2%;}

.expert_con li .expert_inf h3{font-size:1.6rem; color:#c6b877;}

.expert_con li .expert_inf p{color:#909090; height:3em;}

.expert_con li .expert_inf a{background:#bfaf73; display:block; line-height:2em; font-size:1.6rem; text-align:center; color:#fff;}

.expert_con li .expert_inf a span{background:url(../images/expert_a.gif) no-repeat left center; padding-left:1.2em; background-size:1em auto;}

.expert_con li .expert_inf:nth-child(2n-1){float:left;}

.expert_con li .expert_inf:nth-child(2n){float:right;}

@media screen and (max-width:440px) and (min-width:320px){

	.expert_con{width:100%;}

	.expert_con li .expert_inf h3{font-size:1.4rem; }

}

/*---------------万能�?------------开�?----------------------*/

/*------oral_time--------*/

.oral_time,.oral_subject{width:94%; height:auto; overflow:hidden; padding:20px 0; box-sizing:border-box; margin:0 auto;}

.oral_time li{width:49%; height:auto; overflow:hidden; float:left;}

.oral_time li.two{float:right;}

/*------oral_subject--------*/

.oral_subject{padding:0;}

.oral_subject div{width:49%; height:auto; overflow:hidden; position:relative; margin-bottom:20px;}

.oral_subject div.fl{float:left;}

.oral_subject div.fr{float:right;}

.oral_subject div ul{width:40%; height:84%; position:absolute; right:6%; top:9%; }

.oral_subject div.fr ul{right:9%;}

.oral_subject div ul li{width:100%; height:24%; margin-bottom:1px; /*background:pink;*/}

.oral_subject div ul li a{width:100%; height:100%; display:inline-block;}

/*------oral_back_top--------*/

.oral_back_top{width:94%; height:44px; background:#756a43; line-height:44px; text-align:center; font-size:20px; margin:0 auto; border-radius:5px; margin-bottom:20px;

	background: -webkit-gradient(linear, 0 0, 0 100%, from(#bcac71), to(#4d442a)); /** Chrome Safari **/ 

	background: -moz-linear-gradient(top, #bcac71, #4d442a); /** FireFox **/

	background: -o-linear-gradient(top, #bcac71, #4d442a);  /** Opear **/ 

	background: -ms-linear-gradient(#bcac71 0%,#4d442a 100%);  /** IE9 IE10 **/

}

.oral_back_top a{width:100%; height:100%; display:inline-block; color:#fff;}

@media screen and (max-width:440px) and (min-width:320px){

	.oral_time{

		padding:10px 0;

	}

	.oral_subject{

		padding:0;

	}

	.oral_subject div{

		margin-bottom:10px;

	}

	.oral_back_top{

		height:30px;

		line-height:30px;

		margin-bottom:10px;

	}

}

/*---------------经典案例-------------开�?----------------------*/

.case_index{margin-bottom:0.5rem;}

.case_index li{width:24.25%; height:2em; text-align:center; color:#fff; background:#c7b679; font-size:1.6rem; line-height:2em; margin-right:1%; float:left;}

.case_index li:last-child{margin-right:0;}

.case_index li.on{background:#3e3517;}

.case_con li{display:none;}

.case_con li.on{display:block;}

.case_con li .msg{padding:5% 3%; background:#efefef; margin-bottom:1rem; box-sizing:border-box; position:relative;}

.case_con li .msg a{width:22%; height:12%; position:absolute; bottom:11.6%; right:26%;}

.case_con li .msg a.zx{right:3%;}