@charset "UTF-8";
/*
* @Author: DoDo
* @Date:   2020-06-16 08:19:23
* @Last Modified by:   DoDo
* @Last Modified time: 2020-09-30 09:26:21
*/
body { font-family: "微软雅黑", sans-serif; overflow-x: hidden; padding-top: 179px; background-repeat: repeat; background-position: center; background-color: #f1eddf; background-image: url("../images/bg-01.png"); }

body.on { overflow: hidden; }

img { max-width: 100%; }

a { outline: none; }
iframe{width:75%;height:500px;}
@media screen and (min-width: 1366px) { .container { width: 1200px; padding-left: 0; padding-right: 0; } }
@media screen and (min-width: 1400px) { .w1270.container { width: 1270px; } }
.f0 { font-size: 0; }

.con-none::before, .con-none::after { display: none; }

.pt100 { padding-top: 5.2%; }

.pb100 { padding-bottom: 5.2%; }

.pt60 { padding-top: 3%; }

.pb60 { padding-bottom: 3%; }

.pt40 { padding-top: 2%; }

.mt40 { margin-top: 3%; }

/*============================= public =============================*/
.header { position: fixed; left: 0; right: 0; top: 0; z-index: 100; background-repeat: repeat; background-position: center; background-color: #f1eddf; background-image: url("../images/bg-01.png"); }
.header > .container { display: flex; justify-content: space-between; align-items: center; padding-top: 17px; padding-bottom: 17px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.header .a-logo img { height: 76px; }
.header .header-phone { font-size: 30px; color: #5f3105; background-position: left center; background-repeat: no-repeat; padding-left: 50px; font-family: "Arial"; }

.header-right { display: flex; align-items: center; }
.header-right .b-phone { font-size: 30px; font-family: "Arial"; color: #5f3105; background-position: left center; background-repeat: no-repeat; padding-left: 52px; line-height: 40px; }

.header-bream { width: 30px; height: 25px; position: relative; padding-top: 12px; cursor: pointer; margin-left: 30px; display: none; }
.header-bream span { display: block; height: 2px; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; border-radius: 2px; background-color: #5f3105; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.header-bream::before, .header-bream:after { content: " "; position: absolute; left: 0; right: 0; height: 2px; border-radius: 2px; background-color: #5f3105; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.header-bream::before { top: 2px; }
.header-bream::after { bottom: 2px; }

.header-bream.on span { filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
.header-bream.on::before { top: 12px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.header-bream.on::after { bottom: 12px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

.nav-toggle { background: #5f3105; }

.nav-list { display: flex; justify-content: center; }
.nav-list li { position: relative; padding-top: 14px; padding-bottom: 14px; margin: 0 11px; }
.nav-list li .span-01 { text-align: center; }
.nav-list li .span-01 .a-01 { display: block; padding-right: 25px; }
.nav-list li .span-01 .a-01 .i-01 { display: block; font-style: normal; min-width: 97px; font-size: 16px; color: #f1eddf; line-height: 42px; padding-left: 25px; }

.nav-down { position: absolute; left: 0; top: 100%; width: 325px; background: #dacfbc; padding: 15px 30px; }
.nav-down .div-01 { min-width: 100px; float: left; margin-right: 62px; font-size: 0; padding: 10px 0; }
.nav-down .div-01:nth-child(even) { display: inline-block; margin-right: 0; }
.nav-down .div-01 a { display: inline-block; padding-left: 20px; font-size: 16px; line-height: 26px; color: #333; background-repeat: no-repeat; background-position: left center; background-image: url("../images/icon-01.png"); -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.footer-top { padding-top: 40px; padding-bottom: 40px; background: url("https://590233ee4fbb3.cdn.sohucs.com/auto/1-autofda81df758944583b778e33a3a1fcbcb") center no-repeat; background-size: cover; }

.footer-ewm { padding-bottom: 15px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.footer-ewm .container { display: flex; justify-content: space-around; }

.footer-ewm-01 .div-img { padding: 6px; border: 3px solid #f1eddf; }
.footer-ewm-01 .div-img img { width: 108px; }
.footer-ewm-01 .div-txt { font-size: 14px; line-height: 24px; margin-top: 10px; color: #fff; }

.footer-contact { width: 600px; max-width: 100%; margin-top: 40px; }
.footer-contact > img { width: 100%; }
.footer-contact .div-cont { background: url("../images/f-bg3.png") center repeat-y; background-size: 100%; color: #fff; padding: 0 210px 0 40px; min-height: 52px; }
.footer-contact .div-title { font-size: 18px; line-height: 26px; }
.footer-contact .div-des { font-size: 14px; line-height: 24px; margin-top: 5px; }
.footer-contact .a-go { position: absolute; right: 40px; top: 50%; transform: translateY(-50%); width: 144px; height: 44px; line-height: 44px; background: #5f3105; border-radius: 8px; font-size: 14px; color: #fff; }
.footer-contact .a-go img { margin-left: 23px; position: relative; top: -1px; }

.footer-bottom { padding-top: 30px; padding-bottom: 25px; background: #5f3105; }

.footer-link .div-title { border-bottom: 1px solid #6e441b; }
.footer-link .div-title span { display: inline-block; font-size: 14px; color: #fff; min-width: 120px; padding: 0 15px; height: 40px; line-height: 40px; border-radius: 5px 5px 0 0; cursor: pointer; margin: 0 5px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.footer-link .div-title span.on { color: #5f3105; background: #f1eddf; }
.footer-link .div-cont { margin-top: 13px; }
.footer-link .div-cont .div-01 { display: none; }
.footer-link .div-cont a { display: inline-block; font-size: 14px; color: #f1eddf; margin: 0 8px; line-height: 24px; }

.footer-copy { color: #f1eddf; margin-top: 20px; }
.footer-copy .span-01 { font-size: 14px; line-height: 24px; margin: 0 12px; }
.footer-copy a { color: #f1eddf; }

.bsTop { width: 100% !important; }

.bsFrameDiv > div { width: 100% !important; height: 208px !important; }
.bsFrameDiv > div img { width: 168px !important; height: 168px !important; }

.celan-list { position: fixed; right: 0; top: 50%; z-index: 101; transform: translateY(-50%); }
.celan-list li { position: relative; margin-top: 1px; }
.celan-list li .a-01 { position: relative; z-index: 1; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; background: #b78135; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }
.celan-list li .a-01 .mg1 { display: block; }
.celan-list li .a-01 .mg1h { display: none; }
.celan-list li .span-01 { position: absolute; right: -300px; top: 0; bottom: 0; white-space: nowrap; line-height: 50px; font-weight: bold; font-family: "Arial"; font-size: 18px; color: #fff; background: #5f3105; padding: 0 20px; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }
.celan-list li .span-02 { position: absolute; right: 100%; top: 50%; transform: translateY(-50%); width: 134px; height: 128px; background: url("../images/c-bg.png") left top no-repeat; padding: 10px 16px 10px 10px; visibility: hidden; transform: translate(10px, -50%); filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.celan-list li .span-02 img { width: 108px; height: 108px; }
.celan-list li:hover .a-01 { background: #5f3105; }
.celan-list li:hover .a-01 .mg1 { display: none; }
.celan-list li:hover .a-01 .mg1h { display: block; }
.celan-list li:hover .span-01 { right: 100%; }
.celan-list li:hover .span-02 { visibility: visible; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; transform: translate(0, -50%); }

.return-top { visibility: hidden; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
.return-top.on { visibility: visible; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }

.pages a, .pages strong { font-style: normal; display: inline-block; min-width: 40px; line-height: 40px; padding: 0 5px; margin: 0 5px; font-size: 14px; color: #5f3105; background: #cac197; border-radius: 40px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
/*.pages .next, .pages .prev { width: 120px; }*/
.pages a:hover,.pages .cur, .pages strong { color: #fff; background: #b78135; }

/*============================= index =============================*/
.banner-owl .owl-dots { position: absolute; left: 0; right: 0; bottom: 4%; z-index: 20; line-height: normal; font-size: 0; text-align: center; }
.banner-owl .owl-dots button.owl-dot { width: 12px; height: 12px; background: #b78135; border-radius: 50%; margin: 0 7px; }
.banner-owl .owl-dots button.owl-dot.active { background: #5f3105; }
.banner-owl img { display: block; width: 100%; }

.index-began { display: flex; justify-content: center; }

.index-began .row { margin-left: 10px; margin-right: 10px; }
.index-began .row > div { padding-left: 10px; padding-right: 10px; }

.index-began-01 { width: 100%; margin: 20px 0 0; }
.index-began-01 img { width: 100%; }
.index-began-01 .span-mc { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; align-items: center; justify-content: center; }
.index-began-01 .span-mc b { display: block; min-width: 80px; padding-top: 111px; background-position: top center; background-repeat: no-repeat; font-size: 50px; color: #f1eddf; }

.index-title .span-01 { display: inline-block; padding-right: 135px; background-position: right center; background-repeat: no-repeat; background-image: url("../images/tit-r.png"); }
.index-title .span-02 { display: inline-block; padding-left: 135px; background-position: left center; background-repeat: no-repeat; background-image: url("../images/tit-l.png"); font-size: 30px; line-height: 50px; color: #333; }
.index-title.ling .span-01 { background-image: url("../images/tit-rh.png"); }
.index-title.ling .span-02 { background-image: url("../images/tit-lh.png"); }

.index-culture-cont { display: flex; justify-content: space-between; padding-top: 7.8%; }

.index-culture-01 { width: 182px; padding: 60px 15px 35px; border: 2px solid #cac197; border-radius: 5px; text-align: center; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.index-culture-01 .span-icon { position: absolute; left: 50%; transform: translateX(-50%); top: -39px; width: 80px; height: 80px; background: #cac197; overflow: hidden; border-radius: 50%; display: flex; align-items: center; justify-content: center; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.index-culture-01 .span-icon img { -webkit-transition: all .7s ease 0s; -moz-transition: all .7s ease 0s; -o-transition: all .7s ease 0s; transition: all .7s ease 0s; }
.index-culture-01 .span-01 { text-align: left; vertical-align: top; display: flex; align-items: flex-start; justify-content: center; }
.index-culture-01 .span-01 span{
	margin: 0 3px;
}
.index-culture-01 .span-01 span.span-tit{
	margin-left: 10px;
}
.index-culture-01 .span-tit { font-size: 24px; line-height: 26px; color: #333; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.index-culture-01 .span-des { font-size: 16px; color: #555; line-height: 18px; }

.index-history > img { width: 100%; }

.index-history-bg { position: absolute; left: 0; right: 0; bottom: 0; background: #dacfbc; }

.index-history .container { margin-top: 55px; z-index: 2; }

.index-history .span-xian { position: absolute; left: 0; right: 0; height: 2px; background: #5f3105; }

.index-history-owl { padding-left: 12px; padding-right: 12px; }

.index-history-owl .owl-nav button.owl-prev, .index-history-owl .owl-nav button.owl-next { position: absolute; width: 31px; height: 57px; transform: translateY(-50%); background-repeat: no-repeat; background-position: center; font-size: 0; }

.index-history-owl .owl-nav button.owl-prev { left: -50px; background-image: url("../images/arrow-left.png"); }
.index-history-owl .owl-nav button.owl-prev:hover { background-image: url("../images/arrow-lefth.png"); }

.index-history-owl .owl-nav button.owl-next { right: -50px; background-image: url("../images/arrow-right.png"); }
.index-history-owl .owl-nav button.owl-next:hover { background-image: url("../images/arrow-righth.png"); }

.index-history-01 { position: relative; display: flex; align-items: flex-start; }
.index-history-01 .div-cont { position: relative; margin-left: 53px; padding-left: 23px; padding-top: 60px; padding-bottom: 0; }
.index-history-01 .div-cont::before { content: " "; position: absolute; top: 0; bottom: 30px; width: 1px; left: 0; background: #5f3105; }
.index-history-01 .div-cont::after { content: ""; position: absolute; left: -7px; top: -7px; width: 13px; height: 13px; background: #5f3105; border-radius: 50%; }
.index-history-01 .div-year { font-size: 36px; line-height: 1; color: #5f3105; font-weight: bold; padding-left: 34px; background: url("../images/icon-08.png") left center no-repeat; margin-left: -33px; }
.index-history-01 .div-des { font-size: 14px; line-height: 24px; color: #333; margin-top: 0; margin-bottom: 10px; }
.index-history-01:first-child { padding-right: 23px; align-items: flex-end; }
.index-history-01:first-child .div-cont { margin-left: 10px; padding-bottom: 60px; padding-top: 0; }
.index-history-01:first-child .div-cont::before { top: 30px; bottom: 0; }
.index-history-01:first-child .div-cont::after { top: auto; bottom: -7px; }
.index-history-01:first-child .div-des { margin-top: 10px; margin-bottom: 0; }

.index-specialty-cont { padding-top: 1.3%; }

.index-specialty-01 { margin-top: 43px; }
.index-specialty-01 .span-bg img { width: 100%; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.index-specialty-01 .span-bg .mg1 { position: absolute; left: 0; right: 0; top: 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
.index-specialty-01 .div-cont { padding-left: 12%; padding-right: 12%; background: url("../images/bg-05.png") center repeat-y; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; background-size: 100%; }
.index-specialty-01 .div-cont .div-top { border: 2px solid rgba(202, 193, 151, 0.3); }
.index-specialty-01 .div-cont .div-img { background-size: cover; background-repeat: no-repeat; background-position: center; padding-top: 66.985%; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }
.index-specialty-01 .div-cont .div-title { font-size: 24px; line-height: 34px; color: #333; padding-top: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.index-specialty-01 .div-cont .div-des { font-size: 16px; color: #555; line-height: 30px; text-align: center; margin-top: 17px; height: 60px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.index-recovery { background: #dacfbc; }

.index-recovery-des { font-size: 16px; line-height: 30px; color: #333; margin-top: 50px; }

.index-recovery-cont { display: flex; justify-content: space-between; margin-top: 32px; }

.index-recovery-01 { flex: 1; background: #c1af97; padding-top: 40px; padding-bottom: 40px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.index-recovery-01:nth-child(odd) { background: #cdbfa9; }
.index-recovery-01 .div-cont { width: 68.5%; text-align: center; }
.index-recovery-01 .div-img { padding-top: 63.23%; background-size: cover; background-repeat: no-repeat; background-position: center; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }
.index-recovery-01 .div-title { font-size: 24px; color: #333; line-height: 34px; margin-top: 25px; }
.index-recovery-01 .div-des { font-size: 16px; line-height: 30px; color: #555; margin-top: 5px; }

.index-adv .index-adv-list { margin-top: 4.5%; }

.index-adv-list { display: flex; flex-wrap: wrap; margin-bottom: -1px; }
.index-adv-list li { position: relative; float: left; width: 50%; border-bottom: 1px solid #dfccac; border-left: 1px solid #dfccac; min-height: 160px; padding: 40px 85px 40px 180px; display: flex; align-items: center; }
.index-adv-list li .span-icon { position: absolute; left: 60px; top: 50%; transform: translateY(-50%); -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.index-adv-list li .div-txt { font-size: 16px; line-height: 30px; color: #555; }

.index-news { background: #dacfbc; }

.index-news-cont { margin-top: 6.8%; }

.index-news-title { position: absolute; left: 50%; top: 0; transform: translate(-50%, -50%); z-index: 2; width: 150px; height: 50px; background: #b78135; border-radius: 5px; line-height: 50px; font-size: 24px; color: #fff; }

.index-news-a1 { background: #c1af97; padding-bottom: 11px; }
.index-news-a1 .span-img .bdo-img { padding-top: 59.905%; background-size: cover;background-position:top; background-repeat: no-repeat; background-position: center; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }
.index-news-a1 .bdo-date { position: absolute; right: 0; left: 50%; bottom: 0; transform: translateX(-50%); width: 130px; height: 36px; line-height: 36px; font-size: 14px; font-family: "Arial"; color: #fff; background-color: rgba(95, 45, 9, 0.8); }
.index-news-a1 .span-title { padding: 13px 18px 0; font-size: 16px; line-height: 30px; color: #333; height: 73px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.index-news-list { background: #cdbfa9; }
.index-news-list li { position: relative; padding-left: 18px; padding-right: 100px; }
.index-news-list li:nth-child(odd) { background: #c1af97; }
.index-news-list li a { display: block; height: 52px; line-height: 52px; padding-left: 12px; background: url("../images/icon-09.png") left center no-repeat; font-size: 14px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.index-news-list li .span-date { position: absolute; right: 20px; top: 0; bottom: 0; line-height: 52px; font-size: 12px; color: #5f3105; }

.index-more { font-size: 16px; color: #5f3105; width: 150px; height: 50px; border: 1px solid #5f3105; border-radius: 5px; line-height: 48px; margin-top: 9.5%; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.index-more:hover { background: #5f3105; color: #fff; }
.index-more.mt0 { margin-top: 0; }

.index-about-title { display: flex; justify-content: center; white-space: nowrap; overflow: auto; }
.index-about-title .div-01 { margin: 0 20px; cursor: pointer; }
.index-about-title .div-01 .span-01 { display: block; padding-right: 26px; background: url("../images/bg-07h.png") right center no-repeat; }
.index-about-title .div-01 .span-01 .span-02 { display: block; padding-left: 26px; background: url("../images/bg-06h.png") left center no-repeat; }
.index-about-title .div-01 .span-01 .span-02 i { display: block; font-style: normal; padding-left: 15px; padding-right: 15px; font-size: 22px; color: #555; line-height: 64px; background: url("../images/bg-08h.png") repeat-x; }
.index-about-title .div-01.on .span-01 { background: url("../images/bg-07.png") right center no-repeat; }
.index-about-title .div-01.on .span-01 .span-02 { background: url("../images/bg-06.png") left center no-repeat; }
.index-about-title .div-01.on .span-01 .span-02 i { background: url("../images/bg-08.png") repeat-x; }

.index-about-01 .span-img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; }

.index-about-cont { padding-top: 2%; }
.index-about-cont.ling { padding-top: 0; margin-top: -35px; }

.index-about-01 { margin-top: 35px; padding: 10px; border: 3px solid #cac197; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.index-about-01 .mg-mc { width: 100%; }
.index-about-01 .span-img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; }
.index-about-01 .span-img img { max-width: 100%; max-height: 100%; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }
.index-about-01 .span-mc { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; background: rgba(95, 49, 5, 0.6); font-size: 18px; color: #fff; display: flex; align-items: center; justify-content: center; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.index-about-cont2{ width: 100%; visibility: hidden; position: absolute; padding-top: 2%; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.index-about-cont2.on{visibility: visible; position: relative; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;}
.index-about-cont2:first-child{ display: block; }
.index-about-cont2 .index-about-01{ margin-top: 10px; }
.index-about-owl .owl-dots { position: static; line-height: normal; font-size: 0; text-align: center; margin-top: 20px; }
.index-about-owl .owl-dots button.owl-dot { width: 12px; height: 12px; background: #b78135; border-radius: 50%; margin: 0 7px; }
.index-about-owl .owl-dots button.owl-dot.active { background: #5f3105; }

/*============================= 03_医院概况_医院简介 =============================*/
.banner-inside { font-size: 36px; color: #f1eddf; line-height: 1; padding-top: 6.9%; padding-bottom: 6.9%; background-size: cover; background-repeat: no-repeat; background-position: center; }

.public-bream { position: relative; font-size: 14px; color: #555; line-height: 24px; padding-top: 18px; padding-bottom: 18px; border-bottom: 1px solid rgba(95, 49, 5, 0.1); }
.public-bream a { color: #555; }
.public-bream a:hover, .public-bream a.on { color: #b78135; }
.public-bream span { padding-left: 35px; background-repeat: no-repeat; background-position: left center; color: #333; }
.public-bream .div-weather { width: 168px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }

.about-intro-bian img { width: 100%; }

.about-intro-art { padding: 1px 4%; font-size: 16px; line-height: 36px; color: #333; background: url("../images/bg-11.png") center repeat-y; background-size: 100%; }
.about-intro-art img { max-width: 70%; }
@media (max-width: 768px){.about-intro-art img { max-width: 100%; }}
.about-intro-art .div-des { margin-top: 20px; }

/*============================= 04_医院概况_科室介绍 =============================*/
.public-submenu-scroll { border-bottom: 1px solid #e2dac9; }
.public-submenu-scroll .swiper-slide { width: auto; margin-bottom:14px;}
.public-submenu-scroll a { display: block; padding: 0 30px; height: 40px; line-height: 40px; border-radius: 5px 5px 0 0; font-size: 14px; color: #5f3105; background: #cac197; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.public-submenu-scroll a.on, .public-submenu-scroll a:hover { color: #fff; background: #b78135; }

.about-intro-tap { border-bottom: 1px solid #cac197; }
.about-intro-tap a { position: relative; display: inline-block; font-size: 16px; color: #333; margin: 0 11px; padding: 0 18px; line-height: 50px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.about-intro-tap a::after { content: " "; position: absolute; left: 50%; right: 50%; bottom: -1px; height: 3px; background: #b78135; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.about-intro-tap a:hover, .about-intro-tap a.on { color: #b78135; }
.about-intro-tap a:hover::after, .about-intro-tap a.on::after { left: 0; right: 0; }

/*============================= 04_医院概况_科室介绍 =============================*/
.about-team-a1 { padding: 7px 7px 20px; border: 3px solid #cac197; margin-bottom: 30px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.about-team-a1 .span-img img { display: block; width: 100%; }
.about-team-a1 .span-img .mg1 { position: absolute; right: 0; bottom: 0; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }
.about-team-a1 .span-cont { padding-top: 3px; }
.about-team-a1 .span-cont .bdo-title { font-size: 24px; line-height: 60px; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background: url("../images/line-01.jpg") center bottom no-repeat; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.about-team-a1 .span-cont .bdo-des { font-size: 16px; line-height: 26px; color: #555; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 10px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

/*============================= 06_医院概况_医生团队_详情页 =============================*/
.about-team-art-title { padding-bottom: 32px; background: url("../images/bg-12.png") center bottom repeat-x; }
.about-team-art-title .div-name { font-size: 30px; line-height: 40px; color: #333; }
.about-team-art-title .div-info { font-size: 16px; color: #666; line-height: 26px; margin-top: 13px; }
.about-team-art-title .div-info2 { margin-top: 20px; }
.about-team-art-title .div-info2 .span-01 { padding-left: 26px; background-position: left center; background-repeat: no-repeat; font-size: 16px; color: #5f3105; line-height: 26px; margin-right: 30px; }

.art-share { position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.art-share .bshare-custom a { margin-left: 10px; }

.about-team-a1 .span-img { background-size: cover; background-position: center; background-repeat: no-repeat; }
.about-team-a1 .span-img img { display: block; width: 100%; }

.fancybox-button--thumbs { width: 0; height: 0; visibility: hidden; overflow: hidden; }

/*============================= 09_医院概况_医院文化 =============================*/
.about-culture { height: 520px; background-position: top center; background-repeat: no-repeat; background-size: cover; background-image: url("../images/bg-13.jpg"); display: flex; justify-content: flex-end; padding-right: 17.32%; }
.about-culture .div-01 { display: flex; flex-direction: row-reverse; padding-top: 75px; text-align: left; font-size: 16px; color: #333; line-height: 20px; }
.about-culture .div-01 b { font-size: 24px; line-height: 26px; }
.about-culture .div-01 > div{ width: 30px; text-align: center; }
.about-culture .div-01 > div:nth-child(even){ margin-left: 40px; }

/*============================= 10_医院概况_医院历史 =============================*/
.art-pages { display: flex; justify-content: space-between; }
.art-pages .a-01 { display: inline-block; max-width: 40%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 50px; line-height: 38px; background: url("../images/arrow-right2.png") right center no-repeat; font-size: 14px; color: #666; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.art-pages .a-01:first-child { padding-right: 0; padding-left: 50px; background: url("../images/arrow-left2.png") left center no-repeat; }
.art-pages .a-01:hover { color: #b78135; background: url("../images/arrow-right2h.png") right center no-repeat; }
.art-pages .a-01:hover:first-child { background: url("../images/arrow-left2h.png") left center no-repeat; }
.art-pages .a-01:hover span { color: #666; }
.art-pages .a-return { display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 120px; height: 36px; line-height: 30px; background: #b78135; border: 3px solid #decaaa; border-radius: 36px; font-size: 14px; color: #fff; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.art-pages .a-return:hover { background: #5f3105; }

/*============================= 12_医院概况_公益活动_列表页 =============================*/
.about-activites-a1 { background: #dacfbc; margin-bottom: 35px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.about-activites-a1 .span-img { padding-top: 70.415%; }
.about-activites-a1 .span-img img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.about-activites-a1 .span-title { font-size: 16px; color: #333; line-height: 56px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

/*============================= 13_医院概况_公益活动_详情页 =============================*/
.public-remmon { padding-top: 5%; }

.pubilc-recomm-a1 { background: #dacfbc; margin-bottom: 30px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.pubilc-recomm-a1 .span-img bdo { padding-top: 61.02%; background-size: cover; background-position: top; background-repeat: no-repeat; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }
.pubilc-recomm-a1 .span-cont { padding-left: 20px; padding-right: 20px; padding: 13px 20px 12px; }
.pubilc-recomm-a1 .span-cont .bdo-title { font-size: 16px; line-height: 30px; height: 60px; color: #333; height: 60px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.pubilc-recomm-a1 .span-cont .bdo-info { display: flex; justify-content: space-between; color: #555; font-family: "Arail"; line-height: 24px; margin-top: 7px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.pubilc-recomm-a1 .span-cont .bdo-info .i-01 { font-style: normal; }

.public-recomm-cont.ling .pubilc-recomm-a1 .span-cont .bdo-title { height: auto; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/*============================= 22_医生讲堂_医生直播回放_列表页 =============================*/
.video-list { padding-top: 10px; padding-bottom: 20px;}

.video-a1 { margin-top: 30px; }
.video-a1 > img { width: 100%; }
.video-a1 .div-cont { padding-left: 4.83%; padding-right: 4.83%; background: url("../images/bg-16.png") center repeat-y; background-size: 100%; }
.video-a1 .span-img { padding-top: 54.84%; background-size: cover; background-repeat: no-repeat; background-position: center; }
.video-a1 .span-img2 { padding-top: 54.84%; background-repeat: no-repeat; background-position: center; }
.video-a1 .span-img img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 15%; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.video-a1 .span-img2 img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 15%; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.video-a1 .span-txt { font-size: 16px; color: #333; line-height: 26px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 15px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.notice-list { padding-bottom: 2.5%; }
.notice-list li { position: relative; padding: 0 120px 0 20px; font-size: 0; line-height: normal; background: rgba(95, 49, 5, 0.1); -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.notice-list li:nth-child(even) { background: rgba(95, 49, 5, 0.2); }
.notice-list li a { display: inline-block; line-height: 56px; font-size: 16px; color: #333; padding-left: 15px; background: url("../images/icon-09.png") left center no-repeat; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.notice-list li .span-date { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); font-size: 16px; color: #5f3105; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

/*============================= 14_医院动态_医院新闻_列表页 =============================*/
.news-list li { position: relative; padding-left: 34.6%; border: 3px solid #dacfbc; margin-bottom: 40px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.news-list li .a-img { position: absolute; left: -3px; top: -3px; bottom: -3px; width: 31.5%; background-size: cover; background-repeat: no-repeat; background-position: center; }
.news-list li .div-cont { padding-top: 33px; padding-bottom: 33px; padding-right: 40px; }
.news-list li .div-title { font-size: 0; }
.news-list li .div-title a { display: inline-block; max-width: 100%; font-size: 18px; line-height: 28px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.news-list li .div-des { font-size: 14px; line-height: 26px; color: #555; margin-top: 18px; height: 52px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.news-list li .div-date { margin-top: 46px; display: flex; justify-content: space-between; font-size: 16px; color: #555; font-family: "Arial"; }
.news-list li .div-date a { font-size: 16px; color: #555; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

/*============================= 19_专科专长_骨结核 =============================*/
.tedian-main { padding-top: 4.7%; }

.tedian-title-des { font-size: 16px; line-height: 26px; color: #333; margin-top: 24px; }

.tedian-main .div-tedian-tit { position: relative; background: #dacfbc; border-radius: 10px; font-size: 16px; color: #333; line-height: 26px; padding-top: 30px; padding-bottom: 24px; }
.tedian-main .div-tedian-tit .div-num { position: absolute; left: 50%; top: 0; transform: translate(-50%, -50%); width: 60px; height: 60px; border-radius: 50%; background: #b78135; border: 4px solid #e9d9c2; font-size: 24px; color: #fff; font-weight: bold; display: flex; align-items: center; justify-content: center; }

.div-tedian-01 { margin-top: 57px; }

/*============================= 16_专科专长_回生灵疗法 =============================*/
.system-specialty-cont { display: flex; justify-content: space-between; flex-wrap: wrap; }
.system-specialty-cont > div { display: flex; }
.system-specialty-cont > div:last-child { margin-right: auto; }
.system-specialty-cont .system-specialty-01 { display: flex; flex-direction: column; width: 100%; }
.system-specialty-cont .system-specialty-01 .div-cont { height: 100%; padding-left: 10.5%; padding-right: 10.5%; }
.system-specialty-cont .system-specialty-01 .div-cont .div-des { height: auto; display: block; }

.system-tedian-cont { padding-top: 70px; display: flex; justify-content: space-between; align-items: center;}
.system-tedian-cont .div-word { width: 49.6%; }
.system-tedian-cont .div-word img { width: 100%; }
.system-tedian-cont .div-word .div-des { background: url("../images/bg-19.png") center repeat-y; background-size: 100%; padding: 0 7.9%; font-size: 16px; line-height: 36px; color: #333; }
.system-tedian-cont .div-img { position: relative; width: 42.5%; padding-right: 30px; }
.system-tedian-cont .div-img::before { content: " "; position: absolute; right: 0; top: 0; bottom: 0; left: 0; border: 1px solid #5f3105; }
.system-tedian-cont .div-img img { position: relative; z-index: 1; width: 100%; }
.system-tedian-cont.ling { padding-top: 40px; }
.system-tedian-cont.ling .div-img { padding-right: 0; padding-left: 30px; }
.system-tedian-cont.ling .div-img::before { top: 0; right: 0; bottom: 0; left: 30px; }
.system-tedian-cont.ling .div-word { padding-top: 30px; }

.system-achieve > img { width: 100%; }
.system-achieve .system-achieve-cont { background: #dacfbc; }

.system-achieve-cont { padding-bottom: 4%; }

.system-achieve-word { background: url("../images/bg-24.png") center repeat-y; background-size: 100%; padding-left: 3.93%; padding-right: 3.93%; display: flex; justify-content: space-between; }
.system-achieve-word .div-des { width: 25%; font-size: 16px; color: #333; line-height: 36px; text-align: justify; }
.system-achieve-word .system-achieve-list { width: 69.58%; }
.system-achieve-word .system-achieve-list .div-01 { margin-top: 15px; border: 1px solid #5f3105; font-size: 0; }
.system-achieve-word .system-achieve-list .div-01 .mg1 { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(1.015); max-width: 100%; max-height: 100%; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }

/*============================= 10_医院概况_医院历史 =============================*/
.history-list { width: 100%; }

.history-list { position: relative; padding-top: 40px; padding-bottom: 72px; }
.history-list::before { content: " "; position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #e2dac9; }
.history-list li .div-cont { width: 50%; float: right; padding-left: 90px; }
.history-list li .div-cont .b-year { position: relative; font-size: 46px; color: #5f3105; line-height: 1; }
.history-list li .div-cont .b-year::before { content: ""; position: absolute; right: 100%; top: 50%; transform: translateY(-50%); margin-right: 19px; width: 80px; height: 21px; background: url("../images/icon-15.png") center no-repeat; }
.history-list li .div-cont .div-des { font-size: 16px; line-height: 30px; color: #333; margin-top: 13px; }
.history-list li .div-cont .div-img { margin-top: 12px; }

.history-arrow { position: absolute; left: 50%; transform: translateX(-50%); z-index: 10; width: 39px; height: 39px; background-repeat: no-repeat; background-position: center; background-size: cover; cursor: pointer; }
.history-arrow.history-arrow-prev { top: 0; background-image: url("../images/icon-17.png"); }
.history-arrow.history-arrow-prev:hover { background-image: url("../images/icon-17h.png"); }
.history-arrow.history-arrow-next { bottom: 0; background-image: url("../images/icon-18.png"); }
.history-arrow.history-arrow-next:hover { background-image: url("../images/icon-18h.png"); }

.pop-up-mc { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 105; background: rgba(0, 0, 0, 0.6); display: none; }

.pop-up-tc { position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 106; width: 1270px; max-width: 80%; visibility: hidden; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.pop-up-tc.on { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; visibility: visible; }

.pop-up-close { position: fixed; top: 50px; right: 50px; width: 50px; height: 50px; font-size: 0; z-index: 107; cursor: pointer; display: none; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }
.pop-up-close:hover { transform: rotate(90deg); }

.pop-up-owl .owl-nav button.owl-prev, .pop-up-owl .owl-nav button.owl-next { position: absolute; top: 50%; width: 50px; height: 50px; transform: translateY(-50%); background-repeat: no-repeat; background-position: center; background-size: cover; font-size: 0; border-radius: 50%; }
.pop-up-owl .owl-nav button.owl-prev { left: 3.93%; background-image: url("../images/arrow-left3.png"); }
.pop-up-owl .owl-nav button.owl-prev:hover { background-image: url("../images/arrow-left3h.png"); }
.pop-up-owl .owl-nav button.owl-next { right: 3.93%; background-image: url("../images/arrow-right3.png"); }
.pop-up-owl .owl-nav button.owl-next:hover { background-image: url("../images/arrow-right3h.png"); }
.pop-up-owl .pop-up-img { position: relative; max-height: 80vh; display: flex; justify-content: center; align-items: center; }
.pop-up-owl .pop-up-img img { width: auto; max-width: 100%; max-height: 100%; }
.pop-up-owl .pop-up-img .div-title { position: absolute; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); padding: 15px 25px; font-size: 24px; color: #fff; line-height: 34px; height: 80px; display: flex; justify-content: center; align-items: center; }
.zixun{
    position: fixed;bottom:0;right:0;z-index:202;display: none;width: 30%;
}
/*# sourceMappingURL=style.css.map */
