/*============= 本css为整站通用=========== */
/*==基础==*/
html{-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
body{ font-family:arial,'Microsoft YaHei','PingFang SC','Lantinghei SC','HanHei SC','Helvetica Neue','Open Sans','Hiragino Sans GB','微软雅黑',STHeiti,'WenQuanYi Micro Hei',SimSun,sans-serif; line-height: 1.5;margin: 0; padding: 0; background: #fff;-webkit-font-smoothing:antialiased; font-size: 14px; color: #3c3c3c}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*:before,*:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
a {text-decoration: none;-webkit-tap-highlight-color: transparent; color: #2f2f2f}
a:hover,a.special{color:#932333}
a.special:hover{ text-decoration: underline}
img {max-width: 100%;border: 0; vertical-align: middle;}
dl, dt, dd, ol, ul, li {list-style:none;margin:0;padding:0; }
.clearfix:after,.row:after,.layout:after,.portfolio:after{display:block; content:" "; clear: both;height: 0; visibility: hidden;font-size: 0;line-height: 0;}
.visible-sm,.hidden,.visible-sm-inline-block,.collapse{ display: none !important}
.collapse.in{display: block !important}
.background-image-holder{background-size: cover !important; background-position: 50% 50%; width:100%; height: 100%; position:absolute;left: 0; top:0; background-repeat: no-repeat}
.background-image-holder img {display: none;}
.parallax-fade-top{}
[data-animate]{opacity:0;}
.animated[data-animate]{opacity: 1}
.oh{ overflow: hidden}
.ovfHiden{ overflow: hidden; height: 100%}
.div-center{margin-left: auto; margin-right: auto}
.z-2{z-index: 2}
.relative{ position: relative;}
.stretched-link::after {position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 1;pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0);}
/*== 通用框架 == */
.container-fluid,.container,.content-wrap{margin-right: auto; margin-left: auto; width:100%;}
.container-fluid,.container{padding-right: 15px; padding-left: 15px; }
.container-fluid,.content-wrap.max-width{ max-width: 1920px}
.container { width:1200px;}
.row {margin-right: -15px; margin-left: -15px;}
.col-1, .col-sm-1, .col-lg-1, .col-2, .col-sm-2, .col-lg-2, .col-3, .col-sm-3, .col-lg-3, .col-4, .col-sm-4, .col-lg-4, .col-5, .col-sm-5,  .col-lg-5, .col-6, .col-sm-6, .col-lg-6, .col-7, .col-sm-7, .col-lg-7, .col-8, .col-sm-8, .col-lg-8, .col-9, .col-sm-9, .col-lg-9, .col-10, .col-sm-10, .col-lg-10, .col-11, .col-sm-11, .col-lg-11, .col-12, .col-sm-12, .col-lg-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12,.layout>div,.layout>ul,.layout>li,.f-left {float: left;}
.f-right{float: right}
.col-12,.w-100 { width: 100%;}
.col-11 { width: 91.66666667%;}
.col-10 { width: 83.33333333%;}
.col-9 { width: 75%;}
.col-8 { width: 66.66666667%;}
.col-7 { width: 58.33333333%;}
.col-6 ,.ed-2>div,.ed-2>ul,.ed-2>li{ width: 50%;}
.col-5 { width: 41.66666667%;}
.col-4,.ed-3>div,.ed-3>ul,.ed-3>li { width: 33.33333333%;}
.col-3,.ed-4>div,.ed-4>ul,.ed-4>li { width: 25%;}
.col-2,.ed-6>div,.ed-6>ul,.ed-6>li { width: 16.66666667%;}
.col-1 { width: 8.33333333%;}
.ed-5>div,.ed-5>ul,.ed-5>li{ width: 20%}
.layout-table{ display: table;table-layout:fixed}
.no-gutters {margin-right: 0;margin-left: 0;}
.no-gutters > .col,.no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0;}
.portfolio{ margin-right: -15px}
.portfolio>.portfolio-item{padding-right: 15px; padding-bottom: 15px}
.portfolio.gutters-a{ margin-right: -10px}
.portfolio.gutters-a>.portfolio-item{padding-right: 10px; padding-bottom: 10px}
table { border-collapse: collapse;}
th {text-align: inherit;}
table {width: 100% ;max-width: 100%!important;margin-bottom:15px;border: 1px solid #e2e2e2;}
table th,table td {padding:10px; vertical-align: top; border: 1px solid #e2e2e2;}
table tr:nth-of-type(odd) {	background-color: rgba(0, 0, 0, 0.05);}
/*==字号、色彩等==*/
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {font-family: inherit;font-weight: 500;line-height: 1.2;color: inherit; margin-bottom: 10px; margin-top: 0; padding: 0}
h1,.h1 {font-size: 36px;}
h2,.h2 {font-size: 30px;}
h3,.h3 { font-size: 24px;}
h4,.h4,.fs-18 { font-size: 18px;}
h5,.h5 { font-size: 14px;}
h6,.h6,.fs-12 { font-size: 12px;}
p {margin: 0 0 10px;}
.text-left {text-align: left!important}
.text-right {text-align: right!important}
.text-center {text-align: center!important}
.text-justify {text-align: justify!important}
.h-1x{overflow: hidden;text-overflow: ellipsis; white-space: nowrap}
.h-2x,.h-3x,.h-4x,.h-lg-2x,.h-lg-3x,.h-lg-4x,.h-sm-2x,.h-sm-3x,.h-sm-4x{display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.h-2x{-webkit-line-clamp: 2;}
.h-3x{-webkit-line-clamp: 3;}
.h-4x{-webkit-line-clamp: 4;}
 sup,sub{ font-size: 80%;}
.color-gray{color:#6d6d6d}
.color-gold{color: #d7bb7c;}
.color-darkgreen{color:#298980}
.color-lightred{color: #932333}
.bg-gray{ background-color: #e8e7e5}
.bg-gray-b{ background-color: #eee}
.bg-white{ background-color: #fff}
.bg-brown{ background-color: #4c4031}
.bg-darkred{background-color: #1c0a0a}
.bg-darkred-b{background-color: #290102}
.bg-darkred-c{background-color: #520a15}
.bg-lightred{background-color: #932333}
.bg-darkblue{ background-color: #0a0f20}
.bg-darkblue-b{background-color: #141b34}
.bg-darkblue-c{background-color: #0f1529}
.bg-lightblue{background-color: #425066;}
.box-shadow-a{box-shadow: 0 0 10px 2px rgba(0,0,0,.2)}
.font-b{font-weight: 600}
/*==间距==*/
.pt-big,.py-big{ padding-top: 40px}
.pb-big,.py-big{ padding-bottom: 40px}
/*==按钮==*/
.btn {display: inline-block; padding:0 20px;margin-bottom: 0; font-size: 16px; font-weight: normal; line-height:32px; text-align: center; white-space: nowrap;
  vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation;cursor: pointer;-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;background-image: none;border: 1px solid transparent; border-radius:0;transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus {outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}
.btn:hover,.btn:focus,.btn.focus { color: #333; text-decoration: none;}
.btn:active,.btn.active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);}
.btn.disabled,.btn[disabled],fieldset[disabled] .btn { cursor: not-allowed;filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none;opacity: .65;}
a.btn.disabled,fieldset[disabled] a.btn { pointer-events: none;}
.btn-default{ background-color: #932333; color: #fff; border-color: #e8cf95; box-shadow: 0 4px 8px rgba(232,207,149,.4)}
.btn-default:focus,.btn-default.focus,.btn-default:hover{ color: #fff; background-color: #ba2d41; box-shadow: none}
.btn-green-b{ color: #fff; background-color: #17a396; border-color:#17a396; box-shadow: 0 4px 8px rgba(12,128,117,.4)}
.btn-green-b:hover,.btn-green-b:focus{background-color: #2faa9e; color: #fff; border-color:#2faa9e; box-shadow: none}
.btn-blue{ color: #fff; background-color: #3D6EFF; border-color:#3D6EFF}
.btn-blue:hover,.btn-blue:focus{ color: #fff; background-color:#5781ff; border-color:#5781ff}
.btn-white-border{ border-color: #fff; color: #fff;}
.btn-white-border:hover{ background-color: #fff; color: #932333}
.btn-brown{color: #932333; background-color: #fcc474; border-color: #fcc474;}
.btn-brown:hover,.btn-brown:focus{color: #fff; background-color: #932333; border-color:#fcc474;}
.btn.btn-md{ font-size: 16px; line-height: 38px;}
.btn-block{ width:100%; display: block}
.form-control {display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; color: #555; background-color: #fff;background-image: none; border: 1px solid #ccc; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);   box-shadow: inset 0 1px 1px rgba(0,0,0,.075); transition: border-color 0.2s ease-in-out,box-shadow 0.2s ease-in-out; font-family: 'Microsoft YaHei','PingFang SC'}
.form-control:focus{color:#495057;background-color:#fff;border-color:#d4b160;outline:0;box-shadow:0 0 6px 2px rgba(233,202,129,0.5);}
textarea.form-control {height: auto; resize: none;}
/*==顶部菜单==*/
.page-top-pa{ background-color:#520a15;line-height: 32px; position: relative; z-index: 91; border-bottom: 1px solid rgba(255,255,255,.15)}
.page-top-pa .solo-text{padding-left: 20px; position: relative; color:#d7bb7c}
.page-top-pa .solo-text:before{content: "\e623"; font-family: iconfont; position: absolute; left: 0; font-size: 16px;}
.page-top-pa .login-wrapper{float: right; margin-left: auto}
.page-top-pa .login-wrapper ul>li + li{padding-left: 15px}
.page-top-pa .login-wrapper ul>li i{margin-right:3px; font-size: 16px;line-height: 1; vertical-align: middle}
.page-top-pa .login-wrapper .user-thumb{width: 24px; height: 24px; border-radius: 50%; margin-right: 3px}
.page-top-pa .login-wrapper ul>li a{display: block; color: #d7bb7c}
.page-top-pa .login-wrapper ul>li a:hover{ opacity: .8}
.page-top-pa .login-wrapper span{vertical-align: middle}
.topmenu-wrap{ background-color: #520a15; height: 80px; box-shadow: 0 4px 8px 0 rgba(0,0,0,.3); position:relative; z-index: 90;}
.topmenu-wrap .container{height: 100%;}
.topmenu-wrap .logo{ line-height: 80px; margin-bottom: 0; font-size:inherit; width: 130px; overflow: hidden; float: left}
.topmenu-wrap .logo img{max-height: 60px}
.topmenu-wrap .logo a{ display: block}
.topmenu-wrap .menu-container .nav-ul>li>a{ display: block; color: #fff; position: relative;font-size: 15px;}
.topmenu-wrap .menu-container .nav-ul>li.active>a{ color: #d7bb7c }
.topmenu-wrap .menu-container .nav-ul>li .sub-nav>li>a{ display: block; color: #fff; }
.topmenu-wrap .assist-wrap{ float: right; text-align: right; overflow: hidden}
.topmenu-wrap .assist-wrap .tel{ color:#d7bb7c; font-size: 22px;line-height: 80px;}
.topmenu-wrap .assist-wrap .tel:before{content: "\e650"; font-family: iconfont; margin-right: 5px; margin-top: -3px; display: inline-block}
.topmenu-wrap .mobile-Column{ display: none; float: left}
/*==页脚部分==*/
.page-bottom-recommand{ background-color: #fff; width: 100%; height: 250px;}
.page-bottom-recommand .title-wraps{ background-image: url("../image/page-bottom-recomand-bg-1.jpg"); background-repeat: no-repeat;width: 250px; height: 100%; padding-left: 40px; background-position: 0% 50%}
.page-bottom-recommand .title-wraps .title{font-size:28px; color: #e8cf95;margin-bottom: 0; display: inline-block; width: 34px; line-height: 1.1; position: relative}
.page-bottom-recommand .title-wraps .title:before{width:65px;height: 65px;content: "";background-image: url(../image/ptitle-icon.png);background-size: cover; position: absolute; right:-20px; top: -30px;}
.page-bottom-recommand .txt-wraps{ padding:0 20px;}
.page-bottom-recommand .txt-wraps ul>li{ padding-right: 2px; padding-bottom: 2px; height:62px}
.page-bottom-recommand .txt-wraps ul>li>a{ font-size: 16px; background-color: #f7f6f5; padding: 10px; display: block; height: 100%; line-height: 22px;}
.page-bottom-recommand .txt-wraps ul>li>a .title{font-size: 16px;line-height: 22px; margin-bottom: 0 }
.page-footer{ color: #feede3}
.page-footer a{ color: rgba(255,255,255,.5)}
.page-footer .solo-wrap{ padding-top: 40px; padding-bottom: 20px; text-align: center}
.page-footer .solo-wrap img{height: 100px}
.page-footer .footer-wrap{ background-color: #1c0a0a; padding-top: 30px; padding-bottom: 85px}
.page-footer .footer-wrap .f-tel-tips{ margin-bottom: 5px; font-size: 16px; color: rgba(255,255,255,.8)}
.page-footer .footer-wrap .f-tel{font-size:26px; font-family:tsxfonta; line-height: 1.2; color: #d2b679}
.page-footer .footer-wrap .tsxadd{ font-size:16px;}
.page-footer .footer-wrap .tsxadd:before{content:"\e771"; font-family: iconfont; margin-right: 3px}
.page-footer .footer-wrap .copyright{ color:rgba(255,255,255,.8); margin-top: 5px;}
/*==顶部banner区域==*/
.page-banner-wrap,.detail-banner-wrap{ background-color: #eeeeee; overflow: hidden}
.page-banner-wrap .container,.detail-banner-wrap .container{height: 100%; position: relative}
.page-banner-wrap .banner-txt-a{ position: absolute; width: 360px; top:110px; left: 15px; z-index:1 }
.page-banner-wrap .banner-txt-a .txt-wrap .title{ font-size: 24px;  line-height: 1.3; color: #3e3e3e}
.page-banner-wrap .banner-txt-a .tel-wrap{ margin-top: 60px; text-align: center; width: 300px; color: #932333; position: relative; overflow: hidden}
.page-banner-wrap .banner-txt-a .tel-wrap .tel-name{font-size: 22px;line-height: 40px; position: relative; display: inline-block; vertical-align: top; padding: 0 10px}
.page-banner-wrap .banner-txt-a .tel-wrap .tel-num{font-size: 32px;line-height: 50px; position: relative;}
.page-banner-wrap .banner-txt-b,.detail-banner-wrap .banner-txt{ background-color: rgba(147, 35, 51, .9); padding:8px; color: #fff}/*#932333*/
.page-banner-wrap .banner-txt-b .txt-wrap,.detail-banner-wrap .banner-txt .txt-wrap,.page-banner-wrap.wenda .banner-txt-c .txt-wrap{padding-top: 15px; padding-bottom: 15px; padding-right: 20px; padding-left: 20px; border: 1px solid rgba(255,255,255,.3)}
.page-banner-wrap .banner-txt-b .txt-wrap .title,.detail-banner-wrap .banner-txt .txt-wrap .title,.page-banner-wrap.wenda .banner-txt-c .txt-wrap .title{ display: inline-block; font-size: 28px; margin-bottom: 0; line-height: 1.4; vertical-align: top; position: relative; letter-spacing: 1px}
.page-banner-wrap .banner-txt-b .txt-wrap .title:after,.detail-banner-wrap .banner-txt .txt-wrap .title:after,.page-banner-wrap.wenda .banner-txt-c .txt-wrap .title:after{content: ""; position: absolute; width: 24px; height: 24px; border: 3px solid rgba(255,255,255,.4); bottom:-5px; right: -10px; border-radius: 50%; }
.page-banner-wrap .banner-txt-b .txt-wrap .desc,.page-banner-wrap.wenda .banner-txt-c .txt-wrap .desc{ margin-top:20px; font-size: 16px; font-weight: 300; opacity: .9; text-align: justify}
.page-banner-wrap .banner-txt-b .txt-wrap .meta{ color:#d6b7b7}
.page-banner-wrap .banner-txt-b .txt-wrap .meta li{margin-right: 5px}
.page-banner-wrap .img-wrap{ height: 480px; margin-left: auto; margin-right: auto; text-align: center; position: relative; pointer-events: none}
.detail-banner-wrap .container .img-wrap{ width: 430px; height: 430px; float: left; margin-top: 15px;}
.detail-banner-wrap .container .desc-wrap{ width:740px; float: left; padding-top:50px; padding-left: 30px; height: 100%;}
.page-banner-wrap.page-detail .banner-txt-b .txt-wrap .title{font-size: 32px}
/*==通用标题==*/
.ptitle-a{ margin-bottom: 30px; text-align: center; position: relative; z-index: 2}
.ptitle-a .title{ font-size: 32px;color: #e8cf95; margin-bottom: 0; line-height: 50px; display: inline-block; vertical-align: top; position: relative; letter-spacing: 2px;}
.ptitle-a .title:before{ width:28px; height:28px; content: ""; position: absolute;right:-18px; bottom:0; border: 4px solid rgba(232, 207, 149, .4); border-radius: 50%; }
.ptitle-a .assist-desc{ color:rgba(232, 207, 149, .72);font-weight: 500; font-size: 16px; line-height: 28px; letter-spacing: 1px }
.ptitle-a.dark .title,.ptitle-a.dark .assist-desc{ color: #520a15;}
.ptitle-a.dark .title:before{  border-color: rgba(82, 10, 21, .4)}/*background-image: url("../images/ptitle-icon-dark.png");*/
.asidetitle{ margin-bottom: 20px; text-align: center; position: relative; overflow: hidden}
.asidetitle .title{ font-size: 20px; margin-bottom: 0; line-height: 30px; display: inline-block; vertical-align: top; position: relative; padding-left: 10px; padding-right: 10px; font-weight: bold}
.asidetitle .title:before,.asidetitle .title:after{ position: absolute; content: ""; width: 100%; top:14px; border-top: 2px solid #ccc}
.asidetitle .title:before{ right:100%}
.asidetitle .title:after{ left:100%}
/*==其他通用==*/
.price{line-height: 1.2}
.price.large{font-size: 16px}
.price>span{ font-size: 22px;}
.price.small>span{ font-size: 18px;}
.price.large>span{ font-size: 26px;}
ul.with-num>li{ padding-left: 30px;}
ul.with-num>li>span.num{ display: inline-block; margin-left: -30px; width: 30px;}
ul.with-point{ margin-left:17px}
ul.with-point>li{list-style-type: disc;list-style-position: outside;}
.inline-block-list>li,.inline-block-list>div{ display: inline-block; vertical-align: top;}
.tel-btn{ display: inline-block; background-color: #298980; padding: 10px 20px;position: relative; text-align: center; color: #fff; border-radius: 4px; transition: background-color .2s ease-in-out; min-width: 280px;box-shadow: 0 0 10px 0 rgba(35, 130, 121, .5); cursor: pointer!important}
.tel-btn .tel-num{font-size: 24px;}
.tel-btn .tel-num:before{ content: "\e624"; font-family: iconfont; margin-right: 5px;}

.tel-btn:after{ position: absolute; left: 0; height: 54%;top:0;right: 0; content: ""; background:linear-gradient(90deg, rgba(255,255,255,.15), rgba(255,255,255,0));border-radius: 4px;}
.tel-btn .tips{ position: absolute; background-color: #932333;padding: 0 5px; border-radius: 4px; top:-15px; right: -40px; z-index: 9}
.tel-btn .tips:before{content: ""; position: absolute; width: 8px; height: 8px; border-top:8px solid #932333; border-left: 4px solid transparent; border-right: 4px solid transparent; left: 20px; bottom:-8px}
.tel-btn:before{position: absolute; left: 5px; top:5px; right: 5px; bottom: 5px; content: ""; border: 1px solid rgba(255,255,255,.2);}
.tel-btn:hover{ background-color: #2faa9e; color: #fff}
.tel-btn.red{ background-color:#902936;box-shadow: 0 0 10px 0 rgba(134, 4, 42, .5)}
.tel-btn.red:hover{background-color:#9b3441}
.tel-btn.blue{ background-color: #1e2d5c; box-shadow:0 0 10px 0 rgba(30, 45, 92, .5) }
.tel-btn.blue:hover{background-color: #2d4388}
.swiper-button-prev:before{font-family: iconfont;content: "\e800"}
.swiper-button-next:before{ font-family: iconfont; content: "\e618"}
.label{display: inline-block; padding:2px 6px;font-size: 12px;line-height: 1.4287;background-color: #7d663d; color: #fff; border-radius: 3px; font-weight: 400}
.label.gray{ background-color: #989898}
.label.red{background-color: #932333}
a.label{color: #fff; transition: opacity .2s ease-in-out}
a.label:hover{ opacity:.8}
.pagination {display: inline-block;padding-left: 0; margin:15px 0;  border-radius: 4px;}
.pagination>li {display: inline;}
.pagination>li a,.pagination>li span{ color: #fff;position: relative;  float: left; display: block; background-color: #a6937c; padding: 6px 12px; margin-right: 5px; border-radius: 2px; font-size: 16px; transition: background-color .2s ease-in-out}
.pagination>li a:hover,.pagination>li.active a,.pagination>li.active span{background-color: #932333;}
.pagination>li:last-child a{ margin-right: 0}
.rainbow{ position: absolute; font-size: 13px; line-height: 1.2; top:0; left: 10px; color: #fff; background-color: #932333; width: 40px; padding: 5px; text-align: center; border-radius: 0 0 4px 4px}
.tab-swiper>li{cursor: pointer}
.tab-contents .tab-pane{display: none}
.tab-contents .tab-pane.active{display: block}
.panel{background-color: #fff; border: 1px solid #ccc}
.panel .panel-heading{ background-color: #f4f4f4; }
.panel .panel-body{ padding: 15px;}
.panel-group .panel + .panel{ margin-top: 10px}
/*PC M端公用结束*/
/*
---------------分--割--线---------------------
--------------以下是PC端专用-----------------
*/
@media only screen and (min-width: 768px) {
/*--框架 PC --*/
.container,.content-wrap,.page-top-banner,.page-application-wrap,.container-fluid{ min-width: 1200px}
.layout-table>div,.layout-table>li,.layout-table>ul,.layout-lg-table>div,.layout-lg-table>li{ display: table-cell; vertical-align: top; float: none !important}
.layout-table.v-middle>div,.layout-table.v-middle>li,.layout-table.v-middle>ul,.layout-lg-table.middle>div,.layout-lg-table.middle>li{ vertical-align: middle}
.layout-lg-table{ display: table;table-layout:fixed}	
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12,.f-lg-left {float: left;}
.f-lg-right{float: right;}
.hidden-lg {display: none !important;}
.col-lg-12,.w-lg-100,.ed-lg-1>div,.ed-lg-1>ul,.ed-lg-1>li {width: 100%;}
.col-lg-11 {width: 91.66666667%;}
.col-lg-10 {width: 83.33333333%;}
.col-lg-9 { width: 75%;}
.col-lg-8 { width: 66.66666667%; }
.col-lg-7 { width: 58.33333333%; }
.col-lg-6,.ed-lg-2>div,.ed-lg-2>ul,.ed-lg-2>li { width: 50%;}
.col-lg-5 { width: 41.66666667%; }
.col-lg-4,.ed-lg-3>div,.ed-lg-3>ul,.ed-lg-3>li { width: 33.33333333%; }
.col-lg-3,.ed-lg-4>div,.ed-lg-4>ul,.ed-lg-4>li { width: 25%;}
.col-lg-2,.ed-lg-6>div,.ed-lg-6>ul,.ed-lg-6>li { width: 16.66666667%; }
.ed-lg-8>div,.ed-lg-8>ul,.ed-lg-8>li{ width: 12.5%}
.col-lg-1 { width: 8.33333333%; }	
.ed-lg-5>div,.ed-lg-5>ul,.ed-lg-5>li{ width: 20%}
.col-lg-pull-2 {right: 16.66666667%;}
.col-lg-push-2 {left: 16.66666667%;}
.col-lg-pull-4 {right:33.33333333%;}
.col-lg-push-4 {left:33.33333333%;}
.col-lg-pull-6 {right:50%;}
.col-lg-push-6 {left:50%;}
/*--字号 色彩 背景等PC--*/
.fs-lg-16{ font-size: 16px;}
.fs-lg-18{font-size: 18px;}
.fs-lg-20{font-size: 20px}
.fs-lg-22{font-size: 22px;}
.text-lg-left {text-align: left;}
.text-lg-right {text-align: right;}
.text-lg-center {text-align: center;}
.fw-lg-light-b{font-weight: lighter !important}
.h-lg-2x{-webkit-line-clamp: 2;}
.h-lg-3x{-webkit-line-clamp: 3;}
.h-lg-4x{-webkit-line-clamp: 4;}
.box-shadow-lg-a{box-shadow: 0 0 10px 2px rgba(0,0,0,.2)}
/*--间距 PC--*/
.pt-lg-0,.py-lg-0{ padding-top: 0 !important}
.pb-lg-0,.py-lg-0{ padding-bottom: 0!important}
.pl-lg-0,.px-lg-0{ padding-left: 0!important}
.pr-lg-0,.px-lg-0{ padding-right: 0!important}
.pl-lg-2,.px-lg-2{ padding-left:10px}
.pr-lg-2,.px-lg-2{ padding-right:10px}
.pr-lg-3,.px-lg-3{ padding-right: 15px;}
.pl-lg-3,.px-lg-3{ padding-left: 15px;}
.pl-lg-4,.px-lg-4{ padding-left: 20px}
.pr-lg-4,.px-lg-4{ padding-right: 20px}
.pl-lg-6,.px-lg-6{ padding-left: 30px}
.pr-lg-6,.px-lg-6{padding-right: 30px}
.pt-lg-1,.py-lg-1{ padding-top: 5px;}
.pb-lg-1,.py-lg-1{ padding-bottom: 5px;}
.pt-lg-2,.py-lg-2{ padding-top: 10px;}
.pb-lg-2,.py-lg-2{ padding-bottom: 10px}
.pt-lg-3,.py-lg-3{ padding-top: 15px;}
.pb-lg-3,.py-lg-3{ padding-bottom: 15px}
.pt-lg-4,.py-lg-4{ padding-top: 20px;}
.pb-lg-4,.py-lg-4{ padding-bottom: 20px}
.pt-lg-6,.py-lg-6{ padding-top: 30px;}
.pb-lg-6,.py-lg-6{ padding-bottom: 30px}
.pt-lg-big{ padding-top: 40px;}
.pb-lg-big{ padding-bottom: 40px;}
.mt-lg-1{margin-top: 5px;}
.mt-lg-2,.my-lg-2{ margin-top:10px}
.mb-lg-2,.my-lg-2{ margin-bottom: 10px}
.mt-lg-3,.my-lg-3{ margin-top:15px}
.mb-lg-3,.my-lg-3{ margin-bottom: 15px}
.mt-lg-4,.my-lg-4{ margin-top:20px}
.mb-lg-4,.my-lg-4{ margin-bottom: 20px}
.mt-lg-6,.my-lg-6{ margin-top:30px}
.mb-lg-6,.my-lg-6{ margin-bottom: 30px}
.ml-lg-2,.mx-lg-2{ margin-left: 10px}
.mr-lg-2,.mx-lg-2{ margin-right: 10px}
.ml-lg-3,.mx-lg-3{ margin-left: 15px}
.mr-lg-3,.mx-lg-3{ margin-right: 15px}
.ml-lg-4,.mx-lg-4{ margin-left: 20px}
.mr-lg-4,.mx-lg-4{ margin-right: 20px}
.ml-lg-6,.mx-lg-6{ margin-left: 30px}
.mr-lg-6,.mx-lg-6{ margin-right: 30px}
/*--按钮 PC--*/
.btn-lg-120{ min-width: 120px;}
/*--顶部菜单 PC--*/	
.topmenu-wrap .assist-wrap{ width:188px; overflow: hidden; max-height: 80px}
.topmenu-wrap .menu-container{ width:calc(100% - 325px);float: left; text-align: center}
.topmenu-wrap .menu-container .nav-ul{ display: inline-block; vertical-align: top}
.topmenu-wrap .menu-container .nav-ul>li{ float: left;margin-right: 20px; position: relative;}
.topmenu-wrap .menu-container .nav-ul>li.has-subnav{ padding-right: 17px}
.topmenu-wrap .menu-container .nav-ul>li:last-child{ margin-right: 0;}
.topmenu-wrap .menu-container .nav-ul>li>a{ line-height: 80px}
.topmenu-wrap .menu-container .nav-ul>li:hover>a{ color: #d7bb7c }
.topmenu-wrap .menu-container .nav-ul>li.active>a:before{ content: ""; position: absolute; height: 3px; bottom:10px; width:100%; background-color: #d7bb7c; left:0; }
.topmenu-wrap .menu-container .nav-ul>li.has-subnav>a:after{content: "\e634";font-family: iconfont;display:block;font-size:12px;margin-left:5px;vertical-align:top;
    color: #a7767d; transition:transform .3s ease-in-out; width:12px; position: absolute; top:0; left: 100%}
.topmenu-wrap .menu-container .nav-ul>li.has-subnav:hover>a:after{ color:#d7bb7c;transform: rotate(-180deg)}
.topmenu-wrap .menu-container .nav-ul>li .sub-nav{position: absolute; background-color:rgba(70, 17, 25, .95); left:-20px; width: 150px; box-shadow: 0 0 4px 0 rgba(0,0,0,.2); z-index: 8; padding-top: 10px; padding-bottom: 18px; display: none}
.topmenu-wrap .menu-container .nav-ul>li .sub-nav:after{content: "";left:5px;top:5px;right:5px; bottom:5px; border: 1px solid rgba(255,255,255,.2); position:absolute; pointer-events: none}
.topmenu-wrap .menu-container .nav-ul>li .sub-nav>li>a{ line-height: 36px; padding: 0 15px; text-align: left}
.topmenu-wrap .menu-container .nav-ul>li .sub-nav>li>a:hover{color: #d7bb7c}
.topmenu-wrap .menu-container .nav-ul>li.has-subnav:hover .sub-nav{ display: block}	
.topmenu-wrap .mobile-menu-icon{display: none}
/*--页脚 PC--*/
.page-bottom-recommand .txt-wraps ul>li:nth-child(3)>a,.page-bottom-recommand .txt-wraps ul>li:nth-child(4)>a{ background-color:#f9efe7}
.page-footer .footer-wrap .footer-a{ float: left; width: 960px;}
.page-footer .footer-wrap .footer-b{ float: right; width: 200px; text-align: right}
.page-footer .footer-wrap .footer-b	.footer-logo img{ max-height: 70px}
/*--页脚悬浮 PC--*/
.footer-sticky-sm{display: none}
.footer-sticky-lg{ position: fixed; left: 0;right: 0; bottom: 0; height: 60px; background-color: rgba(70, 17, 25, .9); z-index: 9;opacity: 0; transform: translateY(100px); transition: transform .3s ease-in-out,opacity .3s ease-in-out}
.footer-sticky-lg.active{transform: translateY(0); opacity: 1; z-index: 1000}
.footer-sticky-lg:before,.footer-sticky-lg:after{content: ""; position: absolute;top:0; bottom: 0; background-repeat: no-repeat; width: 50%; pointer-events: none}
.footer-sticky-lg:before{left: 0; background-image: url("../image/footer-sticky-bg-1.png"); background-position: 0% 50%}
.footer-sticky-lg:after{right: 0; background-image: url("../image/footer-sticky-bg-2.png"); background-position: 100% 50%}
.footer-sticky-lg .container{height: 100%}
.footer-sticky-lg .img-wrap{ z-index: 10; pointer-events: none; width: 180px;}
.footer-sticky-lg .img-wrap img{ display: block; top:-33px;position: relative; margin-bottom: -33px; }
.footer-sticky-lg .txt-wrap-a{ width: 250px; vertical-align: middle}
.footer-sticky-lg .txt-wrap-b{ color:#e8cf95;vertical-align: middle; text-align: center}
.footer-sticky-lg .txt-wrap-b>ul{ font-size: 0}
.footer-sticky-lg .txt-wrap-b>ul>li{font-size: 17px;}
.footer-sticky-lg .txt-wrap-b>ul>li:before{ content: "\e623"; font-family: iconfont; margin-right: 5px;}
.footer-sticky-lg .txt-wrap-b>ul>li + li{ margin-left: 10px}
.footer-sticky-lg .tel-wrap{color: #fff; text-align:right;width: 160px;padding-top: 9px;}
.footer-sticky-lg .tel-wrap .num{font-size: 22px; line-height: 1;}
.footer-sticky-lg .tel-wrap .tips{font-size: 14px;}
.footer-sticky-lg.c-2{ background-color:rgba(6, 11, 26, .9);}
/*--顶部banner区域 PC--*/	
.page-banner-wrap,.detail-banner-wrap{ height: 468px}
.page-banner-wrap .banner-txt-b{ position: absolute; right: 15px; top:120px; width: 440px; }
.page-banner-wrap .banner-txt-a .tel-wrap:before,.page-banner-wrap .banner-txt-a .tel-wrap:after{content: ""; position: absolute; width: 2px; height: 45px; background-color:#932333;top:20px; }
.page-banner-wrap .banner-txt-a .tel-wrap .tel-name:before,.page-banner-wrap .banner-txt-a .tel-wrap .tel-name:after,.page-banner-wrap .banner-txt-a .tel-wrap .tel-num:before,.page-banner-wrap .banner-txt-a .tel-wrap .tel-num:after{ content: ""; height:2px; background-color:#932333; width: 80px; position: absolute}
.page-banner-wrap .banner-txt-a .tel-wrap .tel-name:before{top:20px; right: 100%}
.page-banner-wrap .banner-txt-a .tel-wrap .tel-name:after{top:20px; left: 100%}
.page-banner-wrap .banner-txt-a .tel-wrap .tel-num:before{bottom:23px; left: -40px}
.page-banner-wrap .banner-txt-a .tel-wrap .tel-num:after{bottom:23px; right: -40px}
.page-banner-wrap .banner-txt-a .tel-wrap:before{left: 0;}
.page-banner-wrap .banner-txt-a .tel-wrap:after{right: 0}
/*--pc结束--*/	
}

/*
---------------分--割--线---------------------
--------------以下是767移动端-----------------
*/
@media only screen and (max-width: 767px) {
/*--基础 M --*/
html{ overflow-x: hidden !important}
body{font-size: .24rem; overflow-x: hidden}
.container{ width: 100%}
.container{ padding-left: .3rem; padding-right: .3rem}
.content-wrap.max-width{max-width: none}
.layout,.row,.layout-table,.flex-sm{display: -ms-flexbox; display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}	
.layout>div,.layout>ul,.layout>li,.f-sm-none{ float: none !important;}
.layout:after,.portfolio:after,.row:after{ display: none;}	
.flex-nowrap {-ms-flex-wrap: nowrap !important;flex-wrap: nowrap !important;}
.order-sm-first {-ms-flex-order: -1; order: -1;}
.order-sm-last {-ms-flex-order: 13; order: 13;}
.flex-justify-center{justify-content:center}
.align-self-center {-ms-flex-item-align: center !important; align-self: center !important;}	
.flex-grow-1{ flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1;flex-grow: 1;}	
.hidden-sm {display: none !important;}
.visible-sm{ display: block!important}
.visible-sm-inline-block{ display: inline-block!important}
.portfolio{ margin-right: -.3rem}
.portfolio>.portfolio-item{padding-right: .3rem; padding-bottom: .3rem}	
.portfolio.gutters-a,.portfolio.gutters-sm-a{ margin-right: -.2rem}
.portfolio.gutters-a>.portfolio-item,.portfolio.gutters-sm-a>.portfolio-item{padding-right: .2rem; padding-bottom: .2rem}
.f-sm-left{float: left}
.f-sm-right{float: right}
.text-sm-left {text-align: left;}
.text-sm-right {text-align: right;}
.text-sm-center {text-align: center;}	
.col-sm-12,.ed-sm-1>div,.ed-sm-1>ul,.ed-sm-1>li { width: 100%;}
.col-sm-11 { width: 91.66666667%;}
.col-sm-10 { width: 83.33333333%;}
.col-sm-9 { width: 75%;}
.col-sm-8 { width: 66.66666667%;}
.col-sm-7 { width: 58.33333333%;}
.col-sm-6,.ed-sm-2>div,.ed-sm-2>ul,.ed-sm-2>li {width: 50%;}
.col-sm-5 { width: 41.66666667%;}
.col-sm-4,.ed-sm-3>div,.ed-sm-3>ul,.ed-sm-3>li { width: 33.33333333%;}
.col-sm-3,.ed-sm-4>div,.ed-sm-4>ul,.ed-sm-4>li { width: 25%;}
.ed-sm-5>div,.ed-sm-5>ul,.ed-sm-5>li { width: 20%;}
.col-sm-2 { width: 16.66666667%;}
.col-sm-1 { width: 8.33333333%; }
.col-sm-push-2 {left:  16.66666667%;}
.col-sm-pull-4 {right: 33.33333333%;}
.col-sm-push-4 {left: 33.33333333%;}
.col-sm-pull-6 {right: 50%;}
.col-sm-push-6 {left: 50%;}	
.wrap-responsive{ width: 100%; overflow-y: hidden; overflow-x: auto; -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-overflow-scrolling:touch;touch-action: manipulation;}
table th,table td {padding:.1rem;}
table{width: 100% !important}
.stretched-link-sm::after {position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 1;pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0);}
/*--顶部菜单 M--*/
.page-top-pa{ line-height:.68rem}
.page-top-pa .solo-text{padding-left:0; font-weight: 600}
.page-top-pa .solo-text:before{display: none;}
.page-top-pa .login-wrapper ul>li + li{padding-left: .2rem}
.page-top-pa .login-wrapper ul>li i{ font-size: .3rem;}	
.topmenu-wrap{ height:1.0rem;}
.topmenu-wrap .container{ background-color: #520a15}
.topmenu-wrap .logo{ line-height: 1rem; width:auto; }
.topmenu-wrap .logo img{ height: .72rem;}
.topmenu-wrap .menu-container{ position: fixed; background-color:#5a1c25; top:.68rem; left: 0; right: 0;bottom:0;padding-top:1rem; overflow-y: scroll;    -ms-overflow-style: -ms-autohiding-scrollbar;  -webkit-overflow-scrolling: touch; touch-action: manipulation; z-index: -1;opacity: 0; visibility: hidden; transform: translateY(-120%); transition: transform .3s ease-in-out, opacity .2s ease-in-out}
.topmenu-wrap .menu-container.active{opacity: 1; visibility: visible; transform: translateY(0)}
.topmenu-wrap .menu-container .nav-ul>li{ border-bottom: 1px solid rgba(255,255,255,.1);position: relative}
.topmenu-wrap .menu-container .nav-ul>li>a{ line-height: .9rem; font-weight:600; padding-left: .3rem; padding-right: .3rem; font-size: .32rem}
.topmenu-wrap .menu-container .nav-ul>li>a:hover{background-color:#520a15}
.topmenu-wrap .menu-container .nav-ul>li>span{display: block; width:.8rem;font-size:.24rem;position: absolute; right:.3rem; top:.04rem; line-height:.8rem; z-index: 2; background-color: #520a15; height:.8rem; text-align: center; border-radius: 50% }	
.topmenu-wrap .menu-container .nav-ul>li>span:before{content: "\e634"; font-family: iconfont; display: inline-block; color: #d7bb7c}
.topmenu-wrap .menu-container .nav-ul>li>span:after{content:""; position: absolute; right:-.3rem; width: 2rem; height: 100%}
.topmenu-wrap .menu-container .nav-ul>li>span.active{ background-color: #932333; }
.topmenu-wrap .menu-container .nav-ul>li>span.active:before{transform: rotate(-180deg)}
.topmenu-wrap .menu-container .nav-ul>li .sub-nav{ padding-bottom: 8px; margin-left: 10px; margin-right: 10px; display: none }
.topmenu-wrap .menu-container .nav-ul>li .sub-nav.active{ display: block}
.topmenu-wrap .menu-container .nav-ul>li .sub-nav:after{display:block; content:" "; clear: both;height: 0; visibility: hidden;font-size: 0;line-height: 0;}
.topmenu-wrap .menu-container .nav-ul>li .sub-nav>li{ width:50%; padding:.1rem .2rem; float: left; text-align: center}
.topmenu-wrap .menu-container .nav-ul>li .sub-nav>li>a{ line-height:.64rem; padding:0 .2rem; background-color: rgba(255,255,255,.1); border-radius: 4px}	
.topmenu-wrap .menu-container .nav-ul>li.active>a:before{ content: ""; position: absolute;width: 3px;top:0; height:100%; background-color: #d7bb7c; left:0; }
.topmenu-wrap .assist-wrap .tel{ display: none;}
.topmenu-wrap .assist-wrap .mobile-tel>a,.topmenu-wrap .mobile-menu-icon{ height: 1rem; width:1rem;text-align: center;line-height:1rem; color:#d7bb7c}
.topmenu-wrap .mobile-menu-icon{ float: right; }
.topmenu-wrap .mobile-menu-icon:before{content: "\e627"; font-family: iconfont;font-size:.36rem; transition: all .2s ease-in-out }
.topmenu-wrap .mobile-menu-icon.active:before{ content: "\e693";}
.topmenu-wrap .assist-wrap .mobile-tel>a{ display: block; }
.topmenu-wrap .assist-wrap .mobile-tel>a:before{content: "\e650"; font-family: iconfont;font-size:.44rem; }
.topmenu-wrap .mobile-Column{ display: block; position: relative; margin-left: .3rem; padding-left: .3rem;}
.topmenu-wrap .mobile-Column:before{ content: ""; position: absolute; left: 0; top:.3rem; bottom:.3rem; width: 1px; background-color: rgba(215, 187, 124,.2)}
.topmenu-wrap .mobile-Column>a{display: block; line-height: 1rem;  color: #d7bb7c; font-size: .28rem; letter-spacing: 1px; font-weight: 600}
/*--页脚 M--*/
.page-bottom-recommand{ height:auto; background-color: transparent}
.page-bottom-recommand .title-wraps{ background-image: url("../image/page-bottom-recomand-bg-2.png"); width:100%; padding-left:0; background-position: 100% 0%; text-align: center; padding: .4rem 0;background-size:100% auto}
.page-bottom-recommand .title-wraps .title{font-size:.44rem; margin-bottom: 0; width: auto; line-height:.8rem; font-weight: 600}
.page-bottom-recommand .title-wraps .title:before{width:.8rem;height: .8rem;right:-.5rem; top: 0;}
.page-bottom-recommand .txt-wraps{ padding:.2rem; background-color: #fff; width: 100%}
.page-bottom-recommand .txt-wraps ul>li{ padding-right:0; height:auto}
.page-bottom-recommand .txt-wraps ul>li>a{ font-size:.3rem; padding:.2rem; line-height:1.3;}
.page-bottom-recommand .txt-wraps ul>li>a .title{font-size:.3rem;line-height:1.3;}
.page-bottom-recommand .txt-wraps ul>li:nth-child(even)>a{ background-color:#f9efe7}
.page-footer .solo-wrap{ padding-top: .5rem; padding-bottom:.25rem}
.page-footer .solo-wrap img{ height: 1rem}	
.page-footer .footer-wrap{ padding-top: .4rem; padding-bottom: 1.1rem}
.page-footer .footer-wrap .f-tel-tips{ font-size: .28rem; }
.page-footer .footer-wrap .f-tel{font-size:.48rem; }
.page-footer .footer-wrap .tsxadd{ font-size: .32rem;}
.page-footer .footer-wrap .footer-a{text-align: center}
.page-footer .footer-wrap .footer-b{margin-bottom: .3rem; border-bottom: 1px solid rgba(255,255,255,.2); padding-bottom: .2rem;justify-content:center}
.page-footer .footer-wrap .footer-b .footer-logo{  width: 1.8rem}
.page-footer .footer-wrap .footer-b .footer-logo img{ height: .8rem}
.page-footer .footer-wrap .footer-b ul>li{ line-height: .4rem}
/*--页脚悬浮 M--*/
.footer-sticky-lg{ display: none}
.footer-sticky-sm{display: block; position: fixed; left: 0; right: 0; bottom:0; height: 1rem;  background-color:rgba(0,0,0,.85); box-shadow: 0 -2px 8px 0px rgba(0,0,0,.15); transition: transform .3s ease-in-out; transform: translateY(1rem)}/*rgba(70, 17, 25, .9)*/
.footer-menu{position: relative; height: 100%; color:#d7bb7c; text-align: center; overflow: hidden}
.footer-menu>li{ line-height: 1rem; font-size: .34rem;}
.footer-menu>li.menu-a{ width: 1.2rem;position: relative}
.footer-menu>li.menu-a:before{content: ""; width:.8rem; height: .8rem; background-image: url("../image/bottom-servicer.jpg"); position: absolute; bottom:.1rem; background-size: cover; left: .2rem; border-radius: 50%; overflow: hidden}
.footer-menu>li.menu-b{width: 36%; line-height: inherit;padding-top: .14rem }
.footer-menu>li.menu-b a:before{content: "\e60d";font-family: iconfont; margin-right: 3px}
.footer-menu>li.menu-b span{font-size: .24rem; line-height: 1.3;display: block}
.footer-menu>li.menu-b .telnum{font-size: .36rem;font-weight: 700; line-height: 1.2}
.footer-menu>li.menu-c{flex-grow: 1; background-color: #bd0f28; position: relative}
.footer-menu>li.menu-c span{font-size: .2rem; position: absolute; right:.06rem; top:.04rem; color: #fff1ae; display: block; line-height: 1; transform: scale(.8); width: .24rem}
.footer-menu>li.menu-c a:before{content: "\e650";font-family: iconfont; margin-right: 3px}
.footer-menu>li.menu-d{ border-right: 0; width:1rem }
.footer-menu>li.menu-d:before{content: "\e984";font-family: iconfont;}
.footer-menu>li a{color:#fff; display: block; height: 100%}
.footer-sticky-sm.active{ transform: translateY(0);z-index:1000;}
/*--顶部banner区域 M--*/
.page-banner-wrap .banner-txt-a{ width: 46%; top:.6rem; left:.3rem;}
.page-banner-wrap .banner-txt-a .txt-wrap .title{ font-size:.32rem;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp:3;}	
.page-banner-wrap .banner-txt-a .tel-wrap{ margin-top:.3rem; width: auto; text-align: left}
.page-banner-wrap .banner-txt-a .tel-wrap .tel-name{font-size:.24rem; font-weight:400; line-height:.36rem; padding: 0 }
.page-banner-wrap .banner-txt-a .tel-wrap .tel-num{font-size: .4rem; line-height: .58rem;}	
.page-banner-wrap .banner-txt-b,.detail-banner-wrap .banner-txt{ padding:.1rem; position: relative; z-index: 2}
.page-banner-wrap .banner-txt-b .txt-wrap,.detail-banner-wrap .banner-txt .txt-wrap{padding-left:.2rem; padding-right: .2rem; padding-top: .2rem; padding-bottom: .2rem }
.page-banner-wrap .banner-txt-b .txt-wrap .title,.detail-banner-wrap .banner-txt .txt-wrap .title{ font-size:.36rem; font-weight:600;}
.page-banner-wrap.page-detail .banner-txt-b .txt-wrap .title{font-size: .4rem}
.page-banner-wrap .banner-txt-b .txt-wrap .title:after,.detail-banner-wrap .banner-txt .txt-wrap .title:after{ display: none}
.page-banner-wrap .banner-txt-b .txt-wrap .desc{ margin-top:.12rem; font-size: .28rem; font-weight:400; color: rgba(255,255,255,.8)}
.page-banner-wrap .img-wrap{height:3.6rem;text-align: right; overflow: hidden}/*4.278rem*/
.page-banner-wrap .img-wrap img{height:3.62rem !important; width: auto}
.detail-banner-wrap .container .img-wrap{ width:100%; height:auto; float:none; margin-top:.3rem;}
.detail-banner-wrap .container .desc-wrap{ width:100%; float: none; padding-top:0; padding-left:0; }
/*2021-01补充*/
.page-banner-wrap:not(.page-detail):not(.tuandui-xiangqing) .banner-txt-b{display: none}
.page-banner-wrap.page-detail{padding-bottom: .3rem}

/*--通用标题 M--*/
.ptitle-a{ margin-bottom:.4rem;}
.ptitle-a .title{ font-size:.42rem;  line-height: .68rem; letter-spacing: 1px; font-weight: 600}
.ptitle-a .title:before{ width:.48rem; height:.48rem; right:-.28rem; }/* width:.8rem; height:.8rem; right:-.5rem; top:0*/
.ptitle-a .assist-desc{ font-size:.28rem; line-height:.4rem }	
.asidetitle{ margin-bottom:.3rem;}
.asidetitle .title{ font-size:.38rem;line-height:.6rem;  padding-left:.2rem; padding-right:.2rem;}
.asidetitle .title:before,.asidetitle .title:after{top:.3rem; }
/*--字号 M--*/
.h-sm-2x{-webkit-line-clamp: 2;}
.h-sm-3x{-webkit-line-clamp: 3;}
.h-sm-4x{-webkit-line-clamp: 4;}
.fs-sm-10,h6,.h6{ font-size: .2rem}
.fs-sm-12,h5,.h5{ font-size: .24rem}
.fs-sm-14,h4,.h4 { font-size: .28rem}
.fs-sm-16,h3,.h3{ font-size: .32rem}
.fs-sm-18{ font-size: .36rem}
.fs-sm-20,h2,.h2{ font-size: .4rem}
.fs-sm-22,h1,.h1{ font-size: .44rem}
/*--间距 M--*/
.ml-minus-3,.mx-minus-3{ margin-left: -.3rem !important}
.mr-minus-3,.mx-minus-3{ margin-right: -.3rem !important}
.pl-sm-0,.px-sm-0{ padding-left: 0 !important}
.pr-sm-0,.px-sm-0{ padding-right: 0!important}
.pt-sm-0,.py-sm-0{ padding-top: 0 !important}
.pb-sm-0,.py-sm-0{ padding-bottom: 0!important}
.pl-sm-1,.px-sm-1{ padding-left:.1rem}
.pr-sm-1,.px-sm-1{ padding-right:.1rem}
.pl-sm-2,.px-sm-2{ padding-left:.2rem}
.pr-sm-2,.px-sm-2{ padding-right:.2rem}
.pr-sm-3,.px-sm-3{ padding-right: .3rem;}
.pl-sm-3,.px-sm-3{ padding-left: .3rem;}
.pl-sm-4,.px-sm-4{ padding-left: .4rem}
.pr-sm-4,.px-sm-4{ padding-right: .4rem}
.pl-sm-6,.px-sm-6{ padding-left: .6rem}
.pr-sm-6,.px-sm-6{padding-right: .6rem}
.pt-sm-2,.py-sm-2{ padding-top: .2rem;}
.pb-sm-2,.py-sm-2{ padding-bottom: .2rem}
.pt-sm-3,.py-sm-3{ padding-top: .3rem;}
.pb-sm-3,.py-sm-3{ padding-bottom: .3rem}
.pt-sm-4,.py-sm-4{ padding-top: .4rem;}
.pb-sm-4,.py-sm-4{ padding-bottom:.4rem}
.pt-sm-6,.py-sm-6,.pt-big,.py-big,.pt-sm-big{ padding-top: .6rem;}
.pb-sm-6,.py-sm-6,.pb-big,.py-big{ padding-bottom: .6rem}
.mt-sm-1{margin-top: .1rem}
.mt-sm-2,.my-sm-2{ margin-top:.2rem}
.mb-sm-2,.my-sm-2{ margin-bottom: .2rem}
.mt-sm-3,.my-sm-3{ margin-top:.3rem}
.mb-sm-3,.my-sm-3{ margin-bottom: .3rem}
.mt-sm-4,.my-sm-4{ margin-top:.4rem}
.mb-sm-4,.my-sm-4{ margin-bottom: .4rem}
.mt-sm-6,.my-sm-6{ margin-top:.6rem}
.mb-sm-6,.my-sm-6{ margin-bottom: .6rem}
.ml-sm-2,.mx-sm-2{ margin-left: .2rem}
.mr-sm-2,.mx-sm-2{ margin-right: .2rem}
.ml-sm-3,.mx-sm-3{ margin-left: .3rem}
.mr-sm-3,.mx-sm-3{ margin-right: .3rem}
.ml-sm-4,.mx-sm-4{ margin-left: .4rem}
.mr-sm-4,.mx-sm-4{ margin-right: .4rem}
.ml-sm-6,.mx-sm-6{ margin-left: .6rem}
.mr-sm-6,.mx-sm-6{ margin-right: .6rem}	
/*--按钮 M--*/
.btn{ font-size: .28rem}
.btn.btn-md{ font-size:.32rem;}
/*--其他通用 M--*/
.price.large{font-size: .28rem}
.price>span{ font-size:.36rem;}
.price.small>span{ font-size:.3rem;}
.price.large>span{font-size: .4rem}
ul.with-num>li{ padding-left:.48rem;}
ul.with-num>li>span.num{ margin-left: -.48rem; width:.48rem;}
.tel-btn{padding: .2rem; min-width: 4rem}
.tel-btn .tel-num{ font-size: .40rem;}

.tel-btn:before{left:.08rem; right:.08rem;top:.08rem; bottom: .08rem}
.label{ padding:.04rem .12rem;font-size: .24rem;}
.pagination>li a{font-size: .28rem; padding: .12rem .28rem}
.rainbow{ font-size:.2rem; left:.2rem;width: .74rem; padding: .08rem;}
}