@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0; }
body { font-family: "微软雅黑", "幼圆", "黑体", "宋体"; font-size: 16px; font-weight: 500; color: #242424; background: url(../images/bg.png) #fff; letter-spacing: 1px; overflow-x: hidden; }
h1, h2, h3, h4, h5, h6 { color: #4B4B4B; font-weight: 600; }
h1 { font-size: 30px; }
h2 { font-size: 28px; }
h3 { font-size: 24px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }
ol li, ul li { list-style: none; }
img, video { max-width: 100%; width: 100%; height: auto; border-radius: 5px; }
iframe { width: 100%; height: 510px; }
a, a strong { text-decoration: none; color: #242424; }
a:hover, a:focus, a strong:hover { text-decoration: none; outline: none; color: #f00; transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; }
.clear { clear: both; height: 0; line-height: 0px; font-size: 1px; }
.section-padding { padding: 80px 0; }
.gray-bg { background: #f4f6f8; }
.secondary-bg { background: #14181a; }
.dark-overlay { position: relative; }
.dark-overlay:after { content: ""; position: absolute; left: 0; top: 0; right: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); }
.section-header { padding-bottom: 60px; font-size: 24px; color: #4B4B4B; text-align: center; }
.section-header a { color: #4B4B4B; }
.section-header h1 { font-size: 30px; color: #4B4B4B; }
.section-header h2 { font-size: 30px; color: #4B4B4B; }
.section-title { margin-top: 10px; text-transform: uppercase; font-weight: 500; }
.container-fluid2 { width: 100%; height: auto; }
/* =========================================
　　1.1、网站顶部导航栏
=========================================*/
.top{ width:100%; background:#88745A; line-height:45px; font-size:14px; color:#fff;}
.header-sticky { -o-transition: .4s; -ms-transition: .4s; -webkit-transition: .4s; -moz-transition: .4s; transition: .4s; }
.header-sticky.is-sticky { z-index: 999; position: fixed; left: 0; top: 0; width: 100%; box-shadow: 0 8px 6px -6px rgba(0,0,0,0.4); background: #fff; -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown; animation: 500ms ease-in-out 0s normal none 1 running fadeInDown; }
.main-header-area { z-index: 999; position: relative; width: 100%; background-color: #fff; }
.main-header-area .classynav ul { -webkit-transition-duration: 500ms; transition-duration: 500ms; }
.main-header-area .classynav ul li a { font-size: 18px; font-weight: 500; transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; }
.main-header-area .classynav ul li a:hover { font-weight: 600; color: #d5b264; }
.main-header-area .classy-nav-container { background-color: transparent; }
.main-header-area .nav-brand img { width: auto; height: 50px; }
@media only screen and (min-width: 991px) and (max-width: 1200px) {
.main-header-area .nav-brand { margin-right: 0; }
.main-header-area .searchbtn { margin-left: 0; width: 30px; }
.main-header-area .south-search-form input { width: 550px; }
.classynav ul li a { padding: 0 8px; }
.classynav ul li.cn-dropdown-item.pr12 { padding-right: 7px !important; }
.classynav > ul > li.cn-dropdown-item.has-down > .dd-arrow, .classynav > ul > li.megamenu-item > .dd-arrow { right: 8px; }
}
@media only screen and (min-width: 767px) and (max-width: 992px) {
.main-header-area .searchbtn { margin-left: 0; margin-top: 15px; width: 100%; height: 50px; line-height: 50px; }
.main-header-area .south-search-form input { width: calc(100% - 30px); margin: 0 15px; }
.is-sticky .main-header-area { height: 70px; }
.light .classynav ul li .dropdown, .light .classynav ul li .megamenu, .light.breakpoint-on .classynav > ul > li > a, .light.breakpoint-on .classy-navbar .classy-menu { background-color: #d5b264; }
.main-header-area { height: 70px; }
.main-header-area .classy-navbar { height: 70px; }
}
@media only screen and (max-width: 767px) {
.is-sticky .main-header-area { height: 70px; }
.light .classynav ul li .dropdown, .light .classynav ul li .megamenu, .light.breakpoint-on .classynav > ul > li > a, .light.breakpoint-on .classy-navbar .classy-menu { background-color: #d5b264; }
.main-header-area { height: 70px; }
.main-header-area .classy-navbar { padding: 0.5em 0; height: 70px; }
.main-header-area .searchbtn { margin-left: 0; margin-top: 15px; width: 100%; height: 50px; line-height: 50px; }
.main-header-area .south-search-form input { width: calc(100% - 30px); margin: 0 15px; }
}
@media only screen and (max-width: 991px) {
.main-header-area .classynav ul li a { color: #fff; }
}
/* =========================================
　　1.2、网站首页-轮播图
=========================================*/
/* 网站首页大轮播图控制按钮 */
.slides-pc { display: block; }
.slides-mo { display: none; }
.owl-nav { position: absolute; left: 20px; top: 50%; right: 20px; margin-top: -25px; height: 1px; }
.owl-nav div { float: left; position: relative; width: 50px; height: 50px; line-height: 50px; font-size: 0; opacity: 0.3; }
.owl-nav div:hover { opacity: 0.6; }
.owl-nav div.owl-next { float: right; }
.owl-nav div:after { position: absolute; top: 0; width: 100%; height: 100%; border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.1) 0 0 10px; background: #fff; font-family: fontawesome; content: "\f104"; font-size: 30px; text-align: center; }
.owl-nav div.owl-next:after { content: "\f105"; }
/* =========================================
　　1.3 网站首页-经道国医养生品牌
=========================================*/
.pinpai-sybj { position: relative; width: 100%; height: auto;  background-repeat: no-repeat; background-position: center; background-size: cover; }
.about-us video { position: relative; top: 0; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.1) 0 0 0px; transition-duration: 0.3s; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; }
.about-us video:hover { box-shadow: rgba(0, 0, 0, 0.3) 0 0 10px; top: -5px; }
.about-us iframe { position: relative; top: 0; width: 100%; height: 355px; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.1) 0 0 0px; transition-duration: 0.3s; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; }
.about-us iframe:hover { box-shadow: rgba(0, 0, 0, 0.3) 0 0 10px; top: -5px; }
.about-us p { position: relative; top: 0; margin-bottom: 12px; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.1) 0 0 0px; line-height: 1.8; text-indent: 2em; text-align: justify; transition-duration: 0.3s; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; }
.about-us p:hover { top: -5px; box-shadow: rgba(0, 0, 0, 0.1) 0 0 5px; }
.iframevideo { width: 100%; height: 355px; }
/*=======================
　　1.4 网站首页-中医特色养生项目
===========================*/
.xiangmu-sybj { position: relative; width: 100%; height: auto; background-repeat: no-repeat; background-position: center; background-size: cover; }
.features-box { position: relative; top: 0; margin: 0 auto 25px; padding: 0 0 1px; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.1) 0 0 0px; background: #d5b264; text-align: center; transition-duration: 0.3s; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; }
.features-box:hover { top: -5px; box-shadow: rgba(0, 0, 0, 0.3) 0 0 10px; }
.features-box h3 { margin: 15px 0; font-size: 18px; color: #fff; }
.features-box h3 a { display: block; color: #fff; }
.features-box p { padding: 0px 15px 15px; line-height: 1.8; text-align: justify; color: #fff; }
.margin-bottom { margin-bottom: 0; }
/*=======================
　　1.5 网站首页-品牌加盟合作优势
===========================*/
.jiameng-pc { display: block; }
.jiameng-mo { display: none; }
.jiamengys { position: relative; width: 100%; height: auto; background-image: url(../img/jiamengtup.png); background-repeat: no-repeat; background-position: center; min-height:556px;}
.jiamengys-wrap2 { margin-top: 100px; }
.jiamengys-wrap3 { margin-top: 100px; }
.jiamengys-card1 { float: left; width: 280px; margin-left: 130px; text-align: right; }
.jiamengys-card2 { float: right; width: 280px; margin-right: 130px; text-align: left; }
.jiamengys-card1 h3, .jiamengys-card1 p { float: right; line-height: 1.6; }
.jiamengys-card2 h3, .jiamengys-card2 p { line-height: 1.6; }
.jiamengys-card1 h3, .jiamengys-card2 h3 { width: 80px; margin-bottom: 10px; border-bottom: 2px solid #cc9966; font-size: 18px; }
.jiamengys-card3 { float: left; width: 258px; margin-left: 50px; text-align: right; }
.jiamengys-card4 { float: right; width: 258px; margin-right: 50px; text-align: left; }
.jiamengys-card3 h3, .jiamengys-card3 p { float: right; line-height: 1.6; }
.jiamengys-card4 h3, .jiamengys-card4 p { line-height: 1.6; }
.jiamengys-card3 h3, .jiamengys-card4 h3 { width: 80px; margin-bottom: 10px; border-bottom: 2px solid #cc9966; font-size: 18px; }
.category-card { position: relative; top: 0; padding: 5px; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.1) 0 0 0px; text-align: center; transition-duration: 0.3s; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; }
.category-card:hover { top: -5px; box-shadow: rgba(0, 0, 0, 0.1) 0 0 10px; }
.category-card h3 { margin: 15px 0 10px 0; font-size: 18px; }
.category-card p { text-align: justify; }
/*=======================
　　1.6 网站首页-品牌加盟售后扶持
===========================*/
.jiamengfuchi-wrap { position: relative; top: 0; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.1) 0 0 0px; text-align: center; transition-duration: 0.3s; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; }
.jiamengfuchi-wrap:hover { top: -5px; box-shadow: rgba(0, 0, 0, 0.1) 0 0 10px; }
.jiamengfuchi-wrap ul li { width: 100%; height: 55px; line-height: 55px; border-radius: 5px; }
.jiamengfuchi-wrap ul li.fff { background-color: #fff; }
.jiamengfuchi-wrap ul li.ccc { color: #fff; background-color: #d5b264; }
.jiamengfuchi-img1 { line-height: 150px; font-size: 18px; color: #fff; background-image: url(../img/jiamengfuchi1.jpg); background-repeat: no-repeat; background-size: cover; border-radius: 5px; }
.jiamengfuchi-img2 { line-height: 150px; font-size: 18px; color: #fff; background-image: url(../img/jiamengfuchi2.jpg); background-repeat: no-repeat; background-size: cover; border-radius: 5px; }
.jiamengfuchi-img3 { line-height: 150px; font-size: 18px; color: #fff; background-image: url(../img/jiamengfuchi3.jpg); background-repeat: no-repeat; background-size: cover; border-radius: 5px; }
/*=======================
　　1.7 网站首页-品牌加盟店面展示
===========================*/
#testimonials .item { opacity: 0.3; transform: scale(0.85); }
#testimonials .owl-item { z-index: -1; }
#testimonials .owl-item.center { z-index: -1; }
#testimonials .owl-item.center .item { opacity: 1; transform: scale(1.25); }
#testimonials .owl-item.center .item .reviews-box { border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.1) 0 0 5px; }
#testimonials .owl-carousel .owl-item { padding: 50px 0; }
.reviews-box { position: relative; border-radius: 5px; text-align: center; }
.reviews-box h3 { font-size: 14px; line-height: 2.5; color: #fff; background: #d5b264; border-radius: 5px; }
/*=======================
　　1.8 网站首页-公司新闻动态中心
===========================*/
.xinwen-sybj { position: relative; width: 100%; height: auto; background-image: url(../img/xinwen-sybj.png); background-repeat: no-repeat; background-position: center; background-size: cover; }
.post-wrap { position: relative; top: 0; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.1) 0 0 0px; background: #fff; text-align: center; transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -ms-transition-duration: 0.3s; }
.post-wrap:hover { top: -5px; box-shadow: rgba(0, 0, 0, 0.1) 0 0 10px; }
.post-wrap h3 { margin-top: 15px; padding: 0 15px; line-height: 1.8; font-size: 18px; color: #4B4B4B; }
.post-wrap p { margin: 8px 0; padding: 0 15px; line-height: 1.6; text-align: justify; }
.post-wrap .date { width: 100%; padding: 10px 20px; font-size: 15px; border-top: 1px dashed #ddd; }
.post-wrap .date time { float: right; }
.post-wrap2 { position: relative; top: 0; padding: 15px 0; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.1) 0 0 0px; background: #fff; transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -ms-transition-duration: 0.3s; }
.post-wrap2:hover { top: -5px; box-shadow: rgba(0, 0, 0, 0.1) 0 0 10px; }
.post-wrap2 .post-wrap2-date2 { margin-right: -30px; }
.post-wrap2 .date2-a { text-align: center; font-size: 48px; color: #646464; }
.post-wrap2 .date2-b { text-align: center; font-size: 16px; font-weight: bold; color: #646464; }
.post-wrap2 h3 { line-height: 1.8; font-size: 18px; color: #4B4B4B; }
.post-wrap2 p { margin-top: 10px; line-height: 1.6; text-align: justify; }
/*=======================
　　1.9 网站底部版块
===========================*/
.footer-logo { padding-top: 50px; padding-bottom: 20px; }
.footer-logo img { padding-bottom: 15px; width: auto; height: auto; }
.footer-logo p { line-height: 1.6; text-indent: 2em; text-align: justify; color: #C0C0C0; }
.footer-dyewm { float: left; width: 25%; padding-top: 50px; text-align: center; }
.footer-dyewm h4 { margin: 0 0 30px; font-size: 18px; color: #969696; }
.footer-dyewm img { width: 80%; height: auto; border: 1px solid #ddd; }
.footer-bottom { padding: 15px 0; font-size: 14px; color: #969696; background: #181d1f; }
.footer-bottom .span-left { float: left; margin-right: 10px; }
.footer-bottom .span-between { float: left; }
.footer-bottom .span-right { float: right; }
.footer-bottom .span-right a { color: #969696; }
/* =======================
　　1.10 网站右侧在线客服
=========================== */
.floatkefu { position: fixed; right: 15px; bottom: 45px; z-index: 3; }
.floatkefu .kefu-rexian, .kefu-zixun, .kefu-liuyan, .kefu-fuwu, .kefu-ewm, .kefu-return { position: relative; width: 80px; height: 80px; background-color: #d5b264; border-bottom: 1px solid #ddd; background-repeat: no-repeat; background-position: center 20%; text-align: center; cursor: pointer; border-radius: 5px; }
.floatkefu .kefu-rexian span, .kefu-zixun span, .kefu-liuyan span, .kefu-fuwu span, .kefu-ewm span, .kefu-return span { display: block; padding-top: 54px; color: #fff; }
.floatkefu .kefu-rexian:hover, .kefu-zixun:hover, .kefu-liuyan:hover, .kefu-fuwu:hover, .kefu-ewm:hover, .kefu-return:hover { background-color: #e40231; border-bottom: 1px solid #a40324; }
.floatkefu .kefu-rexian:hover .floating_left, .kefu-zixun:hover .floating_left, .kefu-liuyan:hover .floating_left, .kefu-fuwu:hover .floating_left, .kefu-ewm:hover .floating_left, .kefu-return:hover .floating_left { display: block; }
.floating_left { position: absolute; left: -160px; top: 0px; width: 160px; height: 80px; background-color: #e40231; border-bottom: 1px solid #a40324; display: none; border-radius: 5px; }
.floating_left a { line-height: 80px; color: #fff; }
.floating_ewm { height: 180px; top: -100px; }
.floating_ewm i { display: block; margin: auto; margin-top: 7px; width: 145px; height: 145px; background-image: url(../img/kefu-erweima.jpg); border-radius: 5px; }
.floating_ewm p { margin-top: 5px; line-height: 20px; font-size: 14px; color: #fff; }
.kefu-rexian { background-image: url(../img/kefu-rexian.png); }
.kefu-zixun { background-image: url(../img/kefu-zixun.png); }
.kefu-liuyan { background-image: url(../img/kefu-liuyan.png); }
.kefu-fuwu { background-image: url(../img/kefu-fuwu.png); }
.kefu-ewm { background-image: url(../img/kefu-ewm.png); }
.kefu-return { background-image: url(../img/kefu-return.png); }
/* =======================
　　1.11 网站弹出对话框
=========================== */
.floatframe { display: none; position: fixed; left: 50%; margin-left: -347.5px; top: 50%; margin-top: -135px; width: 695px; height: 270px; z-index: 5; }
/*=======================
　　2.1 网站栏目页-当前位置
===========================*/
.section-weizhi { background: #f4f6f8; }
.weizhi { padding: 20px 15px; background-image: url(../img/dangqianwz.png); background-repeat: no-repeat; background-position: left; background-origin: content-box; background-size: 20px; text-indent: 1.5em; }
.weizhi a:hover { text-decoration: underline; }
.weizhi span { margin: 0 3px; }
/*=======================
　　2.2 网站栏目页-经道国医品牌文化
===========================*/
.image-box { position: relative; top: 0; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.1) 0 0 0px; text-align: center; transition-duration: 0.3s; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; }
.image-box:hover { top: -5px; box-shadow: rgba(0, 0, 0, 0.1) 1 0 10px; }
.parallex-bg { background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; }
.facts-box { position: relative; top: 0; padding: 5px 15px; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.1) 0 0 0px; transition-duration: 0.3s; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; }
.facts-box:hover { top: -5px; box-shadow: rgba(0, 0, 0, 0.1) 0 0 10px; }
.facts-box h3 { margin: 0 auto; line-height: 2; font-size: 18px; }
.facts-box p { line-height: 2; text-align: justify; }
/*=======================
　　2.3 网站栏目页-经道国医品牌优势
===========================*/
.price-card { position: relative; top: 0; margin-bottom: 30px; padding-bottom: 30px; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.1) 0 0 0px; text-align: center; background: #fff; transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -ms-transition-duration: 0.3s; }
.price-card::before { content: ''; position: absolute; left: 0; bottom: 0; width: 145px; height: 100px; background-image: url(../img/price.png); background-position: center center; background-size: cover; }
.price-card:hover { top: -5px; box-shadow: rgba(0, 0, 0, 0.1) 0 0 10px; }
.price-card .price-top { margin-bottom: 20px; }
.price-card .price-top h3 { font-size: 18px; margin-top: 20px; }
.price-card .price-feature { text-align: center; margin-bottom: 30px; }
.price-card .price-feature ul { padding: 0 20px; margin-bottom: 0; }
.price-card .price-feature ul li { line-height: 1.6; }
/*=======================
　　2.4 网站栏目页-网站经道国医荣誉资质
===========================*/
#interet-rates p { margin-bottom: 10px; text-align: left; line-height: 1.8; }
.rates-box { position: relative; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.1) 0 0 0px; background: #fff; transition-duration: .3s; -webkit-transition-duration: .3s; -o-transition-duration: .3s; -moz-transition-duration: .3s; }
.rates-box:after { content: ""; position: absolute; left: 0; bottom: 0; width: 0px; height: 1px; border-radius: 0 0 50px 50px; background: #f65638; transition-duration: .3s; -webkit-transition-duration: .3s; -o-transition-duration: .3s; -moz-transition-duration: .3s; }
.rates-box:hover:after { width: 100%; }
.rates-box h3 { padding: 10px; text-align: center; font-size: 16px; }
/*=======================
　　2.5 网站栏目页-经道国医发展历程
===========================*/
#timeline { position: relative; margin: 0 auto; width: 1290px; height: auto; background: url('../img/dot.gif') left 45px repeat-x; overflow: hidden; }
#dates { width: 1290px; height: 60px; overflow: hidden; }
#dates li { float: left; width: 100px; height: 50px; text-align: center; background: url('../img/biggerdot.png') center bottom no-repeat; }
#dates a { line-height: 30px; font-size: 18px; }
#dates .selected { font-size: 28px; }
#issues { width: 1290px; height: auto; overflow: hidden; }
#issues li { float: left; width: 1290px; height: auto; }
#issues li img { width: 100%; height: auto; }
.fazhanlc-czjz01 { margin-top: 148.61px; line-height: 1.8; }
.fazhanlc-czjz02 { margin-top: 127.61px; line-height: 1.8; }
.fazhanlc-czjz03 { margin-top: 106.61px; line-height: 1.8; }
.fazhanlc-czjz04 { margin-top: 127.61px; line-height: 1.8; }
/*=======================
　　2.5 网站栏目页-经道国医创始人
===========================*/
.chuangshiren p { position: relative; top: 0; margin-bottom: 10px; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.1) 0 0 0px; line-height: 1.5; text-align: justify; transition-duration: 0.3s; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; }
.chuangshiren p:hover { top: -5px; box-shadow: rgba(0, 0, 0, 0.1) 0 0 5px; }
.chuangshiren span { float: right; }
/*=======================
　　2.6 网站栏目页-经道国医特色养生项目
===========================*/
.tesexiangmu-ms { margin-bottom: 25px; text-indent: 2em; line-height: 2; }
.tesexiangmu-lm { margin-bottom: 25px; font-weight: bold; }
.tesexiangmu-lm ul li { float: left; padding-left: 15px; padding-right: 15px; width: 25%; line-height: 2.5; font-size: 18px; }
.tesexiangmu-lm ul li img { margin-right: 15px; width: 35px; height: 35px; line-height: 35px; border-radius: 50%; }
/*=======================
　　2.7 网站栏目页-招商合作加盟和留言版块
===========================*/
.steps { position: relative; top: 0; margin-bottom: 18px; padding: 15px; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.1) 0 0 0px; transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; }
.steps:hover { top: -5px; box-shadow: rgba(0, 0, 0, 0.08) 0 0 10px; }
.steps:last-child { margin-bottom: 0 }
.steps h3 { margin-bottom: 10px; font-size: 18px; }
.steps p { line-height: 2; }
/* ---------------- 留言板版块 --------------------------- */
.info-box { border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.1) 0 0 10px; background: #fff; border: 1px #dcdcdc solid; }
.box-head { padding: 35px 30px; border-radius: 5px; background: #d5b264; color: #fff; }
.box-head h3 { margin: 0 auto; font-size: 18px; color: #fff; }
.box-head-title { margin-top: 10px; font-size: 15px; }
.box-body { padding: 25px 30px; }
.box-wrap .form-group { margin: 0 auto 15px; }
.form-group { position: relative; }
.form-label { display: block; margin: 0 auto 1px; font-size: 14px; font-weight: 500; color: #323232; }
.form-control { padding: 5px 18px; height: 45px; line-height: 30px; background: #fff none repeat scroll 0 0; border-radius: 5px; box-shadow: none; border: 1px solid #ccc; color: #888; }
textarea.form-control { padding: 15px 20px; min-height: 135px; }
.form-control:hover { box-shadow: none; outline: none; }
.form-control:focus { box-shadow: none; border-color: #cbe3f6; outline: none; }
.form-control option { padding: 10px; }
.control-label { font-size: 15px; font-weight: 600; color: #555; }
.radio label, .checkbox label { position: relative; padding-left: 30px; cursor: pointer; font-size: 14px; font-weight: 400; }
.radio input[type=radio], .checkbox input[type=checkbox] { display: none; }
.radio label:before { content: ""; display: inline-block; position: absolute; left: 0; top: 6px; width: 20px; height: 20px; border-radius: 50%; border: 1px solid #cacaca; background-color: transparent; }
.checkbox label::before { content: ""; display: inline-block; position: absolute; left: 0; top: 4px; width: 16px; height: 16px; border: 1px solid #111; background-color: rgba(0, 0, 0, 0); }
.radio input[type=radio]:checked + label:before { content: "\2022"; line-height: 11px; text-align: center; font-size: 30px; color: #f65638; }
.checkbox input[type=checkbox]:checked + label:before { content: "\2713"; line-height: 14px; text-align: center; font-size: 12px; }
.black_input .form-control { border: 1px solid #222; background: #222; border-radius: 5px; font-size: 17px; color: #fff; }
.checkbox, .radio { padding-top: 5px; }
.select { position: relative; }
.select select { appearance: none; -moz-appearance: none; -o-appearance: none; -webkit-appearance: none; -ms-appearance: none; }
.select::after { font-family: fontawesome; content: ""; position: absolute; top: 0; right: 15px; padding: 12px 0; color: #878787; font-size: 15px; pointer-events: none; cursor: pointer; }
.btn { margin: 0 auto; padding: 8px 30px; height: auto; line-height: 30px; border-radius: 10px; border: medium none; background: #d5b264; color: #fff; font-size: 16px; font-weight: 500; text-transform: uppercase; transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; }
.btn:hover, .btn:focus, .btn.outline-btn:hover { border-color: #f85200; outline: none; box-shadow: none; background: #f00; color: #fff; }
.btn-link { font-weight: 500; color: #f65638; }
.btn.outline-btn { border: 1px solid #f65638; background: none; font-weight: 600; color: #f65638; }
/*=======================
　　2.7 网站栏目页-新闻中心页面
===========================*/
.xinwenlm { position: relative; top: 0; margin-bottom: 25px; box-shadow: rgba(0, 0, 0, 0.1) 0 0 0px; transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; }
.xinwenlm:hover { box-shadow: rgba(0, 0, 0, 0.08) 0 0 10px; top: -5px; }
.xinwenlm:last-child { margin-bottom: 15px; }
.xinwenlm h3 { padding-bottom: 5px; border-bottom: 1px dashed #4B4B4B; font-size: 18px; }
.xinwenlm p { text-indent: 2em; line-height: 1.5; }
.xinwenlm-date { float: right; font-size: 14px; margin-top: 5px; border-top: 1px dashed #4B4B4B; border-bottom: 1px dashed #4B4B4B; }
.btn2 { background: #d5b264; border: medium none; border-radius: 10px; color: #fff; font-size: 16px; font-weight: 500; line-height: 30px; text-transform: uppercase; height: auto; margin: auto; letter-spacing: 0.5px; padding: 8px 20px; transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; }
.btn2:hover, .btn2:focus, .btn2.outline-btn:hover { color: #fff; outline: none; background: #f00; box-shadow: none; border-color: #f85200; }
.btn2-link { font-weight: 500; color: #f65638; }
.btn2.outline-btn { background: none; color: #f65638; border: 1px solid #f65638; letter-spacing: 1px; font-weight: 700; }
.xinwenyenr { padding: 0 25px 25px; border: 1px solid #ddd; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.1) 0 0 1px; background: #fff; }
.xinwenyenr h1 { text-align: center; font-size: 24px; color: #4B4B4B; }
.xinwenyexx { text-align: center; margin-bottom: 10px; }
.xinwenyexx span { margin-right: 10px; font-size: 14px; }
.xinwenyenr p { line-height: 1.8; margin-top: 15px; text-align: justify; }
.xinwenyenr video { margin: 6px 0 3px 0; }
.xinwenyenr img { box-shadow: 0 0 0 rgba(0,0,0,0)!important; }
.xinwenyejw { margin: 15px; text-align: center; background-color: #f4f6f8; }
.xinwenyefy a:hover { text-decoration: underline; }
.xinwenyetj { padding: 0 15px; border: 1px solid #ddd; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.1) 0 0 1px; background: #fff; }
.xinwenyetj h3 { margin: 25px 0; text-align: center; font-size: 20px; }
.xinwenyetj01 { margin-bottom: 15px; text-align: center; }
.xinwenyetj01 img { margin-bottom: 5px; }
.xinwenyetj01 h4 { font-size: 16px; }
.xinwenyetj01 p { text-align: justify; margin-top: 3px; }
.xinwenym { margin-top: 20px; text-align: center; }
.xinwenym ul a {text-align: center; white-space: nowrap; margin-right: 5px; overflow: hidden; }
.xinwenym ul a { background: #d5b264; border: medium none; border-radius: 10px; color: #fff; font-size: 16px; font-weight: 500; line-height: 30px; text-transform: uppercase; height: auto;letter-spacing: 0.5px; padding: 8px 20px; transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; }
.xinwenym ul a:hover,.xinwenym ul a.page-num-current{ color: #fff; outline: none; background: #f00; box-shadow: none; border-color: #f85200; }
.page-link-link { font-weight: 500; color: #f65638; }
.page-link.outline-btn { background: none; color: #f65638; border: 1px solid #f65638; letter-spacing: 1px; font-weight: 700; }
.page-status{ display:none;}
/*=======================
　　2.8 网站栏目页-联系我们页面
===========================*/
.lianxiwm-dyewm { float: left; width: 25%; padding-top: 15px; text-align: center; }
.lianxiwm-dyewm h4 { margin: 5px 0 10px; color: #969696; }
.lianxiwm-dyewm img { width: 80%; height: auto; border: 1px solid #ddd; }
.lianxiwm-bottom { padding: 15px 0; font-size: 15px; color: #969696; background: #181d1f; }
.lianxiwm-bottom .span-left { float: left; margin-right: 10px; }
.lianxiwm-bottom .span-between { float: left; }
.lianxiwm-bottom .span-right { float: right; }
.lianxiwm-bottom .span-right a { color: #969696; }
#first { display: block; height: 60px; margin-top: -60px; visibility: hidden; }
.info-box3 { margin: 0 auto 15px; border: 1px solid #ddd; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.1) 0 0 1px; background: #fff; }
.box-head3 { background: #d5b264; padding: 35px 30px; border-radius: 5px; color: #fff; }
.box-head3 h3 { margin: 0 auto; font-size: 20px; color: #fff; }
.box-head3 h4 { margin: 0 auto; font-size: 20px; color: #fff; }
.info-list { padding: 15px 0 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.15); }
.info-list h4 { font-size: 16px; }
.info-list p { line-height: 1.8; }
.info-list p a { color: #555; }
.info-list p a:hover { color: #f65638; }
.map-wrap { overflow: hidden; }
.map-wrap iframe { margin: 0 auto; float: left; }
.btn3 { background: #d5b264; border: medium none; border-radius: 10px; color: #fff; font-size: 16px; font-weight: 500; line-height: 30px; text-transform: uppercase; height: auto; margin: auto; letter-spacing: 0.5px; padding: 8px 30px; transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; }
.btn3:hover, .btn3:focus, .btn3.outline-btn:hover { color: #fff; outline: none; background: #f00; box-shadow: none; border-color: #f85200; }
.btn3-link { font-weight: 500; color: #f65638; }
.btn3.outline-btn { background: none; color: #f65638; border: 1px solid #f65638; letter-spacing: 1px; font-weight: 700; }
/*=======================
　　2.9 网站栏目页404页面
===========================*/
.preloader { position: relative; width: 100%; height: 100%; z-index: 9; }
.d-table { width: 100%; height: 100%; display: table!important; }
.d-table-cell { vertical-align: middle; display: table-cell!important; }
.error-area { position: relative; height: 100vh; background-image: url(../img/404bj.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; }
.error-area::before { content: ''; position: absolute; left: 0; top: 0; right: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.8; }
.error-area .error-content { position: relative; max-width: 800px; margin: 0 auto; padding: 50px 0; text-align: center; border-radius: 5px; background: #fff; }
.error-area .error-content h2 { margin: 0 auto; font-size: 150px; color: #090; }
.error-area .error-content h3 { margin: 0 auto; font-size: 24px; }
.error-area .error-content p { margin: 20px auto; line-height: 1.5; font-size: 18px; }
.btn404 { padding: 10px 30px; text-transform: uppercase; border: medium none; border-radius: 10px; color: #fff; background: #009900; transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; }
.btn404:hover, .btn:focus, .btn.outline-btn:hover { color: #fff; outline: none; background: #f00; box-shadow: none; border-color: #f85200; }
.btn404-link { font-weight: 500; color: #f65638; }
.btn404.outline-btn { letter-spacing: 1px; font-weight: 600; color: #f65638; border: 1px solid #f65638; background: none; }
/* =========================
　　二. 手机端-CSS
================================ */
@media (min-width:992px) and (max-width:1199.9px) {
/* ===网站首页经道国医品牌=== */
.about-us video { margin-bottom: 20px; }
/* ===网站首页加盟店面展示=== */
#testimonials .item { opacity: 0.3; transform: scale(0); }
#testimonials .owl-item { z-index: -1; }
#testimonials .owl-item.center { z-index: -1; }
#testimonials .owl-item.center .item { opacity: 1; transform: scale(3); }
#testimonials .owl-item.center .item .reviews-box { border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.1) 0 0 5px; }
#testimonials .owl-carousel .owl-item { padding: 90px 0; }
.reviews-box { position: relative; border-radius: 5px; text-align: center; }
.reviews-box h3 { font-size: 14px; line-height: 2; color: #fff; background: #d5b264; border-radius: 5px; }
/* ===网站首页加盟合作优势=== */
.jiameng-pc { display: none; }
.jiameng-mo { display: block; }
.category-card { padding: 0 0 15px 0; }
.category-card h3 { font-size: 18px; }
/* ===网站栏目页经道国医品牌文化=== */
.facts-box .icon-box { top: 25px; left: 25px; width: 40px; height: 40px; font-size: 20px; line-height: 18px; }
.facts-box { padding: 10px 10px; }
/* ===网站栏目页公司发展历程=== */
#timeline { width: 930px; height: auto; }
#dates { width: 930px; height: 60px; }
#dates li { width: 100px; height: 50px; }
#dates a { line-height: 30px; font-size: 18px; }
#dates .selected { font-size: 28px; }
#issues { width: 930px; height: auto; }
#issues li { width: 930px; height: auto; }
.fazhanlc-czjz01 { margin-top: 79.15px; }
.fazhanlc-czjz02 { margin-top: 79.15px; }
.fazhanlc-czjz03 { margin-top: 80.15px; }
.fazhanlc-czjz04 { margin-top: 68.65px; }
/* ===网站栏目页品牌招商加盟=== */
.steps { margin-bottom: 15px; }
.steps:last-child { margin-bottom: 15px; }
/* ===网站栏目页招商页留言板=== */
.box-body { padding: 20px 10px; }
.box-head { padding: 18px 20px; }
.box-head2 { padding: 18px 20px; }
/* ===网站栏目页新闻中心=== */
.xinwenlm h3 { margin: 10px 0 10px 0; padding-bottom: 10px; border-bottom: 1px dashed #4B4B4B; font-size: 18px; }
.xinwenlm p { text-indent: 2em; line-height: 1.4; }
.xinwenlm-date { float: right; margin-top: 5px; border-top: 1px dashed #4B4B4B; }
/* ===网站栏目页联系我们=== */
.lianxiwm-dyewm { padding-top: 0px; padding-bottom: 20px; }
.lianxiwm-dyewm h4 { margin: 0 0 20px; }
/* ===网站底部版块=== */
.footer-logo { padding-top: 40px; padding-bottom: 10px; }
.footer-dyewm { padding-top: 0px; padding-bottom: 20px; }
.footer-dyewm h4 { margin: 0 0 20px; }
/* ===网站弹出对话框=== */
.floatframe { width: 0px; height: 0px; }
/* ===网站其他代码=== */
.mo-yc1 { display: none; }
}
@media (min-width:768px) and (max-width:991.9px) {
/* ===网站顶部导航=== */
.navbar .navbar-nav li.dropdown > a { padding-right: 15px; }
.navbar .navbar-nav li.dropdown > a::after { right: 2px; top: 22px; font-size: 12px; }
.navbar-header .logo { max-width: 178px; }
/* ===网站空间间距=== */
.section-padding { padding: 70px 0; }
.section-header { padding-bottom: 35px; }
/* ===网站首页经道国医品牌=== */
.about-us video { margin-bottom: 20px; }
/* ===网站首页加盟店面展示=== */
#testimonials .owl-item.center .item { transform: scale(1); }
#testimonials .item { margin: 0 20px; }
#testimonials .owl-item.center .item { transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); }
.reviews-box { padding: 0px; }
/* ===网站首页公司新闻动态=== */
.post-wrap h4 { font-size: 25px; }
/* ===网站首页品牌加盟优势=== */
.jiameng-pc { display: none; }
.jiameng-mo { display: block; }
.category-card { padding: 0 0 15px 0; }
/* ===网站栏目页品牌招商加盟=== */
.steps { margin-bottom: 15px; }
.steps:last-child { margin-bottom: 15px; }
/* ===网站栏目页招商页留言板=== */
.box-body { padding: 20px 10px; }
/* ===网站栏目页公司发展历程=== */
#timeline { width: 720px; height: auto; }
#dates { width: 720px; height: 60px; }
#dates li { width: 100px; height: 50px; }
#dates a { line-height: 30px; font-size: 18px; }
#dates .selected { font-size: 28px; }
#issues { width: 720px; height: auto; }
#issues li { width: 720px; height: auto; }
.fazhanlc-czjz01 { margin-top: 10px; text-align: justify; }
.fazhanlc-czjz02 { margin-top: 10px; text-align: justify; }
.fazhanlc-czjz03 { margin-top: 10px; text-align: justify; }
.fazhanlc-czjz04 { margin-top: 10px; text-align: justify; }
/* ===网站首页加盟售后扶持=== */
.jiamengfuchi-wrap { margin-bottom: 5px; }
/* ===网站文章页新闻文章页=== */
.xinwenyefy { margin-bottom: 10px; }
/* ===网站栏目页联系我们=== */
.lianxiwm-dyewm { padding-top: 0px; padding-bottom: 20px; }
.lianxiwm-dyewm h4 { margin: 0 0 20px; }
/* ===网站栏目页经道国医特色项目=== */
.tesexiangmu-lm ul li { float: left; padding-left: 15px; padding-right: 15px; width: 33.33%; line-height: 2.5; }
/* ===网站底部版块=== */
.footer-logo { padding-top: 40px; padding-bottom: 10px; }
.footer-dyewm { padding-top: 0px; padding-bottom: 20px; }
.footer-dyewm h4 { margin: 0 0 20px; }
/* ===网站404页面=== */
.error-area .error-content { max-width: 600px; }
/* ===网站弹出对话框=== */
.floatframe { width: 0px; height: 0px; }
/* ===网站其他代码=== */
.mo-yc1 { display: none; }
.mo-yc2 { display: none; }
}
@media (max-width:767.9px) {
html { overflow-x: hidden; }
/* ===网站空间间距=== */
.section-padding { padding: 20px 0; }
/* ===网站底部版块=== */
.logo { float: left; max-width: 250px; }
/* ===网站首页轮播图版块=== */
.slides-pc { display: none; }
.slides-mo { display: block; }
/* ===网站首页品牌加盟优势=== */
.jiameng-pc { display: none; }
.jiameng-mo { display: block; }
/* ===网站首页加盟售后扶持=== */
.jiamengfuchi-wrap { margin-bottom: 5px; }
.xinwenyefy { margin-bottom: 10px; }
.xiangmu { margin-bottom: 10px; padding: 15px; }
.xiangmu h3 { text-align: center; }
.xinwenlm { padding: 15px; }
.xinwenlm h3 { text-align: center; }
.lianxiwm-dyewm { width: 50%; padding-top: 15px; padding-bottom: 0px; }
.lianxiwm-dyewm h4 { margin: 0 0 10px; }
.lianxiwm-dyewm img { width: 95%; height: auto; }
/* ===网站栏目页荣誉资质=== */
#interet-rates { margin-top: 0; margin-bottom: 0; }
.reviews-box h3 { font-size: 16px; }
/* ===网站栏目页经道品牌=== */
.about-us video { margin-bottom: 20px; }
.about-us iframe { width: 100%; height: 230px; }
.section-header { padding-bottom: 30px; font-size: 22px; }
/* ===招商页留言板=== */
.box-body { padding: 20px 10px; }
/* ===网站栏目页荣誉资质===*/
#interet-rates { padding: 35px 0; }
#interet-rates h5 { margin: 0 auto 23px; }
/* ===网站栏目页发展历程===*/
.fazhanlc-czjz01 { margin-top: 10px; text-align: justify; }
.fazhanlc-czjz02 { margin-top: 10px; text-align: justify; }
.fazhanlc-czjz03 { margin-top: 10px; text-align: justify; }
.fazhanlc-czjz04 { margin-top: 10px; text-align: justify; }
/* ===网站栏目页品牌文化===*/
.facts-box { padding: 10px 10px; }
.facts-box .icon-box { width: 70px; height: 70px; font-size: 30px; line-height: 42px; }
.category-card { padding: 0 0 15px 0; }
.reviews-box { padding: 0px 15px; }
#testimonials .item { padding: 0; }
#testimonials .owl-item.center .item { transform: scale(1); }
#testimonials .owl-carousel .owl-item { padding: 0; }
.post-wrap h3 { padding: 0px; }
.post-wrap p { padding: 0px; }
.post-wrap2 { padding: 15px; }
#blog .row .col-lg-4:last-child .post-wrap { margin: 0 auto; }
.features-box { margin: 0 auto 15px; }
.features-icon { margin: 0 auto 15px; }
/* ===栏目页特色项目=== */
.tesexiangmu-lm ul li { float: left; padding-left: 0; padding-right: 0; width: 50%; line-height: 2.5; }
/* ===栏目页招商加盟=== */
.steps { padding: 0 15px; margin-bottom: 15px; }
.steps:last-child { margin-bottom: 15px; }
.steps h3 { text-align: center; }
/* ===栏目页经道品牌-合作加盟优势=== */
.card .btn.btn-link { word-wrap: break-word; white-space: unset; line-height: 24px; }
/* ===栏目页招商加盟-留言板=== */
textarea.form-control { min-height: 120px; }
/* ===网站首页开业店面展示=== */
.testimonials-box { padding: 25px; text-align: center; }
.testimonials-img { position: relative; top: 0; left: 0; width: 100px; border-radius: 50%; margin: 0 auto; }
/* ===栏目页-经道品牌-发展历程=== */
#timeline { width: 748px; height: auto; overflow: hidden; margin: 0 auto; position: relative; background: url('../img/dot.gif') left 45px repeat-x; }
#dates { width: 748px; height: 60px; overflow: hidden; }
#dates li { list-style: none; float: left; width: 100px; height: 50px; text-align: center; background: url('../img/biggerdot.png') center bottom no-repeat; }
#dates a { line-height: 30px; font-size: 18px; }
#dates .selected { font-size: 28px; }
#issues { width: 748px; height: auto; overflow: hidden; }
#issues li { width: 748px; height: auto; list-style: none; float: left; }
#issues li img { width: 100%; height: auto; }
iframe { width: 100%; height: 216px; }
/* ===网站首页栏目标题=== */
.section-header h2 { font-size: 22px; }
/* ===网站首页公司新闻动态=== */
.post-wrap { box-shadow: rgba(0, 0, 0, 0.1) 0 0 2px; }
.xinwenyenr { padding: 0; border: 0px solid #ddd; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0) 0 0 0px; background: #fff; }
.xinwenyetj { padding: 0; border: 0px solid #ddd; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0) 0 0 0px; background: #fff; }
/* ===网站底部版块=== */
.footer-logo { padding-top: 20px; padding-bottom: 0px; }
.footer-dyewm { width: 50%; padding-top: 15px; padding-bottom: 0px; }
.footer-dyewm h4 { margin: 0 0 10px; }
.footer-dyewm img { width: 95%; height: auto; }
.footer-bottom .span-left { float: left; margin-right: 0px; }
/* ===网站弹出对话框=== */
.floatframe { width: 0px; height: 0px; }
/* ===网站404页面=== */
.error-area .error-content { margin-left: 15px; margin-right: 15px; }
/* ===网站其他代码=== */
.mo-yc1 { display: none; }
.mo-yc2 { display: none; }
.mo-yc3 { display: none; }
}
@media (max-width: 414px) {
/* ===网站首页-加盟售后扶持=== */
.jiamengfuchi-wrap { margin-bottom: 5px; }
/* ===栏目页-经道品牌-发展历程=== */
#timeline { width: 380px; height: auto; overflow: hidden; margin: 0 auto; position: relative; background: url('../img/dot.gif') left 45px repeat-x; }
#dates { width: 380px; height: 60px; overflow: hidden; }
#dates li { list-style: none; float: left; width: 100px; height: 50px; text-align: center; background: url('../img/biggerdot.png') center bottom no-repeat; }
#dates a { line-height: 30px; font-size: 18px; }
#dates .selected { font-size: 28px; }
#issues { width: 380px; height: auto; overflow: hidden; }
#issues li { width: 380px; height: auto; list-style: none; float: left; }
#issues li img { width: 100%; height: auto; }
/* ===栏目页-特色项目=== */
.lanmulu a { display: block; padding: 5px; }
.xiangmu { margin-bottom: 10px; padding: 15px; }
/* ===文章页-新闻中心-新闻页=== */
.xinwenyefy { margin-bottom: 10px; }
/* ===网站弹出对话框=== */
.floatframe { width: 0px; height: 0px; }
/* ===网站右侧客服代码=== */
.floatkefu { position: fixed; right: 15px; bottom: 15px; z-index: 3; }
.floatkefu { position: fixed; right: 0; bottom: 0; width: 100%; z-index: 3; }
.floatkefu .kefu-rexian, .kefu-zixun, .kefu-liuyan, .kefu-fuwu { float: left; position: relative; width: 25%; height: 80px; background-color: #d5b264; border-bottom: 1px solid #ddd; background-repeat: no-repeat; background-position: center 20%; text-align: center; cursor: pointer; overflow: hidden; }
.kefu-ewm, .kefu-return { width: 0; height: 0; }
.floatkefu .kefu-rexian span, .kefu-zixun span, .kefu-liuyan span, .kefu-fuwu span, .kefu-ewm span, .kefu-return span { display: block; padding-top: 54px; color: #fff; }
.floatkefu .kefu-rexian:hover, .kefu-zixun:hover, .kefu-liuyan:hover, .kefu-fuwu:hover, .kefu-ewm:hover, .kefu-return:hover { background-color: #e40231; border-bottom: 1px solid #a40324; }
.floatkefu .kefu-rexian:hover .floating_left, .kefu-zixun:hover .floating_left, .kefu-liuyan:hover .floating_left, .kefu-fuwu:hover .floating_left, .kefu-ewm:hover .floating_left, .kefu-return:hover .floating_left { display: none; }
/* ===网站其他代码=== */
.mo-yc1 { display: none; }
.mo-yc2 { display: none; }
.mo-yc3 { display: none; }
.mo-yc4 { display: none; }
}
@media (max-width: 375px) {
/* ===网站首页-加盟售后扶持=== */
.jiamengfuchi-wrap { margin-bottom: 5px; }
/* ===栏目页-经道品牌-发展历程=== */
#timeline { width: 345px; height: auto; overflow: hidden; margin: 0 auto; position: relative; background: url('../img/dot.gif') left 45px repeat-x; }
#dates { width: 345px; height: 60px; overflow: hidden; }
#dates li { list-style: none; float: left; width: 100px; height: 50px; text-align: center; background: url('../img/biggerdot.png') center bottom no-repeat; }
#dates a { line-height: 30px; font-size: 18px; }
#dates .selected { font-size: 28px; }
#issues { width: 345px; height: auto; overflow: hidden; }
#issues li { width: 345px; height: auto; list-style: none; float: left; }
/* ===栏目页-特色项目=== */
.xiangmu { margin-bottom: 10px; padding: 15px; }
/* ===文章页-新闻中心-新闻页=== */
.xinwenyefy { margin-bottom: 10px; }
/* ===网站404页面=== */
.error-area .error-content { margin-left: 15px; margin-right: 15px; }
/* ===网站弹出对话框=== */
.floatframe { width: 0px; height: 0px; }
/* ===网站其他代码=== */
.mo-yc1 { display: none; }
.mo-yc2 { display: none; }
.mo-yc3 { display: none; }
.mo-yc4 { display: none; }
.mo-yc5 { display: none; }
}
.kaiyedm { width: 280px; height: 189px; }
.kaiyedm img { width: 100%; height: 170px; padding-bottom:5px; }
#demo { width: 100%; overflow: hidden; }

.fbzdzrdz{}
.fbzdzrdz .ghlfrpsl{width:460px;}
.fbzdzrdz .ghlfrpsl .farsoups{height:50px;line-height:50px;border-bottom:#ccc 1px solid;}
.fbzdzrdz .ghlfrpsl .farsoups span{font-size:22px;font-weight:bold;color:#0068AB;}
.fbzdzrdz .ghlfrpsl .farsoups a.uzaaewzp{float:right;}

.fbzdzrdz .nqbrzilm{width:800px;}
.fbzdzrdz .nqbrzilm .farsoups{height:50px;line-height:50px;border-bottom:#ccc 1px solid;}
.fbzdzrdz .nqbrzilm .farsoups span{font-size:22px;font-weight:bold;}
.fbzdzrdz .nqbrzilm .farsoups a.uzaaewzp{float:right;}
.fbzdzrdz .nqbrzilm .ghlfrpsl{width:323px;}
.fbzdzrdz .nqbrzilm .nqbrzilm{width:calc( 100% - 343px );}

.ueazwlpr span{width:auto;height:36px;line-height:36px;background:url(../images/link.png) no-repeat 0 5px;background-size:18px;background-position: 0 center;display:inline-block;padding-left:36px;font-size:15px;color:#3468ab;}
.ueazwlpr ul{display:inline-block;}
.ueazwlpr li{display:inline-block;height:36px;line-height:36px;}
.ueazwlpr li a{font-size:13px;padding:0 5px;}
.ghlfrpsl{float:left;}
.nqbrzilm{float:right;}	

.maorxhrv{height:79px;line-height:79px;background-color: #0068AB;color:#fff;font-size:21px;font-weight:100;;position:relative;text-align:center;letter-spacing:3px;}
.maorxhrv:before{content:"";display: block;width: 0;height: 0;border-width: 8px 8px 0;border-style: solid;border-color: #0068AB transparent transparent;position: absolute;top: 76px;left: calc( 50% - 8px);}
.maorxhrv i{font-size:20px;margin-right:5px;}

.favfpbzj{}
.favfpbzj li{opacity:1;float:left;border:#f1f1f1 1px solid;}
.favfpbzj li a.tspkyxrx{display:block;overflow:hidden;}
.favfpbzj li a.tspkyxrx img{transition:all 2s;}
.favfpbzj li a.tspkyxrx{}
.favfpbzj li:hover{opacity:0.9;}
.favfpbzj li:hover img{transform:scale(1.2);transition:all 2s;}
.favfpbzj li h3{font-size:13px;background-color: #f5f5f5;}
.favfpbzj li h3 a{display:block;text-align:center;overflow:hidden;height:50px;line-height:50px;}

.wxqztolf{}
.wxqztolf li{height:36px;line-height:36px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;border-bottom: #eee 1px dashed;}
.wxqztolf li time{float:right;color:#999;font-family:Arial, Helvetica, sans-serif;}
.wxqztolf li i{color:#ddd;float:left;line-height:36px;}
.wxqztolf li:nth-last-child(1){border:none;}


.vykafkvv{margin-top:10px;}.yzfadooe{margin-top:20px;}.plhkmnki{margin-top:30px;}.odjzacdz{margin-top:50px;}.puekmamx{margin-top:60px;}



.lanmumain { width: 100%; background-image: url(../images/pinpaibg.png); background-repeat: no-repeat; background-position: center; background-size: cover; margin-bottom:20px;  }
.mainleft { float: left; width: 20%; padding: 5px; border: 1px solid #b9a07e; }
.mainleft-main { width: 100%; text-align: center; background-image: url(../images/mainleft-main.png); background-repeat: no-repeat; background-position: top; background-size: cover; }
.mainleft-main img { width: 60%; margin: 30px 0 15px; }
.mainleft-main h3 { width: 100%; }
.mainleft-main h3 a { color: #4B4B4B; }
.mainleft-main2 { padding: 25px; }
.mainleft-main2 ul { margin: 3px; border: 2px solid #fff; }
.mainleft-main2 ul li { height: 45px; line-height: 45px; color: #fff; background-image: url(../images/mainleft-main1.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; }
.mainleft-main2 ul li:hover,.mainleft-main2 ul li.active { background-image: url(../images/mainleft-main2.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; }
.mainleft-main2 ul li a { display: block; color: #242424; }
.mainleft-main2 ul li a:hover { color: #fff; }

.mainleft-main2 ul li.active a { color: #fff; }
.mainright { float: right; width: 77%; border: 1px solid #b9a07e; }
.right-neirong { padding: 35px 25px; }
.right-neirong-xinxi { margin-bottom: 15px; text-align: center; }
.right-neirong-xinxi span { margin: 0 15px; }
.right-neirong img { margin-bottom: 15px; }
.right-neirong h3 { text-align: left; line-height: 1.8; text-indent: 1.8em; margin-bottom: 10px; font-size: 18px; }
.right-neirong h4 { text-align: left; line-height: 1.8; text-indent: 2.5em; margin-bottom: 10px; font-size: 16px; }
.right-neirong p { margin-bottom: 10px; line-height: 1.8; text-indent: 2em; text-align: justify; }
.right-neirong2 { padding: 3.5% 2.5%; }
.right-neirong2-xinxi { margin-bottom: 15px; text-align: center; }
.right-neirong2-xinxi span { margin: 0 15px; }
.right-neirong2 img { margin-bottom: 15px; }
.right-neirong2 h3 { text-align: center; font-size: 18px; }
.right-neirong2 p { margin-bottom: 10px; line-height: 1.6; text-indent: 2em; text-align: justify; }
.hhqssvdb{ padding:10px;}

.hhqssvdb li{display:flow-root;padding:20px 0 20px 0;border-bottom:#f1f1f1 1px solid;position:relative;}
.hhqssvdb figure{width:234px;height:145px;float:left;border:#eee 1px solid;padding:10px;}
.hhqssvdb .info-info{float:right;width:calc( 100% - 274px );}
.hhqssvdb li h3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.hhqssvdb li h3 a{color:#000;}
.hhqssvdb li h3 a:hover{color:#88745A;}
.hhqssvdb li:before{content:"";position:absolute;width:0%;left:0;bottom:-1px;height:1px;background-color:#88745A;transition:all 2s;}
.hhqssvdb li:after{content:"";position:absolute;width:0%;right:0;bottom:-1px;height:1px;background-color:#88745A;transition:all 2s;}
.hhqssvdb li:nth-child(odd):hover:before{width:50%;}
.hhqssvdb li:nth-child(even):hover:after{width:50%;}
.hhqssvdb li .tpjjplke div{display:inline-block;font-size:13px;color:#999;margin:0 10px 0 0;}
.hhqssvdb li .tpjjplke div i{padding-right:5px;}
.hhqssvdb li .tpjjplke div a{color:#999;}
.hhqssvdb li .arqqedai{color:#999;font-size:13px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.hhqssvdb li .uzaaewzps a{background-color: #88745A;display: inline-block;padding: 0 20px;margin:0 8px 0 0;height: 36px;line-height: 36px;color: #ddd;position:relative;font-size:12px;}
.hhqssvdb li .uzaaewzps a:before{content: "";position: absolute;width: 80%;left: 10%;bottom: 0;height: 100%;background-color: #88745A;box-shadow: 0 5px 5px #E2E2E2;z-index: -1;}
.hhqssvdb li .uzaaewzps a:hover{background-color:#88745A;color:#fff;}
.hhqssvdb li .uzaaewzps a:hover:before{content: "";position: absolute;width: 80%;left: 10%;bottom: 0;height: 100%;background-color: #88745A;box-shadow: 0 5px 5px #E2E2E2;z-index: -1;}
 .hlist{width:234px;height:145px;padding: 7px;
    border: 1px #ccc solid;
		float: left;
	    margin-right: 15px;}
@media (min-width: 768px) {.waptop{display:none;}}
@media (max-width: 767px) {
    .top{ display:none}
 .main-header-area{ display:none;}
 .fbzdzrdz{margin-top:20px;padding:0 0;}
.fbzdzrdz .inptvxqk{margin:0 17px;}
.fbzdzrdz .ghlfrpsl,.fbzdzrdz .nqbrzilm{width:100%;clear: both;}
.fbzdzrdz .nqbrzilm .ghlfrpsl{display:none;}
.fbzdzrdz .nqbrzilm .nqbrzilm{width:100%;}
.fbzdzrdz .nqbrzilm .farsoups span {color: #0068AB;}

.ueazwlpr{display:none;}
 
.mainleft { float: left; width: 100%; margin-bottom: 15px; }
.mainleft-main img{ display:none; }
.mainleft-main h3 {
	padding-top: 20px;
}
.mainright { float: right; width: 100%; }
  .waptop{ margin-bottom:5px;}
 .waptop .waplogo img{width:auto; height:80px; padding:10px 10px;}
    .waptop .wapnav{ background:#8B775C;}
.waptop .wapnav li{ width:33.3%; float:left; text-align:center; line-height:35px;}    
 .waptop .wapnav li a{color:#fff;}   
    
    
    
    
    
}