@charset "utf-8";
/*通用元素*/
.border{border-style: solid; border-color: #ececec; border-width: 0px}
.border-top{border-top-width: 1px}
.border-bottom{border-bottom-width: 1px}
.border-right{border-right-width: 1px}
.border-left{border-left-width: 1px}
.border-all{border-width: 1px}
.border-radius{border-radius: 4px}
.border-radius-left{border-radius: 4px 0 0 4px;}
.border-radius-bottom{border-radius:0 0 4px 4px;}
.ov-hidden{overflow: hidden}
.background-image-holder{background-size:cover !important; background-position:50% 50%; width: 100%;height: 100%; position:absolute; left: 0; top:0}
.background-image-holder img {display: none;}
a:hover{text-decoration: underline}
.flex-ul{display: flex; display: -ms-flexbox; margin-right: -10px;}
.flex-ul>li{ padding-right: 10px; flex:none;}
.rounded{border-radius: 4px}
.btn{display: inline-flex; align-items: center; height: 38px; padding: 0 15px; transition: all 200ms linear !important; justify-content: center}
.btn-fluid{width: 100%}
.btn-border{border-color: #ccc;  background-color: #fff;}
.btn-border:hover{border-color: #cb1c55; color: #cb1c55}
.btn-red{color: #fff; background-color:  #fd9300;}
.btn-red:hover,.btn-red:focus,.btn-red:active{color: #fff; background-color: #ff6702; box-shadow: 0 6px 15px 0 rgba(231, 76, 60,.4) !important;}
.btn-success{color: #fff; background-color:#ff596c;}
.btn-success:hover,.btn-success:focus,.btn-success:active{color: #fff; background-color:#ff596c;box-shadow: 0 6px 15px 0 rgba(255, 236, 233,.5) !important;}

.btn-orange{color: #fff; background-color:#f39c12 }
.btn-orange:hover,.btn-orange:focus,.btn-orange:active{color: #fff; background-color:#f39c12;box-shadow: 0 6px 15px 0 rgba(214, 137, 36,.4) !important;}
.btn-w-120{min-width: 120px;}
.btn-w-160{min-width: 160px;}
.my-price{line-height:1; color: #888; display: inline-flex; align-items: center;}
.my-price .num{font-size: 18px;font-weight:600;}
.my-price:before{content: "\ffe5"; font-size: 12px}
.my-price1:before{content: ""; }
/*.my-price:after{content: "\8d77"; margin-left:2px}*/
.my-price.sell-out:before,.my-price.sell-out:after,.my-price.no-after:after{display: none}
.my-price.sell-out .num{font-weight: 400;font-size: 16px}
.label{display:inline-flex;align-items: center;padding:4px 6px; border-radius:4px; font-weight: 400; line-height: 1}
.my-title-a{margin-bottom: 30px;text-align: center; overflow: hidden}
.my-title-a .title,.my-title-c .title{font-size: 24px;margin-bottom: 0;display: inline-block; position: relative; line-height: 1}
.my-title-a .title:before,.my-title-a .title:after{content: ""; position: absolute; width: 80px; top:12px; height: 1px; background-color: #ccc}
.my-title-a .title:before{left: -90px}
.my-title-a .title:after{right: -90px}
.my-title-a .subtitle{font-size: 15px; color: #888;margin-bottom: 0; margin-top:6px}
.my-title-c{margin-bottom: 20px;}
.my-title-c .title:after{content: ""; position: absolute; width: 100%; bottom:0; height: 6px; background-color: rgba(233,190,183,.7); z-index: 2; left: 0; border-radius: 4px}
.my-title-e{ margin-bottom: 30px;}
.my-title-e .subtitle{ color: #a51821; line-height: 1.1; font-family: 'CenturyGothic'; font-size: 24px; margin-bottom: 10px}
.my-title-e .title{font-size: 28px;margin-bottom: 0;display: inline-block; position: relative; line-height: 1}
.my-title-f{margin-bottom:15px; text-align: center; overflow: hidden}
.my-title-f .title{font-size: 24px; margin-bottom: 0; line-height: 1.2; display: inline-flex; position: relative; padding: 0 10px}
.my-title-f .title:before,.my-title-f .title:after{content: ""; position: absolute; top:13px; height: 2px; width: 50px; background-color:#a51821; left: 100%}
.my-title-f .title:before{left: auto; right: 100%}
.my-content-block{padding-top:40px; padding-bottom: 40px;}
/*字号*/
.fs-32{font-size: 32px !important}
.fs-28{font-size: 28px !important}
.fs-24{font-size: 24px !important}
.fs-22{font-size: 22px !important}
.fs-20{font-size: 20px !important}
.fs-18{font-size: 18px !important}
.fs-17{font-size: 17px !important}
.fs-16{font-size: 16px !important}
.fs-15{font-size: 15px !important}
.fs-14{font-size: 14px !important}
.fs-13{font-size: 13px !important}
.fs-12{font-size: 12px !important}
.font-b{font-weight: bold}
/*色彩*/
a{ color: #3c3c3c}
.primary-color,a:hover,a.special{ color: #cb1c55}
.red-color,a.special:hover,.my-price .num{color: #e74c3c}
.gray-color{color: #888 !important}
.white-color{color: #fff !important}
.yellow-color{color: #f4d03f !important}
.bg-teal{background-color: #ff596c!important}
.bg-cyan{background-color: #16a085 !important}
.bg-white{background-color: #fff!important}
.bg-red{background-color:  #ff596c !important}
.bg-primary{background-color: #cb1c55 !important}
/*通用顶部-A*/
.page-top-wrapper{position: relative;background-color: #fff; z-index: 9}
.page-top-wrapper:before {position: absolute;top: 100%;right: 0;left: 0;z-index: 2;height: 20px;content: '';pointer-events: none;box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, 0.2);}
.main-logo-div{display: flex;display: -ms-flexbox; align-items: center;}
.main-logo-div .logo{font-size: inherit;line-height: 1; padding-top: 10px; padding-bottom: 10px; margin-bottom: 0; margin-right: 20px}
.main-logo-div .logo img{max-height: 50px}
.main-nav-div{border-top:1px solid rgba(0,0,0,.12)}
.main-nav-container{display: -ms-flexbox;display: flex;}
.main-nav-container>li{position: relative;}
.main-nav-container>li>a{display: block;padding: 15px 25px; line-height: 1; color: #434343; font-size: 15px;position: relative}
.main-nav-container>li>a:hover,.main-nav-container>li.active>a{color:#cb1c55; text-decoration: none}
.main-nav-container>li.has-submenu .drop-submenu>li>a{display: block;line-height: 36px;border-radius:18px;text-align:center;}
.main-nav-container>li.has-submenu .drop-submenu>li>a{color: #cb1c55;transition: all .2s linear;}
.main-nav-container>li.has-submenu .drop-submenu>li>a:hover{background-color:#cb1c55; color: #fff; text-decoration: none}
.main-nav-div .meta .tel-btn{ display: none}
.main-nav-div .meta .customer-tel{ line-height: 44px; font-size:19px;font-weight: 700; color: #df3246}
.main-nav-div .meta .customer-tel:before{content: "\e609"; font-family: iconfont; margin-right: 4px; font-weight: 500}
.m-quick-menu{display: none}
/*通用底部-A*/
.page-footer-wrapper{background-color:#fffdf8; border-top:3px solid #cb1c55; padding-top: 30px; padding-bottom: 30px; min-height: 200px; background-image: url("../img/footer-bg.png"); background-repeat: no-repeat; background-position: 50% 0%}
.page-footer-wrapper .copyright-block{ border-top:1px solid rgba(0,0,0,.1); padding-top: 10px}
.page-footer-wrapper .footer-main{padding-bottom: 10px}
.footer-main .ftitle{font-size: 22px; line-height: 1; margin-bottom: 10px}
.footer-main .ftitle:after{content: ""; display: block; height: 2px; width:40px; background-color:#cb1c55; margin-top: 8px; margin-left: -5px}
.footer-main .fcontact>dt{float: left; width: 88px; padding-left: 20px; margin-bottom: 5px; position: relative}
.footer-main .fcontact>dt:before{font-family: iconfont; position: absolute; left: 0;}
.footer-main .fcontact>dd{ margin-left: 88px; margin-bottom: 5px; color: #666}
.footer-main .fcontact>dt.add:before{content: "\e771"}
.footer-main .fcontact>dt.tel:before{content: "\e7a2"}
.copyright-block .ficp:before{width: 20px; height: 20px; content: ""; background-image: url("../img/icp.png"); display: inline-block; vertical-align: middle; margin-right: 3px}
.m-footer-sticky{display: none}
/*通用图文模块*/
.img-txt-item{display:flex;display: -ms-flexbox; align-items: flex-start;position: relative}
.img-txt-item>.img-wrapper{flex:0 0 150px; min-width: 0; margin-right: 20px; position: relative}
.img-txt-item>.img-wrapper img{width: 100%}
.img-txt-item>.img-wrapper>a{display: block}
.img-txt-item>.img-wrapper .meta{position: absolute; left: 10px; top:10px;}
.img-txt-item>.img-wrapper .rainbow{position: absolute; left: 0;top:0;}
.img-txt-item>.txt-wrapper{flex-grow: 1; min-width: 0}
.img-txt-item>.txt-wrapper>.title{font-size: 18px;line-height: 1.4; margin-bottom: 0}
.img-txt-item>.txt-wrapper>.desc{font-size: 14px; color: #888; line-height: 1.4; margin-top:8px; max-height: 38px;display:-webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;-webkit-line-clamp: 2;}
.img-txt-item>.txt-wrapper>.meta{margin-top:8px; color:#a2a2a2;display:flex;display: -ms-flexbox; margin-left: -10px; line-height: 1}
.img-txt-item>.txt-wrapper>.meta>li{padding-left: 10px;}
/*以上img-txt-item为基本用法 下面是扩展使用*/
.img-txt-item.img-top{flex-wrap: wrap}
.img-txt-item.img-top>.img-wrapper{margin-right: 0}
.img-txt-item.img-top>.img-wrapper,.img-txt-item.img-top>.txt-wrapper{flex:0 0 100%;}
.img-txt-item.img-top>.txt-wrapper{padding-top: 10px;}
/*模块分割*/
.list-ul>li:not(:last-child){padding-bottom: 20px;}
.list-ul.width-border-bottom>li:not(:first-child){padding-top: 20px; }
.list-ul.width-border-bottom>li:not(:last-child){ border-bottom: 1px solid #ececec}
/**/
@keyframes slideleft{ 0% {transform: translate3d(-30%, 0, 0); } 100% { transform: translate3d(30%, 0, 0); }}
@-webkit-keyframes slideleft{ 0% {transform: translate3d(-30%, 0, 0); } 100% { transform: translate3d(30%, 0, 0); }}
/*===仅针对pc端===*/
@media (min-width: 769px){
/*字号 PC*/
.fs-lg-32{font-size: 32px !important}
.fs-lg-28{font-size: 28px !important}
.fs-lg-24{font-size: 24px !important}
.fs-lg-22{font-size: 22px !important}
.fs-lg-20{font-size: 20px !important}
.fs-lg-18{font-size: 18px !important}
.fs-lg-17{font-size: 17px !important}
.fs-lg-16{font-size: 16px !important}
.fs-lg-15{font-size: 15px !important}
.fs-lg-14{font-size: 14px !important}
.fs-lg-13{font-size: 13px !important}
.fs-lg-12{font-size: 12px !important}
.font-lg-b{font-weight: bold}
/*通用顶部-A PC*/
.main-nav-div{ display: block!important}
.navbar-toggler{display: none}
.main-logo-div .top-board{margin-left: auto; max-width: 60%; position: relative}
.main-logo-div .top-board img{max-height: 50px}
.main-nav-container>li{ border-left: 1px solid rgba(0,0,0,.07);background-color: #fff;transition: background .2s ease-in-out}
.main-nav-container>li:hover{background-color:rgba(249,205,204,.2) }
.main-nav-container>li.active>a:before{position: absolute; content: ""; bottom:4px; height: 20px; background-color:rgba(249,205,204,.2); display: block; left:10%; right:10%;border-radius: 10px 0 10px 0}
.main-nav-container>li.has-submenu>a:after{content: "\e6a8"; font-family: iconfont; display: inline-block;transition: transform .3s ease-in-out; margin-left: 3px; width: 12px; font-size: 12px;position: relative; top:-2px}
.main-nav-container>li.has-submenu:hover>a:after{transform: rotate(-180deg)}
.main-nav-container>li.has-submenu .drop-submenu{position: absolute;left: 0; top:100%; background-color:rgba(255,255,255,.95); padding: 10px; width: 160px;box-shadow: 0 4px 8px 0 rgba(0,0,0,.15); border-radius: 0 0 4px 4px; opacity: 0; visibility: hidden; transition: all .2s linear;transform: translate3d(0, 5px, 0)}
.main-nav-container>li.has-submenu:hover .drop-submenu{ opacity: 1; visibility: visible; transform: translate3d(0,0,0)}	
.main-nav-div .meta{margin-left: auto}
	.footer-main .fdesc{max-height: 42px;color: #666;}
	.bx-list1{
		color: #666666;
	}
/*img-txt-item PC端用法*/
.img-txt-item.img-top-lg{flex-wrap: wrap}
.img-txt-item.img-top-lg>.img-wrapper{margin-right: 0}
.img-txt-item.img-top-lg>.img-wrapper,.img-txt-item.img-top-lg>.txt-wrapper{flex:0 0 100%;}
.img-txt-item.img-top-lg>.txt-wrapper{padding-top: 10px;}
.img-txt-item.img-w-auto-lg>.img-wrapper{flex:0 0 auto}
/*pc右侧浮动条*/
.pc-right-sticky{position: fixed; z-index: 9; right: 10px}
}
/*===仅针对M端===*/
@media (max-width:768px) {
body{font-size: 13px; line-height: 1.4}
.my-title-a{margin-bottom:15px;overflow: hidden}
.my-title-a .title,.my-title-c .title{font-size: 20px;font-weight: 700}
.my-title-a .title:before,.my-title-a .title:after{ width: 40px; top:12px;}
.my-title-a .title:before{left: -50px}
.my-title-a .title:after{right: -50px}
.my-title-a .subtitle{font-size: 14px;letter-spacing:0}	
.my-title-e{ margin-bottom: 20px;}
.my-title-e .subtitle{ font-size:16px; margin-bottom:5px}
.my-title-e .title{font-size: 22px;font-weight: 700}
.my-title-f{margin-bottom: 10px; }
.my-title-f .title{font-size: 20px; font-weight: 600; padding: 0 10px}
.my-title-f .title:before,.my-title-f .title:after{top:10px; width:30px; }	
.my-content-block{padding-top: 20px; padding-bottom: 20px;}
/*字号 M*/
.fs-sm-24{font-size: 24px !important}
.fs-sm-22{font-size: 22px !important}
.fs-sm-20{font-size: 20px !important}
.fs-sm-18{font-size: 18px !important}
.fs-sm-17{font-size: 17px !important}
.fs-sm-16{font-size: 16px !important}
.fs-sm-15{font-size: 15px !important}
.fs-sm-14{font-size: 14px !important}
.fs-sm-13{font-size: 13px !important}	
.fs-sm-12{font-size: 12px !important}
.fs-sm-10{font-size: 10px !important}
/*通用顶部-A M*/
.main-logo-div .logo img{max-height:30px}
.main-logo-div .top-board{ flex-grow: 1; margin-right: 15px; min-width: 0; position: relative; text-align: center}
.main-logo-div .top-board img{max-height: 40px}
.navbar-toggler { border: none;padding: 0;transition: color 300ms linear;line-height: 1; background-color: transparent; margin-left: auto}
.navbar-toggler:focus{outline: 0}
.navbar-toggler-icon {width: 16px; height: 18px; background-image: none; position: relative; display: block;padding: 0;margin: 0;margin-right: 7px;border-bottom: 2px solid #585858; transform: translateX(8px);}
.navbar-toggler-icon:after, .navbar-toggler-icon:before {width:16px;position: absolute;height: 2px;background-color: #585858;top: 0;left: 0; content: ''; z-index: 2; transform: translateX(-8px);transition: all 300ms linear;}
.navbar-toggler-icon:after {top: 8px;width: 24px;}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon { border-color: transparent;transition: all 300ms linear;}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {transform: translate(-8px, 8px) rotate(-45deg); width: 24px;}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {transform: translateX(-8px) rotate(45deg);}
.main-nav-container{flex-direction: column; padding: 10px}
.main-nav-container>li{border-bottom: 1px solid #f4f4f4}
.main-nav-container>li>a{ padding: 14px 0}
.main-nav-container>li.active>a{font-weight: 700}
.main-nav-container>li.has-submenu .drop-submenu{display: flex;display: -ms-flexbox; flex-wrap: wrap; padding:5px 0; border-top:1px dotted #f4f4f4; margin-left: -5px;margin-right: -5px;}
.main-nav-container>li.has-submenu .drop-submenu>li{ padding:5px ; flex:0 0 33.3333%; min-width: 0 }
.main-nav-container>li.has-submenu .drop-submenu>li>a{ background-color: #f4f4f4; color: #585858;overflow: hidden; text-overflow: ellipsis;white-space: nowrap}
.main-nav-div .meta{display: flex; justify-content: center; align-items: center; padding-bottom: 10px}
.main-nav-div .meta .customer-tel{line-height: 1}
.main-nav-div .meta .tel-btn{display: block; padding-left: 20px}
.m-quick-menu{display: block;background-color:#fffdf8; border-top:1px solid #ffe6df}
.m-quick-menu.sticky{position: fixed;left: 0;right: 0;top:0;z-index: 9}
.m-quick-menu-row>div{text-align: center; border-right: 1px solid #ffe6df}
.m-quick-menu-row>div:last-child{border-right: 0}
.m-quick-menu-row>div a{display: block; padding:5px 0 10px; position: relative; z-index: 1}
.m-quick-menu-row>div:after{content: "";position: absolute; width: 30px; height: 30px; border-radius: 50%;background-color: rgba(249,205,204,.2); left: 25px; top:10px}
.m-quick-menu-row>div a i{font-size: 14px; color: #cb1c55}
.m-quick-menu-row>div a .title{font-size: 12px; line-height: 1.1; margin-bottom: 0}
/*通用底部-A M*/
.pc-right-sticky{display: none !important}
.page-footer-wrapper{background-position: 100% 50%; background-size: 180px auto; padding-bottom: 58px}
.footer-main .ftitle{font-size:18px;font-weight: bold}
.copyright-block .ficp:before{width: 14px; height: 14px; background-size: cover}
.m-footer-sticky{display: block;position: fixed; left: 0; right: 0; bottom:0; z-index: 9;}	
.m-footer-sticky ul>li a{display: block; position: relative;padding: 10px 0; font-weight: 700; font-size: 15px;color: #fff; text-align: center; overflow: hidden}
.m-footer-sticky ul>li a:before{font-family: iconfont; font-weight: 400;font-size:20px; display: inline-block; vertical-align: middle; margin-right: 5px}
.m-footer-sticky ul>li{flex-grow: 1}
.m-footer-sticky ul>li.zy {background-color: #f4f4f4; position: relative; padding-left: 50px; padding-top:8px; font-size: 10px;}
.m-footer-sticky ul>li.zy .name{font-weight: 600; font-size: 14px}
.m-footer-sticky ul>li.zy:before{content: "";display: inline-block; width: 40px; height: 40px; position: absolute; left: 5px; top:5px; background-image: url("../img/xmzy-wanghui.jpg"); background-size: cover; border-radius: 50%; overflow: hidden}
.m-footer-sticky ul>li.tel a{background: linear-gradient(298deg, #f37478, #e73c7b);}
.m-footer-sticky ul>li.tel a:before{content: "\e7a2"; }
.m-footer-sticky ul>li.tel a:after{display: block;content:""; width:300%; height:100%; background:linear-gradient(120deg, rgba(255, 255, 255, 0) 46%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 54%) 50% 50%; position: absolute; animation:slideleft 1.6s linear infinite; top:0; left: 50%; margin-left: -150%}
.m-footer-sticky ul>li.online a{background: linear-gradient(-298deg, #16a085,#2ecc71); }
.m-footer-sticky ul>li.online a:before{content: "\e600";}
	
/*通用图文模块 M*/
.img-txt-item>.img-wrapper{flex:0 0 30%;margin-right:10px;}
.img-txt-item>.txt-wrapper>.title{font-size: 16px; font-weight: 700}
.img-txt-item>.txt-wrapper>.desc{font-size: 13px; max-height:none; margin-top:6px; display: none}
.img-txt-item>.txt-wrapper>.meta{margin-top:6px;font-size: 12px}
/*扩展*/
.img-txt-item.img-top>.img-wrapper{max-width: none}
.img-txt-item.show-desc-sm>.txt-wrapper>.desc{display:-webkit-box}

}