.fl { float: left; display: inline;}
.fr { float: right; display: inline;}    
.innerBanner { width: 100%; overflow: hidden; clear: both; margin: 0 auto; height: 50px; background-color: #f5f5f5;}
.top { width: 100%; height: 37px; line-height: 37px; background-color: #eaebec; overflow: hidden; clear: both; color: #8b8a8a; font-size: 14px; }
.top a { color: #8b8a8a;}
.w1280 { width: 1280px; margin: 0 auto; overflow: hidden; clear: both;}

.clear {clear:both;}
.hi5 { height: 5px;}
.hi10 { height: 10px;}
.hi15 { height: 15px;}
.hi20 { height: 20px;}
.hi30 { height: 30px;}

.hi50 { height: 50px;}
.hi75 { height: 75px;}
.hi100 { height: 100px;}

.ft12 { font-size:12px;}
.ft14 { font-size:14px;}
.ft16 { font-size:16px;}
.ft18 { font-size:18px;}

.center { text-align: center;}
.b { font-weight: bold;}
.font30 { font-size: 30px;}
.font14 { font-size: 14px;}
.font16 { font-size: 16px;}
.font18 { font-size: 18px;}
.font22 { font-size: 22px;}
.font24 { font-size: 24px;}
.font30 { font-size: 30px;}

.fw { font-weight:bold;}
.pr { position:relative;}
.pa { position:absolute;}


header { width: 10rem; height: 1.30666667rem; border-bottom: 0.02666667rem solid #E5E5E5; display: flex; align-items: center; justify-content: space-between; z-index: 30000;  position: -webkit-sticky; position: sticky; top: 0; left: 0; z-index: 10000; background-color: #ffffff;}
header .left { margin: 0rem 0rem 0rem 0.42666667rem; }
header .left .menu { width: 0.50666667rem; height: 0.45333333rem; }
header .left .close { width: 0.42666667rem; height: 0.42666667rem; display: none; }
header .center { display: flex; align-items: center; justify-content: space-between; color: #333; font-size: 18px; }
header .right { margin: 0rem 0.4rem 0rem 0rem; }
header .right img { width: 0.58666667rem; height: 0.58666667rem; }


.menuPage { background-color: #F6F6F6 !important; width: 100vw; min-height: 100vh !important; overflow: scroll; position: fixed; top: 0; height: 100vh; left: 0; z-index: 100000; -webkit-animation-duration: 0.4s; animation-duration: 0.4s; border-radius: none !important; padding: 1.14666667rem 0rem 2.66666667rem 0rem; display: none;}
.menuPage .close { position: absolute; color: #CECECE; width: 0.37333333rem; height: 0.37333333rem; top: 0.37333333rem; right: calc(50vw - 5rem + 0.42666667rem); opacity: 1 !important; }
.menuPage .close img { width: 0.37333333rem; height: 0.37333333rem; }
.menuPage .titlebox .title { font-size: 0.48rem; color: #000000; font-weight: bold; margin: 0.69333333rem 0rem 0rem calc(50vw - 5rem + 0.48rem); display: inline-block; }
.menuPage .titlebox .box_icon { margin: 0.53333333rem auto 0; width: 9.04rem; display: flex; flex-wrap: wrap; justify-content: flex-start; max-height: 13.33333333rem; overflow: scroll; }
.menuPage .titlebox .box_icon .icon { height: 0.93333333rem; padding: 0rem 0.5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 8rem; text-align: left; background: #ffffff; text-align: center; line-height: 0.93333333rem; margin: 0rem 0.32rem 0.32rem 0rem; font-size: 0.4rem; color: #333333; }
.menuPage .titlebox .box_icon .active { font-size: 0.4rem; color: #db214c; }
.menuPage .titlebox:last-child { margin: 0rem 0rem 1.33333333rem 0rem; }

@keyframes layui-alert-anim-down {
    0% { opacity: 0; bottom: -2.66666667rem; }
    100% { opacity: 1; bottom: 0rem; }
}

@-webkit-keyframes layui-alert-anim-down {
    0% { opacity: 0; bottom: -2.66666667rem; }
    100% { opacity: 1; bottom: 0rem; }
}

.mainTit { float: left; height: 30px; line-height: 30px; width: 100%; position: relative; padding-bottom: 8px; border-bottom: 1px solid #eeeeee; overflow: hidden; clear: both;}
.mainTit em { width: 5px; height: 17px; background: #e00142; position: absolute; left: 0px; top: 6px;}
.mainTit span { float: left; line-height: 30px; color: #333; font-size: 0.4rem; padding: 0 15px; font-weight: 900;}
.mainTit a.tt_more { color: #999; font-size: 14px;}
.mainTit .fr a { float: left; height: 20px; display: block; margin: 5px 0px 5px; padding: 0 15px; line-height: 20px; border-right: 1px solid #eeeeee; color: #666666; font-size: 16px; }
.mainTit .fr a:hover { color: #fff;}
.mainTit .fr a:nth-last-child(1) { border-right: 0;}

.mw100 { width: 94%; margin: 0 auto; overflow: hidden; clear: both; padding: 10px 0;}
.mw100 .info_box { padding: 15px 15px 0; overflow: hidden; clear: both; line-height: 22px; font-size: 14px; color: #666; word-break: break-word; text-align: justify; }
.mw100 .info_box img { width: 90%; padding: 20px 0; display: block; margin: 0 auto;}
a.readMore { display: block; font-size: 14px; color: #e00142; text-align: center; border-radius: 5px; width: 4rem;  margin: .3rem auto; border: 1px solid #e00142; height: .8rem; line-height: .8rem;}
.mw100 .frslide_box { padding: 15px; overflow: hidden; clear: both;  background-color: #f5f5f5; margin-bottom: 15px;}
.mw100 .slide-header { padding: 8px 0; margin-left: 8px;}
.mw100 .slide-header span { color: #333; font-size: 18px; font-weight: 700; padding: 8px 0; padding-right: 5px; border-bottom: 2px solid #db224b;}

.graybg { background-color: #f4f4f4;}   
.mbrandMenu li{float:left; width:14%; text-align: center; line-height: 50px;}
.mbrandMenu li:last-child{padding-right:0;border-right:none;}
.mbrandMenu li a{ height: 50px; font-size:14px; color: #333; display: block;}
.mbrandMenu li.on { border-right: 0;}
.mbrandMenu li.on a,.mbrandMenu li a:hover{font-weight:bold; color:#dc3d4c; font-size:16px;}

.mbanner { width: 94%; margin: 0 auto; overflow: hidden; clear: both; }
.mbanner img { width: 100%; border-radius: 5px;}

.address {  width: 9rem; margin: 0 auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -o-box; display: box; padding: 0.495rem 0; background: #fff; }
.address-div { border: 1px solid #e8e8e8; width: 3.13rem; height: 1.3rem; box-sizing: border-box; overflow: hidden; padding: 0.1333rem 0; }
.address img { width: 3.13rem; height: 1.04rem; }
.address-cont { padding-left: 0.465rem; color: #333;}
.address-cont h4 { font-size: 0.4375rem; margin-top: 0.14375rem; font-weight: normal; margin-bottom: 5px; }
.address-cont p { font-size: 0.345rem; margin-top: -0.1rem; margin-bottom: 0;}
.address-cont p span{ color: #999; }
.address-cont p a{ color: #333; text-decoration: underline !important;}

.NewsForm {box-sizing:border-box;margin:.2rem auto 0;padding:.4rem 0;background:#fff; width: 94%; }
.NewsForm form { width: 8rem; margin: 0 auto;}
.NewsForm h2{font-weight:bold;font-size:.36rem;line-height:1.5;text-align:center;}
.NewsForm h3{font-weight:bold;font-size:.28rem;line-height:1.5;text-align:left;}
.NewsForm .tip{font-size:.35rem;line-height:2.5;text-align:center; display: block; margin-bottom: 10px;}
.NewsForm .data{font-size:.45rem;line-height:1.5;text-align:center;}
.NewsForm .data b{color:#ec3a3e;}
.NewsForm p{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;}
.newmodule{margin-top:.2rem; background:#fff;overflow:hidden;}
.tit h2{padding-left:.2rem;border-bottom:1px solid #e5e5e5;font-size:.4rem;font-weight:bold;line-height:.9rem;color:#333;background:#fff;}
.tit .more{float:right;margin-top:.15rem;padding:0 .2rem;border-left:1px solid #f0f0f0;font-size:.24rem;font-weight:normal;color:#999;height:.4rem;line-height:.4rem;}
.tit-2-more{height:.7rem;line-height:.7rem;padding:0 .2rem;}.tit-2-more h2{font-size:.36rem;color:#101010;}

.NewsForm .layui-input:focus, .layui-textarea:focus { border-color: #e45a5a!important; }

.newsJmgj .hd{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;padding:0.3rem 0 .5rem;text-align:center;}
.newsJmgj .hd dt i{display:block;width:1.32rem;height:1.32rem;margin:0 auto .05rem;border:.05rem solid #fff;border-radius:50%;background:url(/dist/img/wangmin.jpg);background-size:cover;box-shadow:0 0 1px #000;}
.newsJmgj .hd dt h4 {font-weight:normal;font-size:.3rem;line-height:1.5;}
.newsJmgj .hd dt em{font-style:normal;color:#eb2d32;}
.newsJmgj .hd dd{width:4.4rem;margin-left:.3rem;}
.newsJmgj .hd dd a{display:block;height:.66rem;margin-top:.2rem;border:1px solid #eb2d32;border-radius:.33rem;font-size:.3rem;line-height:.66rem;color:#eb2d32;}
.newsJmgj .hd dd .msg{margin-top:.4rem;background:#eb2d32;color:#fff;}
.newsJmgj .hd dd i{display:inline-block;vertical-align:middle;width:.42rem;height:.42rem;margin-right:.25rem;background:url(/dist/img/telmobile.png) no-repeat;background-size:.42rem .84rem;}.newsJmgj .hd dd .msg i{background-position:0 -.42rem;}

.box_top { position: fixed; right: calc(50vw - 5rem + 0.34666667rem); width: 1.49333333rem; height: 1.49333333rem; border-radius: 50%; z-index: 1000; bottom: 3.2rem; }
.layui-m-anim-up1 { -webkit-animation-name: layui-m-anim-up; animation-name: layui-m-anim-up; -webkit-animation-duration: 1s; animation-duration: 1s;}

.mbrandInfo { width: 100%; padding: 0px 0 10px; overflow: hidden;}
.mbrandInfo .hd { overflow: hidden; clear: both;}
.mbrandInfo .hd li { width: 50%; text-align: center; color: #333; font-size: 0.4rem; padding: 0; line-height: 1.3rem; float: left; border-bottom: 1px solid #f2f2f2; position: relative; font-weight: bold; }
.mbrandInfo .hd li i { font-size: .45rem;}
.mbrandInfo .hd li::after { width: 1px; height: .9rem; background-color: #f2f2f2; position: absolute; top: 0.2rem; right: 0; content: '';}
.mbrandInfo .hd li.on { border-color: transparent; color: #dc3d4c;}
.info_item p { width: 100%; clear: both; height: 1.08rem; line-height: 1.08rem; vertical-align: middle; margin: 0; font-size: 0.375rem; padding-left: 0.5rem; background: #fff;}
.div-hr { width: 100%; height: 1px; background: #e8e8e8;}
.info_story { vertical-align: middle;  margin: 0; font-size: 0.375rem; padding: 0.5rem .4rem; line-height: 1.5; padding-bottom: 0.3rem; overflow: hidden; clear: both; text-indent: 2em;}
.info_story a.brand-see-more { color: #eb2d32; margin-left: .1rem;}
.brand-tag { margin: 0.5rem 0.3rem 0.2rem; display: flex; flex-wrap: wrap; justify-content: flex-start;}
.brand-tag li { float: left; font-size: 0.34rem; background-color: #f7f7f7; color: #333;  width: auto; margin-right: 0.15rem; margin-bottom: 0.15rem; padding: 0.15rem 0.2rem; }

.index-newslist { overflow: hidden; padding: .25rem 0 .25rem; clear: both;}
.item-article{ padding: 0 .15rem;  }
.item-article .inner{ display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding: .35rem 0; }
.item-article .inner .intro{ -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; margin-left: .15rem; position: relative; }
.item-article .inner .intro strong{ font-weight: 400; font-size: .16rem; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.item-article .inner .intro .info{ position: absolute; left: 0; right: 0; bottom: 0; font-size: .3rem; color: #999;}
.item-article .inner .intro .info .info-l,.item-article .inner .intro .info .info-r,.item-article .inner .intro .info{ display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center;}
.item-article .inner .intro .info .info-l span{ margin-right: .08rem; }
.item-article .inner .intro .info .info-l em { font-style: normal;}
.item-article .inner .intro .info .info-r span{ float: left; margin-right: .08rem;}
.item-article .inner .image-box{ display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center;
 justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center;  width: 2.8rem; border-radius: .1rem; overflow: hidden; }
.item-article .inner .image-box img{ width: 100%;}
.item-article .no-reason{ font-size: .12rem; color: red; padding-bottom: .15rem;}

.index-brandlist {padding:.3rem .15rem .25rem;font-size:0; overflow: hidden;}
.index-brandlist ul { overflow: hidden; padding-bottom: .3rem;}
.index-brandlist li{position:relative;display:inline-block;width:46%;height:2.4rem;margin:.3rem 2% 0;text-align:center;vertical-align:top;border-radius:5px;box-shadow:0 0 8px 1px #e3dddd;}
.index-brandlist .nice{position:absolute;left:0;top:.12rem;height:.4rem;line-height:.4rem;padding:0 .1rem 0 .05rem;font-size:.24rem;color:#fff;background:#ec3a3e;border-radius:0 .2rem .2rem 0;}
.index-brandlist img{width:2.4rem;height:.85rem;margin:.3rem auto .15rem;}
.index-brandlist h3{line-height:1.6;font-weight:bold;font-size:.28rem;}
.index-brandlist p{font-size:.24rem;line-height:1.5;color:#999;}
.index-brandlist p em{color:#ec3a3e;font-weight:bold;}


.foot_copy{ background:#ebebeb; padding:0.7rem 0.5rem 2rem}
.foot_copy p{ font-size:14px; line-height:0.55rem; color:#999; margin-bottom:10px;}
.foot_copy p a{color:#999; font-weight: bold;}


.float-bm-bottom{position:fixed;left:0;bottom:0;z-index:999;width:100%;height:1.7rem;padding:0 .2rem;background:url("/dist/img/bm-bottom-bg.png") repeat-x;background-size:100% 100%;box-sizing:border-box;}
.float-bm-bottom li{float:left;width:3.7rem;height:.7rem;line-height:.7rem;margin-top:.65rem;font-size:.24rem;text-align:center;background:#e93f3d;color:#fff;border-radius:.1rem;}
.float-bm-bottom li a{display:block;color:#fff;}
.float-bm-bottom li i{display:inline-block;width:.32rem;height:.3rem;background:url("/dist/img/bm-bottom-kc.png") no-repeat;background-size:100% 100%;vertical-align:middle;margin:0 .1rem .1rem 0;}
.float-bm-bottom li i.tel{display:inline-block;width:.32rem;height:.3rem;background:url("/dist/img/bm-bottom-tel.png") no-repeat;background-size:100% 100%;vertical-align:middle;margin:0 .1rem .05rem 0;}
.float-bm-bottom li:nth-child(2){position:relative;width:2.1rem;height:1.7rem;margin-top:0;background:none;border-radius:0;}
.float-bm-bottom li:nth-child(2) i{position:absolute;top:0;left:0;width:2.1rem;height:1.7rem;background:url("/dist/img/bm-bottom-jmys2020.png?v=1") no-repeat;background-size:100% 100%;}
.float-bm-bottom li:nth-child(3) i{background:url("/dist/img/bm-bottom-zx.png?v=1") no-repeat;background-size:100% 100%;}


.show-skin {background-image: linear-gradient(160deg, #b100ff 20%,#00b3ff 80%);}
#showBox { width: 8rem; height: 9.5rem; display: none; }
#showBox .show_tt { text-align:center; color:#fff!important; padding:1px 0 15px 0;}
#showBox .show_tt h5{ font-size:.5rem; font-weight:bold; margin:25px auto 15px; color:#fff!important;}
#showBox .show_tt p{ margin:0; font-size:0.35rem;color:#fff!important;}
#showBox .show_form { background:#fff; width:80%; margin:0 auto; padding:15px;border-radius:8px; overflow: hidden;}

.content-title { width: 100%; }
.content-title .title { font-size: 18px; font-weight: bold; color: #333333; line-height: 28px; padding-bottom: 5px;}
.content-title .car { width: 100%; height: 30px; line-height: 30px; border-bottom: 1px solid #e0e0e0; position: relative;}
.content-title .car span { display: inline-block; font-size: 12px; color: #999999;  margin-right: 30px;}
.content-title .car span.fr { margin-right: 0;}

.connBox{width:9.4rem;margin:0 auto; padding-top: 20px;}
.connBox a{color:#ec3a3e;text-decoration:underline;padding:0 5px;}
.connBox img{max-width:700px;height:auto;display:block;margin:10px auto;}
.connBox p{color:#333;font-size:16px;line-height:30px;text-indent:0em;padding:10px 0;text-align:justify;}
.connBox section{color:#333;font-size:16px;line-height:30px;text-indent:0em;padding:10px 0;text-align:justify;}

.produL_content { overflow: hidden; clear: both;width: 9.4rem; margin: 0 auto; padding-top: 20px;}
.produL_content li{width:4.1rem;float:left;margin:0 .2rem .5rem .2rem;box-shadow: 0 0 10px #eee; padding: .1rem 0;}
.produL_content li img {width:3.5rem;height:3.5rem; margin: 0 auto; display: block;}
.produL_content li p{display: block;width:100%;height:30px;line-height:30px;margin-top:10px;text-align:center;overflow:hidden;font-size:14px;color:#555;}
.produL_content li span{display:block;color:#898989;font-size:12px;text-align:center;width:100%;height:20px;line-height: 20px;overflow: hidden}
.produL_content li a.ppspan{display:block;text-align:center;font-size:12px;height:34px;overflow:hidden;line-height:34px;border-top:1px #eee dashed;width:80%;margin:5px auto 0;}


.contact_con { overflow: hidden; clear: both; padding-top: 30px;}
.contact_con td { font-size: 16px; line-height: 30px;}

.pagination-container { display: flex; margin: 0 auto; overflow: hidden; clear: both;}
.pagination{display:block;margin:20px auto;border-radius:4px;}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#777;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{color:#fff;background-color:#db214c;border-color:#db214c}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:2;color:#fff;cursor:default;background-color:#db214c;border-color:#db214c}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}