@font-face {
 font-family:'dental-brothers-smile';
 src:url(../fonts/dental-brothers-smile.eot);
 src:url('../fonts/dental-brothers-smile.eot') format('embedded-opentype'),
 url(../fonts/dental-brothers-smile.ttf) format('truetype'),
 url(../fonts/dental-brothers-smile.woff) format('woff'),
 url('../fonts/dental-brothers-smile.svg') format('svg');
 font-weight:400;
 font-style:normal;
 font-display:swap
}
[class^="icon-"],
[class*=" icon-"] {
 font-family:'dental-brothers-smile'!important;
 speak:never;
 font-style:normal;
 font-weight:400;
 font-variant:normal;
 text-transform:none;
 line-height:1;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale
}
.icon-dental-brothers-element-blue:before {
 content:"\e900"
}




/*********banner**************/
.banner{ position:relative; width:100%; overflow:hidden;}
.banner img{ max-width:100%; vertical-align:middle;}


.slide_icons .cover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  transition: all .3s ease;
}
.slide_icons .cover:before, .slide_icons .cover:after {
  content: '';
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.slide_icons .cover:before {
  width: 50.27vw;
  height: 35.375vw;
  left: -20px;
  bottom: -16.2vw;
  background-image: url("../images/img-1.png");
  opacity: 1;
  transform: translateY(0vw);
}
.slide_icons .cover:after {
  width: 40.97vw;
  height: 45.67vw;
  left: 0;
  bottom: -8.59vw;
  background-image: url("../images/img-2.png");
  opacity: 1;
  transform: translateX(-0.125vw);
}

.hmTxtDes2{position:absolute; left:0; width:100%; top:50%; transform:translateY(-50%); z-index:5; color:#fff;}
.hmTxtDes2_t1 { font-size: 36px; line-height: 48px; margin-bottom: 40px; font-weight: bold; letter-spacing: 2px; max-width:945px; transition:all 0.8s ease-in-out; opacity:0; transform:translate(180px,0px) }
.hmTxtDes2_p1 { font-size: 20px; line-height: 40px; margin-bottom: 45px; max-width: 945px; transition:all 0.8s ease-in-out; opacity:0; transform:translate(180px,0px) }
.hmTxtDes2_btns{ transition:all 0.8s ease-in-out; opacity:0; transform:translate(180px,0px) }
.hmTxt_btn1{ line-height: 42px; background: #3dc3b0; text-align: center; height: 42px; width: 160px; border-radius:20px;display: inline-block;  font-size: 16px; color: #FFF; letter-spacing: 2px; box-shadow:0 8px 12px 10px rgba(198,22,52,0.1); }
.hmTxt_btn1:hover{ background: #3BAEC8; color: #FFF; }



.swiper-slide-active .hmTxtDes2_t1{transform:translate(0,0); opacity:1; transition-delay:0.3s;}
.swiper-slide-active .hmTxtDes2_p1{transform:translate(0,0); opacity:1; transition-delay:0.4s;}
.swiper-slide-active .hmTxtDes2_btns{transform:translate(0,0); opacity:1; transition-delay:0.5s;}

.pc{ display:block;}
.mc{ display:none;}
@media (max-width:767px){
.mc{ display:block;}
.pc{ display:none;}
.hmTxtDes2_t1 { font-size: 22px; line-height: 48px; margin-bottom: 10px; font-weight: bold; letter-spacing: 2px; max-width:945px; transition:all 0.8s ease-in-out; opacity:0; transform:translate(180px,0px) }
.hmTxtDes2_p1 { font-size: 16px; line-height: 40px; margin-bottom: 15px; max-width: 945px; transition:all 0.8s ease-in-out; opacity:0; transform:translate(180px,0px) }

}
/********************/
.index_san_bg{background: #90dbd4;color:#fff;padding:80px 0px;overflow: hidden;background-image: -webkit-linear-gradient(#fff,#7fc2e5);}
.p-title{display: flex; margin-bottom: 2rem;align-items: center;}
.p-title h2 {width: 48%;color:#00c0b3;font-size: 3.7rem;line-height: .825;font-weight: normal;}
.p-title h2 img{ max-width:90%;}
.p-title p { margin-top: 0; width: 52%; max-width:40rem;color:#00c0b3;}

.p-list_inner .p-product {display:block;width: 100%;transition: 1s;border-radius:2rem;background: #00c0b3;}
.p-list_inner .p-product .p-image {position:relative;width:100%;padding-bottom:83%;overflow:hidden; border-radius:.5rem .5rem 0 0;}
.p-list_inner .p-product .p-image .p-image_inner {position:absolute;top:0;left:0; height:100%; width:100%;transition: 0.6s;}
.p-list_inner .p-product .p-image .p-image_inner  img{transition: 1s;}
  
.p-list_inner .p-product .p-description { text-align:center; padding: 2rem 12.6%;position: relative;border-radius: 0 0 .5rem .5rem;overflow: hidden;}
.p-list_inner .p-product .p-description h4 {margin-bottom:.5rem;font-size: 20px;line-height: 1; color: #fff; font-weight: normal;}
.p-list_inner .p-product .p-description p {display:block;margin-top:1rem;color:#fff;font-size: 16px;}
.p-list_inner .p-product .p-description p img{ max-height:14px;vertical-align: baseline;}

.p-list_inner .p-product .p-description h4 img{ max-height:16px;vertical-align: baseline;}
.p-list_inner .p-product .p-description h4 .img1{ display:inline-block;}
.p-list_inner .p-product .p-description h4 .img2{ display:none;}

.p-list_inner .p-product .p-description p .img1{ display:inline-block;}
.p-list_inner .p-product .p-description p .img2{ display:none;}

.p-list_inner .p-product .p-description span {display:block;margin-top:1rem;color:#fff;}

.p-list_inner a.p-product:hover { background:#fff;}
.p-list_inner a.p-product:hover .p-image .p-image_inner {transform:scale(1.1)}
.p-list_inner a.p-product:hover .p-description h4,
.p-list_inner a.p-product:hover .p-description p {color:#00c0b3; transform:translateY(-.5rem)}

.p-list_inner a.p-product:hover .p-description h4 .img1{ display:none;}
.p-list_inner a.p-product:hover .p-description h4 .img2{ display:inline-block;}

.p-list_inner a.p-product:hover .p-description p .img1{ display:none;}
.p-list_inner a.p-product:hover .p-description p .img2{ display:inline-block;}

.p-list_inner .swiper-pagination-bullet-active {opacity: 0; background: #00c0b3;}

.p-list_inner .swiper-slide:first-child{margin-top: 5rem;}
.p-list_inner .swiper-slide:last-child{margin-top: 8rem;}

@media(max-width:769px){
.p-title h2 {width: 60%;color:#00c0b3;font-size:30px;line-height: .825;font-weight: normal;}	
.p-list_inner .swiper-pagination-bullet-active {opacity: 1; background: #00c0b3;}
.p-list_inner .swiper-slide:first-child{margin-top: 0rem;}
.p-list_inner .swiper-slide:last-child{margin-top: 0rem;}
}
/********牙齿动画**************/
.index_age_bg{ width: 100%;padding:140px 0px 220px;background:linear-gradient(to left,white 0%,white 50%,#fff 50.01%,#7fc2e5 100%); overflow:hidden; position:relative;}
.index_age_lf{ width:50%; float:left;}
/* 本案例需要的css样式 */
.index_age_lf .tab{ width:100%; height:400px; position:relative;}
.index_age_lf .tab-hd { overflow:hidden; zoom:1; position:absolute; bottom:0;}
.index_age_lf .tab-hd li{ float:left; max-width:26%; width:120px;  margin-right:10px; line-height:2.5; font-size:16px; background:#424146; color:#fff; text-align:center; cursor:pointer;}
.index_age_lf .tab-hd li.active{ background:#3dc3b0;}

.index_age_lf .tab-bd .tab-nr{display:none; padding:20px 0% 90px 0px; font-size:14px; line-height:1.8;}
.index_age_lf .tab-bd .tab-nr h3{ font-weight:bold; font-size:26px; line-height:2; color:#00c0b3; margin-bottom:10px;} 
.index_age_lf .tab-bd .tab-nr p{ font-weight:normal; font-size:16px;line-height:2;}
.index_age_lf .tab-bd .tab-nr.thisclass{ display:block;}

.index_age_rf{ width:46%; float:right; position:relative; margin-top:2%;}

.hmc4proBtn{display: block;width: 42px;position: absolute;text-align:center;animation:proAni 3s ease-in-out infinite;cursor:pointer;height: 160px;}
.hmc4proBtn p{ white-space: nowrap; font-size: 14px; line-height:2; position: absolute; left: 50%; top: 52px; height: 26px; margin-top: -13px; transform:translateX(-50%)}
.hmc4proBtn i{background: #00beb1;height: 88px;width: 1px;margin-left: -1px;position: absolute;left: 50%;top: 64px;animation:proiAni 1.5s ease-in-out infinite;}
.hmc4ricon{position: absolute;left: 0px;top: 0px;right: 0px;bottom: 0px;text-align: center;height: 42px;width: 42px;line-height: 42px;border: 1px solid #00bcaf;border-radius: 50%;font-size: 14px;color: #00bfb2;}

@media (max-width:767px){
.index_age_bg{ width: 100%;padding:40px 0px 220px;}	
.index_age_lf{ width:100%; float:left;}	
.index_age_lf .tab{ width:100%; height:350px; position:relative;}
.index_age_rf{ width:100%; float:right; position:relative;padding-top: 45px; margin-top: 90px;}

}



/*point*/
.point,.point::before,.point::after{position: absolute;width: 0.626em;height: 0.626em;border-radius: 50%;content: '';bottom: 0;left: 50%;margin-left: -0.313em;}
.point::before{animation: scale 2s infinite;left:50%;margin-left:-0.313em; }
.point::after{animation: scale2 2s infinite;left:50%;margin-left:-0.313em; }
@keyframes scale{0%{ transform: scale(1); opacity:.9}100%{ transform: scale(2); opacity: 0.6;}}
@-webkit-keyframes  scale{0%{ transform: scale(1); opacity:.9}100%{ transform: scale(2); opacity: 0.6;}}
@keyframes scale2{0%{ transform: scale(1);opacity:.9;}100%{ transform: scale(4);opacity:0.3;}}
@-webkit-keyframes scale2{0%{ transform: scale(1);opacity:.9;}100%{ transform: scale(4);opacity:0.3;}}
.point,.point::before,.point::after{background-color: rgba(1, 211, 192, .9);}


.age_yuan{position:absolute;left: 32%;top: -12%;z-index:1;}
.age_yuan1{position:absolute;left: 67%;top: -10%;z-index:1; animation-delay: 0.5s;}
.age_yuan2{position:absolute;left: 55%;top: 15%;z-index:1;animation-delay: 1.2s;}

@keyframes proAni {
0% {
	transform:translateY(-5px);
}
50% {
    transform:translateY(5px);
}
100% {
	transform:translateY(-5px);
}
}






/********问题部分***************/
.index_faq_bg{width: 100%;box-sizing:border-box;z-index:9;background: #3dc3b0;padding:6% 0px 20px;overflow:hidden;}
.index_faq_bg h2 {color: #ffff;font-size: 26px;line-height: 1.3em;font-weight: 400;-ms-word-wrap: break-word;word-wrap: break-word;}
.index_faq_bg h2 img{ margin-left:2px;max-height: 26px; vertical-align: text-top;}

.index_faq_bg .content{padding-left: calc((100% - 1260px)/ 2);width: 100%;}
@media(max-width:1360px){
	.index_faq_bg .content{padding-left:4%;}
}
.index_faq_box{width: 52%;float:left;overflow:hidden; margin-top:5%;}



.index_faq_box dl{border-bottom:1px solid rgba(255,255,255,.35);}
.index_faq_box dl dt a{height:55px;line-height:55px;overflow:hidden;color:#fff;font-size: 17px;cursor:pointer;}
.index_faq_box dl dt a span{display:inline-block;width:35px;height:55px;overflow:hidden;float:left;margin:0 20px 0 0;}
.index_faq_box dl dt a.minus span{background:url(../images/open.png) center center  no-repeat;}
.index_faq_box dl dt a.plus span{background:url(../images/off.png) center center  no-repeat;}
.index_faq_box dl dd {padding:5px 10px 20px 55px;font-size: 14px;color: #fff;line-height:1.8;}
.index_faq_box dl dd p{font-size: 14px;color: #fff;line-height:1.8;}

.index_faq_box dl img{max-height: 12px;vertical-align: baseline;}

/*
.vconlist{border-bottom:1px solid rgba(255,255,255,.35);}
.vconlist:first-child{border-top:1px solid rgba(255,255,255,.35);}
.v{float:left;width:35px;height:55px;overflow:hidden;background:url(../images/off.png) center center no-repeat;display:inline-block;margin-top:-5px;margin-bottom:-5px;}
.v01{background:url(../images/off.png) center center no-repeat;}
.v02{background:url(../images/open.png) center center no-repeat;}
.vtitle{height:55px;line-height:55px;font-size: 17px;color: #fff;cursor:pointer;}
.vtitle em{margin:0px 30px 0 0;}

.vcon{font-size: 14px;color: #fff;line-height:1.8;padding:10px 10px 10px 65px;}
.vcon p{ margin-bottom:0px;}
*/



.faq_img_bg{width: 43%;float:right;overflow:hidden; position:relative; padding:120px 0px;}
.faq_img_box1{ position:relative; z-index:4}
.faq_img_box1 img{ max-width:100%;}
.faq_img_box2{ position:absolute; bottom:0; right:0; z-index:1}

@media (max-width:767px){
	.index_faq_bg .content {padding-left: 15px; padding-right:15px;}
	.index_faq_box{width: 100%;float:left;overflow:hidden; margin-top:5%;}
	.faq_img_bg{width: 100%;float:right;overflow:hidden; position:relative; padding:50px 0px;}
}





/***********************/
.foot_col4{ float:left;width:33.33333333%;}
.foot_col8{float:left;width: 66.66666667%;}
.foot_col3{float:left;width: 25%;}
.foot_col9{float:left;width: 75%;}
.right_box{ width:100%;}




/*********法律声明****************/
.n_falv_bg{background:#fff;padding:60px 0px 40px; overflow:hidden;}

.n_falv_tit{ font-size:24px; line-height:1; margin-bottom:40px; font-weight:bold; text-align:center;}
.n_falv_box{overflow:hidden; margin-bottom:30px;}
.n_falv_box h3 {line-height: 2;color: #000;font-size:15px;position: relative;padding-left: 15px;}
.n_falv_box p {line-height: 2;color: #000;font-size:14px;margin: 10px 0 0 0;position: relative;padding-left: 15px;margin-left: 30px;}
.n_falv_box ul li {line-height: 2;color: #333;font-size:14px;margin: 10px 0 0 0;position: relative;padding-left: 15px;margin-left: 30px;}