@charset "utf-8";

/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, ul, ol { margin: 0; padding: 0; }
body { font-family: "Arial", "Helvetica Neue", "Helvetica", "Arial", sans-serif; color: #232323; background: #fff; line-height: 1.8; font-size: 14px }
ul, ol { list-style: none; }
a img { border: none; max-width:100%;}
h1, h2, h3, h4, h5, h6, div, li, p { font-weight: normal; }
h1, h2, h3, h4, h5, h6, i { font-size: 12px }
a { text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
a:hover, a.current { outline: none; }
em, i { font-style: normal; }
img { vertical-align: middle;max-width:100%;}
div { display: block }
section, input, select { font-size: 12px }
input, select { color: #666; font-family: "Arial", "Microsoft YaHei"; }
body { width: 100%; font-family: "Arial", "Microsoft YaHei"; }
body.jp { font-family: "Meiryo" }
/**webkit鍙栨秷textarea鎷栧姩璋冩暣澶у皬**/
textarea { resize: none; }

@font-face {
  font-family: "AvantGardeGothicC-Book";
  src: url("../woff2/avantgardegothicc-book.woff2") format("woff2"),
       url("../woff/avantgardegothicc-book.woff") format("woff"),
       url("../ttf/avantgardegothicc-book.ttf") format("truetype"),
       url("../eot/avantgardegothicc-book.eot") format("embedded-opentype"),
       url("../svg/avantgardegothicc-book.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "bakrsign";
  src: url("../woff2/bakrsign.woff2") format("woff2"),
       url("../woff/bakrsign.woff") format("woff"),
       url("../ttf/bakrsign.ttf") format("truetype"),
       url("../eot/bakrsign.eot") format("embedded-opentype"),
       url("../svg/bakrsign.svg") format("svg");
}


/**webkit鍙栨秷鏂囨湰妗嗚仛鐒︽椂杈规棰滆壊涓嶅彉**/
*:focus { outline: none; }
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; }
.f12 { font-size: 12px }
.f14 { font-size: 14px }
.f16 { font-size: 16px }
.f18 { font-size: 18px }
.f20 { font-size: 20px }
.f22 { font-size: 22px }
.f24 { font-size: 24px }
.mL5 { margin-left: 5px }
.mL10 { margin-left: 10px }
.mR5 { margin-right: 5px }
.mR10 { margin-right: 10px }
.mT5 { margin-top: 5px }
.mB5 { margin-bottom: 5px }
.mT10 { margin-top: 10px }
.mT20 { margin-top: 20px }
.mB10 { margin-bottom: 10px }
.c666 { color: #666 }
.c999 { color: #999 }
.f_Left { float: left }
.f_Right { float: right }
.tr { text-align: right }
.tl { text-align: left }
.red { color: #60a917 }
a { text-decoration: none; color: #232323; cursor: pointer }
a { transition: all ease .3s; }
a:hover { text-decoration: none; color: #b29777 }
.blueColor { color: #0296b0 }
.greenColor { color: #45b537 }
.brownColor { color: #00aba9 }
.redColor { color: #e9454e }
.bodybg { background: #f7f8f9 }


.mod-mobi { display: none; }
@media (max-width: 768px) {
	.mod-pc { display: none; }
	.mod-mobi { display: block; }
}

@media (min-width:768px), @media (min-width:992px), @media (min-width:1200px)  {
	.container { width: 100%; clear: both; }
}
@media (min-width:1294px) {
	.container { width: 1294px; clear: both; }
}
.conwrap { margin-right: -15px; margin-left: -15px; }
@media (max-width: 1294px) {
	.conwrap { margin-right: 0; margin-left: 0; }
}


/*swiper*/
.swiper-slide img { width: 100%; height: auto; }
.swiper-button-prev, .swiper-button-next { opacity: 0.5; }
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: 20px;
}
.swiper-pagination-bullet { background-color: #c6c6c6; opacity: 0.5; }
.swiper-pagination-bullet-active { opacity: 1; }

@media (max-width:768px) {
	.mobi .swiper-button-next, .mobi .swiper-button-prev { width: 18px; height: 30px; margin-top: -15px; background-size: cover; }
}


/*comm*/
.mainBanner { clear: both; }
.mainBanner img { width: 100%; }

.ptatil { display: inline-block; margin-bottom: 10px; font-size: 30px; line-height: 1.2; font-weight: 700; position: relative; text-transform: uppercase }
.ptatil::after { content: ""; position: absolute; left: 10px; bottom: 0; width: 100%; height: 10px; z-index: -1; background: #dac9b9; }
@media (max-width: 768px) {
	.ptatil { font-size: 24px; }
	.ptatil::after { height: 6px; }
}


.top-banner { position: relative; padding-top: 29.1666%; overflow: hidden; }
.top-banner > img.bg { position: absolute; top: 0; left: 0; width: 100%; z-index: -1; }
.top-banner video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; z-index: 1; }
.top-banner .play { position: absolute; width: 80px; height: 80px; margin: -40px 0 0 -40px; left: 50%; top: 50%; background:url(../png/play.png); }


.topBar { position: relative }
.topNav { height: 40px; line-height: 40px; text-align: right; padding-right: 10px; }
.ico_c { display: block; float: right; width: 24px; height: 24px; text-align: center; line-height: 24px; color: #333; font-size: 12px; margin-top: 5px }
.ico_c:hover { }

/*nav*/
.body-fixed-top { padding-top: 60px; }
#header .navbar { height: 60px; }
#header .navbar-header { position: absolute; top: 0; left: 15px; }
#header .navbar-collapse { padding-left: 0; padding-right: 0 }
#header .navbar { background: rgba(0, 0, 0, 0.95); border: none; margin-bottom: 0; border-radius: 0; }
#header .navbar-brand { height: auto; padding: 17px 10px 17px 80px; }
#header .navbar-brand img { display: block; /*! width: 152px; */ }
#header .nav { margin-right: 350px; }
#header .nav li { position: relative; }
#header .nav li a { color: #fff; padding: 20px 18px; font-size: 16px; font-weight: 700; }
#header .nav li:hover a { color:#7a6759; background: transparent; }
#header .nav li .toggle { display: none; }
#header .nav li a.now { color:#7a6759; }
#header .nav li .leval2 { position: absolute; left: 0; display: none; z-index: 299; background-color: rgba(122, 103, 89, .95); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .1); box-shadow: 0 6px 12px rgba(0, 0, 0, .1); }
#header .nav li .leval2 li a { display: block; text-align: left; padding: 10px 35px; font-weight: normal; color: #fff; white-space: nowrap; }
#header .nav li .leval2 li a:hover { background-color:rgba(0,0,0,.6);  }
#header .navbar-toggle .icon-bar { background-color: #e8e8e8; }

.m-header .topBg { display: none; opacity: 0; }
.m-header .navbar { height: 116px }
.m-header { position: fixed; left: 0; top: 0; width: 100%; z-index: 9999999; }
.m-leftNav { position: fixed; top: 0; background: #f7f8f9; z-index: 9999999; }


/*level2*/
.popOverBox { position: absolute; top: 12px; right: 35px; height: 32px; background: rgba(255, 255, 255, .2); border-radius: 20px; }
.inputStyle { border: none; background: none; border-radius: 20px; height: 32px; line-height: 32px; width: 150px; padding: 0 10px; float: left; color: #fff; }
.btnS { display: block; padding: 0 10px; height: 32px; line-height: 32px; width: 40px; background: url(../png/link.png) center center no-repeat; color: #fff; float: left }
.btnS:hover { color: #fff }
.navbar-fixed-top { border: none; }

/*@media (max-width: 1600px) {
	#header .navbar-header { left: 0; }
	#header .nav { margin-right: 220px; }
	#header .nav li a { padding: 30px 25px; }
	#header .popOverBox { right: 20px; }
}*/
@media (max-width: 1294px) {
	#header .popOverBox { display: none; }
	#header .nav { margin-right: 20px; }
	#header .navbar-brand { padding: 17px 10px 17px 10px; }
	/*#header .navbar-brand {  }
	#header .navbar-brand img { width: 152px; }
	#header .nav li a { padding: 20px 18px; }
	#header .popOverBox { top: 12px; }*/
}
/*
@media (max-width: 1200px) {
	#header .popOverBox { display: none; }
	#header .nav { margin-right: 20px; }
	#header .nav li a { padding: 20px 15px; }
}
*/
@media (max-width: 1000px) {
	/*#header .popOverBox { display: none; }
	#header .nav { margin-right: 10px; }*/
	#header .nav li a { padding: 20px 10px; font-size: 14px; font-weight: 400;}
}
@media (min-width: 769px) {
	#header .nav li:hover .leval2 { display: block; }
}

@media (max-width: 768px) {
	#header .navbar-header { position: relative; height: 58px; text-align: center; }
	#header .navbar-brand { float: none; display: inline-block; }
	#header .navbar-toggle { margin-top: 12px }
	#header .nav { margin-right: 0; }
	#header .navbar-nav { margin: 0; }
	#header .navbar-collapse { border: none; background-color: rgba(255, 255, 255, 1); max-height: none; }
	#header .nav > li { float: none; position: relative; border-bottom: 1px solid #ccb8a0; }
	#header .nav li a { padding: 10px 30px; display: block; font-weight: bold; color: #333; }
	#header .nav li a:hover, #header .nav li a.now { background-color: rgba(170, 170, 170, 1); color: #333; }
	#header .nav li .leval2 { box-shadow: none; position: relative; display: none; width: auto; padding-bottom: 5px; background: none; }
	#header .nav li .leval2 li a { padding: 5px 30px 5px 60px; text-align: left; color: #333; }
	#header .nav li .leval2 li a:hover { background: rgba(170, 170, 170, 1);; }
	#header .nav li .toggle { display: block; position: absolute; width: 40px; height: 40px; top: 0; right: 0; cursor: pointer; background-image: url(../png/navbar-toggle.png);}
	#header .nav li.active { background-color: rgba(227, 227, 227, 1) }
	#header .nav li.active .leval2 { display: block; }
	#header .nav li.active .toggle { background-image: url(../png/navbar-toggle-active.png); }
}

/*footer*/
.footer { clear: both; background: #0d0d0d; padding: 0 0 20px; height: auto; color: #f8f8f8; position: relative; overflow: hidden; }
.footNav { text-align: left; }
.footNav dt { color: #f8f8f8; font-size: 16px; height: 30px; line-height: 30px; }
.footNav dt a { color:#f8f8f8}
.footNav dd { height: 30px; line-height: 30px }
.footNav dd a { color: #fff; font-size: 12px }
.footNav dd a:hover { color: #d9c6b5 }
.footAdd { float: left; text-align: left; font-size: 12px; }
.footAdd p { margin-bottom: 8px }
.footBottomRight { float: right; width: 300px; color: #fff; }
.weixin { float: right; width: 150px; height: 150px; margin-top: 20px; margin-right: 25px; }
.weixin p { text-align: center; color: #fff }
.bottomBox { background: #000; padding: 20px; margin-bottom: 20px; }
.bottomBox2 { background: #0d0d0d; }a.cico { display: block; width: 40px; height: 40px; background: url(../png/ico.png)  no-repeat; margin: 0 auto; position: relative }
a.cico1 { background-position: 0 0 }
a.cico2 { background-position: 0 -40px }
a.cico3 { background-position: 0 -80px }
a.cico4 { background-position: 0 -120px }
a.cico5 { background-position: 0 -160px }
a.cico6 { background-position: 0 -200px }
a.cico1:hover { background-position: -40px 0 }
a.cico2:hover { background-position: -40px -40px }
a.cico3:hover { background-position: -40px -80px }
a.cico4:hover { background-position: -40px -120px }
a.cico5:hover { background-position: -40px -160px }
a.cico6:hover { background-position: -40px -200px }
a.cico .tipsBox { display: none; position: absolute; left: -50%; margin-left: -50px; bottom: -58px; right: 0; width: 200px; height: 50px; background: rgba(48, 0, 51, .9); border-radius: 5px; z-index: 99; }
a.cico .tipsBox img { width: 80px; height: 80px; }
.foot-mobi { text-align: center; font-size: 12px; padding: 20px 0 10px; }
.foot-mobi .row-2 { margin: 10px 0 0; display: inline-block; }
.foot-mobi .row-2 p > a, .foot-mobi .row-2 p > span { display: inline-block; margin: 0 10px 10px; color: #fff !important; line-height: 18px; }
.item-phone, .item-cz, .item-email { padding-left: 24px; background-repeat: no-repeat; }
.item-phone { background-image: url(../png/icon-phone.png); }
.item-cz { background-image: url(../png/icon-print.png); }
.item-email { background-image: url(../png/icon-email.png); }

/*index*/
.index-swiper .swiper-slide img {  }
.index-section1, .index-section2, .index-section3 { clear: both; background:#fff; }
.index-section4 { clear: both; margin-bottom: 50px; }
.index-section4 .video { overflow: visible; box-shadow: 20px 20px 0 #dac9b9; position: relative; padding-top: 56.25%; }
.index-section4 .video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.index-section4 .aboutBox { word-wrap: normal; line-height: 2; margin-right: 5%; margin-left: 5%; margin-bottom: 20px; }
.index-section4 .aboutBox p { margin-top: 10px;  }
.index-section4 .indexTitle { margin-bottom: 10px; }
.mobi-index-vedio-title { margin-top: 35px; margin-bottom: 10px; }
@media (max-width:992px) {
	.index-section4 .video { box-shadow: none; margin-bottom: 30px; }
	.index-section4 .aboutBox { margin-right: 0; margin-left: 0; }
}
@media (max-width: 768px) {
	.index-section4 { margin-bottom: 0; }
	.index-section4 .video { box-shadow: none; }
	.index-section-certification.about-item-2 { padding: 7% 0 10%; }
	.index-section-certification.about-item-2 .ptatil { margin-left: 15px; }
	.index-section-certification.about-item-2 .about-swiper .disc { bottom: -6%; }
}


.support-tab-box {   }
.support-tab { position: relative; width: 100%; background: #fff; z-index: 100; }
.support-tab ul { border-bottom: 1px solid #bcb3ac; }
.support-tab ul li { float: left; font-size: 16px; position: relative; }
.support-tab ul li a { display: block; padding: 20px 30px; color: #666; text-decoration: none !important; }
.support-tab ul li.active { font-weight: 700; }
.support-tab ul li.active:after { content: " "; position: absolute; bottom: -2px; left: 0; right: 0; height: 4px; background: #7a6759; }
.support-tab.fixed { position: fixed; top: 60px; left: 0; }
.support-tab.fixed ul li a { padding: 15px 30px;}

/*contact us*/
.contact > form { background: #fafafa; padding: 20px; }
.contact > form .control-label>em { font-style: normal; line-height: 1; color: #ccb8a0; }
.contact > form .btn-primary { background-color: #ccb8a0; border-color: #bca487; margin-right: 20px; }
.contact > form.btn-primary:hover, .contact > form .btn-primary:active, .btn-primary:focus { background-color: #7a6759 !important; border-color: #7a6759 !important; }
.identifyingcode{height: 34px; float: left;}

/*Manuals & Brochure*/
.manuals {}
.manuals-item { position: relative; padding: 10px; border-bottom: 1px solid #ebebeb; }
.manuals .manuals-l { text-align: left; vertical-align: middle; }
.manuals-img { display: inline-block; width: 102px; height: 130px; margin-right: 20px; background-color: #d2d2d0; }
.manuals-img img { width: 100%; height: 100%; }
.manuals-txt { display: inline-block; font-size: 18px; color: #111; vertical-align: middle; }
.manuals .manuals-r { text-align: right; padding-top: 49px; }
.manuals-btn { display: inline-block; width: 40%; margin-left: 2%; max-width: 140px; text-align: center; font-size: 14px; line-height: 14px; padding: 8px 0; border: 1px solid #999; color: #666; background: #fafafa; }

.normaltab { color: #333; }
.hovertab { border-bottom: 5px #ccb8a0 solid }
.mainTitle { margin: 30px 0 20px; padding: 20px 0; background: url(../png/bgline.png) right 0 no-repeat; }
.mainTitle h2 { display: inline-block; margin-bottom: 10px; font-size: 42px; position: relative; font-weight: 700; z-index:9; }
.mainTitle h2:after { content: ""; position: absolute; left: 15px; bottom: 5px; width: 100%; height: 15px; z-index: -1; background: #dac9b9; }
.mainTitle .subhead { font-size: 15px; line-height: 1.5;color: #666; padding-left: 10px; margin-bottom: 10px }
.mainTitle .subhead .item { margin-right: 20px; word-wrap: normal; white-space: nowrap; }
.mainTitle .subhead:last-child(0) { margin-right: 0; }

.ctt { min-height: 600px; margin-bottom: 30px; }
.askList dt { font-size: 18px; font-weight: 400; border-top: 1px #efefef solid; color: #454545; cursor: pointer; line-height: 1.5; padding: 20px 0; overflow: hidden; }
.askList dt:hover { color: #333; }
.askList dd { padding: 30px 0; font-style: italic; font-size: 14px; color: #666; display: none }
.askListNow { border-bottom: 0; }
.askListNow dd { display: block; }
.askListNow dt { font-size: 24px; color: #333; font-weight: 700; }
@media (max-width: 768px) {
	.mainTitle { background: none; margin: 0 10px; }
	.mainTitle h2 { font-size: 32px; }
	.support-tab ul li { text-align: center; font-size: 14px; }
	.support-tab ul li a { padding-left: 12px !important; padding-right: 12px !important; }
	.manuals .manuals-r { text-align: center;  }
}

/*news*/
.news-banner { position: relative; padding-top: 29.1666%; overflow: hidden; }
.news-banner > img.bg { position: absolute; top: 0; left: 0; width: 100%; z-index: -1; }
.news-banner .con { width: 100%; max-width: 1294px; margin-left: auto; margin-right: auto; }

.topNews { background: #fff; }
.topNews .col-sm-8 { }
.topNews .images { padding-right: 0; overflow: hidden; padding-top: 56.25%; position: relative;  }
.topNews .images img { width: 100%; display: block; position: absolute; top: 0; left: 0; }

.topNews .newsInfo dl { margin: 20px 40px 20px; background: #fff; }
.topNews .newsInfo dt { font-size: 24px; height: 60px; line-height: 30px; color: #333; font-weight: 700; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.topNews .newsInfo dd { margin-top: 20px; font-size: 14px; line-height: 20px; overflow: hidden }
.topNews .newsInfo dd.time { font-size: 12px; height: auto }
.topNews a img { transition: all ease .3s; }
.topNews a:hover { box-shadow: 0 5px 10px #ddd; }
.topNews a:hover img { transform: scale(1.05); }

@media (max-width: 1200px) {
	.topNews .newsInfo dl { margin: 0px 20px 10px; }
}
@media (max-width: 768px) {
	.topNews .images { padding-right: 15px; }
	.topNews .newsInfo dl { margin: 15px; }
}

.newsList { overflow: hidden; margin-top: 20px }
.newsList ul {  }
.newsList li { margin-bottom: 20px;position: relative }
.newsList li .newsTxt { position: absolute; left: 0; right: 0; bottom: 0; padding: 20px; height: 110px; overflow: hidden; background: #fff; transition: all ease .3s; }
.newsList li .newsTxt h1 { font-size: 22px; height: 50px; line-height: 50px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.newsList li .newsTxt h2 { text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; display: none; padding-top: 50px; transition: all ease .3s; }
.newsList li .newsTxt h3 { font-size: 12px; margin-bottom: 20px }
.newsList li .images { width: 100%; position: relative; padding-top: 50%; overflow: hidden; }
.newsList li .images img { transition: all ease .3s; position: absolute; top: 0; left: 0; }
.newsList li a:hover img { transform: scale(1.05); }
.newsList a { display: block; position: relative; padding-bottom: 110px; }
.newsList a:hover { box-shadow: 0 5px 10px #ddd; }
.newsList a:hover .newsTxt h2 { display: block; padding-top: 0; transition: all ease .3s; }
.newsList a:hover .newsTxt { height: 180px }
.newsList li.col-sm-5 .images { padding-top: 71%; }
@media (max-width: 768px) {
	.newsList li.col-sm-5 .images { padding-top: 50%; }
}
/*article*/
.article { margin-left: auto; margin-right: auto; padding: 0 17%; }
.article-header { padding: 25px 0; border-bottom: 1px solid #c9c9c9;}
.article h1 { font-size: 46px; line-height: 1; color: #000; text-align: center; padding: 50px 0 20px; }
.article .time { float: right; color: #999; font-size: 16px; }
.article-content { font-size: 14px; color: #666; line-height: 2.1; padding: 50px 0; }
.article-content img { display: block; margin-left: auto; margin-right: auto; width: 70%; }
.article-content a { color: #4196f6; }
.article-content a:hover { color: #4196f6; text-decoration: underline; }
@media (max-width: 768px) {
	.article { padding: 0 15px; }
	.article h1 { font-size: 24px; }
}


/*page*/
.kefu { position: fixed; right: 0; bottom: 0; z-index: 1000; display: block; margin-bottom: 0; }
.kefu li { list-style: none; }
.kefu a { display: block; overflow: hidden; margin-top: 2px; width: 50px; height: 50px; background-color: #5f0865; background-image: url(../png/kefu.png); background-position: 0 0; background-repeat: no-repeat; text-indent: -9999px; }
.kefu a:hover { background-color: #4d4d4d; }
.kefu a.kefu-dh { background-position: 0 -50px; }
.kefu a.kefu-top { background-color: #4d4d4d; background-position: 0 -300px; }
.kefu-item-top { background-color: #4d4d4d; text-align: center; cursor: pointer;}
.kefu-item-top > span {  color: #fff; }


/*product-list*/
.product-banner {  }
.product-banner .swiper-container { padding: 0; margin: 0 auto; }
.plist-tab-box { height: 70px; margin-bottom: 50px; }
.plist-tab { position: relative; width: 100%; background: #fff; z-index: 100; }
.plist-tab.fixed { position: fixed; top: 60px; left: 0; }
.plist-tab ul { border-bottom: 1px solid #bcb3ac; text-align: center; }
.plist-tab ul li { display: inline-block; padding: 0 20px; font-size: 16px; position: relative; }
.jp .plist-tab ul li { padding: 0 38px; }
.plist-tab ul li a { display: block; padding: 25px 0; color: #666; display: block; text-decoration: none !important; }
.plist-tab ul li.active { font-weight: 700; }
.plist-tab ul li.active:after { content: " "; position: absolute; bottom: -2px; left: 0; right: 0; height: 4px; background: #7a6759; }
.plist-tab.fixed ul li a { padding: 15px 0; }

.p_con {  min-height: 280px; }
.p_con .ptatil { margin: 25px 0 15px; }
.p_con .item { text-align: center; margin-bottom: 20px; text-align: center; }
.p_con .item .image { position: relative; padding-top: 100%; }
.p_con .item .image img { position: absolute; top: 0; right: 0; width: 100%; height: 100%; }
.p_con .item > a { display: block;  /*! border: 1px solid #eee; */ }
.p_con .item .image img {}
.p_con .item .disc { line-height: 1.34; padding: 10px 0;  text-align: center;max-height:68px;overflow:hidden}
.p_con .item .disc > * { display: block; }
.p_con .item .disc strong { display: block; }

@media (max-width: 1294px) {
	.plist-tab ul { display: flex; }
	.plist-tab ul li { flex: 1; font-size: 14px; padding: 0; }
	.plist-tab ul li a { padding: 20px 0; white-space: nowrap; }
}




@media screen and (max-width:760px){
.oem-item > img.bg {width: 100%; }

.oem-item-2 .con{margin-top:150px;}
.oem-item-3 .con{margin-top:150px;}
.oem-item-4 .con{margin-top:150px;}
.oem-item-5 .con{margin-top:150px;}
.oem-item-6 .con{margin-top:250px;}
.oem-item-7 .con{margin-top:150px;}
.oem-item-8 .con{margin-top:150px;}
.oem-item-9 .con{margin-top:150px;}
.oem-item-10 .con{margin-top:150px;}
}



/*oem*/
.oem { min-height: 100%; width: 100%; overflow: hidden; }
.oem-banner { padding-top: 35.20833% }
.oem-item { position: relative; padding-top: 29.1666%; overflow: hidden; }
.oem-item > img.bg { position: absolute; top: 0;   height: auto; z-index: -1; }

.oem-item-2 > img.bg{left:0;align:left;}
.oem-item-3 > img.bg{right:0;align:right}
.oem-item-4 > img.bg{left:0;align:left;}
.oem-item-5 > img.bg{right:0;align:right}

.oem-item-6 > img.bg{left:0;align:left}
.oem-item-7 > img.bg{right:0;align:right}
.oem-item-8 > img.bg{left:0;align:left}
.oem-item-9 > img.bg{right:0;align:right}
.oem-item-10 > img.bg{left:0;align:left}


.oem-charts { position: absolute; color: #454545; }
.oem-charts h2 { font-size: 30px; position: relative; display: inline-block; margin-bottom: 30px; }
.oem-charts h2:after { content: ""; position: absolute; left: 0; top: 0px; /*! width: 140px; */ /*! height: 8px; */ /*! background: #dac9b9; */ }
.oem-charts p { font-size: 14px; line-height: 24px; min-height: 18px; }
.oem-item-1 { margin-bottom: 6px; }

.oem-item-2 { background-position: center top; background-repeat: no-repeat; background-size: 100% auto; padding-top: 37.65625%; }
.oem-item-2 .con { position: absolute; top: 0; right: 0; width: 43.75%; height: 100%; z-index: 2; /*box-shadow: -20px 0 100px 50px rgba(255,255,255,1);*/ }
.oem-item-2 .oem-charts { top: 20%; right: 6%; width: 84%; }

.oem-item-3 { background-position: center top; background-repeat: no-repeat; background-size: 100% auto; padding-top: 35.4687%; }
.oem-item-3 .oem-charts { top: 20%; left: 4%; width: 43%; }

.oem-item-4 { padding-top: 35.46875%; }
.oem-item-4 .con { position: absolute; top: 0; right: 0; width: 50%; height: 100%; z-index: 2; /*box-shadow: -20px 0 100px 50px rgba(255,255,255,1);*/ }
.oem-item-4 .oem-swiper { position: absolute; left: 0; top: 0; width: 50%; height: 100%; z-index: 1; }
.oem-item-4 .oem-charts { top: 20%; right: 6%; width: 84%; }

.oem-item-5 { padding-top: 38.4895%; }
.oem-item-5 { background-position: center top; background-repeat: no-repeat; background-size: 100% auto;  background-size: 100% auto; }
.oem-item-5 .oem-charts { top: 30%; left: 6%; }


.oem-item-6 { padding-top: 38.4895%; }
.oem-item-6 { background-position: center top; background-repeat: no-repeat; background-size: 100% auto;  background-size: 100% auto; }
.oem-item-6 .oem-charts { top: 30%; right: 6%; }

.oem-item-7 { padding-top: 38.4895%; }
.oem-item-7 { background-position: center top; background-repeat: no-repeat; background-size: 100% auto;  background-size: 100% auto; }
.oem-item-7 .oem-charts { top: 30%; left: 6%; }

.oem-item-8 { padding-top: 38.4895%; }
.oem-item-8 { background-position: center top; background-repeat: no-repeat; background-size: 100% auto;  background-size: 100% auto; }
.oem-item-8 .oem-charts { top: 30%; right: 6%; }

.oem-item-9 { padding-top: 38.4895%; }
.oem-item-9 { background-position: center top; background-repeat: no-repeat; background-size: 100% auto;  background-size: 100% auto; }
.oem-item-9 .oem-charts { top: 30%; left: 6%; }


.oem-item-10 { padding-top: 38.4895%; }
.oem-item-10  { background-position: center top; background-repeat: no-repeat; background-size: 100% auto;  background-size: 100% auto; }
.oem-item-10  .oem-charts { top: 30%; right: 6%; }


.oem-swiper .disc { position: absolute; left: 0; bottom: 5.8%; width: 100%; text-align: center; z-index: 21; }
.oem-swiper .disc span { display: inline-block; height: 30px; line-height: 30px; border-radius: 12px; font-size: 16px; padding: 0 20px; color: #fff; background-color: #c2ae97; }
.oem-swiper .swiper-pagination { bottom: 4%; text-align: left; padding-left: 5%; }

@media (max-width: 1200px) {
	.oem-item-2 .oem-charts { top: 10%;  }
	.oem-charts h2 { font-size: 24px; margin-bottom: 10px; }
	.oem-item-6 h2 { font-size: 24px; }
	.oem-charts h2:after { top: -15px; }
}

@media (max-width: 768px) {
	.oem-item { /*! padding-top: 77.3333%; */ background-repeat: no-repeat; background-position: center top; background-size: 100% auto; }
	.oem-item-6 { padding-top: 0; }
	.oem-item .con { position: static; width: 100%; }
	.oem-item .oem-charts { padding: 15px; }
	.oem-charts h2:after { display: none; }
	.oem-item .oem-charts { position: static; width: 100%; }

	.oem-item-4 .oem-swiper {
		width: 100%;
		height: 580px;
	}
	

}
/*about*/
.about-banner { padding-top: 35.20833% }
.about-tab-box { width: 100%; overflow: hidden; }
.about-tab .container { width: 70%; }
.about-tab { position: relative; width: 100%; background: #fff; z-index: 100; }
.about-tab ul { border-bottom: 1px solid #bcb3ac; }
.about-tab li { text-align: center; font-size: 16px; }
.about-tab li a { display: block; padding: 20px 0; color: #666; text-decoration: none; }
.about-tab ul li.active { font-weight: 700; }
.about-tab ul li.active:after { content: " "; position: absolute; bottom: -2px; left: 0; right: 0; height: 4px; background: #7a6759; }
.about-tab.fixed { position: fixed; top: 60px; left: 0; }
.about-tab.fixed ul li a { padding: 10px 0;}

.about-item { position: relative; overflow: hidden; padding: 30px 15%; }
.about-item .ptatil { margin-bottom: 30px; z-index: 2 }
.about-anchor { margin-top: -110px; z-index: -100; height: 110px; position: relative; }

.about-item-1 { min-height: 200px; background: no-repeat top center; background-size: 100% auto; }
.about-item-1 > img.bg { z-index: -1; position: absolute; top: 0; left: 0; }
.about-item-1 .con a { color: #4196f6; }
.about-item-1 .con a:hover { text-decoration: underline; }
.about-item-2 { padding-bottom: 5%; }
.about-item-3 {  background: #fff; padding: 0; padding: 4.5% 0; }
.about-item-3 .ptatil { margin-left: 15%; }
.about-item-3 .con { padding-top: 31.25%; position: relative; }
.about-item-3 .con .inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%;  background: url(../jpg/about-3.jpg) no-repeat center top; background-size: 100% auto; }
.about-item-3 .con .item { width: 10.416667%; overflow: hidden; position: absolute; z-index: 10; -webkit-transform-origin: center center; -webkit-transform: rotate(45deg); transform-origin: center center; transform: rotate(45deg); }
.about-item-3 .con .item img:hover { -webkit-transition: all 0.25s; -webkit-transform: scale(0.92);  transition: all 0.25s; transform: scale(0.92); }
.about-item-3 .con .item a { display: block;  -webkit-transform-origin: center center; -webkit-transform: rotate(-45deg); transform-origin: center center; transform: rotate(-45deg); }



.about-item-3 .con .item:nth-child(1) { left: 7.6%; top: 17.4%; }
.about-item-3 .con .item:nth-child(2) { left: 22.4%; top: 17.4%; }
.about-item-3 .con .item:nth-child(3) { left: 37.2%; top: 17.4%; }
.about-item-3 .con .item:nth-child(4) { left: 52%; top: 17.4%; }
.about-item-3 .con .item:nth-child(5) { left: 66.8%; top: 17.4%; }
.about-item-3 .con .item:nth-child(6) { left: 81.6%; top: 17.4%; }
.about-item-3 .con .item:nth-child(7) { left: 15%; top: 41.5%; }
.about-item-3 .con .item:nth-child(8) { left: 29.8%; top: 41.5%; }
.about-item-3 .con .item:nth-child(9) { left: 44.6%; top: 41.5%; }
.about-item-3 .con .item:nth-child(10) { left: 59.4%; top: 41.5%; }
.about-item-3 .con .item:nth-child(11) { left: 74.2%; top: 41.5%; }
.about-item-3 .con .item:nth-child(12) { left: 0.2%; top: 41.5%; display: none; }
.about-item-3 .con .item:nth-child(13) { left: 89%; top: 41.5%; display: none; }


.about-item-4 { padding: 4.5% 0; background: #fff; }
.about-item-4 .ptatil { margin-left: 15%; }

.about-swiper { position: relative; background: none; }
.about-swiper .swiper-container { padding: 3% 0; }
.about-swiper .layer-mask { width: 100%; height: 100%; opacity: 0.7; transition: all 0.5s; background-color: #fff; position: absolute; left: 0; top: 0; right: 0; }
.about-swiper .swiper-slide-active .layer-mask { display: none; }
.about-swiper .swiper-slide { position: relative; -webkit-transition: transform 1.0s; -moz-transition: transform 1.0s; -ms-transition: transform 1.0s; -o-transition: transform 1.0s; margin-top: 70px; margin-bottom: 70px; -webkit-transform-origin: center center; transform-origin: center center; }

.about-swiper .swiper-button-prev { opacity: 0.3; left: 18px; }
.about-swiper .swiper-button-next { opacity: 0.3; right: 18px; }
.about-swiper .swiper-slide .swiper-button-prev:hover, .about-swiper .swiper-button-next:hover { opacity: 0.5; }
.about-swiper .swiper-slide-active, .about-swiper .swiper-slide-duplicate-active { -webkit-transform: scale(1.48); transform: scale(1.48); z-index: 12; }
.about-swiper .swiper-slide-prev, .about-swiper .swiper-slide-next { -webkit-transform: scale(1.28); transform: scale(1.28); z-index: 11; }
.about-swiper .disc { position: absolute; left: 0; bottom: -9%; width: 100%; text-align: center; z-index: 21; }
.about-swiper .disc span { display: inline-block; min-width: 80px; max-width: 88%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 20px; height: 36px; line-height: 36px; border-radius: 18px; font-size: 20px; color: #fff; background-color: #c2ae97; }

@media (max-width: 768px) {
	.about-banner, .oem-banner { padding-top: 56.25%; }
	.about-tab li { font-size: 12px; }
	.about-anchor { margin-top: -60px; z-index: -100; height: 60px; position: relative; }
	.about-item { padding: 20px 5%; }
	/*.about-item .ptatil { position: static; display: block; text-align: center; margin-left: 0; margin-right: 0; }
	.about-item .ptatil:after { display: none; }*/
	.about-item .ptatil { margin-left: 0; margin-bottom: 20px; }
	.about-item-2 .ptatil { margin-left: 4.5%; }
	.about-tab .container { width: 100%; }
	.about-item-2 { padding: 4.5% 0 13%; }
	.about-item-2  .disc { bottom: -10%; }
	.about-item-3 .con { padding-top: 100%; }
	.about-item-3 .con .inner { background: url(../jpg/about-4.jpg) no-repeat center top; background-size: 100% auto;}
	.about-item-3 .con .item { width: 22.5%;  }

	.about-item-3 .con .item:nth-child(1) { left: 38.5%; top: 7.4%; }
	.about-item-3 .con .item:nth-child(2) { left: 22.1%; top: 23.1%; }
	.about-item-3 .con .item:nth-child(3) { left: 55%; top: 23.1%; }
	.about-item-3 .con .item:nth-child(4) { left: 5.7%; top: 38.8%; }
	.about-item-3 .con .item:nth-child(5) { left: 38.5%; top: 38.8%;  }
	.about-item-3 .con .item:nth-child(6) { left: 71.5%; top: 38.8%; }
	.about-item-3 .con .item:nth-child(7) { left: 22.1%; top: 54.7%; }
	.about-item-3 .con .item:nth-child(8) { left: 55%; top: 54.7%; }
	.about-item-3 .con .item:nth-child(9) { left: 38.5%; top: 70.2%; }
	
	.about-item-3 .con .item:nth-child(10) { display: none; }
	.about-item-3 .con .item:nth-child(11) { display: none; }
	.about-item-3 .con .item:nth-child(12) { display: none; }
	.about-item-3 .con .item:nth-child(13) { display: none; }
}
/*pdetail*/
.pdetail img { width: 100%; }
.pdetail-cont { background-color: #f0ebe5; position: relative; }
.pdetail-cont > .container { padding: 30px 0; margin-left: auto; margin-right: auto; position: relative; min-height: 400px; }
.detail-l { position: relative; float: left; width: 41.7%; }
.pdetail-swiper .swiper-container { /*! width: 100%; */ margin-left: auto; margin-right: auto; }

.pdetail-swiper .swiper-slide { background-size: cover; background-position: center; }
.pdetail-swiper .gallery-top {  margin: 0 0 0 160px;  }
.pdetail-swiper .gallery-thumbs { height: 295px; padding: 5px 0 0; box-sizing: border-box; position: absolute; top: calc(50% - 150px); left: 40px; }
.pdetail-swiper .gallery-thumbs .swiper-slide { width: 64px; background-color: #fff; height: auto !important; border: 1px solid #5b5b5b; cursor: pointer; opacity: 0.7; }
.pdetail-swiper .gallery-thumbs .swiper-slide-thumb-active { opacity: 1; }
.pdetail-swiper .swiper-button-prev, .pdetail-swiper .swiper-button-next { left: 40px; width: 64px; height: 45px; height: 44px; background-size: auto; }
.pdetail-swiper .swiper-button-prev { background-image: url(../jpg/pdetail-prev.jpg); top: calc(50% - 170px); }
.pdetail-swiper .swiper-button-next { background-image: url(../jpg/pdetail-next.jpg); top: calc(50% + 160px); }
.pdetail-r { float: right; position: relative; margin: 40px 15px 0; width: 34.4%; }
.pdetail-r .ex_box { position: relative; padding: 0 15px 20px 0; /*! border-bottom: 1px solid #999; */ font-size: 16px; }

.pdetail-r { font-family: 'Arial'; }
.jp .pdetail-r { font-family: 'Meiryo'; }

.pdetail-r .ex_box .pw_number { font-size: 20px; color: #333;  letter-spacing: 0; }
.pdetail-r .ex_box h3 { color: #2b2b2b; font-size: 36px; font-weight: normal; line-height: 1.2; margin: 0 0 8px 0; }
.pdetail-r .ex_box .txt { line-height: 24px; letter-spacing: .2px; color: #4e4e4e; }
.pdetail-r .info_box { padding: 19px 0 42px; font-size: 20px; color: #333; line-height: 34px;  }
.pdetail-r .info_box .tit {  }



.pdetail-tab { position: relative; width: 100%; background: #e9e9e8; z-index: 100; background: #fff; border-style: solid; border-width: 1px 0 1px 0;  border-color: #eee;  }
.pdetail-tab .container { padding: 0; margin: 0 auto; }
.pdetail-tab .row { margin: 0 }
.pdetail-tab ul { border-style: solid; border-width: 0 1px 0 1px; border-color: #eee; }
.pdetail-tab li { text-align: center; font-size: 16px; background: #fff; width: 50%; float: left; }
.pdetail-tab li a { display: block; padding: 20px 0; color: #666; text-decoration: none; }
.pdetail-tab ul li.active { color: #fff; background-color: #d6bfa4; }
.pdetail-tab.fixed { position: fixed; top: 60px; left: 0; }
.pdetail-tab.fixed ul li a { padding: 5px 0;}

.specification { padding: 20px 0 80px; }
.specification h5 { font-size: 26px; line-height: 1.5; color: #111; font-weight: bold; padding: 30px 0; }
.specification .tablebox { border-top: 1px solid #999; }
.specification .tablebox table th { padding: 15px 30px; font-size: 16px; line-height: 26px; color: #666; font-weight: normal; vertical-align: middle; text-align: left; background-color: #f6f6f6; border-bottom: 1px solid #d0d0d0; }
.specification .tablebox table th+th { border-left: 1px solid #d0d0d0; }
.specification .tablebox table td { padding: 15px 30px; font-size: 16px; line-height: 26px; color: #666; font-weight: normal; vertical-align: middle; text-align: left; border-left: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; }
.specification .tablebox ul { margin: 10px 0 0 18px; font-size: 12px; line-height: 20px; color: #666; }
.specification .tablebox ul li { position: relative; padding-left: 9px; }
.specification .tablebox ul li:before { content: "*"; position: absolute; left: 0; top: 0; }
.pdetail-tab-content { min-height: 200px; }
.specification.pdetail-tab-content > .container { margin: 0 auto; padding: 0; }

@media (max-width: 992px) {
	.pdetail-r .ex_box h3 { font-size: 32px; }
}
@media (max-width: 768px) {
	.pdetail-tab li a { padding: 10px 0; }
	.detail-l { float: none; width: 100%; }
	.pdetail-swiper .gallery-thumbs { position: relative; height: auto; width: 248px; margin: 0 auto; left: auto; padding: 20px 0; display: none;}
	.pdetail-swiper .swiper-button-prev, .pdetail-swiper .swiper-button-next { top: auto; bottom: 26px; width: 56px; transform: rotate(-90deg) }
	.pdetail-swiper .swiper-button-prev { left: calc(50% - 172px); }
	.pdetail-swiper .swiper-button-next { left: calc(50% + 118px); }
	.pdetail-r { float: none; margin: 0; padding: 20px 15px 0; width: 100%; }
	.pdetail-swiper .gallery-top { margin: 0; }
}