@charset "utf-8";
/*clear-default start*/
*, blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, input, legend, ul, ol, li, p, pre, th, td, textarea { margin: 0; padding: 0; }
article, aside, audio, bdi, canvas, command, datalist, details, dialog, embed, figcaption, figure, footer, header, keygen, mark, menu, meter, nav, output, progress, rp, rt, ruby, section, source, summary, time, track, video, wbr { display: block; }
html, input, button, select, textarea { font-size: 14px/1.5em; color: #232323; font-family: "microsoft yahei", '微软雅黑', '黑体', '宋体', Tahoma, Helvetica, Arial, sans-serif; outline: none; }
address, cite, dfn, em, var, i, b, u { font-style: normal; }
input, button, select, textarea { border-radius: 0; }
a, a:active, a:link, a:visited, a:focus, a:hover { text-decoration: none; color: inherit; *color:#999;
}
img, a img { border: 0 none; display: block; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; user-select: none; }
hr { border: none; border-bottom: 1px solid #666; margin: 5px 0; }
ul, ol, dl, li { list-style: none; }
table { font-size: inherit; border-collapse: collapse; border-spacing: 0; }
textarea { display: block; resize: none; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
h1, .h1, .f-24 { font-size: 24px; font-weight: normal; }
h2, .h2, .f-22 { font-size: 22px; font-weight: normal; }
h3, .h3, .f-20 { font-size: 20px; font-weight: normal; }
h4, .h4, .f-18 { font-size: 18px; font-weight: normal; }
h5, .h5, .f-16 { font-size: 16px; font-weight: normal; }
h6, .h6, .f-14 { font-size: 14px; font-weight: normal; }
.f-12 { font-size: 12px; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }
table { border-spacing: 0; border-collapse: collapse; font-size: inherit; }
::-webkit-input-placeholder {
color: #808080;
}
:-moz-placeholder {
color: #808080;
}
::-moz-placeholder {
color: #808080;
}
:-ms-input-placeholder {
color: #808080;
}
.jmsg ::-webkit-input-placeholder {
color: #9b64e0;
}
.jmsg :-moz-placeholder {
color: #9b64e0;
}
.jmsg ::-moz-placeholder {
color: #9b64e0;
}
.jmsg :-ms-input-placeholder {
color: #9b64e0;
}
.f-l { float: left!important }
.f-r { float: right!important }
.clearfix:after { content: ""; display: block; visibility: hidden; clear: both; font-size: 0; height: 0; line-height: 0; }
.clearfix { *zoom: 1;}
.re { position: relative!important; }
.ab { position: absolute!important; }
.fix { position: fixed!important; }
.none { display: none!important; }
.block { display: block!important; }
.inline { display: inline!important; }
.inlb { display: inline-block; *display: inline;
*zoom:1;
}
.m-c { margin: 0 auto!important; }
.t-c { text-align: center!important; }
.t-l { text-align: left!important; }
.t-r { text-align: right!important; }
.t-j { text-align: justify!important; }
.pointer { cursor: pointer; }
.no-p { padding: 0 !important; }
.no-p-t { padding-top: 0 !important; }
.no-p-r { padding-right: 0 !important; }
.no-p-b { padding-bottom: 0 !important; }
.no-p-l { padding-left: 0 !important; }
.no-m { margin: 0 !important; }
.no-m-t { margin-top: 0 !important; }
.no-m-r { margin-right: 0 !important; }
.no-m-b { margin-bottom: 0 !important; }
.no-m-l { margin-left: 0 !important; }
.no-b { border: none !important; }
.no-b-t { border-top: 0 !important; }
.no-b-r { border-right: 0 !important; }
.no-b-b { border-bottom: 0 !important; }
.no-b-l { border-left: 0 !important; }
.c-default { color: #ccc !important; }
.c-primary { color: #4374e0 !important; }
.c-info { color: #57b5e3 !important; }
.c-success { color: #53a93f !important; }
.c-danger { color: #d73d32 !important; }
.c-warning { color: #f4b400 !important; }
.c-sky { color: #11a9cc !important; }
.c-blueberry { color: #6f85bf !important; }
.c-yellow { color: #ffce55 !important; }
.c-darkorange { color: #ed4e2a !important; }
.c-magenta { color: #bc5679 !important; }
.c-purple { color: #7e3794 !important; }
.c-maroon { color: #981b48 !important; }
.c-darkpink { color: #cc324b !important; }
.c-pink { color: #e75b8d !important; }
.c-azure { color: #2dc3e8 !important; }
.c-orange { color: #fb6e52 !important; }
.bg-default { background: #ccc !important; }
.bg-primary { background: #4374e0 !important; }
.bg-info { background: #57b5e3 !important; }
.bg-success { background: #53a93f !important; }
.bg-danger { background: #d73d32 !important; }
.bg-warning { background: #f4b400 !important; }
.bg-sky { background: #11a9cc !important; }
.bg-blueberry { background: #6f85bf !important; }
.bg-yellow { background: #ffce55 !important; }
.bg-darkorange { background: #ed4e2a !important; }
.bg-magenta { background: #bc5679 !important; }
.bg-purple { background: #7e3794 !important; }
.bg-maroon { background: #981b48 !important; }
.bg-darkpink { background: #cc324b !important; }
.bg-pink { background: #e75b8d !important; }
.bg-azure { background: #2dc3e8 !important; }
.bg-orange { background: #fb6e52 !important; }
.active-shadow { box-shadow: 0 0 15px rgba(0, 0, 0, 0.2) inset; }
/*clear-default end*/
.header { width: 100%; max-width: 1820px; margin: 0 auto; background: white; height: 80px;padding:0 40px; }
* { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.header .header-logo { padding-top: 24px; }
.header .header-logo img { width: 190px; }
.header .header-nav { position: absolute; left: 50%; margin-left: -290px }
.header .header-nav a { padding: 25px 14px; font-size: 14px; line-height: 80px; position: relative; }
.header .header-nav a.active { font-weight: bold; color: #c13056;/*padding-left:40px;*/ }
.header .header-nav a.active:before { content: ''; position: absolute; left: -20px; top: 9px; width: 40px; height: 40px; background-image: url(../images/icon.png); background-position: -20px -20px; }
.header .header-tel { font-size: 24px; padding-top: 29px; line-height: 1; }
.footer { background: #3d3939; color: white; padding: 50px 0; }
.footer .box { width: 100%; max-width: 1010px; margin: 0 auto; }
.footer .box .link { width: 620px; }
.footer .box .link img { display: block; }
.footer .box .link hr { height: 0; border: 0; border-bottom: 2px solid white; }
.footer .box .link a { float: left; font-size: 14px; color: white; margin-right: 39px; }
.footer .box .link a:hover { text-decoration: underline; }
.footer .box .footer-tel { font-size: 38px; }
.footer .box .footer-tel i { width: 80px; height: 80px; background-position: -60px 0; display: inline-block; vertical-align: -24px; }
.icon { background-image: url(../images/icon.png); }
.m-t-10 { margin-top: 10px!important; }
.m-b-15 { margin-bottom: 15px!important; }
.m-t-20 { margin-top: 20px!important; }
.m-t-50 { margin-top: 50px!important; }
.m-t-80 { margin-top: 80px!important; }
.m-t-100 { margin-top: 100px!important; }
.f-f-impact { font-family: impact, arial!important; }
.c-main { color: #c13056!important; }
.b-main { background: #c13056!important; }
/*body {padding:0 40px;}*/
/*首页*/
.index-page { overflow: hidden;padding:0 40px;position: relative; }
.index-page .swiper-container { width: 100%; max-width: 1760px; }
.index-page .swiper-slide { height: 900px; background-size: cover; background-position: center center; color: white; font-size: 60px; text-align: center; position: relative; }
.index-page .swiper-slide.j {background-size: auto; background-position: top center;}
.index-page:after{content: "";position: absolute;bottom:0;left:0;z-index:99999;width:100%;background: white;height:40px;}
.index-page .item-1 .box { right: 0%; top: 50%; width: 56% }
.index-page .item-1 .box a { float: left; width: 30% }
.index-page .item-1 img { width: 100%; }
.index-page .item-1 .box a img { width: 100% }
.index-page .item-2 {background: url('../images/index-page-pic2.jpg') no-repeat center center;}
.index-page .item-2 .info { z-index: 9999; width: 600px; height: 440px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; }
.index-page .item-2 .info h3 { font-size: 30px; }
.index-page .item-2 .info .box { background: #c13056; font-size: 16px; padding: 44px 35px; border-radius: 10px; line-height: 1.8; }
.index-page .item-2 a { display: inline-block; border: 1px solid white; border-radius: 10px; padding: 3px 35px; font-size: 16px; color: white; }
.index-page .item-2 .swiper-btn { position: absolute; bottom: 0; z-index: 999999; width: 100%; background: black; }
.index-page .item-2 .swiper-btn ul li { float: left; width: 20%; background: black; }
.index-page .item-2 .swiper-btn ul li img { display: block; width: 100%; opacity: .3; }
.index-page .item-2 .swiper-btn ul li.active { position: relative; left: 0; top: -10px; }
.index-page .item-2 .swiper-btn ul li.active img { height: 100%; opacity: 1; border: 4px solid white; border-bottom: 0; transform: scale(1.2); transform-origin: 50% 58%; }
.index-page .item-3 {background:url(../images/index-page-pic3.jpg) no-repeat top center;background-size: 100% auto;padding-top:1px;}
.index-page .item-3 img {display: block;margin:0 auto;}
.index-page .item-3 img.img1 {width:20%;margin-top:3%;}
.index-page .item-3 img.img2 {width:37%;margin:3% auto;}
.index-page .item-3 a { position: absolute; left: 50%; margin-left: -100px; bottom: 100px; display: inline-block; background: #00b7ee; border-radius: 10px; padding: 8px 30px; font-size: 16px; color: white; }
.index-page .item-4 .box { position: absolute; width: 100%; max-width: 1315px; height: 615px; margin: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.index-page .item-4 h3 { font-size: 30px; }
.index-page .item-4 p { font-size: 20px; }
.index-page .item-4 img { display: block; margin: 0 auto; width: 100%; max-width: 1315px; }
.index-page .item-4 a { display: inline-block; border: 1px solid white; border-radius: 10px; padding: 8px 30px; font-size: 16px; color: white; }
.container { margin: 0 auto; width: 100%; max-width: 1760px; }
/*招商加盟*/
.zsjm-page .banner img { display: block; margin: 0 auto; width: 100%; max-width: 1760px; }
.zsjm-page .tzlx { background: #1d1832; padding: 120px 70px 0; }
.zsjm-page .tit { font-size: 40px; text-align: center; color: white; letter-spacing: 0.1em; }
.zsjm-page .tzlx .img-list { }
.zsjm-page .tzlx .img-list img { float: left; width: 32%; margin-right: 2%; }
.zsjm-page .tzlx .jmzc { background: url(../images/jmzc-bg.jpg) no-repeat; padding: 100px 0; }
.zsjm-page .tzlx .jmzc ul { width: 1200px; margin: 0 auto; }
.zsjm-page .tzlx .jmzc ul li { float: left; margin-top: 85px; width: 270px; height: 120px; margin-right: 40px; }
.zsjm-page .tzlx .jmzc ul li i { width: 94px; height: 94px; float: left; }
.zsjm-page .tzlx .jmzc ul li i.item-1 { background-position: -33px -112px; }
.zsjm-page .tzlx .jmzc ul li i.item-2 { background-position: -193px -112px; }
.zsjm-page .tzlx .jmzc ul li i.item-3 { background-position: -353px -112px; }
.zsjm-page .tzlx .jmzc ul li i.item-4 { background-position: -33px -274px; }
.zsjm-page .tzlx .jmzc ul li i.item-5 { background-position: -193px -274px; }
.zsjm-page .tzlx .jmzc ul li i.item-6 { background-position: -353px -274px; }
.zsjm-page .tzlx .jmzc ul li i.item-7 { background-position: -33px -433px; }
.zsjm-page .tzlx .jmzc ul li i.item-8 { background-position: -193px -433px; }
.zsjm-page .tzlx .jmzc ul li .info { color: white; margin-left: 10px; float: left; }
.zsjm-page .tzlx .jmzc ul li .info div { font-size: 22px; }
.zsjm-page .tzlx .jmzc ul li .info p { font-size: 16px; margin-top: 15px; }
.zsjm-page .jmys { width: 100%; max-width: 1760px; margin: 0 auto; padding-top: 110px; background: url(../images/jmys-bg.jpg) no-repeat top center; }
.zsjm-page .jmys ul { width: 100%; max-width: 1200px; margin: 0 auto; padding-bottom: 70px; }
.zsjm-page .jmys ul li { float: left; margin-right: 25px; width: 30%; color: white; text-align: center; }
.zsjm-page .jmys ul li h3 { font-size: 22px; margin-top: 28px; }
.zsjm-page .jmys ul li p { font-size: 16px; margin-top: 10px; }
.zsjm-page .jmfy { background: url(../images/jmfy-bg1.jpg) no-repeat 100% 100%; padding-bottom: 30px; }
.zsjm-page .jmfy .box { float: left; width: calc(100% - 435px); padding-top: 40px; color: white; }
.zsjm-page .jmfy .box .tit { font-size: 26px; font-weight: bold; }
.zsjm-page .jmfy .box .tips { font-size: 18px; text-align: center; margin-top: 15px; }
.zsjm-page .jmfy .box .tips b { color: #ff347a; }
.zsjm-page .jmfy .box .table { margin: 15px auto; font-size: 16px; width: 85%; height: 152px; padding: 20px 10px 0 5px; background: url(../images/table-bg2.png) no-repeat top center; background-size: 100% 100%; }
.zsjm-page .jmfy .box .table2 {background: url(../images/table-bg3.png) no-repeat top center; background-size: 100% 100%;}
.zsjm-page .jmfy .box table { text-align: center; width: 100%; }
.zsjm-page .jmfy .box table th { width: 16.6%; height: 55px; }
.zsjm-page .jmfy .box table td { color: #c5b8d8; height: 55px; }
.zsjm-page .jmfy .box table.table2 th { width: 20%; }
.zsjm-page .jmfy .box .tipss { text-align: right; color: white; font-size: 14px; padding-right: 80px; margin-top: -10px; }
.zsjm-page .jmfy .box a { display: block; margin: 30px auto; width: 340px; height: 50px; line-height: 50px; text-align: center; background: #ff347a; color: white; font-size: 26px; border-radius: 7px; }
.zsjm-page .jmfy .counter { float: left; width: 435px; height: 500px; padding-top: 70px; }
.zsjm-page .jmfy .counter .tit { font-size: 26px; font-weight: bold; padding-left: 20px; }
.zsjm-page .jmfy .counter .bg { position: relative; left: -15px; top: -90px; width: 438px; height: 675px; background: url(../images/counter-bg.png) no-repeat; padding: 90px 0 0; }
.zsjm-page .jmfy .counter .from { padding: 50px 0 0 60px; }
.zsjm-page .jmfy .counter .from div { margin-bottom: 25px; }
.zsjm-page .jmfy .counter span { width: 70px; display: inline-block; color: white; font-size: 16px; }
.zsjm-page .jmfy .counter input { width: 200px; height: 38px; line-height: 1; background: white; border-radius: 5px; border: 1px solid #cecece; }
.zsjm-page .jmfy .counter .from .tel { display: block; width: 332px; text-align: center; }
.zsjm-page .jmfy .counter .from button { display: block; width: 332px; height: 50px; background: #ff347a; color: white; border: 0; border-radius: 5px; margin-top: 30px; }
.zsjm-page .jmfy .counter .tips { color: #ff347a; font-size: 16px; font-weight: bold; padding-left: 90px; margin-top: 20px; position: relative; }
.zsjm-page .jmfy .counter .tips:before, .zsjm-page .jmfy .counter .tips:after { content: ""; position: absolute; left: 0; top: 10px; width: 25px; border-bottom: 1px solid #ff347a; }
.zsjm-page .jmfy .counter .tips:before { left: 52px; }
.zsjm-page .jmfy .counter .tips:after { left: 252px; }
.zsjm-page .jmlc .tit { color: #333; margin-top: 150px; }
.zsjm-page .jmlc img { margin: 30px auto 0; }
.zsjm-page .jmlc a { display: block; margin: 80px auto; width: 340px; height: 50px; line-height: 50px; text-align: center; background: #373636; color: white; font-size: 26px; border-radius: 7px; }
.news-list .banner img { width: 100%; max-width: 1760px; margin: 0 auto; position: relative; }
.news-list .tit { position: absolute; left: 0; top: 25%; width: 100%; text-align: center; color: white; font-size: 56px; height: 100px; z-index: 2; }
.news-list .box1 { width: 100%; max-width: 1760px; margin: -50px auto 0; background: #f7f7f7; }
.news-list .box1 ul { margin: 0 auto; max-width: 1200px; padding: 0 60px; background: white; position: relative; z-index: 99999; }
.news-list .box1 ul li { color: black; padding: 50px 0; border-bottom: 2px solid #e0e0e0; }
.news-list .box1 ul li .info { width: 46.3%; float: left; }
.news-list .box1 ul li img { width: 45%; float: right; }
.news-list .box1 ul li .time { font-size: 14px; }
.news-list .box1 ul li .name { font-size: 20px; font-weight: bold; padding: 25px 0; height: 76px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news-list .box1 ul li p { font-size: 14px; margin-bottom: 20px; line-height: 1.5; height: 89px; overflow: hidden; }
.news-list .box1 ul li a { color: #c13056; }
.news-list .box2 { margin: 75px auto 0; width: 1190px; border-bottom: 2px solid #cbcbcb; }
.news-list .box2 ul li { width: 580px; margin-bottom: 55px; }
.news-list .box2 ul li img { float: left; width: 241px; }
.news-list .box2 ul li .info { width: 310px; float: right; }
.news-list .box2 ul li .info h3 { font-size: 20px; font-weight: bold; padding: 10px 0 20px; height: 55px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news-list .box2 ul li .info p { font-size: 14px; margin-bottom: 15px; line-height: 1.5; height: 60px; overflow: hidden; }
.news-list .box2 ul li .info a { border: 1px solid #bbb; font-size: 14px; color: #888; display: inline-block; padding: 5px 10px; }
.news-list .box2-page { margin-top: 35px; height: 80px; text-align: center; }
.news-list .box2-page a { margin: 0 10px; border: 1px solid #bfbfbf; padding: 5px 10px; color: #808080; font-size: 16px; }
.news-list .box2-page a.active { border: 1px solid #c13056; background: #c13056; color: white; }
.news-inner .banner img { width: 100%; max-width: 1760px; margin: 0 auto; position: relative; }
.news-inner .banner .tit { position: absolute; left: 0; top: 30%; width: 100%; text-align: center; color: white; font-size: 56px; height: 100px; z-index: 2; }
.news-inner .inner { background: white; width: 100%; max-width: 1140px; padding: 40px 30px; position: relative; margin: -50px auto 0; border-bottom: 1px solid #bbb; }
.news-inner .inner .tit { font-size: 24px; color: #3e3e3e; }
.news-inner .inner .crumbs { font-size: 14px; color: #898989; margin: 10px 0 45px; }
.news-inner .inner .crumbs a { color: #898989; }
.news-inner .inner .crumbs a:hover { text-decoration: underline; }
.news-inner .inner .box h1 { color: #4c4c4c; font-size: 24px; font-weight: bold; text-align: center }
.news-inner .inner .box .tips { text-align: center; padding: 10px 0 40px; }
.news-inner .inner .box .tips span { margin: 0 15px; color: #cccccc; }
.news-inner .inner .box .content { }
.news-inner .inner .box .content img { display: block; width: 90%; margin: 10px auto; }
.news-inner .inner .box .content p { width: 100%; line-height: 1.7; font-size: 14px; color: #444444; text-indent: 2em; padding: 10px 0; }
.news-inner .other { width: 100%; max-width: 1100px; margin: 0 auto; padding: 20px 0 50px; font-size: 14px; color: #adabab; }
.news-inner .other a:hover { text-decoration: underline; }
/*营销活动*/
.jsell-banner { width: 100%; max-width: 1760px; height: 658px; margin: 0 auto; background: url("../images/jsell-banner.jpg") no-repeat center; }
.jsell-top { width: 100%; max-width: 1760px; height: 67px; margin: 0 auto 56px; background: #272840; }
.jsell-top ul { width: 996px; margin: 0 auto; }
.jsell-top ul li { float: left; width: 332px; height: 67px; font-size: 20px; font-weight: bold; line-height: 67px; text-align: center; color: #fff; cursor: pointer; }
.jsell-top ul li.active { background-color: #c13056; }
.jsell-ctn { height: 0; overflow: hidden; }
.jsell-ctn.active { height: 590px; }
.jsell-tlt { padding-bottom: 12px; font-size: 40px; font-weight: bold; line-height: 1; text-align: center; color: #000; }
.jsell-subtlt { font-size: 16px; text-align: center; color: #000; }
.jsell-ul1 { width: 1344px; margin: 63px auto; }
.jsell-ul1 li { width: 658px; height: 335px; padding: 82px 276px 0 40px; border-radius: 10px; background: url("../images/jsell-ul1-bg2.jpg"); line-height: 28px; color: #fff; }
.jsell-ul1 li:first-child { padding: 100px 40px 0 276px; background: url("../images/jsell-ul1-bg1.jpg"); }
.jsell-ul1 li h4 { font-size: 28px; font-weight: bold; }
.jsell-ul1 li p { margin-top: 25px; font-size: 16px; text-align: justify; }
.jsell-ul2 { width: 1344px; margin: 63px auto; }
.jsell-ul2 img { float: left; width: 428px; height: 356px; margin-left: 20px; }
.jsell-ul2 img:first-child { margin-left: 0; }
.jsell-ul3 { width: 1010px; height: 508px; margin: 0 auto; padding-top: 63px; }
.jsell-ul3 .swiper-slide { width: 662px; height: 382px; border: 5px solid #fff; box-shadow: 0 3px 18px rgba(0,0,0,.3); }
.jsell-ul3 .swiper-slide img { width: 100%; height: 100%; }
.jsell-ul3 .swiper-button-prev, .jsell-ul3 .swiper-button-next { width: 54px; height: 54px; margin-top: -27px; }
.jsell-ul3 .swiper-button-prev { left: 40px; background: url("../images/j-prev.png"); }
.jsell-ul3 .swiper-button-next { right: 40px; background: url("../images/j-next.png"); }
.jsell-bot { max-width: 1760px; padding: 106px 0 64px; margin: 0 auto 76px; background: url("../images/jsell-bot-bg.jpg") no-repeat center top #250e38; }
.jsell-bot h2 { font-size: 30px; font-weight: bold; line-height: 1.3; text-align: center; color: #fff; }
.jsell-bot .info { width: 1060px; margin: 82px auto 60px; }
.jsell-bot .info img { width: 470px; height: 238px; }
.jsell-bot .info p { width: 590px; height: 238px; padding: 48px 70px 0; background: #d6436a; font-size: 16px; color: #fff; }
.jsell-bot h3 { font-size: 30px; text-align: center; color: #fff; }
.jsell-bot p.ctn { padding: 35px 0 38px; font-size: 16px; text-align: center; color: #fff; }
.jsell-btn { display: block; width: 345px; height: 51px; margin: 0 auto; background: #ff347a; border-radius: 10px; font-size: 24px; line-height: 51px; text-align: center; color: #fff!important; }
.jsell-bot .data { width: 1060px; margin: 24px auto 0; }
.jsell-bot .data table { width: 510px; height: 225px; padding: 0 30px 10px; background: #fff; border-collapse: separate; }
.jsell-bot .data table.f-r { padding-bottom: 40px; }
.jsell-bot .data table th { height: 64px; color: #d6436a; }
.jsell-bot .data table td { text-align: center; }
.jsell-bot .data table.f-l th { height: 54px; }
.jsell-bot .data table.f-l td img { display: inline-block; }
.jsell-bot .data table.f-r td { background: #f0f0f0; height: 34px; }
.jsell-bot .data table.f-r .wb td { background: #fff; }
.jsell-bot .data table.f-r td:first-child { text-align: right; }
/*关于宝乐迪*/
.jus-banner { position: relative;height: 920px;  background: url("../images/jus-banner-bg.jpg") no-repeat center center; color: #fff; }
.jus-banner div {position: absolute;left:0;top:0;right:0;bottom:0;margin: auto;height:270px;padding-left:5%;}
.jus-banner h2 { margin-bottom: 26px; font-size: 53px; font-weight: bold; }
.jus-banner hr { margin: 15px 0; width: 66px; border-top: 3px solid #d6cce1; }
/*.jus-time { width: 100%; max-width: 1760px; height: 2205px; margin: 80px auto 56px; background: url("../images/jus-time-bg.jpg") no-repeat center; color: #fff; }*/
.jus-time { width: 100%; max-width: 1760px; margin: 80px auto 56px; }
.jus-time img {display: block;width:100%;margin:0 auto;}
.jus-time h2 { padding-top: 110px; font-size: 40px; font-weight: bold; text-align: center; }
.jus-time h3, .jus-time p { position: absolute; left: 50%; }
.jus-time h3 { font-size: 24px; line-height: 1; }
.jus-time p { font-size: 16px; }
.jus-time .t1 { margin-left: -554px; top: 368px; }
.jus-time .t2 { margin-left: -120px; top: 438px; }
.jus-time .t3 { margin-left: -123px; top: 658px; }
.jus-time .t4 { margin-left: -333px; top: 776px; }
.jus-time .t5 { margin-left: -826px; top: 1070px; }
.jus-time .t6 { margin-left: -388px; top: 1256px; }
.jus-time .t7 { margin-left: 248px; top: 1364px; }
.jus-time .t8 { margin-left: 676px; top: 1558px; }
.jus-time .t9 { margin-left: 210px; top: 1768px; }
.jus-time .t10 { margin-left: -186px; top: 1822px; }
.jus-time .t11 { margin-left: -35px; top: 2076px; }
.jus-time .t12 { margin-left: -668px; top: 278px; }
.jus-time .t13 { margin-left: 98px; top: 452px; }
.jus-time .t14 { margin-left: 98px; top: 643px; }
.jus-time .t15 { margin-left: -372px; top: 866px; }
.jus-time .t16 { margin-left: -590px; top: 1052px; }
.jus-time .t17 { margin-left: -496px; top: 1343px; }
.jus-time .t18 { margin-left: 84px; top: 1274px; }
.jus-time .t19 { margin-left: 264px; top: 1558px; }
.jus-time .t20 { margin-left: 130px; top: 1853px; }
.jus-time .t21 { margin-left: -288px; top: 1870px; }
.jus-time .t22 { margin-left: -176px; top: 2120px; }
.jus-map img { margin: 35px auto 60px; }
/*宝乐迪门店*/
.jshop-comment { background: url("../images/jshop-comment-bg.jpg") no-repeat center top; background-size: cover; }
.jshop-comment #swiper2 { width: 90%; padding: 1.5% 0 4.5%; margin:0 auto 0; }
.jshop-comment .swiper-slide { width: 23%!important; height: auto; margin: 0 1%; border-radius: 10px; background: #fff; text-align: justify;}
.jshop-comment .swiper-slide:after { content: ''; position: absolute; left: 0; bottom: -66px; width: 100%; height: 66px; background: url("../images/jshop-comment-shadow.png");background-size: 100% 100%; }
.jshop-comment .swiper-slide img { width: 100%; border: 1px solid #fff;border-radius: 10px 10px 0 0; }
.jshop-comment .swiper-slide .ctn { height: 144px; }
.jshop-comment .swiper-slide h3 { margin: 12px 8px; font-size: 17px; font-weight: bold; line-height: 26px; color: #060606; }
.jshop-comment .swiper-slide .ctn ul { margin: 0 8px; font-size: 13px; line-height: 18px; color: #060606; }
.jshop-comment .swiper-slide .ctn ul li { margin-bottom: 5px; padding-left: 13px; background: url("../images/jshop-comment.png") no-repeat 0 5px; }
.jshop-comment .swiper-slide .bot { padding: 0 8px; border-top: 1px solid #e8e8e8; font-size: 12px; line-height: 40px; color: #808080; }
.jshop-comment .swiper-slide { transition: all 650ms; color: #fff; }
.jshop-comment .swiper-slide:hover { z-index: 999; transform: scale(1.08); box-shadow: 0 0 10px rgba(0,0,0,.3); }
.jshop-comment .swiper-pagination { width: 100%; bottom: 1%; text-align: center; }
.jshop-comment .swiper-pagination .swiper-pagination-bullet { margin: 0 5px; background: #fff;width:40px;height:40px;line-height: 40px;font-size:18px;font-family: Arial;text-align: center;border:1px solid white;background: none;opacity: 1 }
.jshop-comment .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #c13056;border-color: #c13056; }
.jshop-comment .swiper-button-prev, .jshop-comment .swiper-button-next { width: 58px; height: 58px; background: #c13056; border-radius: 100%; opacity: 1; }
.jshop-comment .swiper-button-prev { left: 50%; margin-left: -620px; background: url("../images/j-prev2.png") no-repeat center #c13056; }
.jshop-comment .swiper-button-next { right: 50%; margin-right: -620px; background: url("../images/j-next2.png") no-repeat center #c13056; }
.jshop-tlt { letter-spacing: 0.3rem;width: 40%; margin: 2% auto 0; background: url("../images/jshop-tlt-bg.png") no-repeat ;padding:2% 0;background-size: 100% 100%; font-size: 36px; font-weight: normal; text-align: center; color: #fff; }
.jshop-tlt.t2 {width: 70%; background-image: url("../images/jshop-tlt2-bg.png"); }
.shop-page.index-page .item-2 {}
.shop-page.index-page .item-2 .box {position: absolute;left:0;top:0;right:0;bottom:0;margin:auto;height:550px;width:880px;}
.jshop-ctn { width: 880px; margin: 70px auto 0; }
.jshop-ctn li { float: left; width: 268px; height: 328px; margin: 0 11px; background: #fff; border-radius: 12px; }
.jshop-ctn li img { width: 268px; height: 224px; border-radius: 12px 12px 0 0; }
.jshop-ctn li h3 { padding: 18px 12px 0; font-size: 22px; line-height: 33px; text-align: left; color: #060606; }
/*设计和物资*/
.jd-banner { width: 100%; max-width: 1760px; margin: 0 auto 78px;height: 920px; background: url("../images/jd-banner-bg.jpg") no-repeat center center; font-size: 62px; font-weight: bold; line-height: 94px; color: #fff;position: relative;}
.jd-banner div {position: absolute;left:0;top:0;right:0;bottom:0;margin: auto;height:290px;padding-left:5%;}
.jd-design-box { padding: 98px 0; margin: 42px auto 60px; background: url("../images/jd-design-box-bg.jpg") no-repeat center top;background-size: 100% 100%; }
.jd-design-box .ctn { width: 100%; max-width: 1556px; margin: 0 auto; background: #fff; overflow: hidden; }
.jd-design-box .ctn .btn {margin-top:50px;text-align: center;padding:0 1%;}
.jd-design-box .ctn .btn div {width:16.6%;float: left;position: relative;top:0;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.jd-design-box .ctn .btn div img {display: block;margin:0 auto;width:90%;box-shadow: 0 10px 30px rgba(0,0,0,.2);}
.jd-design-box .ctn .btn div p {display: none;margin-top: 10px;font-size: 16px;text-align: center;color: #4d4d4d;}
.jd-design-box .ctn .btn div.active {top:-30px;}
.jd-design-box .ctn .btn div.active p {display: block;}
.jd-design { width: 100%; max-width: 1556px; }
.jd-design .swiper-slide img { width: 100%; height: 100%; }
.jd-design .swiper-button-prev, .jd-design .swiper-button-next { width: 46px; height: 46px; top: auto; bottom: 64px; opacity: 1; }
.jd-design .swiper-button-prev { left: 50%; margin-left: 430px; background: url("../images/j-prev2.png") no-repeat center #000; }
.jd-design .swiper-button-next { right: auto; left: 50%; margin-left: 484px; background: url("../images/j-next2.png") no-repeat center #000; }
.jd-design-s { width: 100%; max-width: 1556px; margin: 18px auto; overflow: visible; }
.jd-design-s .swiper-slide.swiper-slide-active img { margin-top: -31px; box-shadow: 0 6px 30px rgba(54,54,54,.5); }
.jd-design-s .swiper-slide p { display: none; margin-top: 10px; font-size: 16px; text-align: center; color: #4d4d4d; }
.jd-design-s .swiper-slide.swiper-slide-active p { display: block; }
.jd-light-box { min-width: 1024px; max-width: 1760px; margin: 0 auto 80px; }
.jd-light-box .swiper-container { margin-top: 25px; }
.jd-light, .jd-fitup { width: 49%; }
.jd-light-box .swiper-button-prev, .jd-light-box .swiper-button-next { width: 46px; height: 46px; top: auto; bottom: 17.54%; opacity: 1; }
.jd-light-box .swiper-button-prev { left: auto; right: 21%; background: url("../images/j-prev2.png") no-repeat center #000; }
.jd-light-box .swiper-button-next { right: auto; right: 15%; background: url("../images/j-next2.png") no-repeat center #000; }
.jd-wz { height: 175px; margin: 30px auto 52px; background: url("../images/jd-wz-bg.jpg") no-repeat center top; }
.jd-tlt { width: 276px; height: 50px; margin: 0 auto 35px; background: #31016d; border-radius: 50px; font-size: 30px; line-height: 50px; text-align: center; color: #fff; }
.jd-tlt.t1 { width: 230px; margin-bottom: 25px; }
.jd-subtlt2 { margin-top: 20px; font-size: 24px; text-align: center; color: #3d3d3d; }
.jd-img { margin: 40px auto 32px; }
.jd-parts { width: 1143px; height: 790px; margin: 0 auto 50px; background: url("../images/jd-parts-bg.jpg"); }
.jd-parts li { float: left; width: 381px; height: 395px; padding: 58px 0 0 20px; }
.jd-parts li h3 { font-size: 24px; color: #000; }
.jd-parts li p { margin-top: 10px; font-size: 18px; line-height: 1.2; color: #000; }
.jd-parts li.li2 { padding: 44px 0 0 30px; }
.jd-parts li.li2 h3 { line-height: 36px; color: #fff; }
.jd-parts li.li3 { padding-left: 35px; }
.jd-parts li.li6 { padding: 58px 0 0 42px; }
.jd-parts li.li6 h3 { line-height: 36px; }
.jd-snacks { width: 1150px; height: 692px; margin: 0 auto 60px; background: url("../images/jd-snacks-bg.png") no-repeat center top; }
.jd-snacks li { float: left; width: 548px; height: 340px; padding: 135px 0 0 18px; margin: 0 0 5px 5px; }
.jd-snacks li.li2 { padding-top: 140px; }
.jd-snacks li.li3 { padding-top: 120px; }
.jd-snacks li.li4 { padding: 118px 0 0 60px; }
.jd-snacks li h3 { width: 294px; padding: 0 32px; font-size: 30px; line-height: 1; text-align: center; color: black; }
.jd-snacks li.li1 h3 { text-align: right; }
.jd-snacks li.li2 h3 { width: 340px; text-align: right; }
.jd-snacks li p { margin: 22px 0 0 28px; font-size: 17px; line-height: 1.4; color: #4e4e4e; }
.jd-snacks li.li2 p { margin-left: 35px; line-height: 1.2; }
.jd-snacks li.li4 p { margin-left: 15px; line-height: 1.2; }
/*留言*/
.jmsg-mask { display: none; position: fixed; z-index: 9998; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); }
.jmsg { display: none; position: fixed; z-index: 9999; left: 50%; top: 50%; width: 600px; height: 508px; padding: 0 70px; margin: -254px 0 0 -300px; background: #4f1498; border-radius: 5px; line-height: 1; color: #fff; }
.jmsg img { position: absolute; right: 24px; top: 24px; cursor: pointer; }
.jmsg h2 { padding: 44px 0 6px; font-size: 24px; text-align: center; }
.jmsg h3 { font-size: 14px; color: #d6bcf7; text-align: center; }
.jmsg p { padding-top: 14px; font-size: 16px; color: #fff; text-align: center; }
.jmsg ul li { float: left; padding-left: 20px; margin: 11px 0 0 104px; font-size: 16px; color: #fff; background: url("../images/jmsg-li-bg.png") no-repeat 0 -48px; cursor: pointer; }
.jmsg ul li.ml0 { margin-left: 0; }
.jmsg ul li.active { background-position: 0 2px; }
.jmsg textarea { width: 100%; height: 80px; margin-top: 15px; padding: 8px; background: #4b1291; border: 1px solid #6226ac; color: #fff; }
.jmsg .box { margin-top: 15px; }
.jmsg .box label { float: left; line-height: 40px; }
.jmsg .box input { float: right; width: 406px; height: 40px; padding: 0 8px; background: #4b1291; border: 1px solid #6226ac; color: #fff; }
.jmsg button { display: block; width: 226px; height: 54px; margin: 18px auto 0; background: #e5005a; border: none; border-radius: 5px; font-size: 18px; color: #fff; }
.jsuc { max-width: 1760px; height: 924px; padding-top: 274px; margin: 0 auto 76px; background: url("../images/jsuc-bg.jpg") no-repeat center; line-height: 1; text-align: center; color: #fff; }
.jsuc img { margin: 0 auto; }
.jsuc h2 { margin: 30px 0 0; font-size: 35px; font-weight: bold; }
.jsuc h3 { margin: 16px 0 75px; font-size: 16px; }
.jsuc .info { font-size: 24px; }
.jsuc .tel { width: 580px; margin: 30px auto 0; padding-left: 30px; background: url("../images/jsuc-tel-bg.png") no-repeat 32px center; font-size: 40px; font-weight: bold; }
.p40 {padding:0 40px!important;}
.news-list .banner,.news-inner .banner{height:350px;overflow: hidden;}
#s2 .swiper-button-next,#s2 .swiper-button-prev {top:400px;}
.jus-banner {overflow: hidden;}