@charset "utf-8";
/*CSS reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,th,td,p{margin:0;padding:0; font-family:"microsoft yahei"; font-size:16px; cursor:default; color: #333;}
table{border-collapse:collapse;border-spacing:0; border:none;}
/*tr,td{border:none;}*/
fieldset,img{border:0;border:none;}
ul,li,dl ,dt,dd ,ol,p,img{ list-style: none;border: none; vertical-align:middle;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal;}
del,ins{text-decoration:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
button,input,select,textarea{font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
a{text-decoration:none; outline:none; color: #333;}
a:hover{ text-decoration:none;}
a:active{outline: none;}
i{font-style:normal}
*:focus { outline: -webkit-focus-ring-color auto 2px; outline-color: -webkit-focus-ring-color; outline-style: auto; outline-width: 2px; } 
*:focus-visible { outline: -webkit-focus-ring-color auto 2px; outline-color: -webkit-focus-ring-color; outline-style: auto; outline-width: 2px; } 

@media (min-width: 576px) {
    .container, .container-lg, .container-md, .container-sm { max-width: 100%;}
}

@media (min-width: 768px){  
    .container, .container-lg, .container-md, .container-sm { max-width: 100%;}
}

@media (min-width: 992px) {
    .container, .container-lg, .container-md, .container-sm { max-width: 100%;}
}

@media screen and (min-width: 1230px) { 
    .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1230px;} 
} 


.section { max-width: 1920px; margin-left: auto; margin-right: auto; overflow: hidden;}

.header { padding: 20px 0;} 
.header .row { align-items: center;} 
.form-control { border-radius: 20px; cursor: text;}

.navbar { display: block; padding: 0; background-color: transparent;} 
.navbar-toggler { position: absolute; right: 20px; top: 38px; }
.navbar-nav { display: flex; width: 100%; justify-content: space-between;}
.navbar-nav .nav-link { font-size: 18px; text-align: center; line-height: 30px; color: rgba(0,0,0,1); padding: 0;}
.navbar-nav .nav-link.active { color: #1742a7 !important;}

.footer { background-color: #4e4e4e; padding: 50px 0 20px; } 
.footer-logo { float: left; margin-right: 50px; padding-top: 20px;}
.footer a { color: #fff; } 
.footer ul { float: left; width: 160px; } 
.footer li { color: #fff; line-height: 32px;}
.footer li:first-child { margin-bottom: 15px;}
.footer .contact { width: 250px;}
.footer .contact .wx,.footer .contact .dy { float: left;}
.footer .contact .wx h5,.footer .contact .dy h5 { display: block; border: 1px solid #fff; border-radius: 15px; color: #fff; text-align: center; line-height: 30px; padding: 0 35px 0 10px; background: no-repeat center right 10px;}
.footer .contact .wx h5 { background-image: url(../images/footer_icon_wx.png);}
.footer .contact .dy h5 { background-image: url(../images/footer_icon_dy.png);}
.footer .contact .dy { margin-left: 20px;}
.footer-bottom { float: left; width: 100%; border-top: 1px solid #fff; padding: 20px 0 0; margin-top: 30px;}
.footer-bottom p { text-align: center; color: #fff;}

/* 首页 */
.index-title { text-align: center; font-size: 28px; font-weight: bold; line-height: 1; margin-bottom: 30px;}
.index-title a { display: inline-block; font-size: 16px; color: #1742a7; font-weight: normal; margin-top: 20px;}

.section { padding: 50px 0;}

.swiper { padding: 0;}

.yxzn { padding: 50px 0; overflow: hidden;}
.yxzn-item { border: 1px solid #e7e7e7;}
.yxzn-item .top { background: no-repeat 90% 30px; height: 180px; padding: 30px;}
.yxzn-item .top h5 { color: #1742a7; font-weight: bold; margin-bottom: 15px;}
.yxzn-item .bottom { position: relative; background-color: #f3f3f3; height: 200px; padding: 20px 30px;}
.yxzn-item .bottom p { text-align: justify; color: #666; line-height: 28px;overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; max-height: 84px; text-overflow: ellipsis;}
.yxzn-item .bottom .more { display: block; background-color: #1742a7; position: absolute; left: 50%; bottom: 25px; width: 150px; line-height: 48px; text-align: center; color: #fff; margin-left: -75px}

.product { background-color: #fafafa;}
.product .container { position: relative;}
.product .swiper { overflow: hidden;}
.swiper-product .swiper-slide { float: left; width: 400px; padding: 10px;}
.swiper-product .swiper-slide  a { display: block; width: 100%; height: 380px; background: no-repeat center center; overflow: hidden;}
.swiper-product .swiper-slide  a:hover { background-color: #fff; box-shadow: 0 0 5px 5px #f4f4f4;}
.swiper-product .swiper-slide  span { display: block; text-align: center; padding-top: 320px;}

.index-banner { max-width: 1920px; margin: 0 auto;}
.index-banner-item img,.video img { display: block; width: 100%;}
.product .swiper-button-next,.product  .swiper-button-prev { width: 60px; height: 60px; background-color: #00bc66; border-radius: 50%; background-size: 15px auto; outline: none;}
.product .swiper-button-prev { left: -50px;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
.product .swiper-button-next { left: auto; right: -50px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}

.video { padding: 0;}
.video a { position: relative; display: block; width: 100%; height: 100%;}
.video a::before { position: absolute; content: ""; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.3) url(../images/index_play.png) no-repeat center center;}

.index-kqjy { padding: 0;}
.index-kqjy img { position: relative; display: block; width: 100%; height: 100%;}

.gsjj-main { position: relative;}
.gsjj-main .text { position: absolute; left: 50px; right: 50px; bottom: 0; background: linear-gradient(#333,#fff,to top); padding-bottom: 50px;}
.gsjj-main .text h3 { font-size: 26px; color: #fff;}
.gsjj-main .text p { color: #fff; margin-top: 10px;}


.banner { background-color: #f3f3f3; height: 460px; max-width: 1920px; margin: 0 auto; overflow: hidden;}
.banner .container { position: relative; height: 100%;}
.banner .container .crumbs { position: absolute; top: 0; left: 15px; right: 15px;}

.banner-info { display: flex; justify-content: space-between; align-items: center; height: 100%;}
.banner-info .text h2 { font-size: 40px; font-weight: bold; line-height: 2;}
.banner-info .text h3 { font-size: 28px; line-height: 2;}

.banner-bg { background: no-repeat center center; background-size: 100% 100%; height: 600px;}
.banner-bg .banner-info { justify-content: center;}
.banner-bg .text { text-align: center;}
.banner-bg .text * { color: #fff;}
.banner-bg .text p { line-height: 2;}



/* 口腔器械 */
.crumbs { color: #fff; line-height: 20px; padding: 15px 0;}
.crumbs * { color: #fff;}
.cpny-banner .crumbs,.cpny-banner .crumbs * { color: #333;}

.cpzx-banner { background-image: url(../images/cpzx_banner.png);}
.cpxz-banner .crumbs,.cpxz-banner .crumbs *,.cpxz-banner .banner-info .text * { color: #fff;}
.cpzx-banner .banner-info { justify-content: space-between;}
.cpzx-banner .text { text-align: left;}

.cpzx-lanmu { background-color: #f8f8f8; border: 1px solid #dbdddd;}
.cpzx-lanmu h5 { font-size: 18px; color: #1742a7; padding: 30px 20px;}
.cpzx-lanmu li { border-top: 1px solid #dbdddd; line-height: 20px; padding: 15px 20px;}
.cpzx-lanmu li.active { background-color: #1742a7;}
.cpzx-lanmu li.active a { color: #fff;}

.cpzx-list { display: flex; justify-content: space-between; flex-wrap: wrap;}
.cpzx-list li { width: calc(100% / 3 - 20px); border: 1px solid #dbdddd; margin-bottom: 30px;}
.cpzx-list li .pic { height: 180px; text-align: center; line-height: 180px;}
.cpzx-list li .pic img { max-width: 80%; height: auto; vertical-align: middle;}
.cpzx-list li .text { position: relative; background-color: #f8f8f8; height: 100px;}
.cpzx-list li .text h6 { text-align: center; padding-top: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.cpzx-list li .text .more { position: absolute; bottom: 15px; left: 50%; display: block; background-color: #1742a7; width: 100px; line-height: 32px; text-align: center; color: #fff; margin-left: -50px}

.guige { overflow: hidden;}

.hqbj { font-size: 0; margin-top: 15px;}
.hqbj>a { display: inline-block; border: 1px solid #1742a7; width: 158px; font-size: 16px; line-height: 48px; text-align: center; color: #1742a7; margin-right: 30px;} 
.hqbj>a:hover { background-color: #1742a7; color: #fff;}


.product-info  { padding-bottom: 50px;}
.product-info .top { display: flex; justify-content: space-between; align-items: center; width: 1000px; margin: 0 auto;}
.product-info .text li { line-height: 20px; padding: 20px 0;}
.product-info .bottom { margin-top: 100px;}
.product-info .bottom h5 { font-size: 24px; font-weight: bold; text-align: center;}


.guige .swiper-tabs { border-bottom: 1px solid #e7e7e7; text-align: center; margin-top: 30px;}
.guige .swiper-tab { display: inline-block; font-size: 18px; padding-bottom: 30px; margin: 0 50px;}
.guige .swiper-tab.active { color: #1742a7; border-bottom: 2px solid #1742a7;}
.guige .swiper-wrapper { margin-top: 30px; text-align: center;}
.guige .swiper-wrapper img { max-width: 100%; height: auto;}


.Pages { padding: 20px 0;}
.Pages,.p_page { font-size: 0; text-align: center;}
.p_page * { font-style: normal;}
.p_page a { display: inline-block; font-size: 14px; border: 1px solid #c6c6c6; border-radius: 3px; margin: 0 5px; padding: 0 12px; line-height: 28px; color: #666;}
.p_page a:hover { border-color: #1742a7; color: #1742a7;}
.p_page .a_cur,.p_page .a_cur:hover { border-color: #1742a7; background-color: #1742a7; color: #fff;}
.p_page .a_prev i,.p_page .a_next i { display: none;}


.hqbjtc { position: fixed; left: 0; top: 0; z-index: 9999; background: rgba(0,0,0,.5); width: 100%; height: 100%; z-index: 999; display: flex; align-items: center; justify-content: center; display: none; }
.hqbjtc .box { width: 400px;  background: #fff url(../images/cpzx_hqbj_bg.png) no-repeat center top; padding: 80px 30px 30px;}
.hqbjtc .m-logo { text-align: center;}
.hqbjtc .tips { font-size: 14px; color: #666; line-height: 30px; text-align: justify; margin-top: 20px;}
.hqbjtc .txt { width: 100%; border: 1px solid #e7e7e7; line-height: 40px; padding: 0 20px; cursor: text; margin-top: 20px;}
.hqbjtc .btn { width: 100%; background-color: #1742a7; color: #fff; line-height: 40px; margin-top: 20px;}
.hqbjtc .close-btn { background-color: #c6c6c6; margin-top: 10px;}


/* 资讯中心 */
.zxzx-item { background-color: #f8f8f8; margin-bottom: 20px;}
.zxzx-item .pic { height: 210px;}
.zxzx-item .pic img { display: block; width: 100%; height: 100%;}
.zxzx-item .text { padding: 20px;}
.zxzx-item .text h5 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.zxzx-item .text span { display: block; color: #666; font-size: 14px; margin-top: 15px;}

.zxxq-banner { height: auto; background: none; box-shadow: inset 0 30px 20px -10px #f7f8f8;}
.zxxq-banner .crumbs { position: static !important; color: #333;}
.zxxq-banner .crumbs * { color: #333;}
.zxxq-banner .crumbs a:hover { color: #1742a7;}

.index-news .zxzx-item { margin-bottom: 0;}
.index-news .zxzx-item .text span { margin-top: 0;}
.index-news .zxzx-item .text h5 { border-top: 1px solid #dadada; margin-top: 10px; padding-top: 10px;}
.index-news .zxzx-item:hover { background-color: #1a43a5;}
.index-news .zxzx-item:hover .text * { color: #fff;}


.article-wrap { padding: 20px 0 60px;}
.article-title { font-size: 28px; font-weight: bold;}
.artice-info { font-size: 14px; padding: 20px 0; border-bottom: 1px solid #e1e1e1;}
.article { margin-top: 30px;}
.article,.article * { font-size: 16px; line-height: 2em;}
.article img { max-width: 100% !important; height: auto;}


/* 关于瑞亚 */
.rsry-text .top h5 { font-size: 28px; line-height: 1; font-weight: bold;}
.rsry-text .top img { display: inline-block; vertical-align: middle; margin-left: 20px;}
.rsry-text p { line-height: 30px; text-align: justify; margin-top: 20px;}
.rsry-text .bottom { border-top: 1px solid #dcdddd; margin-top: 20px; padding-top: 20px;}
.rsry-text .bottom h5 { font-size: 20px; font-weight: bold;}
.rsry-text .item { float: left; width: 40%;}
.rsry-text .item:first-child { margin-right: 30px; padding-right: 30px; border-right: 1px solid #dbdddd;}
.rsry-pic img { max-width: 100%; height: auto;}

.youshi { background-color: #fafafa;}
.youshi .item { position: relative; padding-left: 85px; margin-top: 40px;}
.youshi .item .icon { display: block; position: absolute; left: 0; top: 0; border-radius: 50%; width: 64px; height: 64px; background: #1742a7 no-repeat center center;}
.youshi .item h5 { font-size: 18px; font-weight: bold;}
.youshi .item p { color: #666; line-height: 28px; margin-top: 20px;}
.youshi .item01 .icon { background-image: url(../images/rsry_ys_icon01.png);}
.youshi .item02 .icon { background-image: url(../images/rsry_ys_icon02.png);}
.youshi .item03 .icon { background-image: url(../images/rsry_ys_icon03.png);}
.youshi .item04 .icon { background-image: url(../images/rsry_ys_icon04.png);}
.youshi .item05 .icon { background-image: url(../images/rsry_ys_icon05.png);}
.youshi .item06 .icon { background-image: url(../images/rsry_ys_icon06.png);}

.qyzz-swiper img { width: 100%; height: auto;}
.qyzz-text h5 { font-size: 28px; line-height: 1.8; font-weight: bold;}
.qyzz-text p { line-height: 30px; text-align: justify; margin: 20px 0;}
.qyzz-text ul { float: left; margin-right: 50px;}
.qyzz-text ul li { line-height: 30px;}


/* 口腔教育 */
.sysc-lanmu { border-bottom: 1px solid #dcdddd; font-size: 0; text-align: center;}
.sysc-lanmu a { display: inline-block; font-size: 16px; margin: 0 50px; padding: 25px 0;}
.sysc-lanmu a.active { color: #1742a7; border-bottom: 3px solid #1742a7;}
.sysc-item { position: relative; border: 1px solid #dcdddd; padding: 25px; margin-bottom: 30px; overflow: hidden;}
.sysc-item:hover::before { content:""; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background-color: #1742a7;}
.sysc-item .pic { float: left; width: 70px; height: 106px; background: url(../images/sysm_book.png) no-repeat;}
.sysc-item .text { margin-left: 100px;}
.sysc-item .text p { font-size: 14px; color: #666; margin-top: 10px;}
.sysc-item .text .more { display: inline-block; background: url(../images/sysm_download.png) no-repeat right center; color: #1742a7; margin-top: 30px; padding-right: 20px;}

.spjj-item  { margin-bottom: 30px;}
.spjj-item .pic { height: 220px;}
.spjj-item .pic img { width: 100%; height: 100%;}
.spjj-item .text { text-align: center; margin-top: 10px;}


.ndjy { background-color: #f8f8f8; padding: 30px; margin-top: 50px;}
.ndjy h5 { color: #1742a7;}
.jy-txt { border: 1px solid #dcdddd; width: 100%; line-height: 48px; margin-top: 20px; padding: 0 15px; cursor: text;}
.jy-area { border: 1px solid #dcdddd; width: 100%; line-height: 40px; resize: none; margin-top: 20px; padding: 0 15px; cursor: text; min-height: 250px;}
.jy-btn { border: none; background-color: #1742a7; color: #fff; width: 100%; line-height: 40px; margin-top: 10px;}

.ywjd-title { position: relative; border-bottom: 1px solid #dbdddd; font-size: 32px; font-weight: bold; line-height: 1; color: #1742a7; padding: 0 0 20px 20px;}
.ywjd-title::before { position: absolute; left: 0; top: 0; content:""; width: 4px; height: 32px; background-color: #1742a7;}
.ywjd-list li { position: relative; border-bottom: 1px solid #dbdddd;}
.ywjd-list li::after { position: absolute; right: 0; top: 13px; content: "∨"; font-size: 20px;}
.ywjd-list li.on::after { content: "∧"; color: #1742a7;}
.ywjd-list h5 { color: #1742a7; line-height: 56px;}
.ywjd-list .answer { display: none; background-color: #f8f8f8; padding: 20px; margin-bottom: 20px;}
.ywjd-list .on .answer { display: block;}


/* 联系我们 */
.lxwm { max-width: 1920px; margin: 0 auto; padding: 0; overflow: hidden;}
.lxwm-info { float: left; width: 50%; padding-top: 50px;}
.lxwm-info ul { float: right; margin-right: 70px;}
.lxwm-info ul li { font-size: 18px; padding: 30px 0; border-bottom: 1px solid #dcdcdc; background: no-repeat left center;}
.lxwm-info ul li h6 { color: #666; margin-bottom: 10px;} 
.lxwm-info ul li h6,.lxwm-info ul li p { padding-left: 65px;}
.lxwm-info ul li.address { background-image: url(../images/lxwm_address.png);}
.lxwm-info ul li.phone { background-image: url(../images/lxwm_phone.png);}
.lxwm-info ul li.mail { background-image: url(../images/lxwm_mail.png);}
.lxwm-info .first { font-size: 24px; font-weight: bold; border: 0;}

.lxwm-map { float: right; width: 50%;}
.lxwm-map img { width: 100%; height: auto;}





/* media */
@media screen and (max-width: 1920px) { 
    .index-banner-item img,.video img { display: none;}
    .index-banner-item { background: url(../images/index_banner.png) no-repeat center 0; height: 800px;}
    .video { background: url(../images/index_banner2.png) no-repeat center 0; height: 520px;}
} 

@media screen and (max-width: 1199px) {
    .logo { text-align: center;}
    
    .header .row .col-xl-2 { display: none;}
    .navbar { padding-top: 20px;}
    
    .search { display: none;}
    .index-banner-item { height: 700px; background-size: auto 100%;}
    .footer-list,.footer li:first-child,.video { display: none;}
    .footer { padding: 30px 0;}
    .footer-logo { float: none; text-align: center; margin-right: 0; margin-bottom: 20px;}
    .footer .contact { display: block; float: none; width: 100%; text-align: center;}

    .swiper-product li { width: calc(100% / 3);}
    .product .swiper-button-prev { left: 0;}
    .product .swiper-button-next { right: 0;}

    .gsjj-main .text { left: 20px; right: 20px; padding-bottom: 20px;}
}

@media screen and (max-width: 992px) {
    .ndjy { display: none;}

    .logo { text-align: left;}

    .navbar { padding-top: 0;}
    .navbar-toggler { top: -35px;}
    .navbar-collapse { position: absolute; top: 0; width: 100%; background-color: #fff; z-index: 9999; top: 20px;}
    .nav-item { width: 100%;}
    .navbar-nav .nav-link { padding: 10px 0; font-size: 16px; border-bottom: 1px solid #dbdddd;}
    .header .row .col-xl-6 { padding-left: 0; padding-right: 0;}

    .product-info .top { width: 100%; display: block;}
    .product-info .top .pic { text-align: center;}
    .product-info .bottom { margin-top: 50px;}

    .zxzx_banner { height: 300px; background-size: auto 100%;} 

    

    .cpzx-banner .banner-info { justify-content: center;}
    .cpzx-banner .text { text-align: center;}

    .lxwm-info,.lxwm-map { width: 100%;}
    .lxwm-info { padding-top: 0;}
    .lxwm-info ul { float: left; margin: 0 30px;}
}

@media screen and (max-width: 768px) {
    .banner-info .pic,.rsry-pic { display: none;}
    .rsry-text .item { float: none; width: 100%;}
    .rsry-text .item:first-child { margin-right: 0; padding-right: 0; border-right: 0; border-bottom: 1px solid #dbdddd; padding-bottom: 20px; margin-bottom: 20px;}
    
    .index-banner-item,.banner-bg { height: 450px; background-size: auto 100%;}

    .index-banner { height: auto;}

    .banner .container { padding: 50px 15px;}
    .banner-info { flex-wrap: wrap; text-align: center; justify-content: center;}
    .banner-info .pic { margin-top: 40px;}

    .zxxq-banner .container { padding-top: 0; padding-bottom: 0;}
    
    .cpzx-list li { margin-bottom: 20px; width: calc(100% / 2 - 10px);}

    .swiper-product .swiper-slide  { width: 50%;}

    .qyzz-text { margin-top: 15px;}    
}


@media screen and (max-width: 576px) {
    .zxzx-item .pic,.spjj-item .pic { height: auto;}

    .sysc-lanmu a { margin: 0; width: calc(100% / 3);}

    .swiper-product .swiper-slide  { width: 100%; height: 250px;}
    .swiper-product .swiper-slide  a { height: 100%;}
    .swiper-product .swiper-slide  span { padding-top: 210px;}
}

@media screen and (max-width: 480px) {
    .banner-info .text h2 { font-size: 30px;}
    
    .index-banner-item,.banner-bg { height: 350px; background-size: auto 100%;}

    .cpzx-list li  { width: 100%;}

    .p_page a { margin-bottom: 10px;}

    .qyzz-text ul { float: none; margin-right: 0;}

    .hqbj>a { margin: 0 10px;}
}