﻿/*------------------------------- 公用模块样式-------------------------------*/


/*-------------------------------公用头部开始------模板：logo.htm，nav.htm-------------------------*/
.hdbzj_header{
	width:100%;
/*	background-color: white;*/
	overflow: hidden;
	padding: 0% 6%;
	border-bottom: 2px solid #f3f3f3;
}
.hdbzj_header_nav{
	box-shadow:inset 0px 0px 15px 0px #d9d9d9;
}
/*logo*/
.hdbzj_header>.hdbzj_logo{
	float: left;
	width: 24.9%;
	margin: 0.12rem 0rem 0.1rem;
	position: relative;
	transition: 1s;
}
.hdbzj_header>.hdbzj_logo>img{
	width: 100%;
}
.hdbzj_header>.hdbzj_logo>img:nth-child(2){
	position: absolute;
	top: 0rem;
	left: 0rem;
}
/*电话icon*/
.hdbzj_header>a>img{
	display: block;
	width: 3.86%;
	float: right;
	margin-top: 0.1rem;
}
/*导航*/
.hdbzj_nav{
	width: 100%;
	/*border: 1px solid blue;*/
	padding: 0% 6%;
	position: relative;
}
.hdbzj_nav>ul{
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.hdbzj_nav>ul>li{
	color: black;
	font-size: 0.24rem;
	line-height: 0.8rem;
}
#hdbzj_navlist a {
    color: black;
}
/*选中下滑块*/
.hdbzj_nav>img{
	display: block;
	width: 11.2%;
	position: absolute;
	top:0.66rem;
	left: 6%;
	transition: 0.2s;
}
/*-------------------------------中部弹窗-------模板：window.htm------------------------*/
			/*删除*/
			/*#continer{
				width: 100%;
				height: 100%;
				background-color:rgba(95,95,95,0.5);
				border: 1px solid red;
			}*/
			/*弹窗*/
			.hdbzj_popup{
				display: none;
				width: 66%;
				position: relative;
				position: fixed;
				top: 35%;
				left:17%;
				z-index: 99;
			}
			/*背景大图*/
			.hdbzj_popup>.hdbzj_popup_bg{
				width: 100%;
				border-radius: 5px;
			}
			/*关闭按钮*/
			.hdbzj_popup>.hdbzj_popup_close{
				width: 7%;
				position: absolute;
				top: 2%;
				right: 2%;
			}
			/*弹窗上面按钮*/
			.hdbzj_popup>.hdbzj_popup_topbtn{
				display: block;
				width: 100%;
				height: 63%;
				position: absolute;
				top: 15%;
				left: 0%;
			}
			/*弹窗下面两个按钮*/
			.hdbzj_popup>.hdbzj_popup_btns{
				width: 100%;
				position: absolute;
				bottom: 0px;
				left: 0px;
				overflow: hidden;
			}
			.hdbzj_popup>.hdbzj_popup_btns>a{
				display: block;
				width: 50%;
				height: 0.6rem;
				float: left;
			}


/*-------------------------------底部悬浮---------模板：buttomfixed.htm----------------------*/
			/*底部悬浮商务通*/
			.hdbzj_buttomfixed{
				width: 7.4rem;
				position: fixed;
				bottom: 0px;
				z-index: 999;
				display: flex;
				flex-direction: row;
				background-color: #959595;
			}
			/*底部列表*/
			.hdbzj_buttomfixed>a{
				display: block;
				height: 0.9rem;
				text-align: center;
			}
			/*图标下文字*/
			.hdbzj_buttomfixed>a span{
				display: block;
				font-size: 0.2rem;
				line-height: 0.36rem;
				font-family: "微软雅黑";
				color: white;
			}
			/*回到顶部，医院地址*/
			.hdbzj_buttomfixed>.hdbzj_backtop,
			.hdbzj_buttomfixed>.hdbzj_address{
				width: 22.6%;
			}
			.hdbzj_buttomfixed>.hdbzj_backtop>img,
			.hdbzj_buttomfixed>.hdbzj_address>img{
				width: 16.47%;
			}
			.hdbzj_buttomfixed>.hdbzj_backtop>img{
				margin-top: 0.19rem;
			}
			.hdbzj_buttomfixed>.hdbzj_address>img{
				margin-top: 0.14rem;
			}
			/*咨询,通话*/
			.hdbzj_buttomfixed>.hdbzj_consult,
			.hdbzj_buttomfixed>.hdbzj_phone{
				width: 27.4%;
				margin-top: -0.07rem;
				background-color: #434343;
				z-index: 9999;
			}
			.hdbzj_buttomfixed>a>div{
				width: 100%;
				height: 100%;
				background-color: #7d7d7d;
			}
			.hdbzj_buttomfixed>.hdbzj_consult img{
				width: 22.6%;
				margin-top: 0.13rem;
			}
			.hdbzj_buttomfixed>.hdbzj_consult{
				border-top-left-radius: 10px;
				border-bottom-left-radius: 10px;
			}
			.hdbzj_buttomfixed>.hdbzj_consult>div{
				border-top-left-radius: 10px;
				border-bottom-left-radius: 10px;
				transform-origin: right bottom;
			}
			.hdbzj_buttomfixed>.hdbzj_phone img{
				width: 14.4%;
				margin-top: 0.08rem;
			}
			.hdbzj_buttomfixed>.hdbzj_phone{
				border-top-right-radius: 10px;
				border-bottom-right-radius: 10px;
			}
			.hdbzj_buttomfixed>.hdbzj_phone>div{
				border-top-right-radius: 10px;
				border-bottom-right-radius: 10px;
				transform-origin: left bottom;
			}


/*-------------------------------公用尾部-----模板：buttom.htm--------------------------*/

			#hdbzj_footer{
				/*border: 1px solid red;*/
				padding-bottom: 1.1rem
			}
			#hdbzj_footer>#hdbzj_footer_top{
				background: no-repeat url(../images/hdbzj_footerbg.jpg);
				background-size: 100% 100%;
				overflow: hidden;
			}
			/*logo*/
			#hdbzj_footer>#hdbzj_footer_top>#hdbzj_footerlogo{
				display: block;
				width: 37.3%;
				margin: 0.75rem auto 0.55rem;
				overflow: hidden;
				/*border: 1px solid red;*/
			}
			#hdbzj_footer>#hdbzj_footer_top>#hdbzj_footerlogo>.hdbzj_footerlogoleft{
				display: block;
				width: 32.1%;
				margin:1.5% 3.57% 0% 0%;
				float: left;
			}
			/*旋转logo*/
			#hdbzj_footer>#hdbzj_footer_top>#hdbzj_footerlogo>.hdbzj_footerlogoright{
				width: 64.33%;
				float: right;
				transition: 1s;
			}
			/*slogan*/
			#hdbzj_footer span{
				display: block;
				width: 100%;
				text-align: center;
			}
			/*中文slogan*/
			#hdbzj_footer>#hdbzj_footer_top>.hdbzj_footer_sloganc{
				font-size: 0.34rem;
				line-height: 0.34rem;
				font-family: "微软雅黑 ";
				color: #333333;
			}
			/*英文slogan*/
			#hdbzj_footer>#hdbzj_footer_top>.hdbzj_footer_slogane{
				font-size: 0.16rem;
				line-height: 0.16rem;
				margin: 0.12rem auto 0.73rem; 
				color: #777777;
			}
			/*医广审*/
			#hdbzj_footer>.hdbzj_footer_guangshen{
				font-size: 0.16rem;
				line-height: 0.56rem;
				color: black;
			}

/*-------------------------------页面导航---模板：nav_page.htm----------------------------*/



			.hdbzj_toothtype_container{
				position: relative;
				    margin-bottom: 1.2rem;
			}
			.sy-swiper-container {
			    width: 100%;
			    margin: 0 auto;
			    overflow: hidden;
			}
			.hdbzj_toothtype{
				width: 88%;
				background-color: white;
				box-shadow: 0px 5px 25px 0px #d9d9d9;
				position: absolute;/*父布局需要position:relative;位置根据页面调整*/
			    top: -.7rem;
			    left: 6%;
			    z-index: 1;	
			}
			/*分页器*/
			.hdbzj_toothtype ul{
				width: 100%;
				background-color: white;
				overflow: hidden;
			}
			.hdbzj_toothtype ul>li{
				width: 20%;
				float: left;
			}
			/*牙齿小图标*/
			.hdbzj_toothtype ul>li>img{
				display: block;
				margin: 0 auto;
			}
			.hdbzj_toothtype ul>li:nth-child(1)>img{
				width: 67.2%;
				margin: 23% auto 14.5%;
			}
			.hdbzj_toothtype ul>li:nth-child(2)>img{
				width: 66.4%;
				margin: 19% auto 12%;
			}
			.hdbzj_toothtype ul>li:nth-child(3)>img{
				width: 67.2%;
				margin: 28% auto 21%;
			}
			.hdbzj_toothtype ul>li:nth-child(4)>img{
				width: 65.6%;
				margin: 24.2% auto 14%;
			}
			.hdbzj_toothtype ul>li:nth-child(5)>img{
				width: 62.5%;
				margin: 27.2% auto 19%;
			}
			/*小图标文字*/
			.hdbzj_toothtype ul>li>span{
				display: block;
				color: #333333;
				font-size: 0.24rem;
				line-height: 0.24rem;
				font-family: "微软雅黑";
				margin-bottom: 0.12rem;
				text-align: center;
				/*border: 1px solid red;*/
			}

/*---------------------------------模板：dbrj.htm----------------------------*/
            /*****阴影****/
            .box_Shadow{
                -moz-box-shadow:0px 8px 20px #d9d9d9;
                -webkit-box-shadow:0px 8px 20px #d9d9d9;
                box-shadow:0px 8px 20px #d9d9d9;
            }
            /****** 标题内容共用*****/
            .hud_title{
                text-align:center;
            }
            .hud_title h2{
                font-size:.36rem;
                line-height:.36rem;
                color:#333333;
                text-transform:uppercase;
            }
            .hud_title p{
                font-size:.18rem;
                line-height:.14rem;
                padding-top:.22rem;
                color:#848484;
                text-transform:uppercase;
                font-family: arial;
                /*letter-spacing:.03rem;
                font-weight: bold;*/
            }
            /**分割线内容**/
            .line-solid{
                width: 6.20rem;
                height: .02rem;
                background-color:#a0a0a0;
                position:relative;
                margin:0 auto;
            }
            .line-solid::before{
                content: "";
                width: .8rem;
                height: .04rem;
                background-color:#00a5bf;
                position:absolute;
                top:-.01rem;
                left:50%;
                margin-left:-0.4rem;
            }
            /*模块共用*/
            /*顶部内容*/
            .hud_container{
                width: 7.4rem;
                width: 100%;
                background-color: #fbfbfb;
                position:relative;
                padding:0 .45rem;
            }
            /*蝶变日记*/
            .diary{
                margin-top:.6rem;
                background-color:#fff;
                margin-bottom: .6rem;
            }
            .diary .hud_title{
                padding-top:.45rem;
                padding-bottom:.36rem;
            }
            .diary .diary-introduce{
                font-size:.24rem;
                line-height:.36rem;
                text-transform:uppercase;
                padding: 0 .16rem;
                padding-bottom:.33rem;
                text-align:center;
                padding-top:.3rem;
            }
            .diary-slider {
                overflow:hidden;
            }
            .diary-slider  .diary-slider-box{
                padding-left: .4rem;
            }
            .diary-slider  .diary-slider-box .diary-slider-box-img{
                width: 1rem;
                padding-top:.06rem;
            }
            .diary-slider  .diary-slider-box .diary-slider-box-text{
                padding-left: .3rem;
            }
            .diary-slider  .diary-slider-box .diary-slider-box-text p{
                width:4.5rem;
                font-size:.24rem;
                line-height: .38rem;
            }
            .diary-slider  .diary-slider-box .diary-slider-box-text .interval-p{
                padding: .19rem 0;
            }
            .diary-slider  .diary-slider-box .diary-slider-box-text p:nth-child(1){
                font-size:.28rem;
            }
            .diary-slider  .diary-slider-box .diary-slider-box-text p:nth-child(4){

            }
            .diary-slider  .swiper-slide{}
            .diary-slider  .swiper-slide .diary-slider-img{}
            .arrows{
                width: .4rem;
                margin: 0 auto;
            }
            .diary .arrows{outline:none;}
            /*************************/


/*---------------------------------模板：jzfs.htm----------------------------*/




			 /*****阴影****/
	         .box_Shadow{
	             -moz-box-shadow:0px 8px 20px #d9d9d9;
	             -webkit-box-shadow:0px 8px 20px #d9d9d9;
	             box-shadow:0px 8px 20px #d9d9d9;
	         }
	         /****** 标题内容共用*****/
	         .hud_title{
	             text-align:center;
	         }
	         .hud_title h2{
	             font-size:.36rem;
	             line-height:.36rem;
	             color:#333333;
	         }
	         .hud_title p{
	            padding-top:.22rem;
	            color:#848484;
	            text-transform:uppercase;
	            font-size: 0.18rem;
				line-height: 0.18rem;
				font-family: arial;
	         }
	         /**分割线内容**/
	         .line-solid{
	             width: 6.20rem;
	             height: .02rem;
	             background-color:#a0a0a0;
	             position:relative;
	             margin:0 auto;
	         }
	         .line-solid::before{
	             content: "";
	             width: .8rem;
	             height: .04rem;
	             background-color:#49a6bf;
	             position:absolute;
	             top:-.01rem;
	             left:50%;
	             margin-left:-0.4rem;
	         }
	         /*模块共用*/
	         .hud_container{
	             width: 100%;
	             background-color: #fbfbfb;
	             position:relative;
	             padding:0.2rem .45rem 0.4rem;
	             /*overflow: hidden;*/
	         }
			/*牙齿矫正方式*/
			.Orthodontic-method .hud_title{
			    padding-bottom:.35rem;
			}
			.gallery-thumbs{
			    padding-bottom: .4rem !important;
			}
			.gallery-thumbs .gallery-thumbs-btn-lt{
			    position:absolute;
			    top: .03rem;
			    left:0;
			    width: .15rem;
			    height: .6rem;
			    background: url(../images/gallery-thumbs-lt-btn.png) no-repeat;
			    background-size: 100% 100%;
			    z-index:66;
			}
			.gallery-thumbs .gallery-thumbs-btn-rt{
							    position:absolute;
			    top: .03rem;
			    right:0;
			    width: .15rem;
			    height: .6rem;
			    background: url(../images/gallery-thumbs-lt-btn.png) no-repeat;
			    background-size: 100% 100%;
			    z-index:66;
			}

			.gallery-thumbs .swiper-wrapper{
			    padding: 0 .08rem;
			}
			.gallery-thumbs .swiper-wrapper .swiper-slide{
			    color:#bcbcbc;
			}
			.gallery-thumbs .swiper-wrapper .swiper-slide p{
			    font-size:.24rem;
			    line-height:.34rem;
			    text-align:center;
			}
		/* 	.gallery-thumbs .swiper-wrapper .two-slider ,
			.gallery-thumbs .swiper-wrapper .five-slider ,
			.gallery-thumbs .swiper-wrapper .six-slider {
				width: 1.06rem !important;
			}
 */
			.gallery-thumbs .swiper-slide-thumb-active{
			    color:#333333 !important;
			}
			/*******************/
			.Orthodontic-method .Orthodontic-method-slider{
			    overflow: hidden;
			}
			.Orthodontic-method-slider-content{
			    background-color:#fff;
			    padding:0 .2rem;
			    padding-bottom:.5rem;
			}
			.Orthodontic-method-slider-content .line-solid-s{
			    width: .8rem;
			    height:.04rem;
			    background-color:#00a8c2;
			    margin:.3rem 0;
			}
			.Orthodontic-method-slider-content h3{
			    font-size:.28rem;
			    line-height:.28rem;
			    text-transform:uppercase;
			}
			.Orthodontic-method-slider-content .content-child-pA{
			    font-size:.14rem;
			    line-height:.34rem;
			    text-transform:uppercase;
			    color:#818181;
			}
			.Orthodontic-method-slider-content .content-child-pB,
			.Orthodontic-method-slider-content .content-child-pC{
			    font-size:.24rem;
			    line-height:.5rem;
			}
			.Orthodontic-method-slider-content .content-child-pC{
			    padding-bottom: .15rem;
			}




/*---------------------------------模板：bdbz.htm----------------------------*/



			/*八大标准*/
			#hdbzj_eightStandard{
				background-color: #fbfbfb;
				padding-bottom: 0.5rem;
				overflow: hidden;
			}
			/*大标题:通用*/
			.hdbzj_eightStandard_bigtitle{
				overflow: hidden;
			}
			.hdbzj_eightStandard_bigtitle>span{
				display: block;
				width: 100%;
				text-align: center;
				text-transform: uppercase;
			}
			.hdbzj_eightStandard_bigtitle>.text_c{
				font-size: 0.36rem;
				line-height: 0.36rem;
				font-family: "微软雅黑";
				margin-top: 0.48rem;
			}
			.hdbzj_eightStandard_bigtitle>.text_e{
				font-size: 0.18rem;
				line-height: 0.18rem;
				font-family: arial;
				color: #848484;
				margin: 0.24rem auto 0.45rem;
			}
			#hdbzj_eightStandard{
				box-shadow: 0px 5px 25px 0px transparent;
			}
			/*标题*/
			#hdbzj_eightStandard>.hdbzj_eightStandard_bigtitle{
				width: 100%;
				background-color: #fbfbfb;
			}
			#hdbzj_eightStandard .hdbzj_eightStandard_bigtitle>.text_c{
				line-height: 0.5rem;
				margin-top: 0.22rem;
			} 
			#hdbzj_eightStandard .hdbzj_eightStandard_bigtitle>.text_e{
				margin: 0.14rem auto 1.6rem;
			}
			/*八大标准轮播*/
			#hdbzj_eightStandard>#hdbzj_eightStandard_info{
				width: 88%;
				margin: 0 auto;
				position: relative;
				background-color: white;
				box-shadow: 0px 5px 25px 0px #d9d9d9;
			}
			#hdbzj_eightStandard>#hdbzj_eightStandard_info .hdbzj_eightStandard_swiper{
				width: 94%;
				margin-left: 3%;
				background-color: white;
			}
			#hdbzj_eightStandard>#hdbzj_eightStandard_info .swiper-slide{
				position: relative;
			}
			/*图标*/
			#hdbzj_eightStandard>#hdbzj_eightStandard_info .swiper-slide>img{
				width: 27.4%;
				position: absolute;
				left: 36.6%;
				top: -14%;
			}
			/*文字*/
			#hdbzj_eightStandard>#hdbzj_eightStandard_info .swiper-slide>span{
				display: block;
				width: 100%;
				text-align: center;
				font-family: "微软雅黑";
			}
			/*标准名称*/
			#hdbzj_eightStandard>#hdbzj_eightStandard_info .swiper-slide>span:nth-child(2){
				font-size: 0.28rem;
				line-height: 0.28rem;
				color:black;
				margin: 1.45rem auto 0.12rem; 
			}
			/*英文名称*/
			#hdbzj_eightStandard>#hdbzj_eightStandard_info .swiper-slide>span:nth-child(3){
				font-size: 0.18rem;
				line-height: 0.18rem;
				font-family: arial;
				text-transform: uppercase;
				color:#737373;
			}
			#hdbzj_eightStandard>#hdbzj_eightStandard_info .swiper-slide>span:nth-child(4){
				font-size: 0.24rem;
				line-height: 0.48rem;
				color:#333333;
				margin: 0.7rem auto 0.26rem;
			}
			/*分割线*/
			#hdbzj_eightStandard>#hdbzj_eightStandard_info .hdbzj_eightStandard_swiper{
				position: relative;
			}
			#hdbzj_eightStandard>#hdbzj_eightStandard_info .hdbzj_eightStandard_swiper .grayblue_line{
				position: absolute;
				left: 0px;
				bottom: 1.48rem;
			}
			/*分页器*/
			#hdbzj_eightStandard .swiper-pagination{
				width: 67%;
				display: flex;
				flex-direction: row;
				justify-content: space-between;
				position: absolute;
				top: -25%;
				left: 16.5%;
			}
			#hdbzj_eightStandard .swiper-pagination .swiper-pagination-bullet{
				width: 0.2rem;
				height:0.2rem;
				background-color: #979797;
				opacity: 1;
				outline: none;
			}
			#hdbzj_eightStandard .swiper-pagination .swiper-pagination-bullet-active{
				background-color: black;
			}
			/*灰色+蓝色分割线：通用*/
			#hdbzj_eightStandard .grayblue_line{
				width: 100%;
				position: relative;
			}
			#hdbzj_eightStandard .grayblue_line>span{
				display: block;
				width: 13%;
				height: 4px;
				background-color: #00a5bf;
				position: absolute;
				left: 43.5%;
				top: 0%;
			}
			#hdbzj_eightStandard .grayblue_line>font{
				display: block;
				width: 100%;
				height: 2px;
				margin: 1px auto;
				background-color: #e5e5e5;
			}


#cnzz_stat_icon_1279619609{display:none!important;}
body>a:nth-child(1){display: none;}

