/* 公共样式  */
.clear{ clear:both;}
@charset 'utf8';
body { line-height: 1; font-size: 14px; overflow-x: hidden; box-sizing: border-box; background-color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: Helvetica Neue, PingFang SC, Hiragino Sans GB, , Arial, sans-serif; }
a, a:active, a:hover, a:link, a:visited { text-decoration: none !important; }
h1, h2, h3, h4, h5, h6, p { margin: 0 }
ul, li { margin: 0; padding: 0; list-style: none; }
img { max-width: 100%; }
.no-margin { margin: 0 !important; }
.develop .fixed-list-top { position: fixed; top: 20px; }
.develop .abs-list-top { position: absolute; }
.fixed-bg { display: none; }
/*  -- 清除浮动 -- */
.clearFix::before, .clearFix::after { content: ''; clear: both; display: block; }
/* 灰色背景 */
.bg-gray { background: #F8F8F8; }
.text-blue { color: #ef8414; }
/*  -- flex弹性布局 -- */
.flex { display: -webkit-flex; display: -ms-flex; display: flex; }
.flex-sub { -webkit-flex: 1; -ms-flex: 1; flex: 1; }
.flex-twice { -webkit-flex: 2; -ms-flex: 2; flex: 2; }
.flex-treble { -webkit-flex: 3; -ms-flex: 3; flex: 3; }
.flex-four { -webkit-flex: 4; -ms-flex: 4; flex: 4; }
.flex-five { -webkit-flex: 5; -ms-flex: 5; flex: 5; }
.flex-six { -webkit-flex: 6; -ms-flex: 6; flex: 6; }
.flex-seven { -webkit-flex: 7; -ms-flex: 7; flex: 7; }
.flex-eight { -webkit-flex: 8; -ms-flex: 8; flex: 8; }
.flex-direction { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.flex-wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.align-end { -webkit-align-items: flex-end; -ms-align-items: flex-end; align-items: flex-end; }
.align-center { -webkit-align-items: center; -ms-align-items: center; align-items: center; }
/*  -- 文本 -- */
.text-center { text-align: center;     margin-bottom: 21px;}
.text-xs { font-size: 10px; }
.text-sm { font-size: 12px; }
.text-df { font-size: 14px; }
.text-lg { font-size: 16px; }
.text-xl { font-size: 18px; }
.page-title { padding: 0px 15px; text-align: center; }
.page-title p { color: #ef8714; font-weight: bold; font-size: 24px; }
.page-title span { color: #ef8714; display: block; font-size: 18px; margin: 12px 0 0; }
/* 头部 */
.meiji-header { height: 128px; line-height: 128px; background-color: #E4E5E9; }
.meiji-logo img { width: 100%; height: 100%; object-fit: contain; }
.meiji-logo img { width: 100%; height: 100%; }
.meiji-font { display: inline-block; margin-right: 13px; }
.meiji-font .meiji-font-img { width: 46px; height: 46px; display: inline-block; border-radius: 50%; }
.meiji-font .meiji-font-img img { width: 100%; height: 100%; border-radius: 50%; }
.meiji-fonts { display: inline-block; font-weight: bold; }
.meiji-desc { margin: 34px 0; }
.meiji-year { height: 26px; line-height: 26px; font-weight: bold; color: #ef8414; font-size: 19px; margin-bottom: 8px; }
.meiji-place { height: 21px; line-height: 21px; color: #333333; }
.meiji-phones { display: flex; margin-top: 40px; float: right;}
.meiji-phones img { width: 39px; height: 39px; }
.meiji-phone { margin-left: 10px; }
.meiji-phone-font { height: 19px; line-height: 19px; }
.meiji-phone-num { font-weight: bold; height: 26px; line-height: 26px; font-size: 17px; }
.navbar-default { background-color: #ef8414 !important; clear: both; }
.navbar-default .navbar-nav>li { padding: 0 3px; position:relative;}
.navbar-default .navbar-nav>li>a { color: #ffffff !important; font-weight: 600; }
.navbar-default .navbar-nav>li>.active-lg { height: 4px !important; background: white !important; border-bottom: 4px solid #ef8414 !important; position: relative; bottom: 10px; }
.navbar-default .navbar-nav>li .erji{ width:160px; background:#ef8714; position:absolute; top:100%; left:10px; display:none; z-index:5;}
.navbar-default .navbar-nav>li:hover .erji{ display:block;}
.navbar-default .navbar-nav>li .erji a{ display:block; font-size:12px; line-height:22px; padding:10px 15px;}
.navbar { margin-bottom: 0 !important; }
 @media screen and (max-width: 767px) {
.navbar-default { background-color: #ef8414 !important; }
.navbar-default .navbar-nav>li>a { border-bottom: 1px solid rgba(245,245,245,.2); }
.navbar-default .navbar-nav>.active>a { background-color: #ef8414 !important; border-bottom: 1px solid #F5F5F5; }
.meiji-nav-ok { color: #ffffff; }
.navbar-default .navbar-nav>li { position: relative !important; }
.navbar-default .navbar-nav>li .glyphicon { position: absolute !important; top: 12px !important; right: 20px !important; }
.navbar-default .navbar-nav>li .erji{ width:100%; padding:5px 0; position:static; display:block; background:none;}
.navbar-default .navbar-nav>li .erji a{ padding:5px 15px 5px 30px;}
.navbar-brand { padding: 8px 0 8px 15px !important; }
.navbar-brand-img { width: 60px; height: 33px; }
.navbar-brand-img img { width: 100%; height: 100%; }
.navbar-brand-line { border-right: 1px solid #000000; margin-top: 15px; }
.navbar-brand-padding { margin-top: 15px; }
.navbar-brand-font { color: #333333; height: 20px; font-size: 14px; line-height: 20px; padding: 0 5px !important; }
.navbar-header { background-color: #E4E5E9; position: fixed; width: 100%; height: 50px; z-index: 999; top: 0; }
.navbar-default .navbar-collapse, .navbar-default .navbar-form { margin-top: 50px; position: fixed; z-index: 9999; background-color: #ef8414; width: 100%; top: 0; }
.navbar-default .navbar-collapse .navbar-nav { margin: 0 -15px !important; }
.navbar-toggle { background-color: #E4E5E9; border: none !important; }
.navbar-default .navbar-toggle:hover { background-color: #E4E5E9 !important; }
.navbar-default .navbar-toggle .icon-bar { background-color: #ef8414 !important; }
}
/* 主体 */
.develop { margin-top: 23px; margin-bottom: 50px; }
.list-top .item-title { height: 52px; background: #ef8414; font-size: 18px; color: #FFFFFF; line-height: 52px; cursor: pointer; padding-left: 40px; }
.list-top .item-title a { color: #FFFFFF; }
.list-top .list-item ul li a { width: 100%; display: inline-block; padding-left: 40px; }
.list-top ul li.active a { color: #ef8414; }
.list-top .item-title img { float: right; margin: 0 25px 0 0; margin-top: 22px; }
.list-top .item-title:hover { background: #00858B; }
.list-top .item-title:hover a { background: #00858B; }
.list-top ul { margin-bottom: 0; display: none; }
.list-top .list-item:first-child ul { display: block; }
.list-top .list-item .item-title.active { background: #00858B; }
.hang ul { display: block; }
/*.hang .round:first-child{*/
/*    background-color: #05ADB5;*/
/*}*/
.hang ul li { padding-left: 50px; }
/*.hang .round:first-child a{*/
/*    color: #FFFFFF;*/
/*}*/
.hang .round.active { background-color: #ef8414; }
.hang .round.active a { color: #FFFFFF; }
.hang .round:hover, .hang .round:hover a { background-color: #ef8414; color: #FFFFFF; }
.list-top ul>li { font-size: 14px; line-height: 40px; background: #F8F8F8; border-bottom: 1px solid #fff; cursor: pointer; }
.list-top ul>li a { color: #333333; }
.list-top ul>li:hover { color: #ef8414; }
.list-top ul>li:hover a { color: #ef8414; }
.list-bottom { margin-top: 24px; /* padding: 22px 24px; */
background: #F8F8F8; }
.list-bottom .read { text-align: left; padding-bottom: 12px; display: flex; }
.read span { font-size: 14px; color: #333333; display: inline; flex: 2; }
.read p { font-size: 12px; color: #999999; display: inline; right: 0; bottom: 4px; cursor: pointer; flex: 1; }
.read p>span { color: #999999; padding-right: 3px; cursor: pointer; }
.list-bottom ul { border-top: 1px solid #DBDBDB; }
.list-bottom ul img { padding-right: 2px; }
.list-bottom a { position: relative; }
.list-bottom ul span { position: absolute; color: #FFFFFF; top: 2px; left: 5px; font-size: 2px; }
.list-bottom ul .read-icon-old { position: absolute; color: #FFFFFF; top: 4px; left: 2px; }
.list-bottom ul .read-icon-new { position: absolute; color: #FFFFFF; top: 2px; left: 1px; font-size: 2px; }
.list-bottom ul>li a { color: #333333; }
.list-bottom ul>li a:hover { color: #ef8414; }
.list-bottom ul>li { padding-top: 13px; font-size: 14px; color: #333333; text-align: left; line-height: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; }
.list-bottom ul>li:hover { color: #ef8414; }
.content-all { margin-bottom: 65px; display: table; }
/* 背景颜色 */
.content-all:nth-of-type(2n) .bac-color { background: #f8f8f8; }
.contented-all { display: table; margin-bottom: 20px; }
.content-page .contented-all:first-child .base-item { margin: 0; }
.base-item:hover { box-shadow: 0 4px 15px 0px rgba(51, 51, 51, 0.2); }
.base-item:hover div { color: #ef8414; }
.based-item-img { width: 100%; overflow: hidden; }
.based-item-img>img { cursor: pointer; transition: all 0.5s; }
.based-item-img>img:hover { transform: scale(1.1); }
.content-title { font-size: 24px; font-weight: bold; color: #333333; padding: 20px 0 10px; }
.content-desc { font-size: 18px; color: #666666; padding: 0 8%; padding-bottom: 10px; font-family: MicrosoftYaHei; line-height: 24px; text-align: left; }
.base-item-num { padding-top: 14px; padding-bottom: 20px; }
.based-item-num { font-size: 14px; font-weight: bold; color: #333333; padding: 14px 15px 0; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; overflow: hidden; -webkit-box-orient: vertical; vertical-align: middle; height: 28px; }
.based-item-place { font-size: 14px; color: #999999; padding: 8px 33px 0; margin-bottom: 15px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; overflow: hidden; -webkit-box-orient: vertical; vertical-align: middle; height: 21px; }
/* 轮播 */
.carousel-inner>.item>img { width: 100%; }
.carousel-indicators li { margin: 0; width: 20px; height: 6px; border: none; background: #fff; border-radius: 2px; transition: .3s all; }
.carousel-indicators .active { width: 20px; height: 6px; background: #ef8414; }
/* 内容 */
.meiji-base { background-color: #fff; overflow: hidden; margin: 0 auto; }
.base-item { overflow: hidden; margin: 25px auto 5px; min-height: 158px; }
.base-item-img { /*padding-top: 8px;*/
}
.base-item-img>img { width: 100%;/*height: 100%;*/
}
.base-item-num { color: #333333; }
.meiji-more { background-color: #F8F8F8; padding: 0px 0 100px; }
.meiji-more-left>img { width: 100%; height: 100%; padding: 38px 0 0;}
.meiji-more-right-line { width: 28px; height: 5px; background: #333333; margin-bottom: 21px; }
.meiji-more-right-font { color: #333333; margin-bottom: 31px; line-height: 19px; }
.meiji-more-right-more>a { color: #999999; }
.meiji-new { background-color: #fff; padding: 50px 0 20px; }
.meiji-new-item:hover { box-shadow: 0px 4px 15px 0px rgba(51, 51, 51, 0.2); }
.meiji-new-item:hover>div { color: #ef8414; }
.page-titles { margin-top: 35px; }
.meiji-new-item { padding-top: 15px; -webkit-transition: .2s box-shadow; transition: .2s box-shadow; overflow: hidden; margin-top: 30px; min-height: 174px; }
.meiji-new-item-img { overflow: hidden; }
.meiji-new-item-img>img { width: 100%; cursor: pointer; transition: all 0.5s; }
.meiji-new-item-img>img:hover { transform: scale(1.1); }
.meiji-new-item-onedesc { color: #333333; margin: 14px 0 10px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; overflow: hidden; -webkit-box-orient: vertical; vertical-align: middle; height: 15px; font-weight: 600; }
.meiji-category { padding: 30px 0; background-color: #F8F8F8; }
.meiji-category-hexagon-item { padding-bottom: 30px; cursor: pointer; }
.category-hexagon-item-font { color: #333333; padding-bottom: 24px; font-size: 18px; }
.meiji-category-hexagon-item .overlay>img { border-radius: 50%; width: 80%; height: 80%; border: 2px solid transparent; }
.meiji-category-hexagon-item.active .category-hexagon-item-font { color: #ef8414; padding-bottom: 24px; font-weight: 600; }
.meiji-category-hexagon-item.active .overlay>img { border: 2px solid #ef8414; }
.category-hexagon-item-font-active { color: #ef8414; text-align: center; padding-bottom: 24px; }
.category-hexagon-item-img { position: relative; }
.category-hexagon-item-img>img { width: 100%; height: 100%; }
.meiji-category-item { display: none; }
.meiji-category-items { padding: 0 5px 30px; }
.meiji-category .box .meiji-category-item:first-of-type { display: block; }
.meiji-category-items-font { background-color: #ef8414; color: #ffffff; }
.meiji-category-items-font:hover { background-color: #088F95; }
.meiji-mode { background-color: #fff; padding: 48px 0 20px; }
.meiji-mode-item-img { margin-top: 10px; }
.meiji-mode-item { margin-top: 25px; overflow: hidden; min-height: 180px; }
.meiji-mode-item:hover { box-shadow: 0px 4px 15px 0px rgba(51, 51, 51, 0.2); }
#certify { position: relative; width: 100%; padding: 50px 15px; margin: 0 auto; }
#certify .swiper-container { padding-bottom: 60px; }
#certify .swiper-slide { width: 520px; height: 100%; background: #fff; box-shadow: 0 8px 30px #ddd; }
#certify .swiper-slide img { display: block; }
#certify .swiper-pagination { width: 100%; bottom: 20px; }
#certify .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; outline: none; border: 3px solid #fff; background-color: #d5d5d5; width: 10px; height: 10px; opacity: 1; }
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active { border: 3px solid #00aadc; background-color: #fff; }
#certify .swiper-button-prev { left: 0; background: url(../images/icon-prev.png) no-repeat; background-size: 100%; }
#certify .swiper-button-next { right: 0; background: url(../images/icon-next.png) no-repeat; background-size: 100%; }
#certify .button { width: 26px; height: 47px; outline: none; transform: translateY(-50%); }
.step .bg-gray { margin: 20px 0 65px; }
.step img { width: 100%; }
.advantage .page-title { margin: 0 0 50px; }
.advantage .item { overflow: hidden; margin: 0 0 40px; }
.advantage .item img { width: 100%; }
.advantage .icon { max-width: 66px; margin: 0 20px 0 0; }
.advantage .flex p { color: #333; margin: 0 0 8px; font-size: 20px; }
.advantage .flex p:last-child { margin: 0; }
.advantage .desc { padding: 30px 0 20px; }
.advantage .desc li { color: #333; font-size: 14px; margin: 0 0 10px; line-height: 20px; }
.advantage .desc li:before { content: ''; width: 6px; height: 6px; margin: 3px 8px 0 0; border-radius: 50%; background: #ef8414; vertical-align: top; display: inline-block; }
.advantage .pics { overflow: hidden; }
.advantage .pics .col-xs-6 { padding-left: 0; padding-right: 10px; }
.advantage .pics .col-xs-6:last-child { padding-right: 0; padding-left: 10px; }
.advantage .more a { width: 155px; height: 52px; color: #fff; display: block; font-size: 18px; text-align: center; line-height: 52px; border-radius: 8px; margin: 0 auto 100px; background: #ef8414; }
.strength { margin: 50px 0; overflow: hidden; }
.strength .bg-gray { padding: 30px 0; margin: 30px 0 40px; }
.strength img { width: 100%; }
.index-news .content { overflow: hidden; margin: 50px 0 100px; }
.index-news .title { padding: 0 0 10px; border-bottom: 1px solid #E2E2E2; }
.index-news .title .flex-sub { color: #333; font-size: 18px; }
.index-news .title a { color: #999; font-size: 14px; }
.index-news .title a:hover { color: #ef8414; }
.index-news .picture { margin: 12px 0 24px; }
.index-news .picture img { width: 100%; }
.index-news .list li { margin: 0 0 14px; }
.index-news .list a { color: #666; font-size: 16px; display: block; overflow: hidden; transition: .2s all; white-space: nowrap; text-overflow: ellipsis; }
.index-news .list a:hover { color: #ef8414; }
/* 面包�?*/
.bread-crumbs { padding: 15px 0; border-bottom: 1px dashed #DBDBDB; }
.bread-crumbs-header { display: inline-block; padding-left: 8px; border-left: 6px solid #333333; }
.breadcrumb { display: inline-block; padding: 0 !important; margin-bottom: 0 !important; background-color: #fff !important; }
.breadcrumb>li>a { color: #333333; }
.breadcrumb>li>a:hover { color: #ef8414; }
.breadcrumb>li+li:before { color: #CCCCCC; content: "/ "; padding: 0 5px; }
/* 新闻 */
.list-top-tip { background-color: #ef8414; color: #ffffff; padding: 26px 50px; border-bottom: 1px solid #ffffff; }
.news-list-top ul>li { font-size: 14px; line-height: 40px; background: #F8F8F8; border-bottom: 1px solid #fff; padding: 0 20px 0 40px; position: relative; }
.news-list-top ul>li:hover { background-color: #ef8414; }
.news-list-top ul>li>a:hover { color: #ffffff; background: url("../images/back1.png") no-repeat right; background-size: 9px 15px; width: 100%; height: 40px; }
.news-list-top ul>li>a { display: block; color: #333333; background: url("../images/back2.png") no-repeat right; background-size: 9px 15px; width: 100%; height: 40px; }
.news-list-top ul .news-list-top-active { background-color: #ef8414; }
.news-list-top ul .news-list-top-active>a { color: #ffffff; background: url("../images/back1.png") no-repeat right; background-size: 9px 15px; width: 100%; height: 40px; }
.news-list-item-right-times { margin-top: 14px; position: relative; padding-bottom: 24px; }
.news-list-item-right-time { color: #999999; }
.news-list-item-right-more { position: absolute; right: 10px; color: #999999; cursor: pointer; }
.news-list-item-right-more:hover { color: #ef8414; }
.news-list-right { width: 6px; height: 10px; }
.news-page { padding-top: 10px; }
.news-page-totals { display: inline-block; margin-right: 7px; color: #999999; vertical-align: middle; }
.news-page-jump { display: inline-block; vertical-align: middle; }
.news-page-jump input { height: 32px; width: 48px; margin: 0 8px; }
.pagination { vertical-align: middle; margin: 0 !important; border-radius: 0; }
.pagination>li>a, .pagination>li>span { margin: 0 8px; border-radius: 4px; color: #333333; }
.pagination>li>a:hover, .pagination>li>span:hover { background-color: #ef8414; border-color: #ef8414; z-index: 1 !important; color: #fff; cursor: pointer; }
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { background-color: #ef8414; z-index: 1 !important; color: #fff; cursor: pointer; border-color: #ef8414; }
.news-page-last { width: 56px; height: 37px; background: #FFFFFF; border-radius: 2px; border: 1px solid #EDEDED; padding: 7px 13px; font-size: 14px; line-height: 22px; margin: 18px 0 0 10px; }
/* pc免费申请样品 */
.apply-sample { width: 100%; height: 158px; /* height: 145px; */
background: #E4E5E9; border: none; position: relative; z-index: 9999; margin-top: 50px; }
.gu { position: fixed; bottom: 0; left: 0; }
.Mess { display: flex; }
.edit-logo { padding-top: 40px; }
.apply-sample .edit-mess { font-size: 22px; color: #ef8714; padding: 41px 18px 14px 15px; line-height: 30px; }
.apply-sample .edit-contain { padding-top: 48px; }
.apply-sample .contain-pei { padding-bottom: 14px; }
.apply-sample .contain-pei a { color: #666666; padding-left: 6px; }
.Mess .edit-form { display: flex; }
.edit-inpu { padding-top: 44px; padding-left: 15px; font-size: 14px; }
.edit-name { padding-bottom: 14px; border: none; padding-bottom: 14px; }
.edit-inpu input { height: 38px; width: 128px; padding-left: 10px; border: none; }
 .edit-inpu input::-webkit-input-placeholder {
 color: #F0F0F0;
}
.edit-import { padding-top: 71px; padding-left: 40px; }
.edit-import input { width: 111px; height: 38px; background: #333333; font-size: 14px; color: #FFFFFF; border: none; }
.edit-close { top: -12px; right: 145px; position: absolute; cursor: pointer; }
/* 新闻详情 */

.news-details-read { padding: 24px 0 0 23px; }
.news-details-reads { background: #F8F8F8; padding: 20px; }
.news-details-reads .read { padding-bottom: 10px; position: relative; }
.news-details-reads .read span { font-size: 16px; color: #333333; display: inline; }
.read a { font-size: 12px; color: #999999; display: inline; position: absolute; right: 0; top: 4px; cursor: pointer; }
.read a:hover { color: dimgray; }
.news-details-reads ul { border-top: 1px solid #DBDBDB; }
.news-details-reads ul>li { padding-top: 13px; font-size: 14px; line-height: 15px; cursor: pointer; }
.news-details-reads ul>li>a { color: #333333; overflow : hidden; text-overflow: ellipsis; display: -webkit-inline-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; vertical-align: middle; }
.news-details-reads ul>li>a:hover { color: #ef8414; }
.read-icon { display: inline-block; position: relative; vertical-align: middle; }
.read-icon>span { position: absolute; top: 2px; right: 4px; color: #ffffff; font-size: 10px; }
.read-icon .read-icon-new { position: absolute; top: 2px; right: 2px; }
/* OEM产品中心-商品详情 */
.contented-detail { padding-top: 18px; font-size: 28px; font-weight: bold; color: #333333; padding-bottom: 28px; border-bottom: 1px solid rgba(204, 204, 204, 0.5); margin-top: 50px; }
.contented-desc { padding-top: 13px; color: #666666; padding-bottom: 38px; width: 100%; line-height: 22px; font-size: 16px; }
.contented-box { width: 100%; padding-bottom: 38px; }
.OEM-apply { width: 164px; height: 44px; line-height: 44px; background: #ef8414; cursor: pointer; font-size: 14px; color: #FFFFFF; border-radius: 4px; margin: 0 auto; }
.gun { padding-top: 245px; }
.shang { float: left; font-size: 14px; color: #333333; cursor: pointer; }
.shang:hover { color: #ef8414; }
.xia { float: right; font-size: 14px; color: #333333; cursor: pointer; }
.xia:hover { color: #ef8414; }
.news-details { border-right: 1px dashed #DBDBDB; }
.news-details-title { font-weight: bold; }
.news-details-times { padding: 30px 0; }
.news-details-content img { height: auto !important; }
.news-details-img { display: inline-block; margin-right: 20px; }
.news-details-time { color: #999999; display: inline-block; }
.details-title { padding-bottom: 100px; position: relative; }
.details-title>a { color: #333333; }
.details-title>a:hover { color: #ef8414; cursor: pointer; }
.details-previous { width: 210px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: absolute; left: 0; }
.details-next { position: absolute; right: 0; width: 215px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.news-detail .row { padding-bottom: 50px; }
/* 底部 */
footer { background-color: #2A2A2A; margin-bottom: 60px; }
footer .slider { position: fixed; right: 4%; bottom: 30%; z-index: 9; }
.slider .item { width: 42px; height: 42px; font-size: 12px; color: #FFFFFF; background: #ef8414; line-height: 16px; padding-top: 5px; padding-left: 8px; margin-bottom: 8px; cursor: pointer; }
.slider .items { background-image: url(../images/con-up.png); background-size: 100% 100%; width: 30px; height: 30px; margin-bottom: 8px; cursor: pointer; }
.slider .item:first-child { /* background-image: url(../images/con-up3.png); */
}
/* .slider .item:first-child:hover {
	background-image: url(../images/con-up4.png);
} */

.footer-container { max-width: 1180px; display: flex; margin: 0 auto; }
.footer-nav { padding: 50px 10px 62px; position: relative; }
.footer-nav::after { top: 50px; right: 8px; width: 1px; content: ''; height: 214px; position: absolute; background: rgba(255, 255, 255, 0.1); }
.footer-nav:last-child:after { display: none; }
.footer-nav .title { color: #ef8414; font-size: 24px; padding: 0 0 4px; font-weight: bold; position: relative; }
.footer-nav .title::after { position: absolute; left: 0; bottom: -5px; content: ''; width: 26px; height: 2px; background: #ef8414; display: block; }
.meiji-end { width: 100%; height: 40px; line-height: 40px; background: #FFFFFF; text-align: center; cursor: pointer; }
.meiji-end a { font-size: 12px; color: #999999; }
.footer-box { clear: both; padding-top: 34px; }
.footer-box ul { float: left }
.footer-box ul:first-child { margin: 0 35px 0 0; }
.footer-box ul li { margin: 0 0 20px; }
.footer-box ul a { color: #fff; font-size: 14px; }
.footer-box ul a:hover { color: #ef8414; }
.navbar-bottom { display: none; }
.contain-us { padding-top: 30px; color: #FFFFFF; }
.contain-box { display: block; padding-bottom: 16px; color: #FFFFFF; }
.contain-box img { padding-right: 9px; }
.contain-box span, .contain-box a { font-size: 14px; color: #FFFFFF; vertical-align: sub; }
.contain-oem { padding-top: 12px; padding-bottom: 14px; }
.contain-oem p { color: #FFFFFF; }
.contain-phone>span { padding-bottom: 14px; width: 33%; }
.contain-phone:nth-of-type(even)>span { display: inline-block; }
.contain-code { padding-top: 35px; }
.contain-code img { width: 129px; height: 129px; }
.contain-code p { color: #FFFFFF; padding-top: 9px; font-size: 14px; padding-left: 28px; }
/* 移动端底�?*/
.navbar-bottom { width: 375px; background: #2A2A2A; overflow: hidden; position: fixed; left: 0; bottom: 0; height: 50px; }
.navbar-bottom p { margin: 0 !important; }
.navbar-bottom .active { height: 50px; background-color: #ef8414; }
.banner { display: inline-block; color: #FFFFFF; text-align: center; }
.banner img { padding-top: 7px; padding-bottom: 3px; }
.banner p { font-size: 10px; }
.list-add { display: none; }
.active-tiffany .detail-list a { color: #ef8414 !important; }
/* 申请成功 */
.apply-success { width: 120px; height: 120px; line-height: 120px; margin-left: -60px; margin-top: -60px; position: fixed; top: 50%; left: 50%; text-align: center; background-color: rgba(0, 0, 0, 0.5); border-radius: 8px; color: #FFFFFF; font-size: 16px; display: none; z-index: 1; }
/* 电话弹窗 */
.phone { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); display: none; z-index: 1; }
.phone .message { width: 275px; position: absolute; top: 50%; left: 50%; margin-left: -137.5px; margin-top: -74px; background-color: #FFFFFF; border-radius: 8px; }
.phone-tips { font-size: 18px; font-weight: bold; color: #333333; margin: 15px 0 18px; }
.phone-number { font-size: 14px; color: #333333; padding-bottom: 26px; border-bottom: 1px solid #E5E5E5; }
.phone-button { width: 100%; display: flex; font-size: 16px; }
.phone-button a { flex: 1; height: 43px; line-height: 43px; display: inline-block; border-right: 1px solid #E5E5E5; text-align: center; color: #ef8414; }
.phone-button a:last-child { border-right: none; }
/* 免费申请样品弹窗 */
.apply-edit { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.6); display: none; }
.apply-edit .edit-mes { width: 275px; height: 384px; position: absolute; top: 50%; left: 50%; margin-left: -137.5px; margin-top: -192px; }
.edit-mes .img-back { padding-bottom: 19px; position: relative; }
.img-back .mes-inform { top: 155px; position: absolute; }
.mes-inform input { width: 235px; height: 40px; background: #E4E5E9; padding-left: 10px; /*color: #999999;*/
border: none; margin-bottom: 12px; }
.mes-inform .mianfei { width: 235px; height: 40px; background: #ef8414; color: #FFFFFF; border: none; }
.img-bottom>img { cursor: pointer; }
/* 代加工模�?*/
.processing { position: relative; margin: 90px 0 0; }
.processing .left-fixed { position: fixed; top: 50%; left: 9px; z-index: 1; }
.processing .round { width: 10px; height: 10px; cursor: pointer; margin: 0 0 5px; border-radius: 6px; border: 1px solid #999; background-color: white; }
/* 圈圈选中颜色 */
.processing .round.active { border: 1px solid #ef8414; }
.processing-content p { margin: 2px 165px 50px 166px; font-size: 18px; color: #666666; line-height: 24px; }
.processing-content h4 { font-weight: bold; font-size: 24px; margin: 10px 0 10px; }
.processing-content img { width: 100%; }
.processing-content .img-box { margin: 0 0 100px; }
/* 有颜色背景的text */
.processing-content:nth-of-type(2n) .img-box { background: #f8f8f8; padding: 50px 0 60px; }
.aboutmeiji { margin: 20px 0 100px; }
.aboutmeiji .change { position: relative; }
/* 富文�?*/
.aboutmeiji .rich-text { width: 100%; padding: 0 120px; }
.aboutmeiji .rich-text video, .aboutmeiji .rich-text img, .aboutmeiji .rich-text audio { width: 65%; height: auto !important }
/* 选中标题 */
.aboutmeiji .change .active .item { position: relative; color: white; background-color: #ef8414;    display: none; }
.aboutmeiji .change .item a { color: #333333; }
.aboutmeiji .change .flex-sub:nth-child(odd) .item { margin-left: 58%; }
.aboutmeiji .change .flex-sub:nth-child(even) .item { margin-left: 14%; }
.aboutmeiji .change .active .item a { color: #FFFFFF; }
.aboutmeiji .change .item a { display: block; }
/* 选中标题下方三角�?*/
.aboutmeiji .change .active .item:after { content: ''; position: absolute; bottom: -15px; transform: translateX(-50%); left: 50%; width: 0; height: 0; border-right: 20px solid transparent; border-left: 20px solid transparent; border-top: 15px solid #ef8414; }
/*已选中标题 */
.aboutmeiji .change .item { width: 28%; cursor: pointer; line-height: 50px; transition: 0.3s all; background-color: #F9F9F9; }
.aboutmeiji .title h4 { font-size: 24px; font-weight: bold; /*margin: 100px 0 50px;*/ }
/* 联系我们 */
.contact { margin: 90px 0 0; }
.contact .title h4 { font-size: 24px; font-weight: bold; text-align: center; margin: 10px 0; }
/*左图片加右内容区�?/
.contact .main { margin: 50px 0; position: relative; }
/* 编辑内容区域 */
.contact .main .content { padding: 8% 8%;}
.contact .main .contact-left img { width: 100%; margin-left: 8px; }
.contact .main .contact-left { z-index: 1; }
/* 右边内容背景 */
.contact .contact-right { width: 50%; /*left: 39%; top: 18%;*/ padding: 0; /*position: absolute;*/ background: #F8F8F8; }
/* 右边内容标题 */
.contact .main .content .item h4 { color: #333333; margin: 14px 0 0; line-height: 24px; font-size: 18px; font-weight: bold; font-family: MicrosoftYaHei-Bold, MicrosoftYaHei; }
.contact .main .content .item .text { margin: 14px 0; font-family: MicrosoftYaHei; color: #333333; line-height: 19px; }
.contact-list>span { margin-top: 14px; width: 44%; }
.contact-lists>span { margin: 14px 0 0; width: 48%; }
.contact-list:nth-of-type(even)>span { display: inline-block; }
.contact-lists:nth-of-type(even)>span { display: inline-block; }
/* 地图 */
#map { height: 395px; margin: 200px 0 100px; }
.list-top .list-item .active img { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

/* 媒体查询 */
/* 大屏幕以�?*/
@media (max-width: 1200px) {
}

/* 大屏幕以�?*/
@media (min-width: 1200px) {
}

/* 中屏幕到大屏�?*/
@media (min-width:768px) and (max-width:1200px) {
/* 代加工模�?*/
.processing { margin: 45px 0 0; }
.processing .left-fixed { top: 40%; left: 2px; }
.processing .round { border-radius: 4px; width: 6px; height: 6px; }
.processing-content h4 { font-size: 18px; margin: 10px 0 10px; }
.processing-content p { margin: 7px 93px 30px 94px; }
.processing-content .img-box { margin: 0 0 60px; }
.processing-content:nth-of-type(2n) .img-box { padding: 30px 0 40px; }
/* 关于美肌 */
.aboutmeiji { margin: 55px 0 65px; }
.aboutmeiji .title h4 { font-size: 18px; margin: 55px 0 30px; }
/* 联系我们 */
.contact { margin: 45px 0 0; }
.contact .title h4 { font-size: 18px; }
.contact .main { margin: 30px 0; }
.contact .main .content .item h4 { font-size: 16px; line-height: 18px; padding: 8px 0 0; }
.contact .main .content .item .text { font-size: 9px; margin: 8px 0; }
.contact-list>span { margin-top: 8px; font-size: 9px; }
.contact-lists>span { margin-top: 8px; font-size: 9px; }
/* 地图 */
#map { height: 330px; margin: 200px 0 100px; }
}

/* 中屏幕以�?*/
@media (max-width: 992px) {
.meiji-more-left { margin-bottom: 30px; }
.news-details { padding: 24px 23px 0; }
.base-item-place { margin: 8px 0; color: #333333; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; vertical-align: middle; overflow: hidden; height: 28px; }
.meiji-new-item-twodesc { color: #999999; padding-bottom: 15px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; vertical-align: middle; overflow: hidden; height: 70px; }
.news-list-item-right-title { overflow: hidden; }
.news-list-item-right-title { overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-size: 14px; font-weight: bold; color: #333333; cursor: pointer; line-height: 25px; }
.news-list-item-right-tips { overflow: hidden; }
.news-list-item-right-tips { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 12px; margin-top: 10px; line-height: 25px; }
.news-list-item-right { padding-left: 0; }
#certify .swiper-slide { width: 460px; }
#certify .swiper-button-next { right: 10px; }
#certify .swiper-button-prev { left: 10px; }
.meiji-category-items-font { padding: 4px 0 5px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; vertical-align: middle; overflow: hidden; height: 25px; line-height: 20px; }
}

/* 中屏幕以�?*/
@media (min-width: 992px) {
.news-details { padding: 24px 23px 0 0; }
.base-item-place { margin: 8px 0; color: #333333; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; vertical-align: middle; overflow: hidden; height: 15px; }
.meiji-new-item-twodesc { color: #999999; padding-bottom: 15px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; vertical-align: middle; overflow: hidden; height: 50px; line-height: 17px; }
.news-list-item-right-title { overflow: hidden; }
.news-list-item-right-title { overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 18px; font-weight: bold; color: #333333; cursor: pointer; line-height: 25px; }
.news-list-item-right-tips { overflow: hidden; }
.news-list-item-right-tips { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 14px; margin-top: 14px; line-height: 25px; }
.navbar-default .navbar-nav>li { padding: 0 10px; }
.meiji-category-items-font { padding: 12px; }
.meiji-more-left { z-index: 9999; }
.meiji-more-right { transform: translate3d(-100px, 38px, 0); background-color: #fff; padding: 63px 39px 71px 119px !important; }
.lg-hidden-backTop { display: none !important; }
.news-list-item { padding-bottom: 24px; overflow: hidden; padding-left: 23px; }
.news-details-reads ul>li>a { width: 150px; }
}
 @media (max-width: 991px) {
.xs-hidden-backTop { display: none !important; }
.apply-sample { display: none; }
}
/* 平板到中屏幕 */
@media (min-width:768px) and (max-width:991px) {
/* 关于美肌 */
.contact .pingban { width: 970px; }
footer { padding-bottom: 0; }
.news-details-reads ul>li>a { width: 140px; }
}
/* 小屏 + 平板以下 */
@media (max-width: 768px) {
.carousel-inner>.item>img { width: 100%; }
#certify .swiper-slide { width: 400px; }
.index-news .col-sm-6 { margin: 0 0 20px; }
.news-list-item { width: 100%; height: 148px; background-color: #F8F8F8; margin-bottom: 20px; padding-top: 14px; }
.develop { margin-top: 0; position: relative; }
.develops { margin-top: 20px; }
}
 @media (min-width: 767px) {
.title-list { display: none; }
}
/* 小屏以下 */
@media (max-width: 767px) {
/* 代工厂模�?*/
.processing { margin: 10px 0 50px; }
.processing-content p { margin: 0px 36px 0px; font-size: 15px; }
.processing-content h4 { font-size: 18px; }
.processing-content .img-box { margin: 20px 0 10px; padding: 0 15px; }
.processing-content:nth-of-type(2n) .img-box { padding: 20px 15px; }
/* 关于美肌 */
.aboutmeiji { margin: 0 0 50px; }
.title-list { display: flex; height: 50px; line-height: 50px; color: #FFFFFF; position: relative; background-color: #2A2A2A; }
.title-list a { color: #FFFFFF !important; }
.title-list .item { width: 100%; }
    /*隐藏滚动�?/
    .title-list::-webkit-scrollbar {
 display: none;
}
.title-list .active a { border-bottom: 4px solid #ef8414; padding-bottom: 3px; }
.aboutmeiji .title h4 { font-size: 18px; margin: 20px 0; }
/* 富文�?*/
.aboutmeiji .rich-text { padding: 0 15px; }
/* 联系我们 */
.contact { margin: 10px 0 0; }
.contact .title h4 { font-size: 18px; }
.contact .main { margin: 20px 0 0; position: static; }
.contact .main .content { padding: 0; }
.contact .main .contact-left img { width: 100%; margin: 0; }
.contact .main .contact-right { width: 100%; margin: 20px 0 0; padding: 0 15px; position: static; background-color: #FFFFFF; }
.contact .main .content .item h4 { font-size: 16px; margin: 10px 0 5px; }
.contact .main .content .item .text { font-size: 12px; margin: 8px 0; }
.contact .main .content span { font-size: 12px; }
/* 化妆�?*/
.contact-list:nth-of-type(even)>span { width: 48%; margin: 3px 0 8px; }
/* 邮箱内容边距和换�?*/
.contact-lists span { display: block ! important; margin: 8px 0 0; width: 100%; }
/* 地图 */
#map { height: 315px; margin: 0; }
/* 地图外壳 */
.contact .map { padding: 0 15px; margin: 40px 0 50px; }
.footer-container { display: none; }
.navbar-bottom { display: block; width: 100%; z-index: 1001; }
body { padding-bottom: 50px; }
/* 底部 */
footer { /* 		position: fixed;
                bottom: 0;
                left: 0;
                width: 100%; */
padding-bottom: 0; }
.backTop { display: none; }
.banner-detail { height: 50px; background: #2A2A2A; position: fixed; top: 50px; z-index: 9; width: 100%; }
.banner-detail img { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.banner-detail .active img { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); }
.list-all { height: 50px; padding-left: 15px; padding-right: 0px !important; }
.list-all .detail-list { font-size: 14px; color: #FFFFFF; line-height: 50px; }
.list-all .detail-list a { color: #FFFFFF; }
.detail-list img { padding: 0 4px; }
.list-add { width: 100%; top: 100px; left: 0; height: 392px; overflow-y: auto; position: fixed; z-index: 3; }
.list-add ul { background: #ef8414; padding-left: 15px; }
.list-add a { color: #FFFFFF; }
.list-add a:hover { color: #FFFFFF; }
.list-add ul>li { position: relative; font-size: 16px; color: #FFFFFF; height: 49px; line-height: 49px; cursor: pointer; border-bottom: 1px solid rgba(245, 245, 245, 0.2); }
.list-add ul>li a { display: inline-block; width: 100%; }
.list-add span { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); }
#certify { margin: 30px 0 0; }
#certify .swiper-slide { width: 100%; }
#certify .button { width: 30px; height: 30px; }
#certify .swiper-button-prev { left: 20px; background: url(../images/icon-sm-prev.png) no-repeat; background-size: 100%; }
#certify .swiper-button-next { right: 20px; background: url(../images/icon-sm-next.png) no-repeat; background-size: 100%; }
#certify .swiper-pagination-bullets { display: none; }
.page-title p { font-size: 18px; }
.page-title span { font-size: 14px; }
.advantage .item .col-sm-6 { margin: 0 0 20px; }
.address { color: #999; font-size: 14px; text-align: center; padding: 12px 0; background: #F8F8F8;/* position: absolute;
        width: 100%;
        bottom: -347px;
        z-index: 9;
        left: 0; */
}
.dev_top { height: 50px; line-height: 50px; background: #2A2A2A; font-size: 18px; color: #FFFFFF; }
.content-desc { font-size: 14px; color: #666666; padding: 0 2%; padding-bottom: 2px; }
.content-all { margin-bottom: 30px; }
.content-all:nth-of-type(2n) .bac-color { padding-bottom: 20px; margin-top: 20px; }
.applyback { padding-left: 0 !important; padding-right: 0 !important; }
.contented-all { display: table; margin-bottom: 20px; margin-top: 50px; }
}

/*<!---->*/
.scroll_03 .bd ul li{ float:left; width:260px; height:310px; margin:0 25px 0 25px;}
.scroll_03 .bd ul li .img{ height:260px;}
.scroll_03 .bd ul li .img img{ width:260px; height:260px;}
.scroll_03 .bd ul li .txt{ height:50px; line-height:50px; overflow:hidden; background:#0e1637; color:#fff; font-size:14px; text-align:center;}

.bt1{ font-weight:bold; color:#ef8414; font-size:24px; line-height:34px; text-align:center;}

.index_add1{ padding:0 0 0 0;}
.index_add1 ul{ margin-top:20px;}
.index_add1 ul li{ float:left; width:calc((100% - 60px)/4); margin:0 20px 20px 0;}
.index_add1 ul li:nth-child(4n){ margin-right:0;}
.index_add1 ul li .img{ padding-bottom:100%; position:relative;}
.index_add1 ul li .img img{ width:auto; height:auto; max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
@media(max-width:768px){
.index_add1 ul li{ float:left; width:calc((100% - 10px)/2); margin:0 10px 10px 0;}
.index_add1 ul li:nth-child(4n){ margin-right:10px;}
.index_add1 ul li:nth-child(2n){ margin-right:0;}
}

.index_add2{ transform:translateY(70px);}
.index_add2 ul li{ float:left; width:25%; margin:0 0 20px 0; text-align:center;}
.index_add2 ul li:nth-child(4n){ margin-right:0;}
.index_add2 ul li .txt{ border-right:1px solid #eee; padding:0 20px;}
.index_add2 ul li:nth-child(4n) .txt{ border-right:none;}
.index_add2 ul li .txt .h2{ font-size:14px; color:#999; line-height:24px; margin:0;}
.index_add2 ul li .txt .h2 span{ color:#ef8414; font-size:24px;}
.index_add2 ul li .txt .h3{ font-size:19px; line-height:29px; margin:5px 0 0 0;}
@media(max-width:768px){
.index_add2 ul li{ float:left; width:50%; margin:0 0 20px 0; text-align:center;}
.index_add2 ul li .txt{ padding:0 20px;}
.index_add2 ul li:nth-child(2n) .txt{ border-right:none;}
}