.tran { -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
.txthide { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.txtCen { text-justify: inter-ideograph; text-align: justify; word-wrap: break-word; overflow: hidden; }
/* 可复制的文本 */
.txtcopy { -moz-user-select: text; -webkit-user-select: text; -ms-user-select: text; user-select: text; }
.fc9 { color: #999; }
.fc6 { color: #666; }
.fc3 { color: #333; }
.fc0 { color: #000; }
.fcf { color: #fff; }
.f00 { font-size: 0; }
.f12 { font-size: 12px; }
.f13 { font-size: 13px; }
.f14 { font-size: 14px; }
.f15 { font-size: 15px; }
.f16 { font-size: 16px; }
.f18 { font-size: 18px; }
.f20 { font-size: 20px; }
.f22 { font-size: 22px; }
.f24 { font-size: 24px; }
.f26 { font-size: 26px; }
.f28 { font-size: 28px; }
.show { display: block; }
.hide { display: none; }
.fwn { font-weight: normal; }
.ffdef { font-family: 'Source Han Sans Regular', '宋体'; }
.ffdefb { font-family: 'Sans', 'Source Han Sans SemiBold', '宋体'; }
/* -- 百度分享 -- */
.bd_weixin_popup, .bd_weixin_popup *, .bd_weixin_popup:before, .bd_weixin_popup *:before, .bd_weixin_popup:after, .bd_weixin_popup *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.container, .w1280 { margin: 0 auto; max-width: 1280px; padding: 0 15px; }
@media screen and (min-width: 1300px) {
.container,  .w1280 { width: 98%; margin: 0 auto; padding: 0; }
}

@media screen and (min-width: 1600px) {
.container,  .w1280 { width: 66.66%; }
}
.rl { writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; -ms-writing-mode: vertical-rl; writing-mode: tb-rl; letter-spacing: 3px; }
/* -- 公共部分 -- */
.HomeTitle { text-align: center; font-size: 15px; }
.HomeTitle .h3 { font-family: 'Sans', 'Source Han Sans SemiBold', '宋体'; font-size: 24px; }
.HomeTitle .h3 span { position: relative; }
.HomeTitle .h3 span .i { display: block; width: 10px; height: 10px; -moz-border-radius: 100%; border-radius: 100%; position: absolute; left: -13px; top: 0; border: 2px solid #bf0008; }

@media screen and (min-width: 768px) {
.HomeTitle { font-size: 16px; }
.HomeTitle .h3 { font-family: 'Sans', 'Source Han Sans SemiBold', '宋体'; font-size: 28px; }
}

@media screen and (min-width: 1000px) {
.HomeTitle { font-size: 20px; }
.HomeTitle .h3 { font-family: 'Sans', 'Source Han Sans SemiBold', '宋体'; font-size: 40px; }
.HomeTitle .h3 span .i { width: 12px; height: 12px; }
}
.hbtns { padding: 20px 0; text-align: right; }
.hbtns .btn { display: inline-block; padding: 0 5px; margin-right:30px; position: relative; line-height: 1.5em; color: #6c6c6c; font-size: 13px; 
text-shadow:
   -1px -1px 0 #fff,  
   1px -1px 0 #fff,
   -1px 1px 0 #fff,
   1px 1px 0 #fff,
   0px 2px 2px rgba(255,255,255,0.6); }
.hbtns .btn span { position: relative; z-index: 3; }
.hbtns .btn .i { display: block; background: #ddd; left: 0; bottom: 0; position: absolute; z-index: 2; width: 100%; height: 3px; }
.boxpc { display: none; }

@media screen and (min-width: 768px) {
.boxwarp { display: none; }
.boxpc { display: block; }
}
/* ---- 默认样式 --- */
body { min-height: 100vh; }
.Wrap { background: #fff; }
.WrapBox { background: #fff; -moz-background-size: cover; background-size: cover; overflow: hidden; }
.WrapBoxf { background: #fff; }

@media screen and (min-width: 1900px) {
.WrapBox { /*    padding: 0 2.08% 2.08%;
*/  }
.header { padding: 0 2.08%; }
}
/* --- 头部 --- */
.logo { display: block; width: 146px; float: left; margin-top: 11px; }
.header { background: #f8f5f2; position: relative; z-index: 99; padding: 20px 0; }
.headerBox { padding: 0px 15px; }
.header .navBtn { display: block; height: 45px; width: 42px; overflow: hidden; position: relative; cursor: pointer; float: right; }
.header .navBtn span { display: block; width: 80%; height: 2px; background: #000; -moz-border-radius: 4px; border-radius: 4px; position: absolute; left: 10%; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
.header .navBtn span.span1 { top: 70%; }
.header .navBtn span.span2 { top: 50%; margin-top: -1px; }
.header .navBtn span.span3 { bottom: 70%; }
.header .navBtnon span.span1 { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: 50%; }
.header .navBtnon span.span2 { background-color: transparent; }
.header .navBtnon span.span3 { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: 50%; }
.searchBox { padding: 10px 15px; }
.searchBox .btnhide { display: none; color: #333; font-size: 18px; }
.searchBox .btnhide.btnon .iconfont:before { content: '\e625'; }
.searchBox .searchWrap { border: 1px solid #ddd; position: relative; padding-right: 55px; padding-left: 15px; }
.searchBox input { display: block; line-height: 35px; width: 100%; }
.searchBox .btn { display: block; color: #333; width: 35px; height: 100%; position: absolute; right: 0; top: 0; border-left: 1px solid #ddd; text-align: center; line-height: 35px; }
.mainnav { background: #fff; display: none; position: absolute; width: 100%; left: 0; top: 100%; }
.mainnav .navA { display: block; padding: 10px 15px; line-height: 35px; color: #333; font-family: 'Source Han Sans Regular', '宋体'; padding-right: 40px; }
.mainnav li.on .navA { background: #bf0008; color: #fff; }
.mainnav li { position: relative; }
.mainnav li .xlbtn { display: none; }
.mainnav li.linav .xlbtn { display: block; z-index: 4; text-align: center; color: #ebbe7a; line-height: 55px; width: 40px; height: 55px; position: absolute; right: 0; top: 0; }
.mainnav li.linav .xlbtn.xlbtnon .iconfont:before { content: '\e71f'; }
.mainnav li .xl { display: none; }
.mainnav li .xl a { display: block; line-height: 35px; padding-left: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

@media screen and (min-width: 1000px) {
.header { background: #fff; }
.header .navBtn { display: none; }
.headerBox { float: left; padding: 0; }
.mainnav { display: block !important; background: transparent; width: auto; position: static; }
.mainnav li { float: left; margin: 14px 0; margin-right: 40px; }
.mainnav .ul { float: right; padding-right: 125px; }
.mainnav .navA { line-height: 1em; font-size: 16px; position: relative; }
.mainnav .navA .spant { position: relative; z-index: 4; }
.mainnav .navA .i { background: #ebbe7a; height: 5px; position: absolute; z-index: 2; left: 50%; width: 0; bottom: 0; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
.mainnav li.on .navA { background: transparent; color: #333; }
.mainnav li.on .navA .i { width: 100%; left: 0; }
.searchBox { float: right; width: 44px; height: 44px; position: relative; }
.searchBox .btnhide { display: block; text-align: center; line-height: 44px; width: 44px; position: absolute; left: 0; top: 11px; }
.searchBox .searchWrap { position: absolute; right: 100%; width: 300px; top: 0; background: #fff; z-index: 5; display: none; }
.headerWrap { max-width: 1280px; margin: 0 auto; padding: 0 2.08%; }
.searchBox { padding: 10px 15px; }
.searchBox .searchWrap { padding-right: 55px; }
.searchBox input { display: block; line-height: 44px; }
.searchBox .btn { display: block; color: #333; width: 44px; height: 100%; position: absolute; right: 0; top: 0; border-left: 1px solid #ddd; text-align: center; line-height: 44px; }
.mainnav li.linav .xlbtn { display: none; }
.mainnav ul li { position: relative; }
.mainnav .navA { padding-right: 15px; }
.mainnav ul li .xl { background: #fff; width: 120px; position: absolute; padding: 35px 0 10px; left: 50%; top: 100%; margin-left: -60px; }
.mainnav ul li .xl a { display: block; padding-left: 0; line-height: 35px; font-size: 15px; color: #333; text-align: center; }
.mainnav ul li .xl a:hover { background: #ebbe7a; color: #fff; }

}
/* --- 头部 --- */
/* --- banner --- */
.HomeBan { position: relative; }
.HomeBan .item img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.HomeBan .wap { display: block; }
.HomeBan .pc { display: none; height: inherit; }
.HomeBan .owl-nav { display: none; }
.HomeBan .owl-dots { position: absolute; width: 100%; bottom: 20px; text-align: center; }
.HomeBan .owl-dots .owl-dot { margin: 0 4px; display: inline-block; }
.HomeBan .owl-dots .active span { background: #ebbe7a; width: 30px; }
.HomeBan .owl-dots span { display: block; width: 8px; height: 8px; -moz-border-radius: 10px; border-radius: 10px; background: #fff; }

@media screen and (min-width: 768px) {
.HomeBan .pc { display: block; }
.HomeBan .wap { display: none; }
}

@media screen and (min-width: 768px) {
.HomeBan .owl-nav { display: none; }
.HomeBan .owl-dots { position: absolute; width: 100%; bottom: 20px; text-align: center; }
.HomeBan .owl-dots .owl-dot { margin: 0 10px; display: inline-block; }
.HomeBan .owl-dots .active span { background: #ebbe7a; width: 70px; }
.HomeBan .owl-dots span { display: block; width: 30px; height: 5px; -moz-border-radius: 0px; border-radius: 0px; background: rgba(255, 255, 255, 0.4); }
}
/* --- banner --- */
/* --- home --- */
.HomeF1 { padding: 4.6875% 0 7.03125%; }
.HomeF1 .list { margin-top: 4%; }
.HomeF1 .item { padding-bottom: 20px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
.HomeF1 .item:hover .libox { border: 1px solid #dbb985; background: url('../images/hbg_02.png') repeat 0 0; }
.HomeF1 .item:hover .liwrap { border: 1px solid #ddd; }
.HomeF1 .item:hover .hbtns .btn .i { background: #ebbe7a; }

.HomeF1 .owl-item .item .libox { border: 1px solid #dbb985; background-color: #E3E5E2; }
.HomeF1 .owl-item .item .liwrap { border: 1px solid #ddd; }
.HomeF1 .owl-item .item .hbtns .btn .i { background: #ebbe7a; }

.HomeF1 .owl-item:nth-child(3n-1) .item .libox { border: 1px solid #dbb985; background-color: #F6EEE4; }
.HomeF1 .owl-item:nth-child(3n-1) .item .liwrap { border: 1px solid #ddd; }
.HomeF1 .owl-item:nth-child(3n-1) .item .hbtns .btn .i { background: #ebbe7a; }

.HomeF1 .owl-item:nth-child(3n) .item .libox { border: 1px solid #dbb985; background-color: #E6E2E3; }
.HomeF1 .owl-item:nth-child(3n) .item .liwrap { border: 1px solid #ddd; }
.HomeF1 .owl-item:nth-child(3n) .item .hbtns .btn .i { background: #ebbe7a; }

.HomeF1 .libox { border: 1px solid transparent; padding: 20px; background: #fff; display: block; }
.HomeF1 .liwrap { border: 1px solid transparent; min-height: 200px; padding: 10px; padding-top: 30px; padding-bottom: 0; text-align: center; background: rgba(255, 255, 255, 0.3); }
.HomeF1 .liwrap .h3 { font-family: 'Sans', 'Source Han Sans SemiBold', '宋体'; color: #613a34; font-size: 16px; }
.HomeF1 .liwrap .h5 { font-size: 14px; font-family: 'Source Han Sans Regular', '宋体'; padding: 2% 0; color: #333; }
.HomeF1 .img { text-align: center; position: relative;  margin-top: -60px; }
.HomeF1 .hbtns { position: relative; z-index: 6; top: 388px; }

@media screen and (min-width: 1000px) {
.HomeF1 .item { padding-bottom: 40px; }
.HomeF1 .liwrap .h3 { font-size: 28px; }
.HomeF1 .liwrap .h5 { font-size: 16px; }
}
.HomeF2 .Right { background: no-repeat center; -moz-background-size: cover; background-size: cover; }
.HomeF2 .Right .RightBox { padding: 15px; }
.HomeF2 .Right .txtborder1 { position: relative; border-left: 1px solid #ebbf7c; border-right: 1px solid #ebbf7c; padding: 15px; }
.HomeF2 .Right .txtborder1 .ibox .i { position: absolute; top: 0; left: 0; background: #ebbf7c; width: 40px; height: 1px; }
.HomeF2 .Right .txtborder1 .ibox .i2 { left: auto; right: 0; }
.HomeF2 .Right .txtborder1 .ibox .i3 { top: auto; bottom: 0; }
.HomeF2 .Right .txtborder1 .ibox .i4 { top: auto; bottom: 0; left: auto; right: 0; }
.HomeF2 .Right .txtborder2 { position: relative; border-left: 1px solid rgba(235, 190, 122, 0.3); border-right: 1px solid rgba(235, 190, 122, 0.3); padding: 15px 30px; }
.HomeF2 .Right .txtborder2 .ibox1 .i { position: absolute; top: 0; left: 0; background: rgba(235, 190, 122, 0.3); width: 20px; height: 1px; }
.HomeF2 .Right .txtborder2 .ibox1 .i2 { left: auto; right: 0; }
.HomeF2 .Right .txtborder2 .ibox1 .i3 { top: auto; bottom: 0; }
.HomeF2 .Right .txtborder2 .ibox1 .i4 { top: auto; bottom: 0; left: auto; right: 0; }
.HomeF2 .Right .txtcon { float: right; writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; -ms-writing-mode: vertical-rl; writing-mode: tb-rl; letter-spacing: 3px; }
.HomeF2 .Right .txtcon .h3 { font-family: 'Sans', 'Source Han Sans SemiBold', '宋体'; font-size: 20px; color: #333; position: relative; margin-left: 15px; }
.HomeF2 .Right .txtcon .h3 .ib { display: block; width: 10px; height: 10px; -moz-border-radius: 100%; border-radius: 100%; position: absolute; left: .7em; top: 0; border: 2px solid #bf0008; }
.HomeF2 .Right .txtcon .h3 a { font-size: 14px; color: #333; font-weight: normal; display: inline-block; padding-top: 30px; }
.HomeF2 .Right .txtcon .h3 .hx { display: inline-block; width: 4px; height: 30px; background: #ebbe7a; }
.HomeF2 .Left .videobox { position: relative; }
.HomeF2 .Left .btn { position: absolute; display: block; z-index: 5; left: 0; top: 0; height: 100%; width: 100%; background: rgba(255, 255, 255, 0.6); }
.HomeF2 .Left .btn .tb { display: table; width: 100%; height: 100%; }
.HomeF2 .Left .btn .tbc { display: table-cell; width: 100%; height: 100%; vertical-align: middle; text-align: center; }
.HomeF2 .Left .btn .bf { display: block; color: #fff; text-align: center; }
.HomeF2 .Left .btn .bf .iconfont { font-size: 40px; }
.HomeF2 .Left .btn .bf .txt { display: block; }
.HomeF2 .Left .btn .more { display: inline-block; padding: 0 10px; position: absolute; bottom: 10px; left: 50%; margin-left: -50px; width: 100px; line-height: 1em; font-size: 16px; }
.HomeF2 .Left .btn .more .spantxt { position: relative; z-index: 3; color: #111; }
.HomeF2 .Left .btn .more .ib { display: block; background: #ebbe7a; left: 0; bottom: 0; position: absolute; z-index: 2; width: 100%; height: 3px; }
.HomeF2 .Left .img { position: relative; z-index: 4; }
.HomeF2 .Left .img img { width: 100%; }
.HomeF2 .Left .video { position: absolute; z-index: 2; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

@media screen and (min-width: 768px) {
.HomeF2 .Right { width: 46.74%; float: right; }
.HomeF2 .Left { width: 53.26%; float: left; }
.HomeF2 .Left .videobox { position: relative; overflow: hidden; }
.HomeF2 .Left .img { display: none; }
.HomeF2 .Left .btn .more { bottom: 10%; }
}

@media screen and (min-width: 1000px) {
.HomeF2 .Right .txtcon .h3 { font-size: 40px; margin-left: 8%; }
.HomeF2 .Right .txtcon .h3 .ib { width: 12px; height: 12px; }
.HomeF2 .Right .txtcon .h3 a { font-size: 16px; letter-spacing: 3px; }
.HomeF2 .Right .txtcon .h3 .hx { height: 90px; }
.HomeF2 .Right .txtcon { font-size: 16px; line-height: 30px; }
.HomeF2 .Right .txtborder1 { border: none; }
.HomeF2 .Right .txtborder1 .i { display: none; }
.HomeF2 .Right .txtborder2 { border: none; }
.HomeF2 .Right .txtborder2 .i { display: none; }
}
.HomeF3 { padding: 30px 15px 25px; background: #faf6ee; }
.HomeF3 .listBox li { margin-top: 15px; }
.HomeF3 .listBox .lia { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; padding: 5.3125vw; background: #fff; color: #333; border: 1px solid transparent; }
.HomeF3 .listBox .lia:hover { border: 1px solid #ebbe7a; -webkit-box-shadow: 0 0 10px #ddd; -moz-box-shadow: 0 0 10px #ddd; box-shadow: 0 0 10px #ddd; }
.HomeF3 .listBox .lia:hover .hbtns .btn .i { background: #ebbe7a; }
.HomeF3 .listBox .lia .lil { -webkit-box-flex: 2; -moz-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; width: 0; padding-right: 4.6875vw; }
.HomeF3 .listBox .lia .txt { margin: 4.6875vw 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 3.75vw; }
.HomeF3 .listBox .lia .time { font-family: 'Sans', 'Source Han Sans SemiBold', '宋体'; font-size: 4.6875vw; }
.HomeF3 .listBox .lia .time .timeb { display: block; font-size: 2.8125vw; }
.HomeF3 .listBox .lia .lir { -webkit-box-flex: 1.5; -moz-box-flex: 1.5; -ms-flex-positive: 1.5; flex-grow: 1.5; width: 0; }
.HomeF3 .listBox .lia .lir .img img { width: 100%; }
.HomeF3 .listBox .lia .hbtns { padding: 0; text-align: left; margin: 0; }
.HomeF3 .listBox .lia .hbtns .btn { font-size: 2.5vw; }
.HomeF3 .listBoxpc { display: none; /*margin-top: 4%;*/ }
.HomeF3 .listBoxpc li { padding: 5px; width:49%; float:left; }
.HomeF3 .listBoxpc .lia { display: block; padding: 15px; background: #fff; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; -webkit-box-shadow: 0 0 5px #ddd; -moz-box-shadow: 0 0 5px #ddd; box-shadow: 0 0 5px #ddd; color: #333; border: 1px solid transparent; }
.HomeF3 .listBoxpc .lia:hover { border: 1px solid #ebbe7a; }
.HomeF3 .listBoxpc .lia:hover .hbtns .btn .i { background: #ebbe7a; }
.HomeF3 .listBoxpc .lia .txt { margin: 18px 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 14px; }
.HomeF3 .listBoxpc .lia .time { font-family: 'Sans', 'Source Han Sans SemiBold', '宋体'; font-size: 14px; }
.HomeF3 .listBoxpc .lia .time .timeb { display: block; font-size: 12px; }
.HomeF3 .listBoxpc .lia .lir { margin-top: 10px; }
.HomeF3 .listBoxpc .lia .lir .img img { width: 100%; }
.HomeF3 .listBoxpc .lia .hbtns { padding: 0; text-align: left; margin: 0; }
.HomeF3 .listBoxpc .lia .hbtns .btn { font-size: 14px; }
.HomeF3 .pcbox { padding-top: 10px; display: none; }
.HomeF3 .pcbox .bnts { text-align: right; }
.HomeF3 .pcbox .bnts .btna { display: inline-block; }
.HomeF3 .pcbox .bnts .btnleft { margin-right: 15px; }
.HomeF3 .pcbox .bnts .iconfont { font-size: 30px; }
.HomeF3 .HomeTitle .morebox { display: none; }

@media screen and (min-width: 640px) {
.HomeF3 .listBox { display: none; }
.HomeF3 .listBoxpc { display: block; }
.HomeF3 .pcbox { display: block; }
}

@media screen and (min-width: 1000px) {
.HomeF3 { background: transparent; }
.HomeF3 .listBoxpc .lia .liabox { position: relative; padding-right: 120px; min-height: 110px; }
.HomeF3 .listBoxpc .lia .lil { padding-right: 5px; }
.HomeF3 .listBoxpc .lia .lir { position: absolute; right: 0; top: 0; width: 120px; }
}

@media screen and (min-width: 1300px) {
.HomeF3 { padding-top: 7.8125%; }
.HomeF3 .FLeft { float: left; width: 8.177%; box-sizing: border-box; /*padding-left: 10%;*/ }
.HomeF3 .FLeft .HomeTitle { /*    float: right;
*/    writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; -ms-writing-mode: vertical-rl; writing-mode: tb-rl; /*  margin: 0 auto;  letter-spacing: 3px;
*/  }
.HomeF3 .HomeTitle .morebox { display: inline-block; position: relative; }
.HomeF3 .HomeTitle .morebox .more { font-size: 14px; color: #333; font-weight: normal; display: inline-block; padding-top: 30px; letter-spacing: 3px; }
.HomeF3 .HomeTitle .morebox .hx { display: inline-block; width: 4px; height: 90px; background: #ebbe7a; }
.HomeF3 .Fright { float: right; width: 90%; }
.HomeF3 .listBoxpc .lia { padding: 17px 13px; }
.HomeF3 .listBoxpc .lia .time { font-size: 22px; }
.HomeF3 .listBoxpc .lia .time .timeb { font-size: 14px; }
.HomeF3 .listBoxpc .lia .txt { font-size: 14px; line-height: 24px; /* height: 72px; */ }
.HomeF3 .listBoxpc .lia .hbtns .btn { font-size: 14px; }
}

@media screen and (min-width: 1900px) {
.HomeF3 .listBoxpc .lia { padding: 17px 13px; }
.HomeF3 .listBoxpc .lia .time { font-size: 22px; }
.HomeF3 .listBoxpc .lia .time .timeb { font-size: 14px; }
.HomeF3 .listBoxpc .lia .txt { font-size: 14px; line-height: 24px; /* height: 72px; */ }
.HomeF3 .listBoxpc .lia .hbtns .btn { font-size: 14px; margin:0; }
}
.HomeF4 { /*  display: none;
*/  border-bottom: 1px solid #f0ede8; margin-top: 3.6875%; padding-bottom: 3.125%; }
.HomeF4 .list { position: relative; line-height: 60px; height: 60px; border-left: 1px solid #ebbe7a; border-right: 1px solid #ebbe7a; padding-right: 75px; padding-left: 120px; }
.HomeF4 .list .spantxt { width: 120px; position: absolute; left: 0; top: 0; font-size: 16px; padding-left: 25px; font-weight: bold; font-family: 'Sans', 'Source Han Sans SemiBold', '宋体'; background: url('../images/linewbg01.png') no-repeat right center; }
.HomeF4 .list .border1 { position: absolute; display: block; left: 0; top: 0; height: 1px; background: #ebbe7a; width: 21.875%; }
.HomeF4 .list .border2 { position: absolute; display: block; right: 0; top: 60px; height: 1px; background: #ebbe7a; width: 43.75%; }
.HomeF4 .list .border3 { position: absolute; display: block; left: 0; top: 60px; height: 1px; background: #ebbe7a; width: 21.875%; }
.HomeF4 .list .border4 { position: absolute; display: block; right: 0; top: 0; height: 1px; background: #ebbe7a; width: 43.75%; }
.HomeF4 .Hnewlist { padding-left: 20px; }
.HomeF4 .Hnewlist .ul li .libox { display: block; position: relative; padding-right: 120px; font-size: 16px; color: #333; }
.HomeF4 .Hnewlist .ul li .libox .txt { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.HomeF4 .Hnewlist .ul li .libox .time { position: absolute; right: 0; top: 0; width: 120px; text-align: right; }
.HomeF4 .list .btns { position: absolute; padding-top: 14px; width: 45px; right: 0; top: 0; }
.HomeF4 .list .btns a { display: block; text-align: center; line-height: 20px; }
.HomeF4 .list .btns a span { display: block; font-size: 18px; }

@media screen and (min-width: 1000px) {
.HomeF4 { display: block; }
.HomeF4 .Hnewlist .ul li .libox:hover .txt { color: #ebbe7a; }
}
.HomefBottom { background: url('../images/homebg05.gif') no-repeat center; text-align: center; -moz-background-size: cover; background-size: cover; padding-top: 28px; padding-bottom: 13px; }
.HomefBottom .pc { display: none; }
.HomefBottom .wap { text-align: center; position: relative; top: 40px; margin-top: -30px; }
.HomefBottom .txtborder1 { position: relative; border-left: 1px solid #ebbf7c; border-right: 1px solid #ebbf7c; padding: 15px; }
.HomefBottom .txtborder1 .ibox .i { position: absolute; top: 0; left: 0; background: #ebbf7c; width: 40px; height: 1px; }
.HomefBottom .txtborder1 .ibox .i2 { left: auto; right: 0; }
.HomefBottom .txtborder1 .ibox .i3 { top: auto; bottom: 0; }
.HomefBottom .txtborder1 .ibox .i4 { top: auto; bottom: 0; left: auto; right: 0; }
.HomefBottom .txtborder2 { position: relative; border-left: 1px solid rgba(235, 190, 122, 0.3); border-right: 1px solid rgba(235, 190, 122, 0.3); padding: 15px; }
.HomefBottom .txtborder2 .ibox1 .i { position: absolute; top: 0; left: 0; background: rgba(235, 190, 122, 0.3); width: 20px; height: 1px; }
.HomefBottom .txtborder2 .ibox1 .i2 { left: auto; right: 0; }
.HomefBottom .txtborder2 .ibox1 .i3 { top: auto; bottom: 0; }
.HomefBottom .txtborder2 .ibox1 .i4 { top: auto; bottom: 0; left: auto; right: 0; }
.HomefBottom .item2 { padding-top: 15px; }
.HomefBottom .title { font-family: 'Sans', 'Source Han Sans SemiBold', '宋体'; margin-bottom: 8px; text-align: center; }
.HomefBottom .title .spantb { display: inline-block; position: relative; padding: 0 5px; line-height: 1em; }
.HomefBottom .title .spantxt { font-size: 22px; position: relative; z-index: 3; }
.HomefBottom .title .spantxt .year { font-size: 14px; }
.HomefBottom .title .ib { position: absolute; display: block; left: 0; bottom: 0; width: 100%; height: 5px; background: #ebbe7a; }
.HomefBottom a.more { display: block; line-height: 40px; max-width: 120px; background: #ebbe7a; color: #fff; text-align: center; margin: 15px auto; -moz-border-radius: 40px; border-radius: 40px; }
.HomeF5 .Homeftop { position: relative; background: #fff; padding: 16.71875% 0 8.59375%; }
.HomeF5 .Homeftop .bg { width: 3px; height: 40px; background: #ebbe7a; position: absolute; left: 5.3125vw; top: -8px; }
.HomeF5 .picbox { display: none; }

@media screen and (min-width: 1000px) {
.HomeF5 .Homeftop { background: transparent; padding: 5.46875% 0 3.125%; }
.HomeF5 .Homeftop .bg { display: none; }
.HomeF5 .Homeftop .HomeTitle .p { display: none; }
.HomeF5 { margin-bottom: 2.08%; }
.HomeF5 .HomeTitle { max-width: 40%; padding-left: 120px; }
.HomefBottom { padding-top: 80px; padding-bottom: 3.645%; }
.HomefBottom .txtbox { margin-right: 10%; border-bottom: 1px solid #ebbe7a; }
.HomefBottom .pc { display: block; }
.HomefBottom .wap { display: none; }
.HomefBottom .left { float: left; width: 50%; padding-left: 30px; margin-top: -30px; position: relative; z-index: 5; }
.HomefBottom .right { width: 66%; position: absolute; bottom: 0; margin-bottom: -16px; right: -10%; margin-right: -30px; z-index: 3; }
.HomefBottom .txtborder1 { border-left: none; }
.HomefBottom .txtborder1 .ibox .i { width: 16.52173913043478%; }
.HomefBottom .txtborder1 .ibox .i2 { left: auto; right: 0; width: 63.04347826086957%; }
.HomefBottom .txtborder1 .ibox .i3 { left: 0; top: 0; width: 1px; height: 60%; }
.HomefBottom .txtborder1 .ibox .i4 { top: auto; bottom: 0; left: auto; right: 0; display: none; }
.HomefBottom .txtborder2 { border-left: none; }
.HomefBottom .txtborder2 .ibox1 .i { width: 18.69565217391304%; }
.HomefBottom .txtborder2 .ibox1 .i2 { left: auto; right: 0; width: 66.30434782608696%; }
.HomefBottom .txtborder2 .ibox1 .i3 { left: 0; top: 0; width: 1px; height: 70%; }
.HomefBottom .txtborder2 .ibox1 .i4 { top: auto; bottom: 72px; left: auto; right: 0; width: 63.04347826086957%; }
.HomefBottom .title .spantxt { font-size: 50px; }
.HomefBottom .title .spantxt .year { font-size: 16px; }
.HomefBottom { font-size: 18px; }
.HomefBottom .p { line-height: 28px; }
.HomefBottom .item2 { padding-top: 40px; }
.HomeF5 .picbox { display: block; }
.HomeF5 .picbox ul { font-size: 0; margin: 0 -15px; overflow: hidden; }
.HomeF5 .picbox li { display: inline-block; width: 50%; padding: 0 15px; }
.HomeF5 .picbox .img { margin: 40px 0; padding: 5px; background: #fff; position: relative; color: #fff; }
.HomeF5 .picbox .img img { width: 100%; image-rendering:-moz-crisp-edges;
	image-rendering:-o-crisp-edges;
	image-rendering:-webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode:nearest-neighbor;}
.HomeF5 .picbox .txt { position: absolute; width: 100%; bottom: 20px; font-family: 'Sans', 'Source Han Sans SemiBold', '宋体'; font-size: 14px; }
.HomeF5 .picbox .span { position: absolute; color: #dbb985; }
.HomeF5 .picbox .span .iconfont { font-size: 12px; }
.HomeF5 .picbox .span1 { right: 10px; top: 10px; }
.HomeF5 .picbox .span2 { left: 10px; bottom: 10px; }
.HomefBottom a.more { max-width: 170px; margin-top: 45px; line-height: 60px; -moz-border-radius: 0; border-radius: 0; }
}

@media screen and (min-width: 1900px) {
.HomeF5 { margin-bottom: 0; }
}
/* --- home --- */
/* --- 底部 --- */
.modulecons { display: block; width: 100%; height: auto; position: relative; float: left; overflow: hidden; }
.modulecons img { width: 100%; height: auto;border: 3px solid #fff; }
.distributor { width: 8rem; height: 2rem; background: rgba(0,0,0,0.20); position: absolute; text-align: center; margin: auto; top: 0; bottom: 0; right: 0; left: 0; font-size: 14px; color: #fff; border-top: 0.03rem solid #fff; border-bottom: 0.03rem solid #fff; line-height: 2rem; }

.ewm-tel,.ewm-box{ display:none;}
.footer { background: #4e4a45; padding: 2.15625% 0; }
.footer .bottomlogo, .footer .Right { display: none; }
.footer .Bottomnav ul li a { display: block; border-bottom: 1px solid #5b5751; line-height: 40px; position: relative; padding-left: 15px; padding-right: 30px; color: #a3a2a0; }
.footer .Bottomnav ul li a .ib { position: absolute; left: 10px; width: 8px; height: 8px; -moz-border-radius: 100%; border-radius: 100%; border: 1px solid #a3a2a0; top: 50%; margin-top: -4px; }
.footer .Bottomnav ul li a .iconfont { position: absolute; right: 0; top: 0; font-size: 18px; }
.footer .links { text-align: center; padding: 15px 0 5px 0; }
.footer .links a { display: inline-block; padding: 0 6px 0 10px; position: relative; font-size: 14px; color: #999895; }
.footer .links a:nth-child(1):before { display: none; }
.footer .links a:before { content: ''; display: block; width: 1px; height: 1em; position: absolute; left: 0; top: 50%; margin-top: -0.5em; background: #605c58; }
.footer .copright { text-align: center; font-size: 12px; line-height:2em; color: rgba(255, 255, 255, 0.4); }
.footer .copright a { color: rgba(255, 255, 255, 0.4); }

@media screen and (min-width: 1000px) {
.footer { padding: 44px 0; }
.footer .footerBox { position: relative; padding-right: 265px; min-height: 261px; }
.footer .bottomlogo { display: block; width: 160px; }
.footer .bottomlogo,  .footer .Right { display: block; }
.footer .Right { height: 100%; width: 265px; padding-left: 95px; border-left: 1px solid #5e5a56; position: absolute; right: 0; top: 0; text-align: right; color: #fff; }
.footer .Right .tel { font-size: 24px; color: #ebbe7a; }
.footer .Right .txt { font-size: 14px; }
.footer .Bottomnav { padding: 40px 0 60px; }
.footer .Bottomnav ul li { float: left; padding-right: 10px; }
.footer .Bottomnav ul li a { border-bottom: none; }
.footer .Bottomnav ul li a .ib{ left:0;}
.footer .links { text-align: left; }
.footer .links a:nth-child(1) { padding-left: 0; }
.footer .copright { text-align: left; font-size: 12px; }
.footer .fx { position: relative; margin-top: 60px; }
.footer .bdsharebuttonbox { position: absolute; left: 0; bottom: 0; }
.footer .bdsharebuttonbox .bds_tsina { width: 40px; height: 40px; background: url('../images/douyin.png') no-repeat center; }
.footer .Bottomnav ul li a { color: #fff; }
.footer .Bottomnav ul li a .iconfont { color: #817f7b; }
.footer .Bottomnav ul li a .ib { border-color: #fff; }
}
@media screen and (max-width: 768px) {
.ewm-tel{ display:inherit;text-align:center;color: #999895; line-height:2em;margin-bottom:10px;}
.ewm-tel a{color: #ebbe7a;}
.ewm-box { display:inherit;width: 220px; height:auto; overflow:hidden; margin: 0 auto; color: #999895; margin-bottom:15px;}
.ewm-box .row { float: left; text-align: center; }
.ewm-box .row img { width: 88px; margin-bottom: 5px; }
.ewm-box .row2 { float: right }
.footer .Bottomnav ul li { float: left; width:33.3%;  text-align:center; }
}
/* --- 底部 --- */
/* --- 内页banner --- */
.banner { position: relative; }
.banner .pc, .banner .wap { height: 350px; -moz-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center center;}
.banner .wap { height: 200px; }
.banner .pc { display: none; }
.banner .tablebox { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.banner .tablebox .tb { display: table; width: 100%; height: 100%; vertical-align: middle; }
.banner .tablebox .tb .tbc { display: table-cell; width: 100%; height: 100%; vertical-align: middle; }
.banner .title .h3 { position: relative; font-family: 'Sans', 'Source Han Sans SemiBold', '宋体'; font-size: 24px; color: #fff; }
.banner .title .h3 span { position: relative; }
.banner .title .h3 span .i { display: block; width: 10px; height: 10px; -moz-border-radius: 100%; border-radius: 100%; position: absolute; left: .7em; top: 0; border: 2px solid #bf0008; }
.banner .title .h3 span.entxt { position: absolute; left: 0; top: 50%; margin-top: -0.5em; line-height: 1em; z-index: 1; color: rgba(243, 240, 235, 0.2); font-family: 'Sans', 'Source Han Sans SemiBold', '宋体'; font-size: 75px; text-transform: uppercase; }

@media screen and (min-width: 767px) {
.banner .wap { display: none; }
.banner .pc { display: block; }
.banner .title .h3 { font-size: 30px; }

}

@media screen and (max-width: 768px) {
.banner .tablebox { display: none; }
}

@media screen and (min-width: 1000px) {
.banner .title .h3 { font-size: 50px; }
.banner .title .h3 span.entxt { font-size: 150px; }
}
.Main { padding: 3.64% 0; }
/* --- 内页banner --- */
.MainTitle .h3 { font-size: 16px; color: #eae3db; text-transform: uppercase; }
.MainTitle .h2 { font-family: 'Sans', 'Source Han Sans SemiBold', '宋体'; font-size: 16px; font-weight: normal; position: relative; }
.MainTitle .h2 .ib { display: block; width: 10px; height: 10px; -moz-border-radius: 100%; border-radius: 100%; position: absolute; left: 0; top: .2em; border: 2px solid #ebbe7a; }

@media screen and (min-width: 768px) {
.MainTitle .h3,  .MainTitle .h2 { font-size: 20px; }
}

@media screen and (min-width: 1000px) {
.MainTitle .h3,  .MainTitle .h2 { font-size: 24px; }
.MainTitle .h2 .ib { width: 12px; height: 12px; }
}

@media screen and (min-width: 1300px) {
.MainTitle .h3,  .MainTitle .h2 { font-size: 36px; }
}
/*-- 二级栏目 --*/
.slidebar { padding: 0; }
.navMenu .MenuTitle { -moz-border-radius: 5px; border-radius: 5px; background: #ebbe7a; color: #fff; line-height: 40px; padding: 0 15px; position: relative; }
.navMenu .MenuTitle .h3 { font-weight: normal; color: #fff; font-size: 16px; }
.navMenu .MenuTitle .i { position: absolute; right: 15px; top: 50%; margin-top: -5px; width: 0; height: 0; border-top: 10px solid #fff; border-left: 10px solid transparent; border-right: 10px solid transparent; }
.navMenu .MenuTitle.on .i { border-top: none; border-bottom: 10px solid #fff; }
.navMenu .MenuTitleNoClick .i { opacity: 0; filter: alpha(opacity=0); }
.navMenu .List { border: 1px solid #ebbe7a; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; padding: 10px 0; display: none; }
.navMenu .List .menuA { display: block; line-height: 35px; padding: 0 15px; font-size: 16px; color: #000; }
.navMenu .List .menuA:hover { color: #ebbe7a; }
.slidebar .CurTitle { padding: 15px; }

@media screen and (min-width: 1000px) {
.slidebarBox { padding: 0 15px; max-width: 1280px; margin: 0 auto; }
.slidebar .CurTitle { float: left; padding: 0; }
.slidebar .navMenu { float: right; }
.navMenu .List { display: block !important; }
.navMenu .List { margin-top: 20px; }
.navMenu .MenuTitle { display: none; }
.navMenu .List { padding: 0; border: none; }
.navMenu .List ul { text-align: center; width: 100%; }
.navMenu .List ul li { display: inline-block; padding: 0 10px; position: relative; }
.navMenu .List .menuA { line-height: 40px; display: block; position: relative; padding: 0px; font-size: 16px; }
.navMenu .List ul li .menuA .i { position: absolute; width: 0; bottom: 0; left: 50%; height: 2px; background: #ebbe7a; display: block; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
.navMenu .List ul li .icb { display: block; width: 4px; height: 4px; background: #ebbe7a; position: absolute; right: -2px; top: 50%; margin-top: -2px; }
.navMenu .List ul li.last .icb { display: none; }
.navMenu .List ul li.on .menuA .i,  .navMenu .List ul li .menuA:hover .i { width: 100%; left: 0; }
.navMenu .List ul li.on .menuA { color: #ebbe7a; }
}

@media screen and (min-width: 1200px) {
.slidebarBox { padding: 0; }
.navMenu .List ul li { display: inline-block; padding: 0 18px; }
}
.MainBox { padding-top: 4.166%; }
/*-- 二级栏目 --*/
.MTitle { margin-top: 15px; border: 1px solid #ebbe7a; padding: 10px 25px; }
.MTitle .h3 { margin-top: -20px; font-family: 'Sans', 'Source Han Sans SemiBold', '宋体'; }
.MTitle .h3 .spanbg { background: #fff; display: inline-block; padding: 0 10px; }
.MTitle .p { padding:5px 10px 0 10px; color: #999; }

@media screen and (min-width: 1000px) {
.MTitle { padding: 15px 25px; }
.MTitle .h3 { font-size: 30px; margin-top: -34px; }
.MTitle .p { font-size: 18px; }
}
/*-- 简介 --*/
.aboutInfo .info { padding-top: 3.75%; color: #666; line-height: 2; }
.aboutInfo .right { padding-top: 3.75%; }

.productvideo { height: 14.2rem; margin-top:1rem;  position: relative; background-color: #ffffff; overflow:hidden; }
.productvid { width: 100%; height: auto; position: absolute; top: 0; left: 0; }
.productvid img { width: 100%; height: auto; }
.productvid video { width: 100%; height: 14.2rem; }
.productvid .pvplay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 3rem; height: 3rem; z-index: 3; }
.pvcon { width: 100%; height: auto; text-align: center; background-color: #d10709; padding: 4.5rem 0; box-sizing: border-box; }
.pvcon a:hover { color: #fff; text-decoration: none; }
.pvtitle, .pvtag { font-size: 2.2rem; color: #fff; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; }
.pvtag { font-size: 2.4rem; }
.pvtag { margin: 8px 0 29px; }
.pvthems { text-align: center; color: #fff; overflow: hidden; text-overflow: ellipsis; line-height: 24px; padding: 0 1rem; }
.pvbg { width: 100%; position: absolute; top: 0; left: 0; z-index: 2; height: 1; }


@media screen and (min-width: 768px) {
.productvideo { width:70%; height: 35rem; margin:0 auto;  }
.productvid{margin-top:4.645833%; }
.productvid video {  height: 35rem; }
.aboutInfo .info .infop { padding-top: 1.5%; }
.aboutInfo .left { float: left; width: 55.625%; }
.aboutInfo .right { padding-top: 0; float: right; width: 37.5%; }
.Speech .left { float: right; width: 67.96875%; }
.Speech .right { padding-top: 0; float: left; width: 24.21875%; }
}


/*-- 简介 --*/

/*-- 企业历程 --*/
.history .list ul { background: url('../images/historybg01.png') repeat-y 0 0; padding: 30px 0 0px 50px; }
.history .list ul li { margin-bottom: 10px; color: #999; }
.history .list ul li .liwrap { position: relative; }
.history .list ul li .liwrap .ibg { position: absolute; display: block; left: -55px; top: 20px; width: 20px; height: 20px; -moz-border-radius: 100%; border-radius: 100%; background: transparent; padding: 5px; }
.history .list ul li .liwrap .ibg .i { display: block; width: 10px; height: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #cdcdcd; }
.history .list ul li .liwrap .jt { display: block; position: absolute; left: -30px; top: 30px; width: 31px; height: 20px; background: url('../images/historyli01.png') no-repeat center; }
.history .list ul li .liwrap:hover .ibg { background: rgba(191, 0, 8, 0.2); }
.history .list ul li .liwrap:hover .ibg .i { background: #bf0008; }
.history .list ul .libox { border: 1px solid #ddd; padding: 20px; }
.history .list ul .libox .img { width:65%;}
.history .list ul .libox .h3 { border-bottom: 1px solid #ddd; font-size: 16px; color: #333; font-family: 'Sans', 'Source Han Sans SemiBold', '宋体'; }
.history .list ul .libox .h3 .year { font-size: 14px; }
.history .list ul .libox .txt { padding: 8px 0; margin-bottom: 8px; }

@media screen and (min-width: 1000px) {
.history .list ul { background-position: center 0; padding-left: 0; padding-top: 90px; }
.history .list ul li { width: 50%; float: left; padding-right: 52px; }
.history .list ul li.even { float: right; padding-left: 52px; padding-right: 0; margin-top: -90px; }
.history .list ul li .liwrap .ibg { left: -62px; }
.history .list ul li.odd { padding-top: 90px; }
.history .list ul li.odd .liwrap .ibg { left: auto; right: -62px; }
.history .list ul li.odd .liwrap .jt { left: auto; right: -30px; background-image: url('../images/historyli02.png'); }
.history .list ul .libox .h3 { font-size: 24px; }
.history .list ul li { margin-bottom: 0; }
}

@media screen and (min-width: 1200px) {
.history .list ul .libox { padding: 25px; }
.history .list ul .libox .img { float: left; width: 34.76635514018692%; }
.history .list ul .libox .txtbox { float: right; width: 59.81308411214953%; }
}
.historyInfo { padding-top: 5.15625%; }
.historyInfo .info { background: #f8f5f2; padding: 3.645833%; margin-top: 3.645833%; }
.historyInfo .info .left { text-align: center; padding: 20px 0; }

@media screen and (min-width: 1000px) {
.historyInfo .info .tb { display: table; }
.historyInfo .info .left { display: table-cell; width: 30%; }
.historyInfo .info .right { display: table-cell; width: 70%; }
}
/*-- 企业历程 --*/
/*-- 企业文化 --*/
.Culture .list { padding-top: 3.64583333333333%; }
.Culture .list ul { font-size: 0; margin: 0 -8px; overflow: hidden; }
.Culture .list li { display: inline-block; width: 50%; padding: 0 8px; font-size: 14px; color: #999; vertical-align: top; margin-bottom: 15px; }
.Culture .list li .libg { background: #f8f5f2; }
.Culture .list li .libox { padding: 15px; text-align: center; }
.Culture .list li .h3 { color: #333; font-weight: normal; font-family: 'Sans', 'Source Han Sans SemiBold', '宋体'; font-size: 16px; }
.Culture .list li .img { padding-bottom: 10px; }
.Culture .list li .txt { padding: 5px 15px; }

@media screen and (min-width: 768px) {
.Culture .list li { width: 25%; }
}

@media screen and (min-width: 1000px) {
.Culture .list ul { margin: 0 27px; }
.Culture .list li { width: 25%; padding: 0 27px; margin-bottom: 0; }
.Culture .list li .libox { padding: 30px 25px 40px; }
.Culture .list li .libox .txt { line-height: 24px; height: 48px; padding-left: 0; padding-right: 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.Culture .list li .libox .h3 { font-size: 18px; padding: 8px 0; }
}
/*-- 企业文化 --*/
/*-- 团队风采 --*/
.TeamStyle .ItemList { padding-top: 30px; margin-bottom: 20px; }
.TeamStyle .Title { border: 1px solid #ebbe7a; max-width: 385px; margin: 0 auto 30px; text-align: center; height: 40px; position: relative; }
.TeamStyle .Title .h3 { margin-top: -20px; text-align: center; font-weight: normal; }
.TeamStyle .Title .h3 .spant { border: 1px solid #ebbe7a; padding: 3px 15px; background: #fff; display: inline-block; font-size: 14px; text-transform: uppercase; color: #93713e; }
.TeamStyle .Title .h4 { color: #93713e; font-family: 'Sans', 'Source Han Sans SemiBold', '宋体'; font-weight: normal; position: absolute; left: 0; bottom: 0; width: 100%; bottom: -0.5em; line-height: 1em; }
.TeamStyle .Title .h4 .spant { background: #fff; padding: 0 10px; font-size: 24px; }
.TeamStyle .titleinfo { text-align: center; max-width: 910px; margin: 0 auto 5%; }
.TeamStyle .ItemList .imgbox .left { display: none; }
.TeamStyle .ItemList .imgbox .imglist img { width: 100%; }
.TeamStyle .ItemList .bnts { padding-top: 15px; text-align: center; }
.TeamStyle .ItemList .bnts a { display: inline-block; text-align: center; padding: 5px 10px; background: #ebbe7a; color: #fff; }
.TeamStyle .ItemList .bnts .btn1 { margin-right: 10px; }
.TeamStyle .list { padding-top: 3.64583333333333%; }
.TeamStyle .list ul { font-size: 0; margin: 0 -8px; overflow: hidden; }
.TeamStyle .list li { display: inline-block; width: 50%; padding: 0 8px; font-size: 14px; color: #999; vertical-align: top; margin-bottom: 15px; }
.TeamStyle .list li .libg { background: #f8f5f2; }
.TeamStyle .list li .libox { padding: 15px; text-align: center; }
.TeamStyle .list li .h3 { color: #333; font-weight: normal; font-family: 'Sans', 'Source Han Sans SemiBold', '宋体'; font-size: 16px; }
.TeamStyle .list li .img { padding-bottom: 10px; }
.TeamStyle .list li .txt { padding: 5px 15px; }

@media screen and (min-width: 768px) {
.TeamStyle .ItemList .imgbox .left { float: left; width: 57.8125%; display: block; }
.TeamStyle .ItemList .imgbox .left li { float: left; width: 32%; margin-right: 2%; margin-bottom: 2%; }
.TeamStyle .ItemList .imgbox .left li:nth-child(3n) { margin-right: 0; }
.TeamStyle .ItemList .imgbox .left li img { opacity: .6; }
.TeamStyle .ItemList .imgbox .left li a.active img { opacity: 1; }
.TeamStyle .ItemList .imgbox .right { float: right; width: 39.0625%; }
.TeamStyle .ItemList.listodd .imgbox .left { float: right; }
.TeamStyle .ItemList.listodd .imgbox .right { float: left; }
.TeamStyle .ItemList .bnts { text-align: left; }
.TeamStyle .ItemList .imgbox { -moz-border-radius: 20px 20px 0 0; border-radius: 20px 20px 0 0; overflow: hidden; }
.TeamStyle .ItemList { margin-bottom: 7.29166666666667%; }
}

@media screen and (min-width: 1000px) {
.TeamStyle .Title .h3 .spant { font-size: 16px; }
.TeamStyle .Title .h4 .spant { font-size: 30px; }
.TeamStyle .Title .h4 { bottom: -0.7em; }
.TeamStyle .Title { margin-bottom: 45px; }
}

@media screen and (min-width: 768px) {
.TeamStyle .list li { width: 25%; }
}

@media screen and (min-width: 1000px) {
.TeamStyle .list ul { margin: 0 27px; }
.TeamStyle .list li { width: 25%; padding: 0 27px; margin-bottom: 0; }
.TeamStyle .list li .libox { padding: 30px 25px 40px; }
.TeamStyle .list li .libox .txt { line-height: 24px; height: 48px; padding-left: 0; padding-right: 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.TeamStyle .list li .libox .h3 { font-size: 18px; padding: 8px 0; }
}
/*-- 团队风采 --*/
/*-- 品牌理念 --*/
.Concept { color: #666; }
.Concept .right { padding-top: 3.75%; }
.Concept .list ul { margin: 0 -8px; font-size: 0; }
.Concept .list li { display: inline-block; vertical-align: top; width: 50%; font-size: 14px; padding: 0 8px; margin-bottom: 15px; }
.Concept .list li .libox { display: block; line-height: 35px; text-align: center; background: #eae3db; color: #666; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

@media screen and (min-width: 768px) {
.Concept .info .infop { padding-top: 3%; }
.Concept .left { float: left; width: 61.015625%; }
.Concept .right { padding-top: 0; float: right; width: 29.53125%; text-align: right; }
}

@media screen and (min-width: 1000px) {
.Concept .list { padding-bottom: 30px; }
.Concept .list ul { margin: 0 -13px; }
.Concept .list li { width: 25%; padding: 0 13px; margin-bottom: 27px; }
.Concept .list li .libox { line-height: 60px; }
}
/*-- 品牌理念 --*/
/*-- 品牌形象 --*/
.brand { padding: 3.125%; margin-top: 3.125%; -webkit-box-shadow: 0 0 5px #ddd; -moz-box-shadow: 0 0 5px #ddd; box-shadow: 0 0 5px #ddd; }
.brand .title .h3 { text-align: center; font-size: 16px; font-family: 'Sans', 'Source Han Sans SemiBold', '宋体'; font-weight: normal; }
.brand .title .h3 .txtbox { display: inline-block; color: #ebbe7a; }
.brand .title .h3 .txt { padding: 0 8px; color: #333; }
.brand .title .h3 .span { position: relative; }
.brand .title .h3 .spantb { position: relative; z-index: 3; }
.brand .title .h3 .ibg { display: block; width: 100%; height: 4px; background: #ebbe7a; z-index: 2; position: absolute; left: 0; bottom: 0; }
.brand .Cont { padding: 3.125%; text-align: center; }
.brand .Cont .item { border: 1px solid #ddd; padding: 3.125%; margin-bottom: 2.6%; }
.brand .Cont .itembox ul { font-size: 0; margin: 0 -8px; overflow: hidden; }
.brand .Cont .itembox li { display: inline-block; width: 50%; margin-top: 15px; padding: 0 8px; }
.brand .Cont .itembox li a { display: block; }
.brand .Cont .itembox li a img { width: 100%; }
.brand .Cont .txtp { padding-top: 3%; }
.brand .Cont .txtp .p { display: inline-block; padding: 5px 10px; background: #ebbe7a; color: #fff; }

@media screen and (min-width: 768px) {
.brand .title .h3 { font-size: 36px; }
}

@media screen and (min-width: 1000px) {
.brand .Cont .itembox ul { margin: 0 -22px; }
.brand .Cont .itembox li { padding: 0 22px; margin-top: 45px; }
}
/*-- 品牌形象 --*/
/*-- 视频专区 --*/


.videonav { text-align: center; }
.videonav ul { overflow: hidden; font-size: 0; -moz-border-radius: 5px; border-radius: 5px; display: inline-block; }
.videonav li { display: inline-block; font-size: 14px; }
.videonav li a { -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; display: block; text-align: center; width: 110px; line-height: 35px; background: #e6e6e6; color: #666; }
.videonav li a:hover { background: #ebbe7a; color: #fff; }
.videonav li.on a { background: #ebbe7a; color: #fff; }
.videoList .list ul { padding-bottom: 4.609375%; }
.videoList .list ul li { margin-top: 15px; }
.videoList .list .libox { display: block; position: relative; color: #333; }
.videoList .list .img { position: relative; }
.videoList .list .img img { width: 100%; }
.videoList .list .btn { display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3) url('../images/videobtn01.png') no-repeat center; position: absolute; left: 0; top: 0; }
.videoList .list .txtbox { padding: 0 20px; margin-top: -30px; position: relative; z-index: 3; }
.videoList .list .txtbox .txt { background: #f4f1ee; padding: 15px; }
.videoList .list .txtbox .h3 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; color: #3c3c3c; font-size: 16px; font-family: 'Sans', 'Source Han Sans SemiBold', '宋体'; margin-bottom: 5px; }

@media screen and (min-width: 640px) {
.videoList .list ul li { width: 48%; margin-right: 4%; float: left; }
.videoList .list ul li:nth-child(2n) { margin-right: 0; }
}

@media screen and (min-width: 768px) {
.videoList .videonav li a { width: 120px; line-height: 48px; font-size: 16px; }
.videoList .list ul li { margin-top: 4.609375%; width: 29.6875%; margin-right: 5.46875%; }
.videoList .list ul li:nth-child(2n) { margin-right: 5.46875%; }
.videoList .list ul li:nth-child(3n) { margin-right: 0; }
}

@media screen and (min-width: 1000px) {
.videoList .list .txtbox { padding: 0 30px; }
.videoList .list .txtbox .h3 { margin-bottom: 15px; }
.videoList .list .txtbox .txt { padding: 50px 35px; }
}
/*-- 视频专区 --*/
/* 分页 */
.PageBox { padding: 15px 0; }
.PageBox .Pages { text-align: center; }
.PageBox .Pages ul { text-align: center;}
.PageBox .Pages ul li{ list-style-type:none; display:inline;  }
.PageBox .Pages .a_prev { color: #dcdcdc; }
.PageBox .Pages .a_next { color: #dcdcdc; }
.PageBox .Pages a { padding: 8px 10px; border: 1px solid #ededed; color: #333; font-size: 14px; margin: 0 3px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; }
.PageBox .Pages .active a { background: #ff0000; color: #fff; border: 1px solid #ff0000; }
.PageBox .Pages a:hover, .PageBox .Pages a.a_cur { background: #ff0000; color: #fff; border: 1px solid #ff0000; }
.PageBox .Pages .num { font-style: normal; }
.PageBox .Pages .num a { display: none; }

@media screen and (min-width: 768px) {
.PageBox .Pages a { padding: 10px 15px; }
.PageBox .Pages .num a { display: inline-block; padding: 8px 15px; }
}
/* 分页 */
/*-- 单片 --*/
.singleInfo .title { text-align: center; border-bottom: 1px dashed #ddd; padding-bottom: 3%; }
.singleInfo .title .h3 { color: #333; font-weight: normal; font-size: 16px; padding-bottom: 5px; }
.singleInfo .title .h4 { font-size: 14px; color: #999; font-weight: normal; }
.singleInfo .videobox { max-width: 800px; margin: 0 auto; margin-top: 3%; }
.singleInfo .videobox video { width: 100%; -o-object-fit: cover; object-fit: cover; }
.singleInfo .info { margin-top: 3%; }

@media screen and (min-width: 1000px) {
.singleInfo .title { text-align: center; }
.singleInfo .title .h3 { color: #333; font-weight: normal; font-size: 24px; padding-bottom: 10px; }
}
/*-- 单片 --*/
/*-- 新闻中心 --*/
.newList .listtop { background: #f8f5f2; }
.newList .listtop .left a { display: block; overflow: hidden; }
.newList .listtop .left a img { width: 100%; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
.newList .listtop .left a:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); }
.newList .listtop .time { padding: 8px 0; font-size: 14px; font-family: 'Sans', 'Source Han Sans SemiBold', '宋体'; }
.newList .listtop .time b { font-weight: normal; }
.newList .listtop .right { padding: 15px; }
.newList .listtop .right .h3 a { display: block; color: #333; font-weight: normal; font-size: 16px; }
.newList .listtop .right .info { margin-top: 8px; line-height: 24px; height: 48px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #999; }
.newList .listtop .right .more { display: inline-block; margin-top: 5px; position: relative; line-height: 1em; padding-right: 10px; }
.newList .listtop .right .more .txt { position: relative; z-index: 3; }
.newList .listtop .right .more .i { display: block; width: 100%; height: 3px; background: #eaeaea; position: absolute; left: 0; bottom: 0; }
.newList ul { padding-bottom: 4%; }
.newList ul li { background: #f8f5f2; margin-top: 15px; padding: 15px; }
.newList ul li .left a { display: block; overflow: hidden; }
.newList ul li .left a img { width: 100%; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
.newList ul li .left a:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); }
.newList ul li .time { padding: 8px 0; font-size: 14px; font-family: 'Sans', 'Source Han Sans SemiBold', '宋体'; }
.newList ul li .time b { font-weight: normal; }
.newList ul li .right { padding-top: 15px; background: #f8f5f2; }
.newList ul li .right .h3 a { display: block; color: #333; font-weight: normal; font-size: 16px; }
.newList ul li .right .info { margin-top: 8px; line-height: 24px; height: 48px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #999; }
.newList ul li .right .more { display: inline-block; margin-top: 5px; position: relative; line-height: 1em; padding-right: 10px; }
.newList ul li .right .more .txt { position: relative; z-index: 3; }
.newList ul li .right .more .i { display: block; width: 100%; height: 3px; background: #eaeaea; position: absolute; left: 0; bottom: 0; }

@media screen and (min-width: 768px) {
.newList .listtop { display: table; width: 100%; }
.newList .listtop .left { display: table-cell; width: 50.4%; vertical-align: middle; }
.newList .listtop .right { display: table-cell; width: 49.6%; padding-left: 20px; vertical-align: middle; }
.newList .ul li { display: table; width: 100%; }
.newList .ul li .left { display: table-cell; width: 300px; vertical-align: middle; }
.newList .ul li .right { display: table-cell; padding-top: 0; padding-left: 20px; vertical-align: middle; }
}

@media screen and (min-width: 1000px) {
.newList .listtop .time { font-size: 16px; }
.newList .listtop .time b { display: block; font-size: 30px; line-height: 1em; }
.newList .listtop .right .h3 a { font-size: 24px; }
.newList .listtop .right .more { margin-top: 40px; }
.newList .listtop .right { padding-left: 60px; padding-right: 130px; }
.newList .ul li .right { padding-left: 135px; position: relative; padding-right: 160px; }
.newList .ul li .right .time { position: absolute; left: 0; text-align: right; padding: 0; padding-right: 40px; width: 130px; }
.newList .ul li .right .time b { line-height: 1em; display: block; font-size: 30px; }
.newList ul li .right .h3 a { font-size: 18px; }
.newList ul li .right .info { margin-top: 20px; }
.newList ul li .right .more { margin-top: 40px; }
.newList ul li .right .more .iconfont { font-size: 30px; }
.newList ul li { margin-top: 30px; padding: 20px; }
}
/*-- 新闻中心 --*/
/*-- 新闻详情 --*/
.newInfo { background: #f8f5f2; padding: 4% 2%; }
.newInfo .title { text-align: center; }
.newInfo .title .h3 { font-size: 24px; color: #333; font-weight: normal; margin-bottom: 20px; }
.newInfo .title .h4 { font-size: 14px; color: #999; font-weight: normal; }
.newInfo .contxtBox { border-bottom: 1px solid #dfdcd9; border-top: 1px solid #dfdcd9; padding: 3.125% 0; margin: 8px 0; font-size: 16px; color: #222; line-height: 2; letter-spacing: 0.3px; }
.newInfo .contxtBox p { margin-bottom: 10px; }
.newInfo .divdl .dl a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.newInfo .divdl { padding-top: 15px; font-size: 16px; }
.newInfo .divdl .dl dd.last { margin-top:1em; }
@media screen and (min-width: 1200px) {
.newInfo .contxtBox .infop { margin-top: 2em; }
.newInfo .divdl { padding-top: 25px; }
.newInfo .divdl .dl dd { float: left; width: 50%; }
.newInfo .divdl .dl dd.last {  margin-top:0; text-align: right;}
}
/*-- 新闻详情 --*/
/*-- 中年鞋 --*/
.midList .ul li { margin-bottom: 10px; }
.midList .ul li .libox { display: block; color: #333; position: relative; }
.midList .ul li .libox .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #b5978a; display: none; }
.midList .ul li .libox .tb { display: table; height: 100%; width: 100%; vertical-align: middle; text-align: center; color: #fff; }
.midList .ul li .libox .tbc { display: table-cell; height: 100%; width: 100%; vertical-align: middle; text-align: center; color: #fff; }
.midList .ul li .imgbig { display: none; }
.midList .ul li .img img { width: 100%; }
.midList .ul li .txtWrap { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.midList .ul li .lihide { display: none; }
.midList .ul li .txtBox { padding: 40px 20px 0; }
.midList .ul li .dl { font-size: 0; padding: 8px 0; margin: 0 -3px; overflow: hidden; }
.midList .ul li .dl dd { display: inline-block; padding: 0 3px; }
.midList .ul li .more { display: none; }
.midList .icon { display: inline-block; width: auto; position: relative; z-index: 9; margin-bottom: 10px; padding: 5px 10px; background: #dbb985; color: #fff; z-index: 8; }

@media screen and (min-width: 640px) {
.midList .ul li { margin-bottom: 2%; float: left; width: 49%; margin-right: 2%; }
.midList .ul li:nth-child(2n) { margin-right: 0; }
}

@media screen and (min-width: 1000px) {
.midList .ul .divul { overflow: hidden; }
.midList .ul li.li1 .img { display: none; }
.midList .ul li.li1 .imgbig { display: block; }
.midList .ul li { width: 30.46875%; margin-right: 3.125%; margin-bottom: 3.125%; }
.midList .ul li:nth-child(2n) { margin-right: 3.125%; }
.midList .ul li:nth-child(3n) { margin-right: 0; }
.midList .ul li.li1 { width: 32.8125%; }
.midList .ul li.li5 { margin-right: 0; }
.midList .ul li.li6,  .midList .ul li.li7,  .midList .ul li.li8,  .midList .ul li.li9 { margin-right: 0; }
.midList .ul li.li6 .img,  .midList .ul li.li7 .img,  .midList .ul li.li8 .img,  .midList .ul li.li9 .img,  .midList .ul li.li10 .img { display: none; }
.midList .ul li.li6 .imgbig,  .midList .ul li.li7 .imgbig,  .midList .ul li.li8 .imgbig,  .midList .ul li.li9 .imgbig, .midList .ul li.li10 .imgbig { display: block; }
.midList .ul li.li6,  .midList .ul li.li8 { margin-right: 3.125%; }
.midList .ul li.li6,  .midList .ul li.li9 { width: 34.9000%; }
.midList .ul li.li7,  .midList .ul li.li8 { width: 61.8750%; }
.midList .ul li.li12 { width: 32.8125%; }
.midList .ul li.li12 .img { display: none; }
.midList .ul li.li12 .imgbig { display: block; }
.midList .ul li.li13,  .midList .ul li.li14 { margin-top: -24.09375%; }
.midList .ul li.li1:hover .bg,  .midList .ul li.li7:hover .bg,  .midList .ul li.li8:hover .bg,  .midList .ul li.li12:hover .bg { opacity: 0; overflow: hidden; display: none; }
.midList .ul li.li1 .lihide,  .midList .ul li.li7 .lihide,  .midList .ul li.li8 .lihide,  .midList .ul li.li12 .lihide { display: block; }
.midList .ul li.li1 .lihide .h3,  .midList .ul li.li7 .lihide .h3,  .midList .ul li.li8 .lihide .h3,  .midList .ul li.li12 .lihide .h3 { font-size: 18px; color: #333; font-weight: normal; }
.midList .ul li.li1 .lihide .h4,  .midList .ul li.li7 .lihide .h4,  .midList .ul li.li8 .lihide .h4,  .midList .ul li.li12 .lihide .h4 { font-weight: normal; font-size: 14px; color: #999; }
.midList .ul li.li1 .ml,  .midList .ul li.li7 .ml,  .midList .ul li.li8 .ml,  .midList .ul li.li12 .ml { display: none; }
.midList .ul li.li1 .more,  .midList .ul li.li7 .more,  .midList .ul li.li8 .more,  .midList .ul li.li12 .more { display: inline-block; padding: 0 10px; position: relative; line-height: 1em; margin-top: 1em; }
.midList .ul li.li1 .more .spantxt,  .midList .ul li.li7 .more .spantxt,  .midList .ul li.li8 .more .spantxt,  .midList .ul li.li12 .more .spantxt { display: inline-block; z-index: 4; line-height: 1em; position: relative; }
.midList .ul li.li1 .more .ibg,  .midList .ul li.li7 .more .ibg,  .midList .ul li.li8 .more .ibg,  .midList .ul li.li12 .more .ibg { display: block; width: 100%; bottom: 0; height: 3px; background: #ebbe7a; z-index: 3; position: absolute; left: 0; }
.midList .ul li .libox:hover .bg { display: block; }
.midList .ul li .bg .more { display: inline-block; padding: 0 10px; position: relative; line-height: 1em; margin-top: 1em; color: #fff; }
.midList .ul li .bg .more .spantxt { display: inline-block; z-index: 4; line-height: 1em; position: relative; }
.midList .ul li .bg .more .ibg { display: block; width: 100%; bottom: 0; height: 3px; background: #ebbe7a; z-index: 3; position: absolute; left: 0; }
}
.midListInfo .ZJMultilinkage { margin: 0 auto; }
.midListInfo .ZJMultilinkage .list_img { position: relative; }
.midListInfo .ZJMultilinkage .big_img { position: relative; width: 82.03125%; border: 1px solid #ccc; float: left;padding: 30px 0;  background: #fff; }
.midListInfo .ZJMultilinkage .big_img img { width: 100%; }
.midListInfo .ZJMultilinkage .listbox { position: relative; padding: 20px 0; }
.midListInfo .ZJMultilinkage .list { position: relative; float: right; width: 14.32291666666667%; height: 100%; }
.midListInfo .ZJMultilinkage .list .bd { position: relative; width: 100%; padding: 0; }
.midListInfo .ZJMultilinkage .list a { position: absolute; width: 100%; height: 20px; left: 0; top: 0; background: url('../images/Bup.png') no-repeat center; cursor: pointer; z-index: 5;}
.midListInfo .ZJMultilinkage .list a.prev { top: 0; }
.midListInfo .ZJMultilinkage .list a.next { top: auto; bottom: 0; background-image: url('../images/Bdown.png'); }
.midListInfo .ZJMultilinkage .list a.prevStop, .midListInfo .ZJMultilinkage .list a.nextStop { cursor: default; }
.midListInfo .ZJMultilinkage .list li { position: relative; width: 100%; margin-bottom: 25%; }
.midListInfo .ZJMultilinkage .list li .Ispic { width: 100%; }
.midListInfo .ZJMultilinkage .list li .imgBox { border: 2px solid #e5e5e5; opacity: .8; }
.midListInfo .ZJMultilinkage .list li.on .imgBox { border: 2px solid #dbb985; opacity: 1; }
.midListInfo .porInfoRight { margin-top: 15px; }
.midListInfo .porInfoRight .h1 { background: #f1efea; padding: 8px 15px; color: #333; }
.midListInfo .porInfoRight .rightInfo { padding-left: 15px; padding-top: 10px; }
.midListInfo .porInfoRight .rightInfo label{ display:block;}
.midListInfo .porInfoRight .rightInfo .p { margin-bottom: 5px; }
.midListInfo .porInfoRight .btns { padding: 15px 0; }
.midListInfo .porInfoRight .btns a { display: inline-block; width: 120px; line-height: 35px; background: #dbb985; color: #fff; text-align: center; }
.midListInfo .porInfoRight .btns a:hover { background: #cfb7b2; }
.midListInfo .infoBox { margin-top: 3.64583333333333%; }
.midListInfo .infoBox .title .h3 { display: inline-block; background: #ebbe7a; font-weight: normal; color: #fff; padding: 5px 8px; font-size: 14px; }
.midListInfo .infoBox .Contxt { background: #fff; padding: 15px; border: 1px solid #ddd; text-align: center; color: #666; }
.midListInfo .infoBox .Contxt .titp { max-width: 726px; margin: 0 auto; }
.max_1000 { max-width: 1000px; margin: 0 auto; }

.productul{text-align:left;}
.productul p{ margin-bottom:15px;}
.productul ul{list-style:none; margin:0 auto; padding:0; overflow:hidden;}
.productul li{ float:left; width:50%;line-height:30px}


@media screen and (min-width: 768px) {
.midListInfo .ZJMultilinkage .listbox { padding: 40px 0; }
.midListInfo .porInfoLeft { float: left; width: 60%; }
.midListInfo .porInfoRight { margin-top: 0; float: right; width: 40%; padding-left: 6.25%; }
.midListInfo .porInfoRight .btns a { line-height: 45px; }
}

@media screen and (min-width: 1000px) {
.midListInfo .porInfoRight .h1 { padding:15px 20px; font-size: 20px; line-height: 1.8; }
.midListInfo .porInfoRight .rightInfo { padding-top: 20px; padding-left: 25px; }
.midListInfo .porInfoRight .rightInfo .p { margin-bottom: 15px; }
.midListInfo .infoBox .Contxt { padding: 70px; }
.midListInfo .infoBox .Contxt .titp { padding-bottom: 60px; font-size: 16px; }
.midListInfo .infoBox .title .h3 { padding: 15px 30px; }
.productul li{ float:left; width:33%;line-height:30px}
}
/*-- 中年鞋 --*/
/*-- 线上培训 --*/
.Training .listtop { background: #f8f5f2; overflow:hidden; }
.Training .left a { display: block; }
.Training .left a img { width: 100%; }
.Training .rightBox { padding: 15px; }
.Training .h3 a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #333;  font-size: 16px; }
.Training .info { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin: 10px 0; line-height: 24px; height: 48px; }
.Training .btns .time { color: #333; }
.Training .btns .more { color: #ebbe7a; display: inline-block; margin-left: 15px; }
.Training .list { padding: 15px 0; }
.Training .list ul { border-top: 1px dashed #ddd; }
.Training .list ul li { border-bottom: 1px dashed #ddd; }
.Training .list ul li .libox { position: relative; padding-right: 90px; line-height: 40px; padding-left: 15px; }
.Training .list ul li .ibg { display: block; width: 4px; height: 4px; position: absolute; left: 0; top: 50%; margin-top: -2px; -moz-border-radius: 100%; border-radius: 100%; background: #c7c7c7; }
.Training .list ul li a { display: block; color: #222; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; }
.Training .list ul li a:hover{color:#ebbe7a;}
.Training .list ul li .time { position: absolute; right: 0; top: 0; }

@media screen and (min-width: 640px) {
.Training .listtop { position: relative; width: 100%; padding-left: 369px; min-height: 208px; }
.Training .listtop .left { width: 369px; position: absolute; left: 0; top: 0; }
.Training .listtop .rightBox { overflow: hidden; padding-top: 50px; }
}

@media screen and (min-width: 1000px) {
.Training .listtop .rightBox { padding: 45px; }
.Training .h3 a { font-size: 20px; }
.Training .list { padding: 30px 0 70px; }
.Training .list ul li .libox { line-height: 50px; }
}

/*-- freelist --*/
.freelist .listtop { background: #f8f5f2; overflow:hidden; }
.freelist .left a { display: block; }
.freelist .left a img { width: 100%; }
.freelist .rightBox { padding: 15px; }
.freelist .h3 a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #333; font-weight: normal; font-size: 16px; }
.freelist .info { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin: 10px 0; line-height: 24px; height: 48px; }
.freelist .btns .time { color: #333; }
.freelist .btns .more { color: #ebbe7a; display: inline-block; margin-left: 15px; }
.freelist .list { padding: 15px 0; }
.freelist .list ul { border-top: 1px dashed #ddd; }
.freelist .list ul li { border-bottom: 1px dashed #ddd; }
.freelist .list ul li .libox { position: relative; padding-right: 15px; line-height: 40px; padding-left: 15px; }
.freelist .list ul li .ibg { display: block; width: 4px; height: 4px; position: absolute; left: 0; top: 50%; margin-top: -2px; -moz-border-radius: 100%; border-radius: 100%; background: #c7c7c7; }
.freelist .list ul li a { display: block; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.freelist .list ul li a:hover{color:#ebbe7a;}
.freelist .list ul li .time { position: absolute; right: 0; top: 0; }

@media screen and (min-width: 640px) {
.freelist .listtop { position: relative; width: 100%; padding-left: 369px; min-height: 208px; }
.freelist .listtop .left { width: 369px; position: absolute; left: 0; top: 0; }
.freelist .listtop .rightBox { overflow: hidden; padding-top: 50px; }
}

@media screen and (min-width: 1000px) {
.freelist .listtop .rightBox { padding: 45px; }
.freelist .h3 a { font-size: 20px; }
.freelist .list { padding: 30px 0 70px; }
.freelist .list ul li .libox { line-height: 50px; }
}


/*-- 线上培训 --*/
.szTraining ul.ul { overflow: hidden; margin: 0 -7px; font-size: 0; }
.szTraining ul.ul li { display: inline-block; width: 50%; padding: 0 7px; font-size: 14px; margin-bottom: 15px; }
.szTraining ul.ul .libox { display: block; color: #333; }
.szTraining ul.ul .img img { width: 100%; }
.szTraining ul.ul .h3 { font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 10px; font-size: 16px; }
.szTraining ul.ul .time { font-size: 12px; padding: 5px 0; color: #999; }
.szTraining ul.ul .txtbox { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 48px; line-height: 24px; font-size: 12px; color: #999; }

@media screen and (min-width: 768px) {
.szTraining ul.ul { margin: 0 -14px; }
.szTraining ul.ul li { width: 33.33%; padding: 0 14px; margin-bottom: 28px; }
}

@media screen and (min-width: 1000px) {
.szTraining ul.ul { margin: 0 -23px; }
.szTraining ul.ul li { width: 25%; padding: 0 23px; margin-bottom: 46px; }
}
/*-- 讲师团队 --*/
.Lecturer .list { padding: 0 30px; position: relative; }
.Lecturer .list .btns .btn1 { display: block; line-height: 30px; position: absolute; left: 0; top: 50%; margin-top: -15px; }
.Lecturer .list .btns .btn2 { display: block; line-height: 30px; position: absolute; right: 0; top: 50%; margin-top: -15px; }
.Lecturer .list .btns .iconfont { font-size: 22px; color: #eae3db; }
.Lecturer .list .btns .iconfont:hover { color: #ebbe7a; }
.Lecturer .list .itembox { padding: 3px; }
.Lecturer .list .libox { color: #333; display: block; text-align: center; border: 1px solid #ddd; padding: 40px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
.Lecturer .list .libox:hover { border-color: #dbb985; color: #fff; background: #dbb985; }
.Lecturer .list .libox:hover .img { border-color: #e6cca4; }
.Lecturer .list .libox:hover .time, .Lecturer .list .libox:hover .info { color: #fff; }
.Lecturer .list .img { max-width: 150px; margin: 0 auto; -moz-border-radius: 150px; border-radius: 150px; overflow: hidden; border: 5px solid transparent; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
.Lecturer .list .h3 { margin-top: 0px; padding: 10px 0; font-size: 16px; font-weight: normal; }
.Lecturer .list .time { color: #999; }
.Lecturer .list .info { color: #999; }

@media screen and (min-width: 1000px) {
.Lecturer .list { padding: 0 70px; }
.Lecturer .list .btns .iconfont { font-size: 40px; }
}
/*-- 讲师团队 --*/
/*-- 联系我们 --*/
.Contact .listtop .left .img img { width: 100%; }
.Contact .listtop .right { padding: 15px; background: url('../images/conbg01.jpg') no-repeat center; -moz-background-size: cover; background-size: cover; }
.Contact .listtop .right .h3 { font-weight: normal; font-size: 16px; color: #333; }
.Contact .listtop .right .info { margin: 10px 0; }
.Contact .listtop .right a.more { color: #333; }
.Contact .listtop .right a.more .iconfont { color: #ff0505; }
.Contact .list li { margin-top: 15px; }
.Contact .list .libox { padding: 15px; position: relative; background: #fff; }
.Contact .list .libox .img { width: 140px; margin-bottom: 8px; }
.Contact .list .libox .h3 { font-weight: normal; font-size: 16px; color: #333; }
.Contact .list .libox .info { margin: 8px 0; }
.Contact .list .libox a.more { color: #333; }
.Contact .list .libox a.more .iconfont { color: #ff0505; }
.Contact .list li.last .libox .tel { color: #ff0505; font-size: 28px; }

@media screen and (min-width: 768px) {
.Contact .listtop { position: relative; padding-left: 32.03125%; }
.Contact .listtop .left { width: 45.46875%; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.Contact .listtop .right { -webkit-box-shadow: 0 0 10px #ddd; -moz-box-shadow: 0 0 10px #ddd; box-shadow: 0 0 10px #ddd; padding-left: 27.58620689655172%; }
.Contact .listtop .right .tb { display: table; width: 100%; }
.Contact .listtop .right .tbc { display: table-cell; height: 300px; vertical-align: middle; }
.Contact .listtop .right .h3 { font-size: 24px; }
.Contact .list .libox { height: 210px; padding: 35px; padding-left: 220px; padding-right: 105px; }
.Contact .list .last .libox { padding-left: 35px; }
.Contact .list .img { position: absolute; left: 35px; top: 35px; }
.Contact .list .more { display: block; width: 104px; border-left: 1px solid #ddd; text-align: center; height: 100px; position: absolute; right: 0; top: 35px; padding-top: 40px; }
.Contact .list .more .iconfont { position: absolute; left: 0; top: 0; width: 100%; line-height: 40px; text-align: center; }
}

@media screen and (min-width: 1000px) {
.Contact .listtop { position: relative; padding-left: 32.03125%; }
.Contact .listtop .left { width: 45.46875%; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.Contact .listtop .right { -webkit-box-shadow: 0 0 10px #ddd; -moz-box-shadow: 0 0 10px #ddd; box-shadow: 0 0 10px #ddd; padding-left: 27.58620689655172%; }
.Contact .listtop .right .tb { display: table; width: 100%; }
.Contact .listtop .right .tbc { display: table-cell; height: 410px; vertical-align: middle; }
.Contact .listtop .right .h3 { font-size: 24px; }
.Contact .listtop .right .info { margin-top: 20px; min-height: 100px;line-height: 24px; }
.Contact .list { padding-top: 20px; }
.Contact .list ul { font-size: 0; margin: 0 -10px; overflow: hidden; }
.Contact .list ul li { font-size: 14px; vertical-align: top; margin-top: 20px; display: inline-block; width: 50%; padding: 0 10px; }
.Contact .list .libox .h3 { font-size: 20px; }
.Contact .list .last .libox .info { margin-top: 20px; }
}
.mapMask .map { height: 300px; border: 2px solid #ebbe7a; }
.mapMask .map img { max-width: none; }
.mapMask { position: fixed; display: none; background: rgba(0, 0, 0, 0.8); left: 0; top: 0; z-index: 9999; }
.mapMask .MaskBox { z-index: 999; max-width: 1280px; margin: 0 auto; position: relative; }
.mapMask .MaskBox a.MaskClore { display: block; width: 40px; height: 40px; font-size: 24px; color: #fff; position: absolute; right: 0; top: -40px; line-height: 40px; text-align: center; }

@media screen and (min-width: 1200px) {
.mapMask .map { height: 480px; }
}
/*-- 联系我们 --*/
/*-- 行业趋势 --*/
.Trends { background: #fff; padding: 15px; }
.Trends .listtop { background: #f7f7f7; }
.Trends .listtop .left .infotxt { padding: 15px; font-size: 16px; color: #333; line-height: 1.8em; }
.Trends .listtop .left .infotxt .span { position: relative; font-size: 1.2em; line-height: 1.2em; }
.Trends .listtop .left .infotxt .span .txt { position: relative; z-index: 4; color: #bc8a5c; }
.Trends .listtop .left .infotxt .span .ibg { position: absolute; left: 0; bottom: 5px; width: 100%; height: 3px; background: #e5d6c8; }
.Trends .listtop .right .img img { width: 100%; }
.Trends .list { padding-top: 6.25%; }
.Trends .list .title { text-align: center; font-size: 18px; font-family: 'Sans', 'Source Han Sans SemiBold', '宋体'; color: #333; padding-bottom: 3.25%; }
.Trends .list .ul li { padding: 15px; display: table; width: 100%; margin-top: 15px; background: #f7f7f7; }
.Trends .list .ul li .num { width: 50px; display: table-cell; vertical-align: middle; }
.Trends .list .ul li .libox { padding: 10px; position: relative; display: table-cell; vertical-align: middle; }
.Trends .list .ul li .txt { margin: 5px 0; position: relative; z-index: 3; }
.Trends .list .ul li .h3 { color: #ebbe7a; font-weight: normal; font-size: 16px; position: relative; z-index: 3; }
.Trends .listimg { padding-top: 6.015625%; }

@media screen and (min-width: 768px) {
.Trends .listtop { display: table; width: 100%; }
.Trends .listtop .left { display: table-cell; width: 50%; vertical-align: middle; padding-left: 5.46875%; }
.Trends .listtop .right { display: table-cell; width: 50%; vertical-align: middle; }
.Trends .list .ul li { padding: 20px 40px; }
.Trends .list .ul li .num { width: 99px; }
.Trends .list .ul li .libox { padding-left: 25px; }
.Trends .list .ul li .txt { max-width: 720px; }
}

@media screen and (min-width: 1000px) {
.Trends .list .title .h3 { font-size: 40px; }
.Trends .list .ul li { font-size: 16px; }
.Trends .list .ul li .h3 { font-size: 24px; }
}

@media screen and (min-width: 1000px) {
.Trends { padding: 3.64583333% 2.734375%; }
}
/*-- 行业趋势 --*/
/*-- 品牌实力 --*/
.J_make .JF1 .left .info { padding-top: 10px; }
/*.J_make .JF1 .left .h3 { font-size: 15px; font-weight: normal; color: #2e2421; }*/
.J_make .JF1 .right { text-align: center; }
.J_make .JF1 .jbottom { text-align: center; padding-top: 5%; }
.J_make .JF2 { padding: 6.25% 0; }
.J_make .JF2 .b_map { display: none; }
.J_make .JF2 .mapbottomtxt { display: none; }
.J_make .JF2 .bsbox .th3 .h3 { line-height: 35px; font-weight: normal; font-size: 16px; padding: 0 30px; text-align: center; margin-bottom: 10px; }
.J_make .JF2 .bsbox .img{ text-align:center;}
.J_make .JF2 .bsbox .img img { width: 80%; }
.J_make .JF2 .bsbox .txt { width: 80%; margin:0 auto; margin-top:10px; background: #fff; line-height:2; }
.J_make .JF2 .mapright { position: relative; padding: 10px 0; border: 1px solid #ddd; background: #fff; margin:1rem 0; }
.J_make .JF2 .btns .btn1 { position: absolute; left: 10px; top: 10px; line-height: 35px; z-index: 5; }
.J_make .JF2 .btns .btn2 { position: absolute; right: 10px; top: 10px; line-height: 35px; z-index: 5; }
.J_make .JF3 { padding: 6.25% 0; }
.J_make .JF3 .list { padding: 3% 0; }
.J_make .JF3 .list ul { overflow: hidden; font-size: 0; margin: 0 -10px; }
.J_make .JF3 .list li { display: inline-block; margin-top: 10px; padding: 0 10px; font-size: 14px; vertical-align: top; width: 50%; text-align: center; }
.J_make .JF3 .list li .spantxt { display: inline-block; padding: 5px 10px; background: #ebbe7a; color: #fff; }
.J_make .JF3 .list li .img { margin: 0 auto 10px; max-width: 158px; -moz-border-radius: 100%; border-radius: 100%; border: 3px solid #ebbe7a; }

@media screen and (min-width: 768px) {
.J_make .JF3 .list li { width: 33.33%; }
}

@media screen and (min-width: 1000px) {
.J_make .JF3 .list li { width: 20%; }
.J_make .JF3 .list li.li2,  .J_make .JF3 .list li.li4 { margin-top: 50px; }
.J_make .JF3 .list li.li3 { margin-top: 90px; }
}

@media screen and (min-width: 1200px) {
.J_make .JF1 .left { float: left; width: 59.765625%; }
.J_make .JF1 .left .info { padding-top: 4%; }
/*.J_make .JF1 .left .h3 { font-size: 20px; }*/
.J_make .JF1 .left .ptxt { margin-top: 2em; }
.J_make .JF1 .right { float: right; width: 33.984375%; }
.J_make .JF2 .Fbox { padding: 0 3%; margin: 0 auto; /*m_content_side*/
}
.J_make .JF2 .Fbox .maptoptxt { display: none; }
.J_make .JF2 .Fbox .mapbottomtxt { display: block; }
.J_make .JF2 .Fbox .map { padding-top: 5%; }
.J_make .JF2 .Fbox .map .img { display: none; }
.J_make .JF2 .Fbox .map .mapbg { padding-right: 20px; width: 767px;  height:auto; float: left; }
.J_make .JF2 .Fbox .mapright { float: right; width: 332px; }
.J_make .JF2 .Fbox .e_map_tags { z-index: 1; position: relative; }
.J_make .JF2 .Fbox .e_map_tags li { width: 90px; height: 33px; z-index: 1; position: absolute; text-align: center; padding-bottom: 8px; display: block; font: bold 12px/25px arial; background: url('../images/map_tag1.png') no-repeat 0px 0px; color: #fff; top: 0px; cursor: pointer; left: 0px; }
.J_make .JF2 .Fbox .e_map_tags .m_shijiazhuang { top: 241px; left: 536px; }
.J_make .JF2 .Fbox .e_map_tags .m_shenyang { top: 161px; left: 636px; }
.J_make .JF2 .Fbox .e_map_tags .m_beijing { top: 371px; left: 316px; }
.J_make .JF2 .Fbox .e_map_tags .m_henan { top: 295px; left: 526px; }
.J_make .JF2 .Fbox .e_map_tags .m_xian { background: url('../images/map_tag2.png') no-repeat 0px 0px; top: 308px; left: 365px; }
.J_make .JF2 .Fbox .e_map_tags .m_zhuzhou { top: 408px; left: 513px; }
.J_make .JF2 .Fbox .e_map_tags .m_chengdu { background: url('../images/map_tag2.png') no-repeat 0px 0px; top: 355px; left: 295px; }
.J_make .JF2 .Fbox .e_map_tags .m_xinjiang { top: 145px; left: 195px; }
.J_make .JF2 .Fbox .e_map_tags .m_hangzhou { top: 362px; left: 618px; }
.J_make .JF2 .Fbox .e_map_tags li:hover { background-position: 0px -38px; }
.J_make .JF2 .Fbox .e_map_tags li.hover,  .J_make .JF2 .Fbox .e_map_tags .centers { background-position: 0px -38px; }
.J_make .JF2 .Fbox .e_map_info { z-index: 2; position: relative; }
.J_make .JF2 .Fbox .e_map_info .m_content { z-index: 1; border: #ccc 1px solid; position: absolute; padding: 25px 20px; background-color: #fff; width: 270px; display: block; top: 0px; left: 0px; }
.J_make .JF2 .Fbox .e_map_info .hide { display: none; }
.J_make .JF2 .Fbox .e_map_info .m_content i { z-index: 1; position: absolute; width: 8px; bottom: -8px; display: block; height: 8px; overflow: hidden; right: -1px; _right: -2px; }
.J_make .JF2 .Fbox .e_map_info .m_content h4 { padding-left: 180px; font: 16px; margin-bottom: 18px; height: 50px; }
.J_make .JF2 .Fbox .e_map_info .m_content p { font: 14px; line-height: 30px; }
.J_make .JF2 .Fbox .e_map_info .m_beijing { top: 83px; left: 768px; }
.J_make .JF2 .Fbox .e_map_info .m_shenyang { top: 83px; left: 768px; }
.J_make .JF2 .Fbox .e_map_info .m_shijiazhuang { top: 83px; left: 768px; }
.J_make .JF2 .Fbox .e_map_info .m_henan { top: 83px; left: 768px; }
.J_make .JF2 .Fbox .e_map_info .m_xinjiang { top: 83px; left: 768px; }
.J_make .JF2 .Fbox .e_map_info .m_chengdu { top: 83px; left: 768px; }
.J_make .JF2 .Fbox .e_map_info .m_xian { top: 83px; left: 768px; }
.J_make .JF2 .Fbox .e_map_info .m_zhuzhou { top: 83px; left: 768px; }
.J_make .JF2 .Fbox .e_map_info .m_hangzhou { top: 83px; left: 768px; }
.J_make .JF2 .Fbox .m_content_side { height: 1px; width: 100%; position: relative; }
.J_make .JF2 .Fbox .m_content_side a { position: absolute; top: 0; z-index: 2; float: left; width: 30px; height: 30px; }
.J_make .JF2 .Fbox .m_content_side a img { width: 30px; height: 30px; }
.J_make .JF2 .Fbox .m_content_side a.m_left { left: 0px; }
.J_make .JF2 .Fbox .m_content_side a.m_right { right: 0; }
.J_make .JF2 .b_map { display: block; }
.J_make .JF2 .mapbottomtxt {/* padding-top: 5%;*/ }
.J_make .JF2 .mapright { padding: 20px 0; }
.J_make .JF2 .btns .iconfont { font-size: 24px; }
.J_make .JF2 .btns .btn1 { line-height: 45px; top: 20px; left: 20px; }
.J_make .JF2 .btns .btn2 { line-height: 45px; top: 20px; right: 20px; }
.J_make .JF2 .bsbox .th3 .h3 { font-size: 24px; line-height: 45px; }
}
.J_make .JF4 { background: #fff; padding: 15px; }
.J_make .JF4 .MainTitle { text-align: center; }
.J_make .JF4 .MainTitle .h2 { display: inline-block; }
.J_make .JF4 .box .left .info { padding-top: 10px; }
.J_make .JF4 .box .left .h3 { font-size: 15px; font-weight: normal; color: #2e2421; }
.J_make .JF4 .box .right { text-align: center; }
.J_make .JF4 .box .jbottom { text-align: center; padding-top: 5%; }
.J_make .JF5 { margin-top: 5.46875%; background: #fff; padding: 15px; }
.J_make .JF5 .MainTitle { text-align: center; }
.J_make .JF5 .MainTitle .h2 { display: inline-block; }
.J_make .JF5 .boxtxt { padding-top: 5.46875%; }
.J_make .JF5 .txtimg { text-align: center; padding-top: 5.46875%; }
.J_make .JF6 { margin-top: 5.46875%; }
.J_make .JF6 .MainTitle { text-align: center; }
.J_make .JF6 .MainTitle .h2 { display: inline-block; }
.J_make .JF6 .box { margin-top: 5.46875%; }
.J_make .JF6 .box .list { padding-top: 3.64583333333333%; }
.J_make .JF6 .box .list ul { font-size: 0; margin: 0 -8px; overflow: hidden; }
.J_make .JF6 .box .list li { display: inline-block; width: 50%; padding: 0 8px; font-size: 14px; color: #999; vertical-align: top; margin-bottom: 15px; }
.J_make .JF6 .box .list li .libg { background: #FFF; }
.J_make .JF6 .box .list li .libox { padding: 15px; text-align: center; }
.J_make .JF6 .box .list li .h3 { color: #333; font-weight: normal; font-family: 'Sans', 'Source Han Sans SemiBold', '宋体'; font-size: 16px; }
.J_make .JF6 .box .list li .img { padding-bottom: 10px; }
.J_make .JF6 .box .list li .txt { padding: 5px 15px; }

@media screen and (min-width: 768px) {
.J_make .JF6 .box .list li { width: 25%; }
}

@media screen and (min-width: 1000px) {
.J_make .JF6 .box .list ul { margin: 0 27px; }
.J_make .JF6 .box .list li { width: 25%; padding: 0 27px; margin-bottom: 0; }
.J_make .JF6 .box .list li .libox { padding: 30px 25px 40px; }
.J_make .JF6 .box .list li .libox .txt { line-height: 24px; height: 48px; padding-left: 0; padding-right: 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.J_make .JF6 .box .list li .libox .h3 { font-size: 18px; padding: 8px 0; }
}

@media screen and (min-width: 1000px) {
.J_make .JF4,  .J_make .JF5 { padding: 5.46875%; }
.J_make .JF4 .left { float: left; width: 59.765625%; }
.J_make .JF4 .left .info { padding-top: 4%; }
.J_make .JF4 .left .h3 { font-size: 20px; }
.J_make .JF4 .left .ptxt { margin-top: 2em; }
.J_make .JF4 .right { float: right; width: 33.984375%; }

.J_make .JF4 .cpyoushi1 { padding: 3.46875%;}
.J_make .JF4 .cpyoushi1 .left { float: left;width: 33.984375%; }
.J_make .JF4 .cpyoushi1 .left .info { padding-top: 4%; }
.J_make .JF4 .cpyoushi1 .left .h3 { font-size: 20px; }
.J_make .JF4 .cpyoushi1 .left .ptxt { margin-top: 2em; }
.J_make .JF4 .cpyoushi1 .right { float: right; width: 59.765625%; padding-top:70px;  }
.J_make .JF4 .cpyoushi { padding: 3.46875%;}
.J_make .JF4 .cpyoushi .left{ padding-top:70px;  }
}

/*-- 品牌实力 --*/
/*-- 加盟模式 --*/
.Jtitle{ margin-top:1.8rem;}
.Jtitle .title .h3 { text-align: center; font-size: 20px; font-family: 'Sans', 'Source Han Sans SemiBold', '宋体';  }
.Jtitle .title .h3 .txtbox { display: inline-block; color: #ebbe7a; }
.Jtitle .title .h3 .txt { padding: 0 0; color: #333; }
.Jtitle .title .h3 .span { position: relative; top:0; }
.Jtitle .title .h3 .spantb { position: relative; z-index: 3; line-height: 1px; }
.Jtitle .title .h3 .spantb2  {font-size: 16px;}
.Jtitle .title .h3 .ibg { display: none; width: 100%; height: 4px; background: #ebbe7a; z-index: 2; position: absolute; left: 0; bottom: 0; }
.Jtitle .title .h3 .spantbb { text-align: center; font-size: 12px; display: block; color: #ebbe7a; }
.Jtitle .title .h3 .khl { }
.Training .Jtitle ,.szTraining .Jtitle ,.Lecturer .Jtitle  { margin-bottom: 15px; }
@media screen and (min-width: 768px) {
.Jtitle .title .h3 .ibg { display: block; }
.Jtitle .title .h3 .khl { display: inline; }
}

@media screen and (min-width: 1000px) {
.Jtitle .title .h3 { font-size: 50px; font-weight:normal; }
.Jtitle .title .h3 .txt { padding: 0 8px; }
.Jtitle .title .h3 .span { font-size: 30px; position: relative; top: -20px; }
.Jtitle2 .title .h3 .span { top: -13px; }
.Jtitle .title .h3 .spantbb { position: relative; top: -26px; font-size: 14px; }
.Jtitle .title .h3 .ibg { height: 10px; }
.JoinMode1 .Jtitle .title .h3 .span { top: -13px; }
.JoinMode2 .Jtitle .title .h3 .span,  .TrainingSystem .Jtitle .title .h3 .span ,.Training .Jtitle .title .h3 .span,.szTraining .Jtitle .title .h3 .span,.Lecturer .Jtitle .title .h3 .span { top: -13px; }
}
.JoinMode { background: #fff; padding: 15px 0; }
.JoinMode .F1 { padding-top: 2%; }
.JoinMode .F1 .titleh3 { text-align: center; }
.JoinMode .F1 .titleh3 .h4 { margin-bottom: 2.34375%; }
.JoinMode .F1 .titleh3 .h4 .span { display: inline-block; padding: 5px 10px; border: 1px solid #ebbe7a; color: #ebbe7a; }
.JoinMode .F1 .titleh3 .h3 { border-bottom: 1px dashed #ebbe7a; font-size: 18px; font-family: 'Sans', 'Source Han Sans SemiBold', '宋体'; }
.JoinMode .F1 .titleh3 .h3 .span { display: inline-block; background: #ebbe7a; padding: 5px 10px; color: #fff; }
.JoinMode .F1 .titleh3 .h5 { font-size: 14px; color: #999; font-weight: normal; line-height: 30px; }
.JoinMode .F1 .box .img { text-align: center; padding-top: 2%; }
.JoinMode .F1 .txtb { text-align: center; margin-top: 3.25%; }
.JoinMode .F1 .txtb .tbox { display: inline-block; padding: 0 10px; position: relative; font-size: 22px; }
.JoinMode .F1 .txtb .t { position: relative; z-index: 3; }
.JoinMode .F1 .txtb .tg { display: block; position: absolute; left: 0; bottom: 5px; width: 100%; height: 5px; background: #e3c9a6; }
.JoinMode .F2 .list { padding-top: 6.25%; }
.JoinMode .F2 .list li { margin-bottom: 15px;width: 49%;  float: left;  padding-left: 1%; }
.JoinMode .F2 .list .libox { background: #fff; text-align: center; padding: 20px; }
.JoinMode .F2 .list .img { padding-bottom: 15px; }
.JoinMode .F2 .list .h3 { font-size: 16px; font-family: 'Sans', 'Source Han Sans SemiBold', '宋体'; }
.JoinMode .F2 .list .txt { margin-top: 5px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; height: 66px; }
.JoinMode1 { background: #f8f5f2; }

@media screen and (min-width: 768px) {
.JoinMode { padding: 5.46875% 0; }
.JoinMode .F2 .list ul { margin: 0 -10px; overflow: hidden; font-size: 0; }
.JoinMode .F2 .list li { font-size: 14px; padding: 0 10px; display: inline-block; width: 33.33%; }
.JoinMode .F2 .list .libox { padding: 20px; }
.JoinMode .F2 .list .h3 { font-size: 24px; }
.JoinMode1 { padding-bottom: 0; }
}

@media screen and (min-width: 1000px) {
.JoinMode .F1 .titleh3 .h4 .span { font-size: 18px; }
.JoinMode .F1 .titleh3 .h3 { font-size: 24px; }
.JoinMode .F1 .titleh3 .h5 { font-size: 18px; line-height: 45px; }
.JoinMode .F1 .txtb .tbox { font-size: 30px; }
.JoinMode .F1 .txtb .tg { height: 30px; bottom: -5px; }
.JoinMode .F2 .list ul { margin: 0 -30px; }
.JoinMode .F2 .list li { padding: 0 30px; }
.JoinMode .F2 .list li .libox { padding: 40px; }
.JoinMode .F2 .list .img { margin-bottom: 6.35%; }
.JoinMode .F2 .list .txt { margin-top: 15px; font-size: 16px; }
}
.JoinMode2 { background: #fff; }
.JoinMode2 .list { padding-top: 6.25%; }
.JoinMode2 .list .ul li { padding: 15px; display: table; width: 100%; margin-top: 15px; }
.JoinMode2 .list .ul li .num { width: 50px; display: table-cell; vertical-align: middle; }
.JoinMode2 .list .ul li .libox { padding: 10px; position: relative; display: table-cell; vertical-align: middle; }
.JoinMode2 .list .ul li .txt { margin: 5px 0; position: relative; z-index: 3; }
.JoinMode2 .list .ul li .h3 { color: #d9232f; font-weight: normal; font-size: 16px; position: relative; z-index: 3; }
.JoinMode2 .list .liimg { text-align: center; padding: 6.25% 0; }
.JoinMode2 .list .liimgbottom { text-align: center; background: #f7f6f6; margin: 6.25% 0; }

@media screen and (min-width: 768px) {
.JoinMode2 .list .ul li { padding: 20px 40px; }
.JoinMode2 .list .ul li .num { width: 101px; }
.JoinMode2 .list .ul li .libox { padding-left: 25px; }
.JoinMode2 .list .ul li .txt { max-width: 720px; }
}

@media screen and (min-width: 1000px) {
.JoinMode2 .list .ul { overflow: hidden; font-size: 0; margin: 0 -50px; }
.JoinMode2 .list .ul li { font-size: 16px; padding: 0 50px; display: inline-block; width: 50%; vertical-align: top; }
.JoinMode2 .list .ul li .h3 { font-size: 24px; }
}
/*-- 加盟模式 --*/
/*-- 加盟流程 --*/
.JoinFlow .list { padding-top: 6.25%; }
.JoinFlow .list li { margin-bottom: 10px; color: #666; }
.JoinFlow .list .liwap { background: #f2ece4; padding: 20px 18px; }
.JoinFlow .list .libox { position: relative; width: 100%; display: table; vertical-align: middle; }
.JoinFlow .list .num { vertical-align: middle; height: 72px; color: #dbb985; border-right: 1px solid #e8dccd; font-size: 40px; width: 80px; text-align: right; padding-right: 20px; display: table-cell; }
.JoinFlow .list .txt { padding-left: 20px; height: 72px; line-height: 24px; display: table-cell; vertical-align: middle; }

@media screen and (min-width: 640px) {
.JoinFlow .list ul { font-size: 0; overflow: hidden; margin: 0 -10px; }
.JoinFlow .list li { display: inline-block; width: 50%; padding: 0 10px; margin-bottom: 20px; vertical-align: top; font-size: 14px; }
}

@media screen and (min-width: 1000px) {
.JoinFlow .list li { width: 25%; }
}
/*-- 加盟流程 --*/
/*-- 开店辅助 --*/
.Auxiliary .Info { padding-top: 6.25%; }
.Auxiliary .Info .left img { width: 100%; }
.Auxiliary .Info .right { padding-top: 20px; }
.Auxiliary .Info .right .h3 { color: #bf0008; font-weight: normal; font-size: 16px; }
.Auxiliary .Info .right .txt { padding-top: 10px; }
.Auxiliary .InfoTwo { margin-top: 6.25%; }
.Auxiliary .InfoTwo .right { padding-top: 20px; }
.Auxiliary .InfoTwo .right img { width: 100%; }
.Auxiliary .InfoTwo .left .h3 { color: #bf0008; font-weight: normal; font-size: 16px; }
.Auxiliary .InfoTwo .left .txt { padding-top: 10px; }

@media screen and (min-width: 768px) {
.Auxiliary .Info .infoTop { display: table; width: 100%; }
.Auxiliary .Info .left { display: table-cell; width: 44.296875%; vertical-align: middle; }
.Auxiliary .Info .right { padding-left: 5.703125%; display: table-cell; vertical-align: middle; }
.Auxiliary .Info .right .h3 { font-size: 18px; }
.Auxiliary .Info .right .txt { padding-top: 10px; }
.Auxiliary .Info .infoBottom { padding-top: 6.25%; }
.Auxiliary .InfoTwo { background: #f4f1ed; display: table; width: 100%; }
.Auxiliary .InfoTwo .right { padding-top: 0px; display: table-cell; width: 70.3125%; vertical-align: middle; }
.Auxiliary .InfoTwo .left { vertical-align: middle; display: table-cell; padding-left: 4.453125%; padding-right: 4.453125%; }
.Auxiliary .InfoTwo .left .h3 { font-size: 18px; }
.Auxiliary .InfoTwo .left .txt { padding-top: 10px; }
}
/*-- 开店辅助 --*/
/*-- 培训体系 --*/
.TrainingSystem .list { padding-top: 4.375%; }
.TrainingSystem .list li { background: #f4f1ed; margin-bottom: 3.203125%; }
.TrainingSystem .list .img { position: relative; }
.TrainingSystem .list .img img { width: 100%; }
.TrainingSystem .list .img .span { position: absolute; left: 0; bottom: 10%; background: rgba(219, 185, 133, 0.9); color: #fff; padding: 10px 15px; }
.TrainingSystem .list .btxt { padding: 15px; }
.TrainingSystem .listbottom { background: #f4f1ed; padding: 15px; }
.TrainingSystem .listbottom .left { text-align: center; }
.TrainingSystem .listbottom .h3 { text-align: center; margin-top: 15px; font-weight: normal; font-size: 14px; }
.TrainingSystem .listbottom .h3 span { display: inline-block; padding: 8px 15px; background: #ebbe7a; color: #fff; }

@media screen and (min-width: 768px) {
.TrainingSystem .list li { display: table; width: 100%; }
.TrainingSystem .list .left { width: 300px; display: table-cell; vertical-align: middle; }
.TrainingSystem .list li.li2 .left { width: 425px; }
.TrainingSystem .list .right { display: table-cell; vertical-align: middle; }
.TrainingSystem .list .btxt { padding: 0; padding-left: 30px; padding-right: 30px; }
.TrainingSystem .listbottom { padding: 4.921875% 8.59375%; }
}

@media screen and (min-width: 1000px) {
.TrainingSystem .list .btxt { padding: 0 8.984375%; }
}
/*-- 培训体系 --*/
.Floor001025 { width: 100%; }
.Floor001025 .ti { text-align: center; font-size: 36px; line-height: 1.5; text-transform: uppercase; }
.Floor001025 .slick-slider { position: relative; display: block; margin-bottom: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.Floor001025 .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.Floor001025 .slick-list:focus { outline: none; }
.Floor001025 .slick-list.dragging { cursor: pointer; cursor: hand; }
.Floor001025 .slick-slider .slick-track, .Floor001025 .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.Floor001025 .slick-track { position: relative; left: 0; top: 0; display: block; }
.Floor001025 .slick-track:before, .Floor001025 .slick-track:after { content: ""; display: table; }
.Floor001025 .slick-track:after { clear: both; }
.Floor001025 .slick-slide { float: left; min-height: 1px; display: none; }
[dir="rtl"] .slick-slide { float: right; }
.Floor001025 .slick-slide img { display: block; width: 300px; height: 462px; }
.Floor001025 .slick-slide.slick-loading img { display: none; }
.Floor001025 .slick-slide.dragging img { pointer-events: none; }
.Floor001025 .slick-initialized .slick-slide { display: block; }
.Floor001025 .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.Floor001025 .slick-arrow.slick-hidden { display: none; }
.Floor001025 .slick-loading .slick-slide { visibility: hidden; }
.Floor001025 .slick-loading .slick-track { visibility: hidden; }
.Floor001025 .carousel-center-mode .slick-slide { outline: none; padding: 0 15px; }
.Floor001025 .carousel-center-mode .slick-slide .image-thumbnail { -webkit-transition: 450ms; -moz-transition: 450ms; transition: 450ms; }

@media (min-width: 1200px) {
.Floor001025 .carousel-center-mode .slick-track { display: -ms-flexbox; display: -webkit-box; display: -moz-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; -moz-box-align: center; align-items: center; }
.Floor001025 .carousel-center-mode .slick-slide { position: relative; padding: 0; display: -ms-flexbox; display: -webkit-box; display: -moz-box; display: flex; -webkit-box-pack: center; -moz-box-pack: center; justify-content: center; -ms-flex-pack: center; }
.Floor001025 .carousel-center-mode .slick-slide .image-thumbnail { min-width: 300px; -webkit-transform: scale(0.6); -moz-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); }
.Floor001025 .carousel-center-mode .slick-slide h5 { font-size: 16px; -webkit-transition: 0s; -moz-transition: 0s; transition: 0s; }
.Floor001025 .carousel-center-mode .slick-slide p { font-size: 12px; -webkit-transition: 0s; -moz-transition: 0s; transition: 0s; }
.Floor001025 .carousel-center-mode .slick-slide.slick-active { cursor: pointer; }
.Floor001025 .carousel-center-mode .slick-slide.slick-center { z-index: 10; cursor: default; }
.Floor001025 .carousel-center-mode .slick-slide.slick-center .image-thumbnail { min-width: 300px; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.Floor001025 .carousel-center-mode .slick-slide.slick-center h5 { font-size: 20px; }
.Floor001025 .carousel-center-mode .slick-slide.slick-center p { font-size: 14px; }
}
.Floor001025 .image-thumbnail { max-width: 300px; margin-left: auto; margin-right: auto; position: relative; }
.Floor001025 .image-thumbnail .caption { padding: 20px; }

@media (min-width: 768px) {
.Floor001025 .image-thumbnail * { color: #fff; }
.Floor001025 .image-thumbnail .caption { position: absolute; left: 0; right: 0; bottom: 0; text-align: left; }
.Floor001025 .image-thumbnail .caption p { line-height: 21px; }
.Floor001025 .image-thumbnail .caption h5 + p { margin-top: 12px; }
}

@media (min-width: 1200px) {
.Floor001025 .image-thumbnail .caption { padding: 20px 35px; }
}
/* Icons */
/* Arrows */
.Floor001025 .slickbtn { display: none !important; }
/* Dots */
.Floor001025 .carousel-center-mode .slick-track { min-height: 462px; padding: 10px 0; }
.Floor001025 .carousel-center-mode .slick-list { margin-left: auto; margin-right: auto; }

@media (min-width: 768px) {
.Floor001025 .carousel-center-mode .slick-list { max-width: 595px; }
}
.Floor001025 .btns { text-align: center; }
.Floor001025 .btns a { display: inline-block; padding: 5px 10px; color: #ebbe7a; }
.Floor001025 .btns .iconfont { font-size: 20px; }

@media screen and (min-width: 1000px) {
.TrainingSystem .listbottom .left { float: left; width: 50%; }
.TrainingSystem .listbottom .right { float: right; width: 50%; }
}

@media screen and (min-width: 1300px) {
.Floor001025 .btns .iconfont { font-size: 30px; }
.Floor001025 .slick-slider { margin-bottom: 20px; }
.Floor001025 .btns { padding-bottom: 61px; }
}
/*-- 店铺形式 --*/
.StoreImg .list { padding-top: 3%; }
.StoreImg .list .txtbox { opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; padding: 15px; background: #f2f0eb; }
.StoreImg .list .center .txtbox { opacity: 1; filter: alpha(opacity=100); }
.StoreImg .list .listTop { position: relative; }
.StoreImg .list .listTop .btnA { position: absolute; color: #fff; display: block; text-align: center; line-height: 40px; width: 30px; background: rgba(0, 0, 0, 0.4); z-index: 8; top: 50%; margin-top: -20px; }
.StoreImg .list .listTop .btnA .iconfont { font-size: 18px; }
.StoreImg .list .listTop .btn1 { left: 0; }
.StoreImg .list .listTop .btn2 { right: 0; }
.StoreImg .list .dl dd { position: relative; padding: 5px 0 5px 20px; }
.StoreImg .list .dl dd .ibg { display: block; width: 10px; height: 10px; background: #ebbe7a; position: absolute; left: 0; top: 11px; line-height: 24px; }

@media screen and (min-width: 1000px) {
.StoreImg .list .listTop .btnA { background: transparent; color: #e4dccb; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
.StoreImg .list .listTop .btnA:hover { color: #ebbe7a; }
.StoreImg .list .listTop .btnA .iconfont { font-size: 30px; }
.StoreImg .list .listTop .btn1 { left: 27.33%; margin-left: -58px; }
.StoreImg .list .listTop .btn2 { right: 27.33%; margin-right: -58px; }
.StoreImg .list .txtbox { padding: 35px 30px; }
}
/*-- 店铺形式 --*/
/*--  客户分享 --*/
.CustomerShare .list { margin-top: 4.25%; position: relative; background: #fff; -webkit-box-shadow: 0 0 10px #ddd; -moz-box-shadow: 0 0 10px #ddd; box-shadow: 0 0 10px #ddd; padding: 30px; }
.CustomerShare .list .listWrap { max-width: 995px; margin: 0 auto; }
.CustomerShare .list .txtBox { padding-top: 15px; text-align: center; }
.CustomerShare .list .txtBox .h3 { color: #ebbe7a; font-size: 16px; }
.CustomerShare .list .txtBox .h4 { font-size: 14px; font-weight: normal; color: #999; padding: 8px 0; }
.CustomerShare .list .btnA { position: absolute; color: #fff; display: block; text-align: center; line-height: 40px; width: 30px; background: #dbb985; z-index: 8; top: 45%; margin-top: -20px; }
.CustomerShare .list .btnA .iconfont { font-size: 18px; }
.CustomerShare .list .btn1 { left: 0; }
.CustomerShare .list .btn2 { right: 0; }

@media screen and (min-width: 1000px) {
.CustomerShare .list { padding: 6.25% 30px; }
.CustomerShare .list .txtBox { padding-top: 3.90625%; }
.CustomerShare .list .txtBox .h3 { font-size: 18px; }
.CustomerShare .list .txtBox .h4 { padding: 15px 0 25px; }

}

@media screen and (min-width: 1300px) {
.CustomerShare .list .btn1 { left: -30px; }
.CustomerShare .list .btn2 { right: -30px; }
}
@media screen and (max-width: 768px) {
.CustomerShare .list .btnA { top: 30%; }
}
/*--  客户分享 --*/
/*-- 专题 --*/
.Thematic { background: url('../images/2019ldwap/bg.jpg') repeat 0 0; }
.Thematic .wap img { width: 100%; }
.Thematic .pc { display: none; }
.Thematic .pc img { width: 100%; }
.Thematic .F1 { position: relative; }
/*-- 兵器 --*/
.Weapon { padding: 10% 0 0; }
.Weapon .imgtitle { overflow: hidden; max-width: 100%; text-align: center; }
.Weapon .imgtitle .img { max-width: 50%; display: inline-block; position: relative; }
.Weapon .imgtitle .i { display: block; width: 1920px; height: 2px; background: #ba854f; position: absolute; top: 60%; margin-top: -1px; }
.Weapon .imgtitle .i1 { right: 100%; }
.Weapon .imgtitle .i2 { left: 100%; }
.Weapon .imgtitle2 .i { background: #211613; top: 50%; height: 1px; margin-top: -0.5px; }
.Weapon .mtitle { text-align: center; }
.Weapon .mtitle .divh3 { display: inline-block; padding-right: 50px; position: relative; text-align: right; }
.Weapon .mtitle .divh3 .i { display: none; width: 1920px; height: 2px; background: #0a0205; position: absolute; top: 60%; margin-top: -1px; }
.Weapon .mtitle .divh3 .i1 { right: 100%; }
.Weapon .mtitle .divh3 .i2 { left: 100%; }
.Weapon .mtitle .divh3 .h3 { font-size: 24px; }
.Weapon .mtitle .divh3 .h4 { font-size: 14px; text-transform: uppercase; }
.Weapon .mtitle .divh3 .num { position: absolute; right: 0; width: 40px; height: 40px; border: 1px solid #000; text-align: center; -moz-border-radius: 100%; border-radius: 100%; line-height: 40px; font-size: 30px; top: 0; }
.Weapon .Fbtitle { text-align: center; margin: 15px auto; }
.Weapon .Fbtitle .spantxt { background: #636363; color: #fff; -moz-border-radius: 5px; border-radius: 5px; padding: 5px 15px; }
.Weapon .boxWrap { padding: 0 15px; }
.Weapon .ItemTitle { padding-top: 20px; text-align: center; }
.Weapon .ItemTitle .titlebox { display: inline-block; position: relative; padding: 0 45px 5px; text-align: center; -moz-border-radius: 0 0 9px 9px; border-radius: 0 0 9px 9px; border: 4px solid #b10012; border-top: none; }
.Weapon .ItemTitle .titlebox .i { display: block; width: 1920px; height: 4px; background: #b10012; position: absolute; top: 50%; margin-top: -2px; }
.Weapon .ItemTitle .titlebox .i1 { right: 100%; }
.Weapon .ItemTitle .titlebox .i2 { left: 100%; }
.Weapon .ItemTitle .titlebox .i3 { width: 9px; height: 9px; left: -4px; top: -6px; background: url('../images/borderleft.png') no-repeat center; }
.Weapon .ItemTitle .titlebox .i4 { width: 9px; height: 9px; right: -4px; top: -6px; margin-top: 0; background: url('../images/borderright.png') no-repeat center; }
.Weapon .ItemTitle .titlebox .i5 { width: 30px; height: 4px; left: 5px; top: -6px; }
.Weapon .ItemTitle .titlebox .i6 { width: 30px; height: 4px; right: 5px; top: -4px; }
.Weapon .ItemTitle .titlebox .h3 { font-size: 18px; color: #b10012; margin-top: -15px; }
.Weapon .ItemTitle .titlebox .h3 .h3span { font-size: 1.5em; }
.Weapon .ItemTitle .titlebox .h4 { font-size: 16px; font-weight: normal; color: #636363; }
.zTtiel { text-align: center; }
.zTtiel .h3 { display: block; font-weight: normal; font-size: 16px; }
.zTtiel .txt { display: inline-block; -moz-border-radius: 30px; border-radius: 30px; line-height: 35px; padding: 0 10px; background: #be0006; color: #fff; position: relative; text-align: center; }
.zTtiel .txt .i { display: block; width: 1920px; height: 2px; background: #be0006; position: absolute; top: 60%; margin-top: -1px; }
.zTtiel .txt .i1 { right: 100%; }
.zTtiel .txt .i2 { left: 100%; }
.ZItem { margin-top: 5.5%; }
.Weapon .Item1 { padding-top: 20px; margin-bottom: 5%; }
.Weapon .Item1 .info { padding: 10px 0; color: #ebbe7a; }
.Weapon .Item1 .img { margin: 0 auto; text-align: center; }
.Weapon .Item2 { position: relative; }
.Weapon .Item2 .Item2Box { position: relative; z-index: 2; }
.Weapon .Item2 .bg { position: absolute; right: 0; bottom: 8%; width: 90%; height: 58%; background: #fdebd1; z-index: 1; }
.Weapon .Item2 .ItemTop { background: #dbd7d3; padding: 30px 0 50px; }
.Weapon .Item2 .ItemTop .info .dl { text-align: center; font-size: 0; }
.Weapon .Item2 .ItemTop .info .dl dd { display: inline-block; font-size: 14px; margin: 0 5px 10px; padding: 5px 10px; border: 1px solid #000; -moz-border-radius: 5px; border-radius: 5px; }
.Weapon .Item2 .list { margin-top: -30px; }
.Weapon .Item2 .list ul li { float: left; width: 45.5%; margin-right: 9%; }
.Weapon .Item2 .list ul li:nth-child(2n) { margin-right: 0; margin-top: 10%; }
.Weapon .Item2 .list ul li a { display: block; border: 1px solid #ebbe7a; }
.Weapon .Item2 .list ul li a img { width: 100%; }
.Weapon .Item3 { margin-top: 8%; position: relative; }
.Weapon .Item3 .Item3title { position: absolute; width: 50%; top: 10%; left: 0; }
.Weapon .Item4 { margin-top: 5.5%; }
.Weapon .Item4 .info { padding: 10px 0; max-width: 1180px; margin: 0 auto; }
.Weapon .Item4 .img { margin: 0 auto; text-align: center; }
.Weapon .Item4 .list { margin-top: 4%; }
.Weapon .Item4 .list ul { overflow: hidden; font-size: 0; margin: 0 -6px; }
.Weapon .Item4 .list li { display: inline-block; font-size: 14px; padding: 0 6px; margin-bottom: 12px; vertical-align: top; width: 50%; }
.Weapon .Item4 .list li .liimg { border: 1px solid #fdebd1; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; }
.Weapon .Item4 .list li img { width: 100%; }
.Weapon .Item5 .info { max-width: 850px; margin: 0 auto; }
.Weapon .Item5 .infob { max-width: 850px; margin: 0 auto; }
.Weapon .Item5 .infob .h3 { text-align: center; font-size: 16px; }
.Weapon .Item5 .infob .dl { text-align: center; font-size: 0; margin: 10px -5px; }
.Weapon .Item5 .infob .dl dd { display: inline-block; width: 25%; font-size: 14px; padding: 0 5px; }
.Weapon .Item5 .infob .dl dd .txtspan { display: block; padding: 5px 0; width: 100%; -moz-border-radius: 5px; border-radius: 5px; background: #636363; text-align: center; color: #fff; }
.Weapon .Item6 { margin-top: 5.5%; }
.Weapon .Item6 .Item6Tm { position: relative; z-index: 5; }
.Weapon .Item6 .txtBoxb { position: relative; padding-left: 46.5%; margin-top: -20px; z-index: 2; }
.Weapon .Item6 .txtBox { background: #eeece9; }
.Weapon .Item6 .txtBox .left { width: 46.5%; position: absolute; left: 0; top: 0; height: 100%; background: no-repeat center; -moz-background-size: auto 100%; background-size: auto 100%; }
.Weapon .Item6 .txtBox .left .img { width: 100%; height: 100%; text-align: center; overflow: hidden; background: no-repeat center; -moz-background-size: cover; background-size: cover; }
.Weapon .Item6 .txtBox .left .img img { height: 100%; }
.Weapon .Item6 .txtBox .left .bottomtxt { position: absolute; width: 80%; left: 10%; bottom: 10px; background: rgba(0, 0, 0, 0.3); color: #fff; padding: 10px; }
.Weapon .Item6 .txtBox .right { padding: 15px; padding-right: 0; }
.Weapon .Item6 .txtBox .right dd { margin-bottom: 10px; }
.Weapon .Item6 .txtBox .right .h3 { font-weight: normal; font-size: 0; }
.Weapon .Item6 .txtBox .right .h3 span { font-size: 14px; left: -14px; display: inline-block; background: #636363; color: #fff; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 28px; line-height: 24px; }
.Weapon .Item6 .txtBox .right .h3 span:after { content: ""; display: block; background: #eeece9; width: 24px; height: 24px; -webkit-transform: skewX(-38deg); -moz-transform: skewX(-38deg); -ms-transform: skewX(-38deg); transform: skewX(-38deg); position: absolute; left: -12px; top: 0; }
.Weapon .Item6 .txtBox .right .h3 span:before { content: ""; display: block; background: #eeece9; width: 24px; height: 24px; -webkit-transform: skewX(-38deg); -moz-transform: skewX(-38deg); -ms-transform: skewX(-38deg); transform: skewX(-38deg); position: absolute; right: -12px; top: 0; }
.Weapon .Item6 .txtBox .right .ddtxt { background: #f3f1ef; padding: 5px 10px; }
.Weapon .Item7 { margin-top: 5.5%; }
.Weapon .Item7 .img { margin-top: 3.875%; }
.Weapon .Item8 { margin: 5.5% auto; }
.Weapon .Item8 .imgbox { margin-top: 3.875%; }
.Weapon .Item8 .imgbox .left { margin-top: 3.875%; text-align: center; }
.Weapon .Item8 .imgbox .right { text-align: center; }
.Weapon .Item10 { margin-top: 5.5%; }
.Weapon .Item10 .imgTop { text-align: center; }
.Weapon .Item10 .imgTop img { width: 100%; }
.Weapon .Item10 .w1130 { margin-top: 3%; background: #fef0db; -moz-border-radius: 15px; border-radius: 15px; overflow: hidden; }
.Weapon .Item10 .tableBox { overflow-x: auto; }
.Weapon .Item10 .tableBox .h3 { padding: 10px; color: #b1885f; font-weight: normal; text-align: center; }
.Weapon .Item10 .tableBox table { width: 100%; min-width: 768px; color: #b1885f; }
.Weapon .Item10 .tableBox table th { background: #b1885f; padding: 10px; color: #fff; font-weight: normal; }
.Weapon .Item10 .tableBox table tr { -webkit-box-shadow: 0 0 5px #e4d7c4; -moz-box-shadow: 0 0 5px #e4d7c4; box-shadow: 0 0 5px #e4d7c4; }
.Weapon .Item10 .tableBox table .txtright { text-align: right; }
.Weapon .Item10 .tableBox table td { padding: 10px; }
.Weapon .Item10 .tableBox .td1 { width: 60%; }
.Weapon .Item10 .tableBox .td2 { width: 40%; }
.Weapon .Item11 { margin-top: 5.5%; position: relative; }
.Weapon .Item11 .left, .Weapon .Item11 .right { text-align: center; }
.Weapon .Item11 .img { text-align: center; }
.w1130 { max-width: 1130px; margin: 0 auto; }

/*-- 兵器 --*/
@media screen and (min-width: 640px) {
.Weapon .Item6 .txtBox .right { padding-left: 5%; }
}

@media screen and (min-width: 768px) {
.Thematic .wap { display: none; }
.Thematic .pc { display: block; }
.zTtiel .h3 { font-size: 20px; }
.zTtiel .txt { padding: 10px 30px; }
.Weapon .imgtitle .i { height: 4px; margin-top: -2px; }
.Weapon .imgtitle2 .i { background: #211613; top: 50%; height: 1px; margin-top: -0.5px; }
.Weapon .mtitle .divh3 .i { display: block; }
.Weapon .Item1 .info { padding: 4% 0; text-align: center; max-width: 68%; margin: 0 auto; }
.Weapon .Item3 .Item3title { top: 21%; }
.Weapon .Item4 .info { padding: 4% 0; max-width: 68%; margin: 0 auto; }
.Weapon .Item4 .list li { width: 25%; }
.Weapon .Item5 .infob .h3 { font-size: 22px; }
.Weapon .Item5 .infob .dl { margin: 20px -10px; }
.Weapon .Item5 .infob .dl dd { font-size: 16px; padding: 0 10px; }
.Weapon .ItemTitle .titlebox .h3 { font-size: 22px; margin-top: -20px; }
.Weapon .ItemTitle .titlebox .h4 { font-size: 18px; }
.Weapon .Item8 { margin-top: 5.5%; }
.Weapon .Item8 .imgbox { margin-top: 3.875%; }
.Weapon .Item8 .imgbox .left { margin-top: 0; text-align: center; float: left; width: 50%; }
.Weapon .Item8 .imgbox .right { text-align: center; float: right; width: 50%; }
.Weapon .Item10 .tableBox .h3 { font-size: 26px; padding: 15px; }
.Weapon .Item10 .tableBox table th { font-size: 22px; padding: 15px; }
.Weapon .Item10 .tableBox table td { font-size: 16px; padding: 15px; }
.Weapon .Item11 .left { width: 26.5625%; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); left: 21.875%; }
.Weapon .Item11 .right { width: 65.1%; float: right; }
}

/*-- 专题 --*/
@media screen and (min-width: 1000px) {
.Weapon .boxWrap { width: 92.44791666666667%; margin: 0 auto; padding: 0; }
.Weapon .mtitle .divh3 { padding-right: 90px; }
.Weapon .mtitle .divh3 .h3 { font-size: 60px; line-height: 1em; }
.Weapon .mtitle .divh3 .h4 { font-size: 30px; line-height: 1em; }
.Weapon .mtitle .divh3 .num { width: 80px; height: 80px; font-size: 65px; line-height: 80px; }
.Weapon .Fbtitle { margin: 2% auto; }
.Weapon .Fbtitle .spantxt { font-size: 30px; padding: 10px 20px; }
.Weapon .Item1 .info { font-size: 22px; }
.Weapon .Item4 .info { font-size: 22px; }
.Weapon .Item1 { padding-top: 4%; margin-bottom: 10%; }
.Weapon .Item2 .ItemTop { padding: 3% 15px 5% 50%; }
.Weapon .Item2 .ItemTop .mtitle { text-align: left; }
.Weapon .Item2 .ItemTop .Fbtitle { text-align: left; }
.Weapon .Item2 .ItemTop .Fbtitle .spantxt { background: none; color: #704c04; padding-left: 0; }
.Weapon .Item2 .ItemTop .info .dl { text-align: left; font-size: 0; }
.Weapon .Item2 .ItemTop .info .dl dd { display: block; font-size: 24px; margin: 0px; padding: 0px 0 0 15px; border: none; position: relative; }
.Weapon .Item2 .ItemTop .info .dl dd .i { display: block; width: 5px; height: 5px; -moz-border-radius: 100%; border-radius: 100%; background: #445454; color: #445454; position: absolute; left: 0; top: 15px; }
.Weapon .Item2 .list { margin-top: -42%; }
.Weapon .Item2 .list ul li:nth-child(2) { margin-top: 45%; }
.Weapon .Item2 .list ul li:nth-child(2n+1) { margin-top: -30%; }
.Weapon .Item2 .list ul li:nth-child(1) { margin-top: 0px; }
.Weapon .Item2 .list ul li.li4 { margin-top: 9%; }
.Weapon .Item3 .Item3title { top: 18%; }
.Weapon .Item5 .infob .h3 { font-size: 30px; }
.Weapon .Item5 .infob .dl dd { font-size: 18px; }
.Weapon .Item6 .txtBox .right .h3 span { font-size: 22px; line-height: 35px; padding: 0 40px; }
.Weapon .Item6 .txtBox .right .h3 span:after { width: 35px; height: 35px; left: -12px; }
.Weapon .Item6 .txtBox .right .h3 span:before { width: 35px; height: 35px; right: -12px; }
.Weapon .Item6 .txtBox .right .ddtxt { font-size: 20px; padding: 15px 20px; max-width: 770px; }
.Weapon .Item6 .txtBox .right dd { margin-bottom: 25px; }
.Weapon .Item6 .txtBox .right { padding: 5.5% 0 5.5% 5.5%; }
.Weapon .Item6 .txtBoxb { margin-top: -3%; }
.Weapon .Item6 .txtBox .left .bottomtxt { width: 100%; background: #b10012; bottom: 0; padding: 5% 10%; left: 0; font-size: 30px; text-align: center; }
.Weapon .ItemTitle .titlebox .h3 { font-size: 26px; margin-top: -20px; }
.Weapon .ItemTitle .titlebox .h4 { font-size: 20px; }
.Weapon .Item10 .tableBox .h3 { font-size: 36px; }
.Weapon .Item10 .tableBox table th { font-size: 30px; padding: 20px 30px; }
.Weapon .Item10 .tableBox table td { font-size: 24px; padding: 20px 30px; }
.zTtiel .h3 { font-size: 30px; }
}

@media screen and (min-width: 1300px) {
.Weapon .Item6 .txtBoxb { margin-top: -3.5%; }
.Weapon .Item6 .txtBox .right { padding: 12% 0 12% 10%; }
.Weapon .Item6 .txtBox { max-width: 1610px; margin-left: auto; margin-right: auto; }
.Weapon .ItemTitle .titlebox .h3 { font-size: 50px; margin-top: -40px; }
.Weapon .ItemTitle .titlebox .h4 { font-size: 45px; }
}

@media screen and (min-width: 1400px) {
.Weapon .Item2 .list { margin-top: -39%; }
.Weapon .Item2 .list ul li:nth-child(2) { margin-top: 46%; }
.Weapon .Item2 .list ul li:nth-child(2n+1) { margin-top: -30%; }
.Weapon .Item2 .list ul li:nth-child(1) { margin-top: 0px; }
.Weapon .Item2 .list ul li.li4 { margin-top: 9%; }
}

@media screen and (min-width: 1600px) {
.Weapon .Item6 .txtBoxb { margin-top: -4.5%; }
.Weapon .mtitle .divh3 { padding-right: 170px; }
.Weapon .mtitle .divh3 .h3 { font-size: 95px; line-height: 1em; }
.Weapon .mtitle .divh3 .h4 { font-size: 48px; line-height: 1em; }
.Weapon .mtitle .divh3 .num { width: 150px; height: 150px; font-size: 125px; line-height: 150px; }
.Weapon .Fbtitle .spantxt { font-size: 48px; }
.Weapon .Item1 .info { font-size: 26px; }
.Weapon .Item6 .txtBox .right .ddtxt { font-size: 26px; padding: 30px 40px; }
.Weapon .Item6 .txtBox .left .bottomtxt { font-size: 36px; }
.Weapon .Item6 .txtBox .right dd { margin-bottom: 30px; }
.Weapon .Item6 .txtBox .right .h3 span { font-size: 34px; padding: 15px 60px; }
.Weapon .Item6 .txtBox .right .h3 span:after { width: 65px; height: 65px; left: -40px; }
.Weapon .Item6 .txtBox .right .h3 span:before { width: 65px; height: 65px; right: -40px; }
.Weapon .Item5 .infob .dl dd { font-size: 22px; }
.Weapon .Item5 .infob .dl dd .txtspan { padding: 15px; }
.Weapon .ItemTitle .titlebox .h3 { font-size: 72px; margin-top: -70px; }
.Weapon .ItemTitle .titlebox .h4 { font-size: 60px; }
.zTtiel .h3 { font-size: 55px; }
.zTtiel .txt { padding: 20px 40px; line-height: 1em; }
}
.Weapon .ZItem1 .list { padding-top: 3%; }
.Weapon .ZItem1 .list li { margin-bottom: 15px; }
.Weapon .ZItem1 .list .table .h3 { padding-left: 50px; min-height: 40px; line-height: 20px; position: relative; font-weight: normal; font-size: 16px; }
.Weapon .ZItem1 .list .table .h3 .iconimg { position: absolute; left: 0; top: 3px; width: 40px; }
.Weapon .ZItem1 .list .table .info { padding: 10px 0; }
.Weapon .ZItem1 .list .table .right img { width: 100%; -moz-border-radius: 10px; border-radius: 10px; overflow: hidden; }
.Weapon .ZItem2 .listBox { padding-top: 4%; }
.Weapon .ZItem2 .listBox .left { text-align: center; }
.Weapon .ZItem2 .listBox .right { display: none; }
.Weapon .ZItem3 .list { margin-top: 3%; }
.Weapon .ZItem3 .list ul { font-size: 0; }
.Weapon .ZItem3 .list li { display: inline-block; font-size: 14px; padding: 10px; width: 50%; }
.Weapon .ZItem3 .list li .img { width: 100%; }
.Weapon .ZItem3 .list li .img img { width: 100%; }
.Weapon .ZItem4 .list { margin: 3% auto; text-align: center; }

@media screen and (min-width: 540px) {
.Weapon .ZItem1 .list li { margin-bottom: 0; }
.Weapon .ZItem1 .list li .left { float: left; width: 50%; padding-right: 20px; padding-top: 10px; }
.Weapon .ZItem1 .list li .right { float: right; width: 50%; }
.Weapon .ZItem1 .list li.odd .left { float: right; padding-left: 20px; padding-right: 0; }
.Weapon .ZItem1 .list li.odd .right { float: left; }
}

@media screen and (min-width: 768px) {
.Weapon .ZItem1 .list li .left { padding-top: 25px; padding-right: 30px; }
.Weapon .ZItem1 .list li.odd .left { padding-right: 0; padding-left: 30px; }
.Weapon .ZItem2 .listBox { padding-top: 4%; position: relative; }
.Weapon .ZItem2 .listBox .left { text-align: center; width: 55%; }
.Weapon .ZItem2 .listBox .right { display: block; position: absolute; width: 42%; top: 10%; right: 0; background: rgba(0, 0, 0, 0.05); padding: 15px; overflow: hidden; }
.Weapon .ZItem2 .listBox .right .title { color: #bf000a; font-size: 16px; font-weight: normal; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
.Weapon .ZItem2 .listBox .zNew .litop { position: relative; }
.Weapon .ZItem2 .listBox .zNew .litop .lileft { display: block; width: 35%; float: left; }
.Weapon .ZItem2 .listBox .zNew .litop .lileft img { width: 100%; }
.Weapon .ZItem2 .listBox .zNew .litop .lRight { float: right; width: 60%; }
.Weapon .ZItem2 .listBox .zNew .litop .lRight .h3 { font-weight: normal; font-size: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 48px; line-height: 24px; }
.Weapon .ZItem2 .listBox .zNew .litop .btns { text-align: right; }
.Weapon .ZItem2 .listBox .zNew .litop .more { color: #bf000a; }
.Weapon .ZItem2 .listBox .zNew .ulgun .dowebok { margin: 15px 0; height: 270px; background: transparent; overflow: hidden; }
.Weapon .ZItem2 .listBox .zNew .ulgun .h3 { font-weight: normal; font-size: 14px; }
.Weapon .ZItem2 .listBox .zNew .ulgun .h3 a { position: relative; padding: 0 80px 0 20px; display: block; background: url('../images/newlogo.png') no-repeat 0 center; -moz-background-size: 13px 13px; background-size: 13px 13px; }
.Weapon .ZItem2 .listBox .zNew .ulgun .h3 .spantxt { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.Weapon .ZItem2 .listBox .zNew .ulgun .h3 .time { position: absolute; right: 0; top: 0; }
.Weapon .ZItem2 .listBox .zNew .ulgun li { line-height: 30px; }
.Weapon .ZItem3 .list li { width: 25%; }
}

@media screen and (min-width: 1200px) {
.Weapon .ZItem1 .list li .left { padding-top: 35px; padding-right: 50px; }
.Weapon .ZItem1 .list li.odd .left { padding-right: 0; padding-left: 50px; }
.Weapon .ZItem1 .list .table .h3 { font-size: 20px; line-height: 30px; padding-left: 70px; }
.Weapon .ZItem1 .list .table .h3 .iconimg { width: 60px; }
.Weapon .ZItem1 .list .table .info { font-size: 16px; padding: 20px 0; }
.Weapon .ZItem2 .listBox .zNew .litop .lRight .h3 { font-size: 16px; }
.Weapon .ZItem2 .listBox .right .title { font-size: 18px; padding-bottom: 15px; margin-bottom: 15px; }
}

@media screen and (min-width: 1600px) {
.Weapon .ZItem1 .list li .left { padding-top: 35px; padding-right: 50px; }
.Weapon .ZItem1 .list li.odd .left { padding-right: 0; padding-left: 50px; }
.Weapon .ZItem1 .list .table .h3 { font-size: 36px; line-height: 40px; padding-left: 90px; }
.Weapon .ZItem1 .list .table .h3 .iconimg { width: 80px; }
.Weapon .ZItem1 .list .table .info { font-size: 24px; padding: 40px 0 0; }
}
.recruitBox { background: url('../images/homebg06.jpg') no-repeat center; -moz-background-size: cover; background-size: cover; height: 470px; position: relative; padding-top: 20%; overflow: hidden; }
.recruitBox .txtbox { position: relative; z-index: 8; text-align: center; padding-right: 20%; color: #b68354; }
.recruitBox .h3 { line-height: 1.5em; font-size: 18px; color: #bf0008; text-align: center; }
.recruitBox .h3 .cor { display: block; text-align: center; color: #b68354; }
.recruitBox .h4 { font-size: 16px; font-weight: normal; }
.recruitBox .h5 { font-weight: normal; font-size: 14px; }
.recruitBox .tip { font-size: 12px; }
.recruitBox .txth3box { position: relative; }
.recruitBox .imgbg { position: absolute; width: 40%; max-height: 100%; right: -2%; bottom: 0; z-index: 2; }
.recruitBox .imgbg img { max-width: 100%; max-height: 80%; }
.recruitBox .imgbg2 { position: absolute; right: 0; bottom: 0; width: 100%; z-index: 4; }
.recruitBox .imgbg2 img { width: 100%; }
.recruitBox .ItemTitleB { padding-top: 20px; text-align: center; }
.recruitBox .ItemTitleB .titlebox { display: inline-block; position: relative; margin-bottom: 8px; padding: 0 45px 5px; text-align: center; -moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; border: 2px solid #b10012; border-top: none; }
.recruitBox .ItemTitleB .titlebox .i { display: block; width: 1920px; height: 2px; background: #b10012; position: absolute; top: 50%; margin-top: -2px; }
.recruitBox .ItemTitleB .titlebox .i3 { width: 10px; height: 10px; left: -2px; top: -6px; background: url('../images/borderleft_1.png') no-repeat center; }
.recruitBox .ItemTitleB .titlebox .i4 { width: 10px; height: 10px; right: -2px; top: -6px; margin-top: 0; background: url('../images/borderright_1.png') no-repeat center; }
.recruitBox .ItemTitleB .titlebox .i5 { width: 30px; height: 2px; left: 5px; top: -6px; }
.recruitBox .ItemTitleB .titlebox .i6 { width: 30px; height: 2px; right: 5px; top: -4px; }
.recruitBox .ItemTitleB .titlebox .h3 { font-size: 18px; font-weight: normal; color: #b10012; margin-top: -15px; }
.recruitBox .ItemTitleB .titlebox .h3 .h3span { font-size: 1.5em; }
.recruitBox .ItemTitleB .titlebox .h4 { font-size: 16px; font-weight: normal; color: #b10012; }

@media screen and (min-width: 1000px) {
.recruitBox { height: 570px; padding-top: 10%; }
.recruitBox .imgbg2 { display: none; }
.recruitBox .h3 { font-size: 30px; }
.recruitBox .h3 .cor { font-size: 28px; }
.recruitBox .h4 { font-size: 24px; }
.recruitBox .h5 { font-size: 22px; }
.recruitBox .tip { font-size: 14px; }
.recruitBox .ItemTitleB .h3 { font-size: 26px; }
.recruitBox .ItemTitleB .h4 { font-size: 22px; }
}

@media screen and (min-width: 1600px) {
.recruitBox .h3 { font-size: 34px; }
.recruitBox .h3 .cor { font-size: 30; }
.recruitBox .h4 { font-size: 24px; }
.recruitBox .h5 { font-size: 38px; }
.recruitBox .tip { font-size: 14px; }
.recruitBox .ItemTitleB .h3 { font-size: 26px; }
.recruitBox .ItemTitleB .h4 { font-size: 22px; }
}
.recruitBoxTxt { padding: 5.5% 0; background: #b10012; color: #fff; text-align: center; }
.recruitBoxTxt .h3 { font-size: 16px; font-weight: normal; }
.recruitBoxTxt .h3 span { font-size: 1.2em; }
.recruitBoxTxt .h4 { font-size: 14px; font-weight: normal; padding: 8px 0; }

@media screen and (min-width: 1000px) {
.recruitBoxTxt .h3 { font-size: 28px; }
.recruitBoxTxt .h3 span { font-size: 1.1em; }
.recruitBoxTxt .h4 { font-size: 26px; }
}

@media screen and (min-width: 1600px) {
.recruitBoxTxt .h3 { font-size: 42; }
.recruitBoxTxt .h3 span { font-size: 48px; }
.recruitBoxTxt .h4 { font-size: 36px; }
}
.ThematicForm { background: #f9f5f5; padding: 5.5%; }
.ThematicForm .box { max-width: 850px; margin: 0 auto; }
.ThematicForm .box .title { text-align: center; }
.ThematicForm .box .title .h4 { color: #ddd; font-weight: normal; font-size: 16px; }
.ThematicForm .box .title .h3 { font-weight: normal; font-size: 16px; color: #333; }
.ThematicForm .zjFormUlli > ul { padding-top: 20px; }
.ThematicForm .zjFormUlli ul li.li1 .libox { margin-bottom: 8px; background: #fff; -moz-border-radius: 5px; border-radius: 5px; min-height: 30px; position: relative; padding-left: 15px; border: 1px solid #d9e3ed; }
.ThematicForm .zjFormUlli ul li .red { color: #a90e15; position: absolute; right: -10px; top: 0; }
.ThematicForm .zjFormUlli ul li.li2 { position: relative; }
.ThematicForm .zjFormUlli .li1 .left { padding-right: 10px; width: 105px; line-height: 30px; position: absolute; top: 0; left: auto; }
.ThematicForm .zjFormUlli .li1 .right { line-height: 30px; font-size: 14px; color: #333; position: relative; }
.ThematicForm .zjFormUlli .li1 .right input { line-height: 30px; height: 30px; width: 100%; display: block; font-size: 12px; }
.ThematicForm .zjFormUlli .li1 .right textarea { resize: none; width: 100%; padding: 10px 0; height: 150px; font-size: 12px; }
.ThematicForm .zjFormUlli .more { display: inline-block; width: 100px; line-height: 35px; background: #ebbe7a; text-align: center; margin: 0 3px; font-size: 14px; color: #fff; -moz-border-radius: 5px; border-radius: 5px; }
.ThematicForm .zjFormUlli .more:hover { background: #bf0008; }

@media screen and (min-width: 640px) {
.ThematicForm .listBox .Fleft { float: left; width: 42%; padding: 55px 40px; height: 320px; }
.ThematicForm .listBox .Fleft .h3 { font-size: 22px; }
.ThematicForm .listBox .Fright { float: right; width: 56%; margin-top: 0; height: 320px; padding: 25px; }
.ThematicForm .listBox .Fright .h3 { font-size: 22px; }
.ThematicForm .zjFormUlli .btns { padding-left: 120px; }
.ThematicForm .zjFormUlli .li1 { padding-left: 120px; padding-right: 10px; }
.ThematicForm .zjFormUlli .li1 .left { left: -110px; text-align: right; }
.ThematicForm .zjFormUlli ul li.li1 { padding-bottom: 20px; }
}

@media screen and (min-width: 1000px) {
.ThematicForm .zjFormUlli ul li.li1 { float: left; width: 49%; margin-right: 2%; }
.ThematicForm .zjFormUlli ul li.li1:nth-child(2n) { margin-right: 0; }
.ThematicForm .zjFormUlli .li1 .right input { line-height: 36px; height: 36px; }
.ThematicForm .zjFormUlli .li1 .left { line-height: 36px; }
.ThematicForm .zjFormUlli ul li.li2 { width: 100%; }
.ThematicForm .listBox .Fleft { height: 340px; }
.ThematicForm .listBox .Fleft .h3 { font-size: 30px; }
.ThematicForm .listBox .Fright { height: 340px; }
.ThematicForm .listBox .Fright .h3 { font-size: 30px; }
.ThematicForm .box .title { padding-bottom: 20px; }
.ThematicForm .box .title .h4 { font-size: 24px; }
.ThematicForm .box .title .h3 { font-size: 24px; }
}
/*--休闲生活--*/
.midList_1 ul.ul a { display: block; border: 1px solid #ece4d9; }
.midList_1 ul.ul .imgbox { position: relative; padding-bottom: 1em; background: #FFFFFF; }
.midList_1 ul.ul .img img { width: 100%; }
.midList_1 ul.ul .colortxt { position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; }
.midList_1 ul.ul .colortxt .dl { font-size: 0; padding: 10px 0; margin: 0 -3px; overflow: hidden; }
.midList_1 ul.ul .colortxt .dl dd { display: inline-block; padding: 0 3px; }
.midList_1 ul.ul .colortxt .dl dd img{ width:12px; height:12px;}
.midList_1 ul.ul .txtBox { padding: 15px; text-align: center; }
.midList_1 ul.ul .txtBox .h3 { font-weight: normal; color: #3c3c3c; font-size: 16px; }
.midList_1 ul.ul .txtBox .h4 { font-weight: normal; color: #bcbcbc; font-size: 14px; margin-top: 5px; }
.midList_1 ul.ul li { margin-bottom: 15px; }

@media screen and (min-width: 360px) {
.midList_1 ul.ul { padding-bottom: 10px; }
.midList_1 ul.ul li { float: left; width: 49%; margin-right: 2%; margin-bottom: 2%; }
.midList_1 ul.ul li:nth-child(2n) { margin-right: 0; }
}

@media screen and (min-width: 768px) {
.midList_1 ul.ul { padding-bottom: 10px; }
.midList_1 ul.ul li { float: left; width: 32%; margin-right: 2%; margin-bottom: 2%; }
.midList_1 ul.ul li:nth-child(2n) { margin-right: 2%; }
.midList_1 ul.ul li:nth-child(3n) { margin-right: 0; }
}

@media screen and (min-width: 1000px) {
.midList_1 ul.ul li { width: 30.626666666%; margin-right: 4.055%; margin-bottom: 4.375%; }
.midList_1 ul.ul li .colortxt { bottom: 5px; }
.midList_1 ul.ul .colortxt .dl dd img{ width:15px; height:15px;}
.midList_1 ul.ul li:nth-child(2n) { margin-right: 4.055%; }
.midList_1 ul.ul li:nth-child(3n) { margin-right: 0; }
.midList_1 ul.ul li .txtBox { padding: 30px 15px; }
.midList_1 ul.ul li .txtBox .h3 { font-size: 18px; }
}

@media screen and (max-width: 768px) {
.w1280 { width: 100%; padding: 0 15px; }
.mainnav li { font-size: 18px; }
.mainnav li a { padding: 7px 0; }
}
.info .box_border { height: 40px; border: 1px solid #ebbe7a; position: relative; margin-top: 25px; }
.info .box_cf { left: 5%; padding: 0 5px; background-color: #fff; top: -11px; position: absolute; }
.midList .ul li .txtWrap .ml { display: none; }
.HomeF1 .pcbox { padding-right: 0px!important; }
.logo_wap { display: none; }

@media screen and (max-width: 768px) {
.HomeF4 .Hnewlist .ul li .libox { padding-right: 70px; }
.logo { display: none; }
.HomeF1 .list .pcbox { display: none; }
.logo_wap { display: block; width: 200px; float: left; }
.HomeF4 .list .spantxt { width: 85px; height: 100%; padding-left: 7px; }
.HomeF4 .list { padding-right: 32px; padding-left: 86px; }
.HomeF5 .Homeftop .bg { display: none; }
.HomeF4 .Hnewlist .ul li { width: 100%; font-size: 14px; }
.HomeF4 .Hnewlist .ul li .libox .time { display: none; }
.HomeF4 .Hnewlist .ul li .libox { padding-right: 0; }
.HomeF4 .Hnewlist { padding-left: 5px; }
}
.HomeF1 .pcbox .bnts { text-align: center; }

@media screen and (max-width: 1150px) {
.mainnav .ul { padding-right: 50px; }
}

@media screen and (max-width: 1060px) {
.mainnav .ul { padding-right: 0px; }
}

/*--休闲生活--*/

/* 返回顶部 */
.gotop-wrapper { position: fixed; bottom: 50px; right: 10px; z-index: 1001; background-color: rgba(0,0,0,0.3); background-color: #969696\9; }
.gotop-wrapper:hover { background-color: rgba(0,0,0,0.6); background-color: #6d6d6d\9; }
.gotop-wrapper a { display: none; _display: none !important; width: 45px; height: 45px; overflow: hidden; background: url(../images/icon-gotop-fixed.gif) no-repeat center; }