/* 通用 */
.black-bg{ background-color: #242634; }
.grey2-bg{ background-color: #f4f6f7; }
.padding90{ padding: 70px 90px; }
.grey-bg{ background-color: rgba(0,0,0,.8) }
h2{ font-size: 30px; }
*{ outline: none; }
@font-face {
    font-family: 'didot';
    src: url("../fonts/original-didot.otf") format('opentype'),url("../fonts/didot.woff") format('woff');
    font-weight: normal;
    font-style: normal;
  }
@font-face {
    font-family: 'HelveticaNeue-Medium';
    src: url("../fonts/HelveticaNeue-Medium.otf") format('opentype'),url("../fonts/HelveticaNeue-Medium.woff") format('woff');
    font-weight: normal;
    font-style: normal;
  }
@font-face {
    font-family: 'HelveticaNeueLTPro-Lt';
    src: url("../fonts/HelveticaNeueLTPro-Lt.otf") format('opentype'),url("../fonts/HelveticaNeueLTPro-Lt.woff") format('woff');
    font-weight: normal;
    font-style: normal;
  }

header{position: fixed;z-index: 999;background-color: #22242e;padding: 30px 0;width: 100%;}
header a{ font-size: 14px; line-height: 16px;}
header a:hover{ text-decoration: none; color: #fff; }
.right-btn a{ display: inline-block; margin: 0 10px; }
.login-btn{ border:#9194a0 1px solid; padding-left: 40px; padding-right: 40px; }
header .uk-button-small{ letter-spacing: 0.08rem; font-size: 12px; }

/* 侧导航样式 */
.uk-offcanvas-bar{ background: #fff; }
.uk-offcanvas-close {
    position: absolute;
    z-index: 1000;
    top: 20px;
    right: auto;
    left: 20px;
    padding: 5px;
    color: #666!important;
}
.uk-offcanvas-close {
    position: absolute;
    z-index: 1000;
    top: 20px;
    padding: 5px;
}
.uk-offcanvas-bar{ color: #333; left: 20px; }

.uk-nav-primary > li a{ color: #333!important; }
.uk-nav-primary > li a:hover { color: #bd2e3e!important; text-decoration: none; }
.uk-nav-primary > li > a {font-size: 16px;display: inline-block;padding: 13px 0;position: relative;width: 160px;text-align: left;margin-left: auto;margin-right: auto;}
.uk-nav-primary > li:hover > a:before{
    position: absolute;
    content: "";
    width: 12px;
    height: 20px;
    left: -30px;
    top: 50%;
    transform: translateY(-50%);
    background-image: url(../fonts/iocn-brand.svg);
    background-size: cover;
 }
.uk-nav-primary > li:hover > .menu-subnav{ display: block; }
.uk-offcanvas-bar { overflow-y: visible; padding: 40px 0;}

.menu-subnav { display: none; left: 350px; position: absolute; transition: all 0.5s;
 top: 0; height: 100%; width: 350px; z-index: 100; background-color: #efeded; }

.menu-subnav-body{ margin:70px; text-align: left; color: #333; }
.menu-subnav-body h5{ margin: 40px 0; }
.menu-subnav-body h5 a{ color: #333; }
.menu-subnav-body h5 a:hover{ color: #bd2e3e; text-decoration: none; }
.menu-subnav-body ol { margin:0; padding: 0; }
.menu-subnav-body ol li { list-style:none; }
.menu-subnav-body ol li a{ font-size: 14px; }
.menu-subnav-body ol li a:hover{ color: #bd2e3e; }

.ser-btnslider i{ transition: all 0.5s; }
.ser-btnslider.rotateup i{ transform: translateY(-2px) rotate(180deg); }
#search-bar{ padding: 20px 0; }

.banner-nav{ position: relative; width: 500px;}
.banner-nav:after{
	content: "";
	display: block;
	width: 75%;
	height: 1px;
	position: absolute;
	top: 50%;
	transform: translate(-50%,100%);
	left: 50%;
	background-color: #7d808c;
}
.banner-nav a{ display: inline-block; width: 6px; height: 6px; background-color: #ddd; position: relative; z-index: 20; transition: all 0.5s;}
.banner-nav > div { line-height: 6px;  text-align: center;}
.banner-nav a.uk-active{ background-color: #bd2e3e; border:#fff 1px solid; transform: scale(1.8); }

/* */
.page-h1 span{ display: block; font-size: 2.6rem; color: #000; }
.uk-light .page-h1 span { color: #fff; }
.uk-button-large {
  padding: 0 80px;
  line-height: 58px;
  font-size: 0.875rem;
}

.findstore{ background-color: #242634; height: 580px;}
.findstore-box { margin: 50px 80px; letter-spacing: 0.1em; }
.btn-submit{ background-color: #ef7d49; padding:5px 0; letter-spacing: 1em; color: #fff; font-size: 16px;}
.findstore .uk-form-small{ height: 36px!important; }
.findstore .uk-margin{ margin-top: 15px; margin-bottom: 15px; }
.findstore .uk-input, .findstore .uk-select{ background: none; background-color: none!important; border-color: #847b81;}
.findstore hr { margin-top: 10px; margin-bottom: 10px; }
.yuyue-data span{ font-size: 3rem; line-height: 3rem; }

/*
 * Mini
 */
/* Horizontal */
.uk-grid-mini {
  margin-left: -6px;
}
.uk-grid-mini > * {
  padding-left: 6px;
}
/* Vertical */
.uk-grid + .uk-grid-mini,
.uk-grid-mini > .uk-grid-margin,
* + .uk-grid-margin-mini {
  margin-top: 6px;
}

.warp-container {
  max-width: 1460px!important;
}
.uk-light, .uk-section-primary:not(.uk-preserve-color), .uk-section-secondary:not(.uk-preserve-color), .uk-tile-primary:not(.uk-preserve-color), .uk-tile-secondary:not(.uk-preserve-color), .uk-card-primary.uk-card-body, .uk-card-primary > :not([class*='uk-card-media']), .uk-card-secondary.uk-card-body, .uk-card-secondary > :not([class*='uk-card-media']), .uk-overlay-primary, .uk-offcanvas-bar {
	color: rgba(255,255,255,.9);
}

/* - 0------ ---*/
.ambry-box{ background-color: #242634; height: 90vh; min-height: 700px; border-bottom: #225AA8 15px solid; }
.ambry-plus{ position: absolute; left: 45px; top: 45px; }
.ambry-text{ position: absolute;left: 45px; bottom: 45px; }
.ambry-text h2{ font-family: "didot"!important; }
.ambry-text p { font-size: 18px; line-height: 2em; }
.ambry-img {     width: 70%;
    position: absolute;
    right: 0;
    top: 50%;
transform: translateY(-55%);}
.ambry-nav {position: absolute;left: 9%;bottom: 120PX;}
.ambry-nav button{ padding-left: 40px; padding-right: 40px; color: #5e565e!important; border-color: #5e565e!important; transition: all 0.5s; }
.ambry-nav button:hover{ color: #7a727a!important; border-color: #7a727a!important; }

.grey-container{ background-color: #e9ebeb; }
.padding80{ padding: 80px 0;  }

.grey-container .uk-button-default{ border-color: #c2c3c9; }
.grey-container .uk-button-default:active, .grey-container .uk-button-default.uk-active, .grey-container .uk-button-default:hover{ border-color: #98999e; }

.dz-arrow{ right: -60px; top: 50%; transform: translateY(-50%); z-index: 10; width: 36px; position: absolute;}
.dz-arrow .uk-slidenav {
    padding: 6px 10px;
    color: rgba(0, 0, 0, 0.3);
    transition: color 0.1s ease-in-out;
}
.dz-arrow a{ border: rgba(0, 0, 0, 0.3) 1px solid; transition: all 0.5s; }
.dz-arrow a:last-child{ margin-top: 15px; }
.dz-arrow a:hover{ background-color: #fff}

.dz-slider h2{ font-family: "didot"!important; margin-bottom: 0;}
.dz-slider p{ margin-top: 5px; }

.video-box{ border:#4b494b 10px solid; height: 780px; }
.qianming-container { transform: translateY(-180px); padding: 20px; background-color: #fff; }
.qianming { position: absolute; right: 20%; bottom: 20px; z-index: 1; }
.qianming-container h3 span{display: block; border-bottom: #666 1px solid; padding-bottom: 2px; margin-top: 15px}
.qm-imgbox p{ left: 20px; color: #fff!important; font-size:20px; }

.uk-light, .uk-section-primary:not(.uk-preserve-color), .uk-section-secondary:not(.uk-preserve-color), .uk-tile-primary:not(.uk-preserve-color), .uk-tile-secondary:not(.uk-preserve-color), .uk-card-primary.uk-card-body, .uk-card-primary > :not([class*='uk-card-media']), .uk-card-secondary.uk-card-body, .uk-card-secondary > :not([class*='uk-card-media']), .uk-overlay-primary, .uk-offcanvas-bar {
    color: rgba(255,255,255,1);
}

.design{ background-image: url(../fonts/design-bg.svg); background-size: contain; background-position: center; background-repeat: no-repeat;  padding: 130px 0;}
.design-textbox{ background-color: #242634; position: relative;}
.design-textbox:after {
  content: "";
  width: 100%;
  height: 6px;
  background-color: #bd2e3e;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
}
.design-nav button{ padding-left: 30px; padding-right: 30px; color: #5e565e!important; border-color: #5e565e!important; transition: all 0.5s; }
.design-nav button:hover{ color: #7a727a!important; border-color: #7a727a!important; }
.design-centerpic { transform: scale(1.2); border: #242634 1px solid; position: relative; z-index: 20; }
.design-leftpic{ transform: translateX(150px); }
.design-textbox h4{ margin-bottom: 0; }
.design-textbox p { margin-top: 5px; }


/* news */
.news{ background: url(../images/news-bg.jpg); padding: 80px 0;}
.carousel-0, #carousel{position:relative;z-index:2; height:320px;margin-top:20px;transform-style:preserve-3d; perspective:800px}
.carousel-0 img, #carousel img{position:absolute;left:50%;top:50%;width:700px;height:360px;margin-left:-350px;margin-top:-160px;transition:transform .5s ease-in-out;box-shadow:8px 8px 20px rgba(0,0,0,.2);cursor:pointer}
#bannerNav{position:relative;margin-top:10px;height:10px;padding:10px 0;text-align:center}
#bannerNav ul li{cursor:pointer;overflow:hidden;display:inline-block;width:14px;margin:0 2px}
#bannerNav ul li a{margin:0 auto;display:block;width:6px;height:6px;vertical-align:top;border-radius:3px;background:#5e6671;font-size:0}
#bannerNav ul li.on a,#bannerNav ul li:hover a{background:#b4b7ba}
#bannerNav ul li.on a{width:12px}


footer{ padding: 70px 0 30px; background:url(../picture/index_2021_22.png) no-repeat top}
footer dt {font-size: 18px;margin-bottom: 30px;position: relative;font-weight: 400;color: #fff;}
footer dt:after{
    content: "";
    width: 125px;
    display: block;
    position: absolute;
    height: 1px;
    background: #7c7a7a;
    left: 0;
    bottom: -15px;
 }

footer dd{line-height: 36px;}
footer dd > a{/* text-align: center; */font-size: 16px;color: #b6b5b5;}
footer dd > a:hover { color: #bd2e3e; text-decoration: none; }
footer ul { margin: 0; padding: 0; }
footer ul li{ list-style: none; padding: 0; }
footer ul li a{ font-size: 14px; color: #333; display: block; line-height: 24px; }
footer ul li a:hover { color: #bd2e3e; text-decoration: none; }
footer .uk-nav-sub,footer .uk-nav-sub a{ padding: 0; }
footer .record { font-size: 14px; color: #333333;}
footer .record a { color: #333333;text-decoration: underline;cursor: pointer; padding-right: 10px}
.record span{color:#b6b5b5;}
.uk-nav-parent-icon > .uk-parent > a{ position: relative; }
.uk-nav-parent-icon > .uk-parent > a::after {
    content: "";
    width: 1.3em;
    height: 1.3em;
    position: absolute;
    right: -30px;
    top: 50%;
    transform: translateY(-50%);
    background-image: url(../images/+.svg);
    background-size: cover;
}
.uk-nav-parent-icon > .uk-parent.uk-open > a::after {
    background-image: url(../fonts/-.svg);
}

.telline span{display: block;font-size: 36px;color: #fff;line-height: 26px;}
.telline p{margin: 5px 0;color: #fff;font-size: 20px;}

.search-box{ margin-top: 50px; }
.search-box p { margin: 5px 0; font-size: 20px; }

.f-link a,.f-link2 a{ display: inline-block; margin:0 5px; color: #888; }
.f-link a:hover,.f-link2 a:hover{ text-decoration: none; }
.f-link i { font-size: 18px; }
.f-link2 i { font-size: 22px; }

.serdorpdown{ display: none; }
.serdorpdown a{ display: block; font-size: 14px; line-height: 80px; text-align: center; color: #fff;
  background: #CE0E3A; transition: all 0.5s; position: relative; transition: all 0.5s;}
.serdorpdown a:after {
  content:"/";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
 }
.serdorpdown > div > div:first-child a:after{
    content: "";
 }
.serdorpdown a:hover{ text-decoration: none; color: #333;}
.serdorpdown a:hover:after{ text-decoration: none; color: #fff;}

/*  世界   */
.didot{ font-family: "didot"; }
.world-banner h1{ font-size: 3.6rem; color: #22242e; }
.world-banner p { font-size: 1.6rem; color: #CE0E3A; }
.world-textpadding{padding: 100px 50px;}

.world-section-2{ height: 80vh; min-height: 700px }
.world-section-3{ padding:  10px 0; }
.section-title{ font-size: 42px; line-height: 44px; letter-spacing: 0.1em; }
.section-subtitle { font-size: 30px; }
.blue-container{ background-color: #242634; }
.world-section-3-img{ border: #fff 5px solid; /*padding: 3px;*/ }

/*
丈夫节线下活动
*/
.activity-list figure{ background-color: #fff; transition: all 0.5s; }
.activity-list figure:hover{ box-shadow: 0 2px 8px rgba(0,0,0,0.08); }
.activity-list figcaption { margin: 20px 30px 0; padding-bottom: 20px;}
.activity-list figcaption em{ display: inline-block; border: #ddd 1px solid; padding: 2px 14px; font-size: 12px; color: #444; font-style: normal; }
.activity-list figcaption h4{ margin-top: 10px; margin-bottom: 0; height: 56px; }
.activity-list figcaption h4 a{ color: #333; font-size: 18px; }
.activity-list figcaption h4 a:hover{ color: #000; text-decoration: none; }
.activity-list figcaption .uk-clearfix { font-size: 12px; margin-top: 16px; }
.activity-list figcaption .uk-clearfix a{ color: #888; line-height: 14px; }
.activity-list figcaption .uk-clearfix a:hover { text-decoration: none; color: #000; }
.activity-list figcaption p { font-size: 12px; margin: 10px 0; height: 40px; line-height: 1.8em;}
.activity-list figcaption span i { margin-right: 4px; }
/*
floor
*/
.floor-text h2 { font-size: 46px; margin-bottom: 5px; }
.floor-text h2 span { font-family: "didot"; background-size: cover;  display: inline-block; font-weight: bold;
 width: 56px; height: 56px; line-height: 56px; text-align: center; margin: 0 15px; }
.floor-text p { font-size: 24px; margin-top: 5px; }

/*
new-0banner
*/
.news-slider-text{ background-color: #242634;  padding:0 50px;}
.news-slider-text > div { margin-left: 100px; }
.news-slider-text em{ font-size: 14px; display: inline-block; color: #fff; border: #6a6c7c 1px solid; font-style: normal; padding: 2px 10px; }
.news-slider-text h3{ margin-top: 10px; }
.news-slider-text .uk-clearfix span, .news-slider-text .uk-clearfix a{ font-size: 14px; font-weight: 100;}
.news-slider-text .uk-clearfix a:hover{ color: #bd2e3e; text-decoration: none; }

.subanv ul { padding: 0; margin: 0; }
.subanv ul li{ display: inline-block;  }
.catename{ border:#ddd 1px solid; display: inline-block; padding: 2px 10px; color: #333; font-style: normal; }

/*
品牌
*/
.brand-history-content { width: 100%; height: calc(100vh - 85.6px); min-height: 700px;}
.brand-history-content{ margin: 0; padding: 0; }
.brand-history-title { padding: 0; margin: 0; line-height: 90px; height: 90px; overflow:hidden;}
.brand-history-title li:last-child a:before{
   background-color: #fff;
 }
.brand-history-title a{position: relative; font-size: 24px; line-height: 30px; color: #999; display: block; line-height: 90px; height: 90px;}
.brand-history-title a:before {
  content: "";
  width: 1px;
  height: 30px;
  background-color: #666;
  right: 0;
  bottom: 0;
  position: absolute;
 }
.brand-history-title a:hover{ text-decoration: none; color: #333; }
.brand-history-title .uk-active a{ color: #333; }

/*
重置进度条
*/
.swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    height: 12px!important;
    top: auto!important;
    bottom: 0!important;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #bd2e3e!important;
}

.brand-history-content .uk-card{ position: relative; margin-right: 160px; margin-left: 30px;}
.brand-history-content .uk-card i { color: #f8f8f8; font-size: 170px; transform: translateX(80px);  font-weight: bold; z-index: 1; position: absolute; left: 0; top: 0; font-style: normal; }
.brand-history-content .card-box{ position: relative; z-index: 10; }
.brand-history-content .card-box h3{  font-size: 66px; font-style: normal; font-weight: bold; color: #bd2e3e; }
.brand-history-content .card-box h1{ margin-top: 10px; font-size: 36px; line-height: 42px;}

.about-banner {height: 320px;padding-top: 85px;}
.page-title-container{position: absolute;left: 0;right: 0;top: 40%;}
.page-title-container .uk-container{max-width: 1600px;}
.pagebanner-title{position: relative;width: 500px;padding: 20px;top: 50%;border-radius: 2px;text-align: c;background: #0000008c;margin: 0 auto;}
.pagebanner-title:after{
  content: "";
  /* width: 3px; */
  /* height: 100%; */
  /* background-color: #000; */
  /* position: absolute; */
  /* top: 0; */
  /* left: -60px; */
}
.uk-light .pagebanner-title:after{
  background-color: #fff;
}
.pagebanner-title h2{/* color: #22242e; */font-size: 30px;line-height: 60px;text-align: center;font-family: "Vrinda"!important;margin-bottom: 0;}
.pagebanner-title p{font-size: 36px;line-height: 36px;text-align: center;/* font-weight: bold; */letter-spacing: 3px;margin-top: 0;margin-bottom: 0;font-family: 方正兰亭超细黑;}

.dashi{ height: 800px; }
.dashi-text-container{ position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0;}

.data-count{ text-align: center; }
.data-count span.counter{ color: #bd2e3e; font-size: 60px; font-style: normal;line-height: 66px; font-family: "HelveticaNeue-Medium"!important; }
.data-count i { color: #bd2e3e; font-style: normal;font-size: 40px; display: inline-block; transform: translateY(-5px); line-height: 46px; font-family: "HelveticaNeue-Medium"!important; }

.team-card figcaption{ height: 150px; background-color: #fff; padding: 0 30px; }
.team-card figcaption p { margin-bottom: 0; }

.button-large{ padding: 2px 60px; border-color: #999; font-size: 18px; }
.design-card figure{ background-color: #fff; }
.design-card figure figcaption{ text-align: center; padding: 25px 0; font-size: 18px; line-height: 18px;}
.design-card figure figcaption i { display: inline-block; margin: 0 10px; color: #bd2e3e; font-weight: bold; }

.xinxihua .uk-card{ position: relative; background-color: #fff; height: 160px; border-bottom: #bd2e3e 8px solid; }
.xinxihua .uk-card p{ font-size: 130px; color:#d2d2d2; line-height: 130px; margin: 0; opacity: 0.2}
.xinxihua .uk-card h4{ margin-bottom:0; margin-top: 10px; color: #000; }
.adv .uk-card-body{ padding: 40px 100px; }
.uk-button-danger{background-color: #242634!important;border-color: #242634!important;}
.uk-button-large{ padding: 0px 60px; font-size: 0.875rem; line-height: 48px; }

/*
服务
*/
.service-box { margin-top: 40px; }
.service-box dt{ background-color: #22242e; color: #fff; padding: 25px 30px; border-bottom: #bd2e3e 6px solid; margin-bottom: 40px; font-size: 20px; }

/*
沟通
*/
.red-line-btn { border-color: #ce0e3a; color: #ce0e3a; }
.partner-logolist{ background-color: #fff; padding: 30px; }
.contact-box p { line-height: 2em; }
.sm-subnav a{ color: #333; }
.sm-subnav a:hover{ text-decoration: none; }
.sm-subnav a.on{ color: #ee395b }

.message-box { border:#ddd 1px solid; padding: 15px; margin-bottom: 25px; }
.message-box h4{  margin-bottom: 0; }
.message-box h4 a{ color: #333; }
.message-box h4 a:hover{ text-decoration: none; }
.message-box p { margin-top: 5px; }
.view-box { min-height: 90px; }
.view-box a{ color: #666; }
.view-box a:hover{ color: #ee395b; text-decoration: none; }

/*
加盟招商页面
*/
.support-box i { font-size: 48px; }
.support-box h4{ margin-top: 10px; }
.support-img {/* background-color: #f4f6f7; *//* padding: 15px; *//* margin-top: -90px; *//* margin-bottom: -90px; */}

.jm-progress i { font-size: 70px; }
.jm-progress h6 { margin-top: 10px; }
.jm-progress .uk-card { position: relative; }
.jm-progress .uk-card:after{
  content: "";
  width: 22px;
  height: 16px;
  background-image: url(../images/pan34.png);
  background-size: cover;
  position: absolute;
  top: 50%;
  right: -20px;
  transform: translateY(-50%);
}
.jm-progress > div:nth-child(4) .uk-card:after{ opacity: 0 }
.jm-progress > div:last-child .uk-card:after { background-image: none; }

/*
product
*/
.card-margin{ margin: 0 90px; }
.product_banner{ height: 800px; }
.product_banner_card { border-bottom: #bd2e3e 6px solid; position: absolute; width: 50%; bottom: 30px; right: 0; z-index: 20; }
.product_banner_card h2 { font-family: "didot"!important; }
.product_banner_card > div { margin:60px 90px; }

.product_banner_card2 { border-bottom: #bd2e3e 6px solid; position: absolute; width: 50%; bottom: 30px; right: 0; z-index: 20; }
.product_banner_card2 h3 { font-family: "didot"!important; margin-bottom: 5px; }
.product_banner_card2 p { margin: 0; }
.product_banner_card2 > div { margin:30px 20px; }

/*
9大标准啊
*/
.standard-box .uk-card h4{ margin-top: 5px; margin-bottom: 0;}
.standard-box .uk-card i{ font-size: 48px; }
.standard-box .uk-card p { margin-top: 2px; }
.uk-light .uk-button-default { border-color: #5e565e!important; }


.product_fliter dl{ margin: 0; border-top: #cbcbcb 1px solid; font-size: 0; }
.product_fliter dl dt{ width: 126px; display: inline-block; text-align: center; background-color: #e2e5e6; padding: 8px 0; font-size: 14px;}
.product_fliter dl dd{ display: inline-block; font-size: 14px; }
.product_fliter dl dd a{ color: #444; display: inline-block; width: 110px; text-align: center;  padding: 8px 0;}
.product_fliter dl dd a.on{ background-color: #bd2e3e; color: #fff; }

/*
 * Mini
 */
/* Horizontal */
.uk-grid-mini {
  margin-left: 4px;
}
.uk-grid-mini > * {
  padding-left: 4px;
}
/* Vertical */
.uk-grid + .uk-grid-mini,
.uk-grid-mini > .uk-grid-margin,
* + .uk-grid-margin-mini {
  margin-top: 4px;
}

.product_banner_detail_p{ position: absolute; left: 0; right: 0; bottom: 30px; }
.product_banner_card2 .close { color: #7D8488; }
.product_banner_card2 .close:hover { text-decoration: none; }

.product-info h2{ margin-top: 0; margin-bottom: 0; font-size: 24px; }
.product-info h5{ margin-top: 0; margin-bottom: 15px; }


h1.dit-title{ font-size: 48px; font-family: "didot"!important; }
.p-block-1 h2{ font-family: "didot"!important; margin-bottom: 5px; }
.p-block-1 p{ margin-top: 5px;  }
.p-block-1-arrow { font-size: 0; position: absolute; left: 36%; bottom:3%;}
.p-block-1-arrow a{ display: inline-block; border: #ddd 1px solid; font-size: 16px; color:#666; padding: 4px 10px;}
.p-block-1-arrow a:last-child { margin-left: -1px; }
.p-block-1-arrow a:hover { color: #000; }

.newpro-nav button:hover{ color: #BD2E3E; }


.black-box h3{ margin-bottom: 5px; }
.black-box p{ margin: 0 }


.uk-form-large:not(textarea):not([multiple]):not([size]) {
    height: 46px;
    padding-left: 12px;
    padding-right: 12px;
    width: 100%;
    min-width: 240px;
    border-color: #bdbdbd;
}

.form-box span{ display: block; }

article p {text-align: center;line-height: 2rem;font-size: 20px;letter-spacing: 2px;font-weight: 700;/* background: #f00; */}

.product_bg{ background-color: #242634; }
.product_ck{ position: relative; }
.product_ck:after{
  position: absolute;
  content: "";
  width: 100%;
  height: 800px;
  display: block;
  background-color: #242634;
  left: 0;
  top: 50%;
  transform: translateY(-30%);
  z-index: 1;
}
.product_ck > div{ position: relative; z-index: 2; }
.product_ck h3{ margin-bottom: 5px; }
.product_ck p { margin-top: 10px; }

.bg600after{ position: relative; }
.bg600after:after{
    position: absolute;
    content: "";
    width: 100%;
    height: 600px;
    display: block;
    background-color: #242634;
    left: 0;
    top: 50%;
    transform: translateY(-38%);
    z-index: 1;
}
.bg600after > div { position: relative; z-index: 2; }

.product-subnav{ padding:0; margin: 0 0 50px 0; font-size: 0;}
.product-subnav li { display: inline-block; list-style: none; }
.product-subnav a{
    font-size: 16px;
    display: inline-block;
    padding: 0 60px;
    line-height: 48px;
    background-color: transparent;
    color: #333;
    border: 1px solid #e5e5e5;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: 0.1s ease-in-out;
    transition-property: color, background-color, border-color;
  }
.product-subnav li:nth-child(n+2) a {
      margin-left: -1px;
  }
.product-subnav a.uk-active,.product-subnav .uk-active a{
    background-color: #242634!important;
    border-color: #242634!important;
    color: #fff;
 }
.product-subnav.sm a{ padding: 0 40px; line-height: 38px; }
.product-subnav.dark a{ border: 1px solid #c2c3c9;  }

#fp-nav ul li a span, .fp-slidesNav ul li a span {
    background: #999!important;
}

.product-textcard .block-badge{ display: inline-block; background-color: #262634; color: #fff; padding: 4px 10px; margin-bottom: 5px; }
.product-textcard img { margin-bottom: 30px; }
.product-textcard h1{ margin-bottom: 10px; }
.product-textcard h3{ margin-top: 0; font-size: 19.5px; margin-bottom: 10px; }
.product-textcard h3 i { font-size: 24px; line-height: 24px; font-style: normal; font-weight: bold; }
.product-textcard h5{ margin-bottom: 0; margin-top: 30px;}
.product-textcard p{ margin: 5px 0; }

.product-textcard.uk-light .block-badge{ display: inline-block; background-color: #fff; color: #000; padding: 3px 10px; }
.product-textcard.uk-light h1{ margin-bottom: 10px; color: #fff;}
.product-textcard.uk-light h3{ margin-top: 0;  color: #fff;}
.product-textcard.uk-light h5{ margin-bottom: 0; margin-top: 30px;  color: #fff;}
.product-textcard.uk-light p{ margin: 5px 0;  color: #fff;}

/*
更多搭配
*/
.related { background-color: #efefef; padding: 110px 0 20px; }
.related-nav button{ border-color: #888f94!important; color: #888f94!important;}


.mumen-banner{ background-color: #caced5; height: 700px; padding: 100px 0;}
.mumen-card{ margin-left: 200px; }
.mumen-card .more{ background-color: #ce0e3a;  width: 200px; margin-top: 120px;}
.mumen-card .more a{ text-align: center; padding: 15px 0; width: 200px; color: #fff; display: block; font-size: 18px; }
.mumen-card .more a:hover{ text-decoration: none; }
.mumen-card{ text-align: center; }
.mumen-card span{ display: block; color: #333; border-top:#262634 1px solid; padding-top: 6px; margin-bottom: 10px;  width: 200px; font-size: 18px;}
.mumen-card h5{ background-color: #262634; color: #fff; display: block; padding: 6px 0; margin: 0; width: 200px;}
.mumen-card h1 { margin: 10px 0; font-size: 78px; font-weight: bold; line-height: 78px; }
.mumen-card h3 { width: 200px; text-align: left; margin-top: 0; font-size: 30px;}

.parameter p{ margin: 0; }
.mumen-color{ padding: 120px 0; }
.mumen-color h1{ color: #fff; margin-bottom: 0; font-size: 60px; font-family: "didot"!important;}
.mumen-color h3{ color: #fff; margin-top: 10px; }

.mumen-banner-subtitle{ position: absolute; left: 0; right: 0; bottom: 30px; }

/*
查找门店
*/
.findbar{ margin-bottom: 40px; }
.findbar button{ border:none; background-color: #bd2e3e; display: inline-block; color: #fff; transform: translateY(1px); }
.findbar select { width: 180px; margin-right: 15px; }

.findlist{ padding: 0; margin: 0; }
.findlist li { list-style: none; cursor: pointer; }
.findlist li img{ margin-left: 6px; }
.findlist .uk-active h4{ color: #bd2e3e; }
.find{ background-color: #f1f2f2; padding: 100px 0; }
.findbox h4{ margin-bottom: 0; }
.findbox p { margin-top: 5px; }
.findbox h4 i { font-size: 22px; }

.map-box{ background-color: #fff; padding: 10px; }

.hotpro { height: 550px; width: 100% }
.hotpro h2,.hotpro p{ color: #fff; }
.hotpro h2{ font-family: "didot"!important; }


/*
招聘列表
*/
.jiaru-list .uk-accordion-title{
  background: #f8f8f8;
  padding: 5px 15px;
}

.jiaru-navcate{
   margin:0;
   padding: 0;
   text-align: center;
}
.jiaru-navcate li {
  display: inline-block;
  list-style: none;
}
.jiaru-navcate li a{
  display: block;
  padding: 6px 20px;
  background: #ddd;
  color: #333;
 }
 .jiaru-navcate li a:hover{
  text-decoration: none;
 }
 .jiaru-navcate li.on a{
  background: #bd2e3e;
  color:#fff;
 }

ul li{list-style:none;}

.index_banner_bottom p em{font-size:24px;margin-left:30px;font-style:normal}.index_banner_bottom p em span{color:#fbca32;font-weight:bold}
.index_banner_bottom div input,.index_banner_bottom div select{width:200px;height:50px;background:#fff;border:none;color:#aeaeae;padding:0 10px;float:left;font-size:16px}.index_banner_bottom div select{width:220px;height:50px;line-height:50px}.index_banner_bottom div input,.index_banner_bottom div select{margin-right:25px}.index_banner_bottom div input::-webkit-input-placeholder{color:#aeaeae}.index_banner_bottom div button{width:220px;height:50px;background:#fcc900;float:right;border:none;font-size:16px;cursor:pointer}.titleBox{margin:auto;padding-top:66px;text-align:center}.titleBox h3{font-size:48px;line-height:60px;font-family:"微软雅黑"}.titleBox h6{font-size:16px;font-family:Arial;line-height:28px}.tab{width:525px;height:50px;margin:auto;border:1px solid #d2d2d2;margin-top:10px}.tab li{text-align:center;float:left;width:175px;height:50px;line-height:50px;border-right:1px solid #d2d2d2;box-sizing:border-box;font-size:16px;cursor:pointer;position:relative;overflow:hidden}.tab li:last-child{border-right:none}.tab li.active{background:#fbc800}.tab li:hover{background:#fbc800}.wholeBox{max-width: 1500px;/* height:720px; */margin: 0 auto 0;}.wholeBox .wholeHouse{height:720px;position:relative;display:none}.wholeBox .wholeHouse .classify{width:220px;height:720px;position:absolute;left:0;top:0;background:#fff}.wholeBox .wholeHouse .classify ul li{height:144px;line-height:144px;border-bottom:1px solid #d2d2d2;box-sizing:border-box;font-size:16px;color:#000;text-align:center}.wholeBox .wholeHouse .classify ul li:last-child{border-bottom:none}.wholeBox .wholeHouse .classify ul li:nth-child( 2n+1 ){background:#f0f0f0}.wholeBox .wholeHouse .classify ul li:nth-child( 2n ){background:#fff}.wholeBox .wholeHouse .classify ul li.active{background:#000!important;color: #ffffff;}.wholeBox .wholeHouse .classify ul li.active span{position:relative}.wholeBox .wholeHouse .classify ul li.active span:before{background:#fbc800;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}.wholeBox .wholeHouse .classify ul li.active span:after{background:#fbc800;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}.wholeBox .wholeHouse .classify ul li.active span:before{content:"";position:absolute;right:0;top:50%;margin-top:-.5px;width:8px;height:2px;background: #de6a07;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;transition:all .6s ease;-webkit-transform:translate(20px,0);-moz-transform:translate(20px,0);-ms-transform:translate(20px,0);transform:translate(20px,0);z-index:1;}.wholeBox .wholeHouse .classify ul li.active span:after{content:"";position:absolute;left:0;top:50%;margin-top:-.5px;width:8px;height:2px;background: #de6a07;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;transition:all .6s ease;-webkit-transform:translate(-20px,0);-moz-transform:translate(-20px,0);-ms-transform:translate(-20px,0);transform:translate(-20px,0);z-index:1;}.wholeBox .wholeHouse .classifyPic{max-width: 1280px;float:right;height:720px;}.wholeBox .wholeHouse .classifyPic .Img{width:100%;height:720px;display:none}.wholeBox .wholeHouse .classifyPic .Img img{width:100%;height:720px}.wholeBox .wholeHouse .classifyPic .Img div{width:100%;height:720px;background-position:center center;background-size:cover;background-repeat:no-repeat}.kitchenBox .kitchen{display:none}.kitchenBox{width:1500px;margin:70px auto 0}.kitchenBox .picAmt{margin-left:20px}.picAmt1:before,.picAmt1:after{content:'';position:absolute;top:0;left:0;width:740px;height:0;background:rgba(0,0,0,.3);z-index:1}.picAmt1:after{top:auto;bottom:0}.picAmt1:hover:before,.picAmt1:hover:after{height:225px}.kitchenBox .picAmt1{width:740px;height:450px;float:left;position:relative}.kitchenBox .picAmt1 img{width:740px;height:450px}.kitchenBox a:nth-child(1) .picAmt,.kitchenBox a:nth-child(3) .picAmt{margin-left:0}.kitchenBox .picAmt p{font-size:18px;font-family:"微软雅黑";line-height:30px}.kitchenBox .picAmt .txt{width:200px;height:70px;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;color:#fff;text-align:center;font-size:34px;font-family:arial;line-height:40px;z-index:2;opacity:0;-webkit-transition:.8s all;-moz-transition:.8s all;-ms-transition:.8s all;-o-transition:.8s all;transition:.8s}.kitchenBox .picAmt:hover .txt{opacity:1}.kitchenBox .picAmt2{margin-top:20px}.kitchenBox .picAmt2{width:486px;height:290px;float:left;position:relative}.picAmt2:before,.picAmt2:after{content:'';position:absolute;top:0;left:0;width:486px;height:0;background:rgba(0,0,0,.3);z-index:1}.picAmt2:after{top:auto;bottom:0}.picAmt2:hover:before,.picAmt2:hover:after{height:145px}.custom{width:900px;height:90px;margin:36px auto}.custom li{text-align:center;float:left;width:90px;height:90px;background:#fff;border:2px solid #828282;border-radius:50%;box-sizing:border-box;margin-left:68px}.custom li:nth-child(1){margin-left:0}.custom li.active{background:#fbc800;border:2px solid #fbc800}.custom li img{width:40px;margin-top:10px}.custom li p{line-height:28px;font-size:14px;color:#505050;font-weight:300}.SpaceBox{width:1626px;margin:auto;position:relative}.SpaceBox .swiper-container{width:1500px;position:initial}.SpaceBox .swiper-container .swiper-button-prev{width:50px;height:90px;background:url(http://www.boloni.com/cmobile/static/images/pc2020index/xprev.png.pagespeed.ic.8P1smiUnsk.png);background-size:100% 100%;left:0;opacity:0;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;transition:all .6s ease}.SpaceBox .swiper-container:hover .swiper-button-prev{opacity:1}.SpaceBox .swiper-container .swiper-button-next{width:50px;height:90px;background:url(http://www.boloni.com/cmobile/static/images/pc2020index/xnext.png.pagespeed.ic.gXJHPB_Q40.png);background-size:100% 100%;right:0;opacity:0;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;transition:all .6s ease}.SpaceBox .swiper-container:hover .swiper-button-next{opacity:1}.SpacePic{width:1500px;margin:auto;padding-bottom:100px}.SpacePic div{float:left}.SpacePic div:nth-child(1){width:850px;height:470px}.SpacePic div:nth-child(2){margin-left:20px;width:630px;height:470px}.SpacePic div:nth-child(3){width:630px;height:470px;margin-top:20px}.SpacePic div:nth-child(4){margin-left:20px;margin-top:20px;width:850px;height:470px}.jpCase{width:100%;height:980px;background:url(http://www.boloni.com/cmobile/static/images/pc2020index/xbj_jp.jpg.pagespeed.ic.SZSB_iH_UB.webp) center top no-repeat}.jpCase .titleBox{color:#fff}.jpCase .caseBox{width:1626px;margin:auto;position:relative}.jpCase .caseBox .swiper-container{width:1476px;position:initial;padding:30px 12px;margin-top:80px}.jpCase .caseBox .swiper-container .swiper-slide{width:486px;height:686px;background:#fff;border:8px solid #fff;box-sizing:border-box;-moz-box-shadow:0 0 6px 6px rgba(0,0,0,.1);-webkit-box-shadow:0 0 6px 6px rgba(0,0,0,.1);box-shadow:0 0 6px 6px rgba(0,0,0,.1);-webkit-transition:all .6s ease;-moz-transition:all .6s ease;transition:all .6s ease}.jpCase .caseBox .swiper-container .swiper-slide:hover{margin-top:-30px}.jpCase .caseBox .swiper-container .swiper-slide img{width:462px;height:474px}.jpCase .caseBox .swiper-container .swiper-button-prev{width:50px;height:90px;background:url(http://www.boloni.com/cmobile/static/images/pc2020index/xprev.png.pagespeed.ic.8P1smiUnsk.png);background-size:100% 100%;left:0}.jpCase .caseBox .swiper-container .swiper-button-next{width:50px;height:90px;background:url(http://www.boloni.com/cmobile/static/images/pc2020index/xnext.png.pagespeed.ic.gXJHPB_Q40.png);background-size:100% 100%;right:0}.jpCase .caseBox .swiper-container .swiper-slide img{width:462px;height:474px}.jpCase .caseBox .swiper-container .swiper-slide-active{border:8px solid #fbc800;margin-top:-30px}.jpCase .caseBox .stateBox{padding:16px 0;text-align:center}.jpCase .caseBox .stateBox h3{font-size:24px;color:#000;line-height:40px}.jpCase .caseBox .stateBox p{font-size:14px;color:#636363;height:20px;line-height:20px}.jpCase .caseBox .stateBox p span{padding:0 20px;border-right:1px solid #8a8a8a}.jpCase .caseBox .stateBox p span:last-child{border-right:none}.jpCase .caseBox .stateBox button{width:200px;height:50px;border:1px solid #000;color:#000;background:#fff;font-size:16px;margin-top:30px}.jpCase .caseBox .swiper-slide-active button{border:1px solid #fbc800;background:#fbc800}.dh ul{position:relative;overflow:hidden;width:1500px;height:620px;margin:60px auto 0}.dh ul li{float:left;width:12%;overflow:hidden;height:100%;position:relative;cursor:pointer}.dh ul li a{display:block;width:100%;height:100%}.dh ul li .layer{position:absolute;bottom:0;left:0;width:100%;height:100%}.dh ul li .layer .p1{position:absolute;bottom:0;right:0}.dh ul li .layer .p1 img{width:130px;opacity:.6}.dh ul li .layer .p2{text-align:center;position:absolute;color:#fff;bottom:30px;right:-200%}.dh ul li .layer .p2 b{display:block;font-size:28px;font-weight:normal;line-height:40px}.dh ul li .layer .p2 span{display:block;font-size:16px}.dh ul li .layer .p1 b,.dh ul li .layer .p1 span{display:block;font-size:14px}.signUp{margin-top:100px;padding-bottom:100px;height:700px}.signUp .img{width:1200px;height:700px;position:absolute;right:500px}.signUp .img .videoBtn{width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,.4);text-align:center;line-height:700px;cursor:pointer}.signUp .img .videoBtn img{width:64px;height:64px}.signUpR{width:1500px;margin:auto;position:relative}.signBox{text-align:center;float:right;background:#fff;width:400px;height:610px;padding:45px;box-shadow:0 0 10px 10px #f5f5f5}.signBox h3{font-size:38px;color:#000;line-height:50px}.signBox h4{font-size:18px;color:#8c8c8c;line-height:50px}.signBox h4 span{color:#fbc800;font-weight:bold}.signBox p{margin-top:20px;position:relative}.signBox .name:before{content:'';position:absolute;left:12px;top:12px;width:26px;height:26px;background:url(http://www.boloni.com/cmobile/static/images/pc2020index/xicon_people.png.pagespeed.ic.R3tdmGQf1t.png);background-size:100% 100%;z-index:1}.signBox .phone:before{content:'';position:absolute;left:12px;top:12px;width:26px;height:26px;background:url(http://www.boloni.com/cmobile/static/images/pc2020index/xicon_phone.png.pagespeed.ic.nmps4BpjDi.png);background-size:100% 100%;z-index:1}.signBox p input{padding-left:50px;width:348px;height:48px;border:1px solid #a0a0a0;background:none}.signBox p select{padding-left:10px;width:190px;height:50px;border:1px solid #a0a0a0;background:none;color:#8c8c8c;font-size:16px}.signBox button{width:410px;height:50px;background:#fbc800;color:#000;font-size:20px;border:none;margin-top:20px}.signBox .tips{font-size:14px;color:#8c8c8c;line-height:50px}.listNam{width:400px;height:120px;overflow:hidden;position:relative}.listNam ul{width:410px;margin:0 auto}.listNam ul li{overflow:hidden;line-height:30px;height:30px}.listNam ul li span{float:left;color:#000;font-size:14px}.listNam ul li span:nth-child(1){width:80px;text-align:left}.listNam ul li span:nth-child(2){width:100px;text-align:left}.listNam ul li span:nth-child(3){width:100px;text-align:center}.listNam ul li span:nth-child(4){width:120px;text-align:right}.videoBox{width:100%;height:100%;background:rgba(82,82,82,.6);position:fixed;left:0;top:0;z-index:10;display:none}.video{display:none;position:fixed;left:50%;top:50%;width:800px;height:460px;margin-left:-400px;margin-top:-230px;z-index:11}@media screen and (max-width:1642px){.jpCase{height:850px}.jpCase .caseBox{width:1326px;margin:auto;position:relative}.jpCase .caseBox .swiper-container{width:1176px;position:initial;padding:30px 12px;margin-top:80px}.jpCase .caseBox .swiper-container .swiper-slide{width:378px;height:570px}.jpCase .caseBox .swiper-container .swiper-slide img{width:362px;height:366px}.jpCase .caseBox .stateBox button{margin-top:24px}.SpaceBox{width:1326px}.SpacePic{width:1200px}.SpaceBox .swiper-container{width:1200px}.SpacePic div:nth-child(1),.SpacePic div:nth-child(4){width:680px;height:374px}.SpacePic div:nth-child(1) img,.SpacePic div:nth-child(4) img{width:680px;height:374px}.SpacePic div:nth-child(2),.SpacePic div:nth-child(3){width:500px;height:374px}.SpacePic div:nth-child(2) img,.SpacePic div:nth-child(3) img{width:500px;height:374px}}@media screen and (max-width:1520px){.wholeBox{/* width:1200;/* height:57;/* margin:50px auto 0 */n:50px auto 0;}.wholeBox .wholeHouse{height:575px;position:relative;display:none}.wholeBox .wholeHouse .classify{width:174px;height:575px}.wholeBox .wholeHouse .classify ul li{height:115px;line-height:115px;font-size:14px}.wholeBox .wholeHouse .classifyPic{max-width: 1026px;height:575px;}.wholeBox .wholeHouse .classifyPic .Img{width:100%;height:575px}.wholeBox .wholeHouse .classifyPic .Img img{width:100%;height:575px}.wholeBox .wholeHouse .classifyPic .Img div{width:100%;height:575px}.kitchenBox{width:1200px;margin:50px auto 0}.kitchenBox .picAmt1{width:590px;height:360px}.kitchenBox .picAmt1 img{width:590px;height:360px}.picAmt1:before,.picAmt1:after{width:590px}.picAmt1:hover:before,.picAmt1:hover:after{height:180px}.kitchenBox .picAmt2{width:386px;height:230px}.kitchenBox .picAmt2 img{width:386px;height:230px}.picAmt2:before,.picAmt2:after{width:386px}.picAmt2:hover:before,.picAmt2:hover:after{height:115px}.dh ul{width:1200px;height:560px}.dh ul li .layer .p1 img{width:110px}.signUpR{width:1200px}.signUp .img{width:1000px}}@media screen and (max-width:1301px){.titleBox{padding-top:56px}.titleBox h3{font-size:40px;line-height:52px}}@media screen and (max-width:1025px){.titleBox{padding-top:46px}.titleBox h3{font-size:36px;line-height:42px}}@font-face {font-family: "iconfont";

}


i, em {
    font-style: normal;
}

.p_tit{ height:80px; background:url(../picture/pro_line.gif) repeat-x center 57px; overflow:hidden; text-align:center; }
.p_tit i{ display:block; font:32px Arial, Helvetica, sans-serif; color:#434343; text-transform:uppercase;}
.p_tit a{ display:inline-block; padding:0 88px; background:#fff; color:#333; font-size:24px; font-weight:normal;}

.ys_main{ position:relative; overflow:hidden; width:100%; font-family:"Microsoft Yahei"; height:1168px;}
.ys_bg1{ background:url(../picture/ys_bg1.jpg) no-repeat center top; height:300px; overflow:hidden; margin-top:147px;}
.ys_bg2{ background:url(../picture/ys_bg2.jpg) no-repeat center top; height:325px; overflow:hidden;}
.ys_bg3{ background:url(../picture/ys_bg3.jpg) no-repeat center top; height:325px; overflow:hidden;}
.ys{position:absolute;top:0;left:50%;margin-left:-540px;max-width: 1460px;overflow:hidden;}
.ys h2{ height:150px; overflow:hidden;}
.ys dl{ width:425px; height:240px; margin:55px 0 0 0; padding-left:67px; overflow:hidden; background:url(../picture/1.gif) no-repeat left 10px;}
.ys dt{ font:22px/36px "microsoft Yahei"; color:#434343;}
.ys dt em{ display:block; height:38px; background:#ededed; text-align:center; font-size:18px; line-height:38px;text-align:center; margin-top:10px;}
.ys dd{ display:block; padding-top:15px; font-size:14px; line-height:26px;}
.ys dd span{ color:#e60012;}
.ys dl.dl_02{ width:447px; height:266px; margin:60px 0 0 575px; background:url(../picture/2.gif) no-repeat left 10px;}
.ys dl.dl_03{ width:415px; height:270px; margin:60px 0 0 0; background:url(../picture/3.gif) no-repeat left 10px;}



.common-3 .information-centre .left {
    height: 536px;
    background: #EFEFEF;
    position: relative;
}
.common-3 .information-centre .left a {
    display: block;
}

.common-3 .information-centre .left .img {
    width: 532px;
    height: 319px;
}
.common-3 .information-centre .left .img img {
    width: 100%;
    height: 100%;
}
.common-3 .information-centre .left .nr {
    position: absolute;
    width: 450px;
    height: 225px;
    top: 267px;
    left: 50%;
    margin-left: -225px;
    background: #FFF;
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.15);
    padding: 30px 45px 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.common-3 .information-centre .left .nr span {
    font-size: 16px;
    color: #333;
    line-height: 50px;
    height: 50px;
    width: 100%;
    overflow: hidden;
    border-bottom: 1px dashed rgba(136, 136, 136, 0.3);
    margin-bottom: 13px;
}
.common-3 .information-centre .left .nr .p {
    font-size: 12px;
    color: #888;
    line-height: 25px;
    height: 50px;
    overflow: hidden;
    margin-bottom: 18px;
}
.common-3 .information-centre .left .nr .time {
    font-size: 14px;
    color: #555;
    font-family: "Arial";
}
.common-3 .information-centre .left .nr .more-btn {
    position: absolute;
    right: 51px;
    bottom: 48px;
    font-size: 14px;
    color: #141414;
    text-align: right;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate(-30px, 0);

    -moz-transform: translate(-30px, 0);
    -ms-transform: translate(-30px, 0);
    transform: translate(-30px, 0);
}
.common-3 .information-centre .left .nr span {
    font-size: 16px;
    color: #333;
    line-height: 50px;
    height: 50px;
    width: 100%;
    overflow: hidden;
    border-bottom: 1px dashed rgba(136, 136, 136, 0.3);
    margin-bottom: 13px;
}
.common-3 .information-centre .left .nr:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background: #C3000B;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.common-3 .information-centre .left .nr:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background: #333;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.common-3 .information-centre .right .li {
    background: #F0F0F0;
    height: 252px;
}
.common-3 .information-centre .right .li .time {
    display: inline-block;
    vertical-align: top;
    position: relative;
    left: 34px;
    margin-top: 70px;
    width: 100px;
    height: 114px;
    line-height: 114px;
    background: #4F4F4F;
    text-align: center;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.common-3 .information-centre .right .li .time .day {
    font-size: 36px;
    color: #FFF;
}
.common-3 .information-centre .right .li .time .year {
    font-size: 15px;
    color: #FFF;
}
.common-3 .information-centre .right .li .nr {
    margin-top: 37px;
    margin-left: 35px;
    display: inline-block;
    vertical-align: top;
    background: #FFF;
    width: 80%;
    height: 180px;
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.15);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 18px 48px 0;
    position: relative;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.common-3 .information-centre .right .li .nr span {
    line-height: 45px;
    overflow: hidden;
    height: 50px;
    color: #333;
    font-size: 18px;
    border-bottom: 1px solid #E5E5E5;
}
.common-3 .information-centre .right .li .nr .p {
    font-size: 14px;
    color: #888;
    line-height: 25px;
    height: 75px;
    overflow: hidden;
    width: 100%;
}
.fl {
    float: left;
}

.wp {
    max-width: 1450px;
    margin: 0 auto;
}

.common-3 .information-centre .right {
    margin-left: 562px;
}

.common-3 .information-centre .right .li .time > div {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2;
}

.more-btn{color:#ef7d49;}
.common-3{padding-bottom:90px;}


/*大事记start*/
.event_box{/* width:60%; */margin: 6% auto 0;position:relative;min-height:420px;}
.event_box .parHd {width:100%;display:inline-block;height:92px;overflow:hidden;}
.parHd  ul{width:100%;text-align:center;margin:0 auto;padding-top:25px !important;}
.parHd .tempWrap{margin:0 auto;}
.parHd .tempWrap:after{content:'';width:85%;height:1px;background:#fff;position:absolute;/* top:33%;*//* right:-140%;*/right:8%;top:35%;/* margin-top:-0.5px;*/z-index:10;}
.parHd li.no_line:before{display:none;}
.parHd li{display:inline-block;cursor:pointer;padding-top:30px;font-size:16px;color: #fff;margin:0 30px;position:relative;}
.parHd li:after{content:'';background:url(../images/dot_ico.png) no-repeat;width:24px;height:24px;position:absolute;z-index:20;top:-12px;left:50%;margin-left:-12px;}
.parBd{text-align:center;margin-top:60px;}
.parBd h4{color: #fff;position:relative;font-size: 35px;line-height: 40px;/* margin-bottom:3%; *//*width:200px;*/padding:0 60px;display:inline-block;text-align:center;margin: 0;}
.parBd h4:after{content:'';background:#fff;width:100px;height:1px;position:absolute;left:-100px;bottom:12px;}
.parBd h4:before{content:'';background: #fff;width:100px;height:1px;position:absolute;right:-100px;bottom:12px;}
.parBd p{color: #fff;line-height:180%;font-size:16px;width:80%;margin:0 auto;}
div#listBox {width:100%;}

.sPrev,.sNext{width:30px;height:30px;display:block;position:absolute;top: 40px;}
.sPrev{left:0;}
.sNext{right:0;}
.sPrev img,.sNext img{transition:all .6s cubic-bezier(.51,1.1,.9,.95);-moz-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-webkit-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-o-transition:all .6s cubic-bezier(.51,1.1,.9,.95);}
.parHd li.act span{display:block;width: 23px;height: 23px;overflow:hidden;background:url(../images/cat.png) no-repeat;position:absolute;top:-12px;left: 3px;z-index:21;}
.parHd li span,.parHd li.clone span{display:none;}	
.history {
	padding-bottom:60px;
    max-width: 1500px;
    margin: 0 auto;
    /* width: 100%; */
    position: relative;
    /* margin: 100px auto; */
}
.history_con{
	width: 1200px;
	position: absolute;
	left: 50%;
	top: 15%;
	z-index: 100;
	margin-left: -600px;
}
.history_title,.history_title p{
	color: #fff;
}
.history_title:after {
    background-color: #fff;
}
.section_title h3 {
    margin-bottom: 20px;
	color: #fff;
}
.section_title p {
	color: #fff;
 
    font-size: 18px;
    font-weight: bold;
}

.history_title:after {
    background-color: #fff;
}

.about_tit1 {
	text-align: center;
	margin-bottom: 20px;
}
.about_tit1 h2 {
	color: #111111;
	font-size: 30px;
	font-weight: normal;
	margin-bottom: 10px;
	margin-bottom: 5px;
}
.about_tit1 h3 {
	color: #e8eaed;
	font-size: 2.4rem;
}
.global_info1 {
	text-align: center;
	margin: 0;
}
.global_info1 h4 {
	color: #111111;
	font-size: 2.8rem;
	font-weight: normal;
	margin-bottom: 30px;
}
.global_info1 .txt {
	color: #333333;
	font-size: 2.4rem;
	line-height: 42px;
}
.global_c1 {
	margin-bottom: 60px;
}
.about_tit1 h4 {
	color: #333333;
	font-size: 16px;
	font-weight: normal;
}
.about_tit2 h3 {
	font-size: 1.4rem;
}
.scale_list1 ul li {
	width: 48.75%;
	float: left;
	margin-right: 2.5%;
	margin-bottom: 30px;
}
.scale_list1 ul li:nth-child(2) ,
.scale_list1 ul li:nth-child(3) {
	margin-right: 0;
}
.scale_list1 ul li:nth-child(3) {
	width: 100%;
}
.global_i1 {
	margin-top: 50px;
}
.global_l1 {
	width: 56.6%;
	float: left;
}
.global_i1 h5 {
	color: #333333;
	font-size: 3.2rem;
	font-weight: normal;
	margin-bottom: 10px;
}
.global_l1 ul li {
	font-size: 2.4rem;
	color: #333333;
	position: relative;
	padding: 6px 0 6px 35px;
}
.global_l1 ul li:before {
	position: absolute;
	/*content: "";*/
	width: 9px;
	height: 9px;
	background: #000000;
	border-radius: 50%;
	left: 0;
	top: 50%;
	margin-top: -4px;
}
.global_r1 {
	width: 43.4%;
	float: right;
}
.about_tit1 h3 {
    color: #e8eaed;
    font-size: 18px;
    margin: 0;
}
.brand{max-width:1500px; margin:0 auto;}
.global_img1{text-align:center;}


@charset 'utf-8';

/*导航条导航【除首页外其它页面默认隐藏】*/

.nav_list .cate_sort .cate_list {
    display: none;
}


/*列表页商品属性*/

.list_attr {
    margin-top: 30px;
    height: auto;
    overflow: hidden;
    border: 1px solid #D6D6D6;
    border-bottom: 0 none;
    background: #FAFAFA;
}

.list_attr i {
    font-style: normal;
}

.list_attr li {
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #D6D6D6;
    border-top: 1px solid #fff;
}

.list_attr li:first-child {
    border-top: 0 none;
}

.list_attr span {
    width: 110px;
    text-align: center;
    background: #F0F0F0;
}

.list_attr .attr a {
	color:#000;
	margin-right: 10px;
	line-height: 20px;
	padding: 2px 12px;
	display: inline-block;
	zoom: 1;
    *
	display: inline;
}

.list_attr .attr a:first-child {
    margin-left: 10px;
}

.list_attr .attr a i {
    display: none;
}

.list_attr .attr a:hover {
    color: #fff;
    border-radius: 3px;
    background: #FF8A00;
    text-decoration: none;
}

.list_attr .attr a.cur {

    color: #fff;

    border-radius: 3px;
    background: #22242e;
    text-decoration: none;
}

.list_attr .attr a.cur i {
    font-size: 14px;
    display: inline;
}



/*提交申请*/

.list_apply {
    margin-top: 26px;
    position: relative;
    height: 105px;
    line-height: 105px;
    background: #f0f0f0;
    border-top: #22242e solid 2px;
}

.list_apply_com {
    margin: 32px 0;
    padding-left: 37px;
    position: relative;
    float: left;
    height: 40px;
}

.list_apply_tex {
    margin-right: 20px;
    display: block;
    float: left;
    text-indent: 13px;
    height: 38px;
    line-height: 38px;
    font-family: "宋体";
    font-size: 14px;
    color: #999;
    border: #b2b2b2 solid 1px;
}

.list_apply_name {
    width: 198px;
}

.list_apply_tel {
    width: 248px;
}

.list_apply_sub {
    display: block;
    float: left;
    width: 160px;
    height: 40px;
    font-family: "宋体";
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    border-radius: 20px;
    background: #22242e;
}

.list_apply_left {
    float: left;
    margin-left: 90px;
}

.list_apply_right {
    float: right;
    margin-right: 55px;
    height: 40px;
    font-size: 22px;
    color: #707070;
    font-family: "微软雅黑";
    line-height: 40px;
}

.list_apply_right span {
    color: #ff5a00;
}

.list_apply_com .tips {
    position: absolute;
    bottom: -20px;
    left: 37px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: red;
}

.share_btn .bds_renren {
    margin: 5px 0 5px 10px;
}


/*列表页筛选条件*/

.list_cond {
    height: 53px;
    /* background: #EDEDED; */
    /* margin: 20px auto 30px; */
    /* padding: 0 20px 0 10px; */
}

.list_cond_left {
    float: left;
    height: 20px;
    line-height: 20px;
    margin-top: 17px;
    width: 520px;
    position: relative;
}

.list_cond_left a {
    position: relative;
    color: #4D4948;
    padding: 0 20px;
    border-right: 1px solid #D6D6D6;
    display: block;
    float: left;
    font-size: 14px;
    position: relative;
}

.list_cond_left a:hover {
    text-decoration: none;
    color: #ff9000;
}

.list_cond_left a b {
    display: block;
    float: left;
    width: 12px;
    height: 12px;
    margin: 3px 6px 0 0;
    border: 1px solid #e6e6e6;
    background: #fff;
}



.list_cond_left a.al {
    border-right: none;
    padding: 0;
}

.list_cond_left .list_inp {
    width: 40px;
    height: 18px;
    line-height: 18px;
    border: 1px solid #E6E6E6;
    display: inline-block;
    background: #ffffff;
    float: left;
    margin: 0 15px;
}

.list_cond_left .list_inp input {
    border: none;
    width: 40px;
    height: 18px;
    line-height: 18px;
    color: #4D4948;
}

.list_cond_left input.a1 {
    position: absolute;
    width: 80px;
    background: #EDEDED;
    color: #4D4948;
    font-size: 14px;
}

.list_cond_left input.a1:hover {
    color: #FF8A00;
}

.list_cond_left font {
    float: left;
}

.list_cond_left .list_sort {
    position: absolute;
    top: 4px;
    right: 5px;
}

.list_cond_left .sort_up {
    display: none;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #ff9000;
}

.list_cond_left .sort_down {
    display: none;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #a09c9b;
    margin-top: 2px;
}

.list_cond_left .asc {
    color: #ff9000;
}

.list_cond_left .desc {
    color: #ff9000;
}

.list_cond_left .desc .sort_up {
    display: block;
    border-bottom: 5px solid #a09c9b;
}

.list_cond_left .desc .sort_down {
    display: block;
    border-top: 5px solid #ff9000;
}

.list_cond_left .asc .sort_up {
    display: block;
}

.list_cond_left .asc .sort_down {
    display: block;
}


.list_cond_right {
    float: right;
    height: 20px;
    line-height: 20px;
    margin-top: 17px;
}

.list_cond_right a {
    color: #999999;
    padding: 2px 5px;
}

.list_cond_right a:hover,
.list_cond_right a.click {
    color: #FF8A00;
    text-decoration: none;
}


/*发送短信*/

.send_mobile {
    display: none;
    position: absolute;
    left: 10px;
    bottom: 20px;
    width: 120px;
    height: 28px;
    line-height: 28px;
    color: #fff;
    text-align: center;
    background: #F16F0D;
}


.send_mobile:hover {
    text-decoration: none;
    color: #fff;
}

.send_img {
    display: none;
}

.send_img .design_con {
    height: 302px;
}

.send_img .design_bg {
    height: 312px;
}

.send_img .design_info {
    padding: 20px;
}

.send_img .design_info .desing_submit {
    margin-top: 35px;
}

.send_img .des_sub {
    display: inline-block;
    line-height: 35px;
}

.send_img .des_sub:hover {
    text-decoration: none;
}

.send_img .inp_con {
    position: relative;
}

.send_img .inp_con .mobile_inp {
    width: 325px;
    height: 35px;
    margin: 20px 0;
    ;
    line-height: 35px;
    padding-left: 5px;
    color: #999;
    border-color: #bfbfbf;
    border-style: solid;
    border-top-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 1px;
    border-right-width: 1px;
}

.send_img .inp_con .yz_inp {
    width: 140px;
    height: 35px;
    line-height: 35px;
    text-indent: 5px;
    border: 1px solid #bfbfbf;
    color: #999;
    vertical-align: middle;
}

.send_img .inp_con .mtips {
    color: #ff000c;
    position: absolute;
    left: 0;
    bottom: -25px;
    display: none;
}

.send_img .send_tips {
    color: #ff000c;
    text-align: center;
    margin-top: 5px;
}

.send_sucess .sucess_con {
    height: 170px;
}

.send_sucess .sucess_bg {
    height: 180px;
}

/* 商品详情视频 */
.details_video{
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
}
.video_btn{
    position: absolute;
    display: block;
    left: 10px;
    bottom: 40px;
    width: 80px;
    height: 80px;
    background: url('../images/video_btn.png');
    background-size: 100%;
}
.video_close{
    position: absolute;
    display: none;
    right: 10px;
    top: 10px;
    width: 40px;
    height: 40px;
    background: url('../images/video_close.png');
    background-size: 100%;
}


.list_goods {
    height: auto;
	    margin-bottom: 60px;
}

.width_1220 {
    overflow: hidden;
    padding-left: 4px;
}

.list_goods div.goods {
	    box-shadow: 3px 5px 8px #dad9d9;
    width: 23%;
    height: 339px;
    float: left;
    margin-right: 15px;
    color: #716C6A;
    position: relative;
    margin-bottom: 10px;
    padding-top: 2px;
    border: 1px solid #fff;
}

.list_goods div.goods em {
    font-style: normal;
}

.list_goods div.goods .img_bg {
    position: relative;
    display: block;
    padding-top: 0;
    text-align: center;
}

.list_goods div.goods .img_bg .img_bg_link {
    display: inline-block;
    /* width: 296px; */
    /* height: 222px; */
    /* overflow: hidden; */
}

.list_goods div.goods .img_bg .img_bg_link img {
    /* width: 100%; */
    height: 100%;
}


.list_goods div.goods h3 {
    position: relative;
    height: 35px;
    line-height: 35px;
    width: 289px;
    padding-left: 5px;
    margin: 0 auto;
}

.list_goods div.goods h3 span {
    position: absolute;
    right: 5px;
    top: 0;
    font-weight: normal;
    color: #E6E6E6;
}


.list_goods div.goods h3 .goods_tits {
    display: block;
    width: 235px;
    height: 35px;
    overflow: hidden;
}

.list_goods div.goods p {
    height: 36px;
    line-height: 18px;
    padding: 0 5px 0 42px;
    overflow: hidden;
}

.list_goods div.goods p font {
    position: absolute;
    display: block;
    left: 5px;
    width: 32px;
    height: 16px;
    margin-top: 1px;
    *
    margin-top: -3px;
    line-height: 16px;
    color: #ffffff;
    background: #22242e;
    background: #22242e;
    font-size: 12px;
}

.list_goods div.goods div {
    padding-top: 7px;
    display: none;
}

.list_goods div.goods h3 .goods_tits {
	    text-decoration: none;
    display: block;
    font-size: 20px;
    width: 235px;
    color: #000;
    height: 35px;
    overflow: hidden;
}




.main {
    max-width: 1500px;
    margin: 10px auto 0;
}

.ie_ik{display: inline-block;zoom:1;*display: inline;}

.page-bar {
	margin-top: 60px;
    clear: both;
    text-align: center;

}
.page-bar li {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.page-bar a, .page-bar span {
    vertical-align: top;
}

.page-bar a, .page-bar span, .page-bar strong {
    font-weight: normal;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    font-size: 14px;
    text-decoration: none!important;
    padding: 10px 10px;
    color: #858585;
    background: #fff;
    border: 1px solid #858585;
    font-size: 12px;
    margin: 0 5px;
}
.page-bar a:hover, .page-bar span:hover, .page-bar .active a {
    color: #fff;
    background: #858585;
    border: 1px solid #fff;
}

.Boutique_case_text_left {
    width: 1000px;
    padding: 20px 60px;
    background: #fff;
    overflow: hidden;
    margin-top: 15px;
    -moz-box-shadow: 0 0 20px #f2f2f2;
    -webkit-box-shadow: 0 0 20px #f2f2f2;
    box-shadow: 0 0 20px #dad9d9;
}
.Boutique_case_text_leftT h1 {
    font-size: 26px;
    margin: 30px auto 10px;
    text-align: center;
    color: #000;
}

.Boutique_case_text_leftC p{line-height:30px;}

.details_bottom_right {
    max-width: 1500px;
    /* height: auto; */
    /* float: left; */
    margin-left: 20px;
    display: inline;
}
.details_bottom_right .goods_desc_title {
    /* width: 100%; */
    max-width: 1500px;
    margin: 30px auto;
    height: 47px;
    background: #F5F5F5;
    margin-bottom: 40px;
    z-index: 999;
}
.goods_desc_title a {
    width: 112px;
    line-height: 47px;
    text-align: center;
    color: #716C6A;
    display: block;
    float: left;
    font-size: 14px;
}
.goods_desc_title a:hover, .goods_desc_title a.click {
    background: url(../images/goods_desc_title_bg.png) repeat-x;
    color: #ffffff;
    text-decoration: none;
}


.deticl{
	height: auto;
    float: left;
    margin-left: 20px;
    display: inline;
}


.goods_desc_title{
	
}

#gallerybox {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
}
#gallerybox > span {
  display: none;
  position: absolute;
  right: 20px;
  top: 80px;
  padding: 1em;
  z-index: 1;
  font-family: Helvetica, Verdana, Arial, sans-serif;
  font-size: 30px;
  color: #ccc;
  cursor: pointer;
}

#gb-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

#gb-big {
  position: absolute;
}

#gb-list {
  position: absolute;
  width: 100%;
  height: 150px;
  box-sizing: border-box;
  left: 0;
  bottom: 0;
  padding: 0 20px;
  text-align: center;
  white-space: nowrap;
  overflow-x: hidden;
}
#gb-list:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
#gb-list > .left,
#gb-list > .right {
  position: fixed;
  width: 20px;
  height: 150px;
  bottom: 0;
  line-height: 150px;
  font-family: Helvetica, Verdana, Arial, sans-serif;
  font-weight: 600;
  color: #ccc;
  background-color: rgba(51, 51, 51, 0.75);
  cursor: pointer;
}
#gb-list > .left {
  left: 0;
  border-radius: 0 100% 100% 0 / 0 50% 50% 0;
}
#gb-list > .right {
  right: 0;
  border-radius: 100% 0 0 100% / 50% 0 0 50%;
}
#gb-list > img {
  vertical-align: middle;
  margin: 0 1em;
  max-height: 75%;
  cursor: pointer;
}
#gallery-wrapper {
		position: relative;
		max-width: 75%;
		width: 75%;
		margin:50px auto;
		}
		img.gallerybox {
		width: 100%;
		max-width: 100%;
		height: auto;
		}
		.white-panel {
		position: absolute;
		background: white;
	
		}
		.white-panel h1 {
		font-size: 1em;
		}
		.white-panel h1 a {
		color: #A92733;
		}

		case{ padding: 50px 0 80px;}
.case-list{ margin-bottom: 25px;}
.case-list li{float: left;margin-bottom: 25px;width: 31%;margin-right: 20PX;}
.case-list li:nth-child(2n){/* margin-right: 0; */}
.case-list li:nth-child(2n+1){/* clear: both; */}
.case-item{ display: block; border: 1px solid #c1c1c1;}
.case-item .img{ position: relative;overflow: hidden;}
.case-item .img img{ width: 100%;}
.case-item .img:after{ display: none; content: ""; position: absolute; top:2.2%; left:2%; width: 96%; height:94.4%; border:1px solid rgba(202,171,110,.7);}
.case-item .img div{ display: none; position: absolute; top:50%; margin-top: -15px; left:0; width: 100%; height: 30px; line-height: 30px; text-align: center;}
.case-item .img div span{ font-size: 24px; font-weight: bold; letter-spacing:5px; position:relative;}
.case-item .img div span:after,
.case-item .img div span:before{ content: ""; position: absolute; margin-top: -2px; top:50%; width: 32px; height: 3px; background: #caab6e;}
.case-item .img div span:after{ right:-60px;}
.case-item .img div span:before{ left:-60px;}
.case-item .text1{padding: 0 33px;background: #22242e;}
.case-item .tit{ padding: 25px 0 15px; }
.case-item .tit p{font-size: 22px;color: #ffffff;line-height:30px;}
.case-item .tip{ margin-top: 10px;  position: relative;line-height: 24px;  }
.case-item .tip span{float: left;display: block;width: 31%;position: relative;color: #fff;}
.case-item .tip span:after{ content: ""; position: absolute; top:50%; right:0; background: #d6d6d6; height: 12px; width: 1px; margin-top: -6px;}
.case-item .tip span:nth-child(2){ text-align: center; width: 42%;}
.case-item .tip span:nth-child(3){ text-align: right; width: 26%;}
.case-item .tip span:nth-child(3):after{ display:none; }
.case-item .tip i{ line-height: 24px; display: inline-block; padding-left: 22px;  background: url(../images/ico_heart_blue.png) no-repeat left; font-style: normal;}
.case-item .erweima{ padding: 17px 0; border-top: 1px solid #dadada; line-height: 50px;  position: relative;}
.case-item .erweima span{float: left;background: url(../images/ico_pho_blue.png) no-repeat left;color: #fff;padding-left:25px;}
.case-item .erweima div{float: right;margin-bottom: 10px;}


.ny-left{float: left;width: 100%;}
.ny-right{ float: right; width:20%;}
.ny-right .item{ margin-bottom: 15px; position: relative;}
.ny-right .item img{ width: 100%;}
.ny-right .item .text{ position:absolute; top:0; left:0; width: 100%; height: 100%; color:#FFFFFF;}
.ny-right .item .con{ display: inline-block; width: 100%; vertical-align: middle; text-align: center;}
.ny-right .item .con+i{ display: inline-block; vertical-align: middle; height: 100%;}
.ny-right .item h2{ font-size:30px; font-weight: bold;}
.ny-right .item em{ margin: 10px 0; display: inline-block; width: 10px; height: 10px; border: 2px solid #0077b4; border-radius: 100%; position: relative;}
.ny-right .item em:before,
.ny-right .item em:after{ content: ""; position: absolute; top:50%; width: 40px; height: 1px; background: rgba(255,255,255,.2);}
.ny-right .item em:before{ left:-42px;}
.ny-right .item em:after{ right:-42px;}
.ny-right .item p{ font-size: 15px; line-height: 24px;}
.ny-right .item span{ position: relative; margin: 25px auto 0; display: block; max-width:60%; width: 160px; height: 44px; line-height: 44px; text-align: center; background: #0077b4; color: #FFFFFF; font-size: 13px;}
.ny-right .item:hover span{ background: #00689e;}
.page{     margin-bottom: 60px;
    text-align: center;
    line-height: 38px;
    font-size: 0;
    margin-top: 40px;}
.page a,
.page span{display: inline-block;margin: 0 5px;font-style: normal;color: #000;height:38px;min-width: 38px;background: #d5d5d5;padding: 0 5px;font-size: 12px;}
.page a:hover,
.page span:hover,
.page a.current,
.page span.current{background: #22242e;font-weight: bold;color: #FFFFFF;}
.page .abt{ padding: 0 22px;}

.Contact{ width:1250px; margin:0 auto;  font-size:14px; line-height:28px;}
.Contact .tit{font-size: 32px;text-align:center;margin-top:20px;}
.Contact h3{text-align:center;font-size:24px;line-height:32px;padding: 20px 0px;}
.Contact h4{ text-align:center; font-size:28px; line-height:32px; font-weight:normal; padding:50px 0px;}
.Contact ul{ margin:0px; padding:0px;}
.Contact ul li{float:left;width: 30%;border-right:1px solid #e7e7e7;height:200px;padding:0px 12px;}
.Contact ul li a{display:block;width:100%;text-decoration: none;color: #22242e;height:180px;padding-top:20px;}
.Contact ul li a:hover{color:#e60012;}
.Contact ul li p{font-size: 18px;text-align:center;}
.Contact ul li p.font18{font-size:18px;margin: 0;/* padding-top:3px; */}
.Contact ul li a span{ margin:0px auto 15px;}
.Contact ul li.lastbor{border:none}
.Contact ul li a.adress span{ display:block;  width:80px; height:65px; background:url(../images/Icon57.png) no-repeat}

.Contact ul li a.Fax span{ display:block; width:80px; height:65px; background:url(../images/Icon59.png) no-repeat}
.Contact ul li a.Email span{ display:block; width:80px; height:65px; background:url(../images/Icon60.png) no-repeat}
.process_list1 ul li {
	width: 24.16%;
	float: left;
	margin-right: 1.12%;
	margin-bottom: 20px;
}
.process_list1 ul li:last-child {
	margin-right: 0;
}
.process_info1 {
	box-shadow: 0 4px 6px rgba(0,0,0,0.05);
	transform: translateY(-1px);
	border-radius: 10px;
	padding: 20px 0;
	background: #e5e5e5;
	text-align: center;
	transition: all ease-in-out .4s;
}
.process_info1 h3 {
	font-weight: normal;
	color: #333333;
	font-size: 24px;
	margin: 15px 0 8px 0;
}
.process_info1 .txt {
	color: #666;
	font-size: 16px;
	line-height: 30px;
	margin:0;
}
.process_info1 .txt p {
	
	margin:0;
}
.process_list1 ul li:hover .process_info1{
	/* box-shadow: 0 4px 6px rgba(0,0,0,0.05); */
	/* transform: translateY(-1px); */
}
.special_t1 {
	text-align: center;
	padding: 40px 0;
}
.special_t1 h1 {
	color: #333333;
	font-size: 32px;
}
.special_l1 {
	width: 49.16%;
	float: left;
	margin-bottom: 60px;
}
.special_i1 {
	background: #FFFFFF;
}
.special_r1 {
	width: 50.84%;
	float: right;
	padding: 80px 60px 0 4.5%;
	box-sizing: border-box;
}
.special_u1 {
	margin-top: 8%;
}
.special_u1 ul li {
	display: inline-block;
	color: #999999;
	text-align: center;
	font-size: 16px;
	color: #4a4848;
	margin: 0 15px;
}
.special_u1 ul li img{
	margin-bottom: 5px;
}
.special_info1 .txt {
	color: #666666;
	line-height: 28px;
	font-size: 22px;
}
.promiseTitle {
    font-size: 18px;
    padding-left: 16px;
    color: #3c3c3c;
  
    margin-bottom: 0.8rem;
}

.sevenBox img {
    display: block;
    width: 100%;
    margin: 0 auto;
}

/* 发展历程 */
  .content ul.course-box li {
    width: 100%;
  }
  .content ul.course-box li .detail-box {
    width: 510px;
    position: relative;
    padding-bottom: 45px;
  }
  .content ul.course-box li .detail-box h6 {
    /* font-family: "Microsoft YaHei"; */
    font-size: 18px;
    color: #22242e;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 18px;
    margin-bottom: 14px;
    position: relative;
    top: 5px;
  }
  .content ul.course-box li .detail-box p {
    font-family: "Microsoft YaHei";
    font-size: 16px;
    color: #000000;
    letter-spacing: 0;
    line-height: 28px;
  }
  .content ul.course-box li .detail-box:before {
    content: ' ';
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    background: url('../images/ico_26a.png') 50% 50% no-repeat;
    background-size: 100% 100%;
    top: 0;
  }
  .content ul.course-box li:nth-child(2n+1) .detail-box {
    text-align: left;
    padding-left: 30px;
    margin-left: 539px;
    border-left: 2px solid #b9b9b9;
  }
  .content ul.course-box li:nth-child(2n+1) .detail-box:before {
    left: -15px;
  }
  .content ul.course-box li:nth-child(2n) .detail-box {
    text-align: right;
    padding-right: 30px;
    border-right: 2px solid #b9b9b9;
  }
  .content ul.course-box li:nth-child(2n) .detail-box:before {
    right: -15px;
  }
  .content ul.course-box li:last-child .detail-box {
    border: 0;
  }
  /*企业文化  */
  .content.culture-content .culture-box li {
    float: left;
    width: 526px;
    height: 377px;
    background: #FFFFFF;
    margin-bottom: 29px;
    box-shadow: 0 7px 20px 0 rgba(0, 0, 0, 0.03);
    overflow: hidden;
  }
  .content.culture-content .culture-box li:nth-child(2n+1) {
    margin-right: 27px;
  }
  .content.culture-content .culture-box li .detail-box:hover {
    cursor: pointer;
    transform: scale(1.1);
  }
  .content.culture-content .culture-box li .detail-box {
    transition: transform 1s;
  }
  .content.culture-content .culture-box li p {
    padding-left: 51px;
    padding-right: 48px;
    font-size: 16px;
    color: #666666;
    line-height: 28px;
  }
  .content.culture-content .culture-box li h6 {
    font-family: "Microsoft YaHei";
    font-size: 20px;
    color: #232323;
    letter-spacing: 0.67px;
    height: 28px;
    line-height: 28px;
    margin-bottom: 18px;
    position: relative;
    padding-left: 74px;
  }
  .content.culture-content .culture-box li h6:before {
    content: '';
    position: absolute;
    width: 4px;
    height: 20px;
    background: #208BFE;
    border-radius: 1px;
    left: 54px;
    top: 5px;
  }
  .aboutUs-body.manageIdea {
    border-top: 1px solid #F6F6F6;
    padding-top: 0;
  }
  .aboutUs-body.manageIdea .manage-box li {
    float: left;
    width: 252px;
    margin-right: 23px;
    transition: transform 1s;
  }
  .aboutUs-body.manageIdea .manage-box li:nth-child(4n) {
    margin-right: 0;
  }
  .aboutUs-body.manageIdea .manage-box li:hover {
    cursor: pointer;
    transform: scale(1.1);
  }
  .manageIdea{
    background: #fff;
    margin: 0 auto;
    position: relative;
}
.imgbg-default{
  display: inline-block;
 
}
.imgbg-default img{
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
  vertical-align: top;
}
.imgbg-default .imgOpacity1{
  opacity: 1;
}
.content1{
    background: #fff;
    /* max-width: 1400px; */
    margin: 0 auto;
}
.content{
    background: #fff;
    max-width: 1400px;
    margin: 0 auto;
    position: relative;
    top: -72px;
    padding: 25px 59px 50px 59px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.aboutmain {
    width: 1450px;
    margin: 0 auto;
    padding: 40px 0 100px 0;
    font-size: 14px;
    line-height: 28px;
}
.honor li{float:left;width: 31%;margin: 15px;box-shadow: 1px 4px 5px #ddd;/* margin:0 45px 50px 0; */}
.honor li a{width: 100%;margin: 0 auto;text-align: center;/* display: block; *//* box-shadow: 3px 4px 6px #ddd; *//* padding:44px 39px 30px; */display:block;/* background:url(../images/honorbg.jpg) no-repeat bottom center; */}
.honor li p{/* width:359px; */font-size:18px;color:#2a2a2a;text-align:center;height:36px;line-height:36px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.honor li.nomargin{ margin-right:0;}
.honor li img{height:280px;}
        /*表单提交*/
        .apply{/* position:relative; */}
        .apply_con{/* position: absolute; *//* left: 50%; *//* top: 0; *//* margin-left: 0; *//* width: 502px; *//* height: 340px; *//* z-index: 15; */}
        .text{/* position: absolute; *//* left: 0; *//* top: 20px; */display: block;padding-left: 100px;width: 412px;height: 91px;font: 500 30px/91px "思源黑体";background: rgba(0,0,0,0);text-indent: 40px;}
        
		
		.app_tel0{top:129px;}
        .apply_con .tip_show{position:absolute;top:220px;width: 100%;height: 18px;line-height:18px;color: #f00;text-align: center;font-size: 18px;}
        .btn_appsubmit0{
        	/* position:absolute; */
        	/* bottom:15px; */
        	/* left:-50px; */
        	/* right:0; */
        	/* box-shadow: 4px 3px #ddd; */
        	background: #e60012;
        	margin: 0 auto;
        	width: 280px;
        	border-radius: 20px;
        	height: 60px;
        	cursor:pointer;
        	background: url(../images/tj.png) center no-repeat;
        	background-size: 90%;
        	display: block;
        	}
        
        .tipWords-run{ -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; transition:all .5s;-webkit-animation: tipWords .5s infinite; -moz-animation: tipWords .5s infinite; -ms-animation: tipWords .5s infinite; animation: tipWords .5s infinite;}
        @-webkit-keyframes tipWords{ 0%{ -webkit-transform: scale(1); }  25%{ -webkit-transform: scale(1.2); } 50%{ -webkit-transform: scale(1); } 75%{ -webkit-transform: scale(1.2); } 100%{ -webkit-transform: scale(1); }   }
        @-moz-keyframes tipWords{ 0%{ -moz-transform: scale(1); } 25%{ -moz-transform: scale(1.2); } 50%{ -moz-transform: scale(1); } 75%{ -moz-transform: scale(1.2); } 100%{ -moz-transform: scale(1); } }
        @keyframes tipWords{ 0%{ transform: scale(1); } 25%{ transform: scale(1.2); } 50%{ transform: scale(1); } 75%{ transform: scale(1.2); } 100%{ transform: scale(1); } }
      


.b3 .tit{ background:url(../images/icon_10.png) no-repeat 400px center; height:133px; overflow:hidden;}

.b3 .tit h3{font-size:28px; font-weight:normal; margin-top:25px; text-align:left; text-indent:470px;}

.b3 .tit h3.col{text-indent:450px;margin-top:10px;color: #22242e;}

.b3 .pic{ height:400px; margin:40px 0 30px 0;}



.b3 li{padding-left:50px;width: 232px;float:left;height:50px;text-align:left;font-size:16px;margin-bottom:50px;}

.b3 li.n1{ background:url(../images/n01.png) no-repeat left center;}

.b3 li.n2{ background:url(../images/n02.png) no-repeat left center;}

.b3 li.n3{ background:url(../images/n03.png) no-repeat left center;}

.b3 li.n4{ background:url(../images/n04.png) no-repeat left center;}

.b3 li.n5{ background:url(../images/n05.png) no-repeat left center;}

.b3 li.n6{ background:url(../images/n06.png) no-repeat left center;}

.b3 li.n7{ background:url(../images/n07.png) no-repeat left center;}

.b3 li.n8{ background:url(../images/n08.png) no-repeat left center;}

/* 通用 */
.black-bg{ background-color: #242634; }
.grey2-bg{ background-color: #f4f6f7; }
.padding90{ padding: 70px 90px; }
.grey-bg{ background-color: rgba(0,0,0,.8) }
h2{ font-size: 30px; }
*{ outline: none; }
@font-face {
    font-family: 'didot';
    src: url("../fonts/original-didot.otf") format('opentype'),url("../fonts/didot.woff") format('woff');
    font-weight: normal;
    font-style: normal;
  }
@font-face {
    font-family: 'HelveticaNeue-Medium';
    src: url("../fonts/HelveticaNeue-Medium.otf") format('opentype'),url("../fonts/HelveticaNeue-Medium.woff") format('woff');
    font-weight: normal;
    font-style: normal;
  }
@font-face {
    font-family: 'HelveticaNeueLTPro-Lt';
    src: url("../fonts/HelveticaNeueLTPro-Lt.otf") format('opentype'),url("../fonts/HelveticaNeueLTPro-Lt.woff") format('woff');
    font-weight: normal;
    font-style: normal;
  }

header{position: fixed;z-index: 999;background-color: #22242e;padding: 30px 0;width: 100%;}
header a{ font-size: 14px; line-height: 16px;}
header a:hover{ text-decoration: none; color: #fff; }
.right-btn a{ display: inline-block; margin: 0 10px; }
.login-btn{ border:#9194a0 1px solid; padding-left: 40px; padding-right: 40px; }
header .uk-button-small{ letter-spacing: 0.08rem; font-size: 12px; }

/* 侧导航样式 */
.uk-offcanvas-bar{ background: #fff; }
.uk-offcanvas-close {
    position: absolute;
    z-index: 1000;
    top: 20px;
    right: auto;
    left: 20px;
    padding: 5px;
    color: #666!important;
}
.uk-offcanvas-close {
    position: absolute;
    z-index: 1000;
    top: 20px;
    padding: 5px;
}
.uk-offcanvas-bar{ color: #333; left: 20px; }

.uk-nav-primary > li a{ color: #333!important; }
.uk-nav-primary > li a:hover { color: #bd2e3e!important; text-decoration: none; }
.uk-nav-primary > li > a {font-size: 16px;display: inline-block;padding: 11px 0;position: relative;width: 160px;text-align: left;margin-left: auto;margin-right: auto;}
.uk-nav-primary > li:hover > a:before{
    position: absolute;
    content: "";
    width: 12px;
    height: 20px;
    left: -30px;
    top: 50%;
    transform: translateY(-50%);
    background-image: url(../fonts/iocn-brand.svg);
    background-size: cover;
 }
.uk-nav-primary > li:hover > .menu-subnav{ display: block; }
.uk-offcanvas-bar { overflow-y: visible; padding: 40px 0;}

.menu-subnav { display: none; left: 350px; position: absolute; transition: all 0.5s;
 top: 0; height: 100%; width: 370px; z-index: 100; background-color: #efeded; }

.menu-subnav-body{ margin:70px; text-align: left; color: #333; }
.menu-subnav-body h5{ margin: 40px 0; }
.menu-subnav-body h5 a{ color: #333; }
.menu-subnav-body h5 a:hover{ color: #bd2e3e; text-decoration: none; }
.menu-subnav-body ol { margin:0; padding: 0; }
.menu-subnav-body ol li { list-style:none; }
.menu-subnav-body ol li a{ font-size: 14px; }
.menu-subnav-body ol li a:hover{ color: #bd2e3e; }

.ser-btnslider i{ transition: all 0.5s; }
.ser-btnslider.rotateup i{ transform: translateY(-2px) rotate(180deg); }
#search-bar{ padding: 20px 0; }

.banner-nav{ position: relative; width: 500px;}
.banner-nav:after{
	content: "";
	display: block;
	width: 75%;
	height: 1px;
	position: absolute;
	top: 50%;
	transform: translate(-50%,100%);
	left: 50%;
	background-color: #7d808c;
}
.banner-nav a{ display: inline-block; width: 6px; height: 6px; background-color: #ddd; position: relative; z-index: 20; transition: all 0.5s;}
.banner-nav > div { line-height: 6px;  text-align: center;}
.banner-nav a.uk-active{ background-color: #bd2e3e; border:#fff 1px solid; transform: scale(1.8); }

/* */
.page-h1 span{ display: block; font-size: 2.6rem; color: #000; }
.uk-light .page-h1 span { color: #fff; }
.uk-button-large {
  padding: 0 80px;
  line-height: 58px;
  font-size: 0.875rem;
}

.findstore{ background-color: #242634; height: 580px;}
.findstore-box { margin: 50px 80px; letter-spacing: 0.1em; }
.btn-submit{ background-color: #ef7d49; padding:5px 0; letter-spacing: 1em; color: #fff; font-size: 16px;}
.findstore .uk-form-small{ height: 36px!important; }
.findstore .uk-margin{ margin-top: 15px; margin-bottom: 15px; }
.findstore .uk-input, .findstore .uk-select{ background: none; background-color: none!important; border-color: #847b81;}
.findstore hr { margin-top: 10px; margin-bottom: 10px; }
.yuyue-data span{ font-size: 3rem; line-height: 3rem; }

/*
 * Mini
 */
/* Horizontal */
.uk-grid-mini {
  margin-left: -6px;
}
.uk-grid-mini > * {
  padding-left: 6px;
}
/* Vertical */
.uk-grid + .uk-grid-mini,
.uk-grid-mini > .uk-grid-margin,
* + .uk-grid-margin-mini {
  margin-top: 6px;
}

.warp-container {
  max-width: 1460px!important;
}
.uk-light, .uk-section-primary:not(.uk-preserve-color), .uk-section-secondary:not(.uk-preserve-color), .uk-tile-primary:not(.uk-preserve-color), .uk-tile-secondary:not(.uk-preserve-color), .uk-card-primary.uk-card-body, .uk-card-primary > :not([class*='uk-card-media']), .uk-card-secondary.uk-card-body, .uk-card-secondary > :not([class*='uk-card-media']), .uk-overlay-primary, .uk-offcanvas-bar {
	color: rgba(255,255,255,.9);
}

/* - 0------ ---*/
.ambry-box{ background-color: #242634; height: 90vh; min-height: 700px; border-bottom: #225AA8 15px solid; }
.ambry-plus{ position: absolute; left: 45px; top: 45px; }
.ambry-text{ position: absolute;left: 45px; bottom: 45px; }
.ambry-text h2{ font-family: "didot"!important; }
.ambry-text p { font-size: 18px; line-height: 2em; }

.ambry-nav {position: absolute;left: 9%;bottom: 120PX;}
.ambry-nav button{ padding-left: 40px; padding-right: 40px; color: #5e565e!important; border-color: #5e565e!important; transition: all 0.5s; }
.ambry-nav button:hover{ color: #7a727a!important; border-color: #7a727a!important; }

.grey-container{ background-color: #e9ebeb; }
.padding80{ padding: 80px 0;  }

.grey-container .uk-button-default{ border-color: #c2c3c9; }
.grey-container .uk-button-default:active, .grey-container .uk-button-default.uk-active, .grey-container .uk-button-default:hover{ border-color: #98999e; }

.dz-arrow{ right: -60px; top: 50%; transform: translateY(-50%); z-index: 10; width: 36px; position: absolute;}
.dz-arrow .uk-slidenav {
    padding: 6px 10px;
    color: rgba(0, 0, 0, 0.3);
    transition: color 0.1s ease-in-out;
}
.dz-arrow a{ border: rgba(0, 0, 0, 0.3) 1px solid; transition: all 0.5s; }
.dz-arrow a:last-child{ margin-top: 15px; }
.dz-arrow a:hover{ background-color: #fff}

.dz-slider h2{ font-family: "didot"!important; margin-bottom: 0;}
.dz-slider p{ margin-top: 5px; }

.video-box{ border:#4b494b 10px solid; height: 780px; }
.qianming-container { transform: translateY(-180px); padding: 20px; background-color: #fff; }
.qianming { position: absolute; right: 20%; bottom: 20px; z-index: 1; }
.qianming-container h3 span{display: block; border-bottom: #666 1px solid; padding-bottom: 2px; margin-top: 15px}
.qm-imgbox p{ left: 20px; color: #fff!important; font-size:20px; }

.uk-light, .uk-section-primary:not(.uk-preserve-color), .uk-section-secondary:not(.uk-preserve-color), .uk-tile-primary:not(.uk-preserve-color), .uk-tile-secondary:not(.uk-preserve-color), .uk-card-primary.uk-card-body, .uk-card-primary > :not([class*='uk-card-media']), .uk-card-secondary.uk-card-body, .uk-card-secondary > :not([class*='uk-card-media']), .uk-overlay-primary, .uk-offcanvas-bar {
    color: rgba(255,255,255,1);
}

.design{ background-image: url(../fonts/design-bg.svg); background-size: contain; background-position: center; background-repeat: no-repeat;  padding: 130px 0;}
.design-textbox{ background-color: #242634; position: relative;}
.design-textbox:after {
  content: "";
  width: 100%;
  height: 6px;
  background-color: #bd2e3e;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
}
.design-nav button{ padding-left: 30px; padding-right: 30px; color: #5e565e!important; border-color: #5e565e!important; transition: all 0.5s; }
.design-nav button:hover{ color: #7a727a!important; border-color: #7a727a!important; }
.design-centerpic { transform: scale(1.2); border: #242634 1px solid; position: relative; z-index: 20; }
.design-leftpic{ transform: translateX(150px); }
.design-textbox h4{ margin-bottom: 0; }
.design-textbox p { margin-top: 5px; }


/* news */
.news{ background: url(../images/news-bg.jpg); padding: 80px 0;}
.carousel-0, #carousel{position:relative;z-index:2; height:320px;margin-top:20px;transform-style:preserve-3d; perspective:800px}
.carousel-0 img, #carousel img{position:absolute;left:50%;top:50%;width:700px;height:360px;margin-left:-350px;margin-top:-160px;transition:transform .5s ease-in-out;box-shadow:8px 8px 20px rgba(0,0,0,.2);cursor:pointer}
#bannerNav{position:relative;margin-top:10px;height:10px;padding:10px 0;text-align:center}
#bannerNav ul li{cursor:pointer;overflow:hidden;display:inline-block;width:14px;margin:0 2px}
#bannerNav ul li a{margin:0 auto;display:block;width:6px;height:6px;vertical-align:top;border-radius:3px;background:#5e6671;font-size:0}
#bannerNav ul li.on a,#bannerNav ul li:hover a{background:#b4b7ba}
#bannerNav ul li.on a{width:12px}


footer{ padding: 70px 0 30px; background:url(../picture/index_2021_22.png) no-repeat top}
footer dt {font-size: 18px;margin-bottom: 30px;position: relative;font-weight: 400;color: #fff;}
footer dt:after{
    content: "";
    width: 125px;
    display: block;
    position: absolute;
    height: 1px;
    background: #7c7a7a;
    left: 0;
    bottom: -15px;
 }

footer dd{line-height: 36px;}
footer dd > a{/* text-align: center; */font-size: 16px;color: #b6b5b5;}
footer dd > a:hover { color: #bd2e3e; text-decoration: none; }
footer ul { margin: 0; padding: 0; }
footer ul li{ list-style: none; padding: 0; }
footer ul li a{ font-size: 14px; color: #333; display: block; line-height: 24px; }
footer ul li a:hover { color: #bd2e3e; text-decoration: none; }
footer .uk-nav-sub,footer .uk-nav-sub a{ padding: 0; }
footer .record { font-size: 14px; color: #333333;}
footer .record a { color: #333333;text-decoration: underline;cursor: pointer; padding-right: 10px}
.record span{color:#b6b5b5;}
.uk-nav-parent-icon > .uk-parent > a{ position: relative; }
.uk-nav-parent-icon > .uk-parent > a::after {
    content: "";
    width: 1.3em;
    height: 1.3em;
    position: absolute;
    right: -30px;
    top: 50%;
    transform: translateY(-50%);
    background-image: url(../images/+.svg);
    background-size: cover;
}
.uk-nav-parent-icon > .uk-parent.uk-open > a::after {
    background-image: url(../fonts/-.svg);
}

.telline span{display: block;font-size: 36px;color: #fff;line-height: 26px;}
.telline p{margin: 5px 0;color: #fff;font-size: 20px;}

.search-box{ margin-top: 50px; }
.search-box p { margin: 5px 0; font-size: 20px; }

.f-link a,.f-link2 a{ display: inline-block; margin:0 5px; color: #888; }
.f-link a:hover,.f-link2 a:hover{ text-decoration: none; }
.f-link i { font-size: 18px; }
.f-link2 i { font-size: 22px; }

.serdorpdown{ display: none; }
.serdorpdown a{ display: block; font-size: 14px; line-height: 80px; text-align: center; color: #fff;
  background: #CE0E3A; transition: all 0.5s; position: relative; transition: all 0.5s;}
.serdorpdown a:after {
  content:"/";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
 }
.serdorpdown > div > div:first-child a:after{
    content: "";
 }
.serdorpdown a:hover{ text-decoration: none; color: #333;}
.serdorpdown a:hover:after{ text-decoration: none; color: #fff;}

/*  世界   */
.didot{ font-family: "didot"; }
.world-banner h1{ font-size: 3.6rem; color: #22242e; }
.world-banner p { font-size: 1.6rem; color: #CE0E3A; }
.world-textpadding{padding: 100px 50px;}

.world-section-2{ height: 80vh; min-height: 700px }
.world-section-3{ padding:  10px 0; }
.section-title{ font-size: 42px; line-height: 44px; letter-spacing: 0.1em; }
.section-subtitle { font-size: 30px; }
.blue-container{ background-color: #242634; }
.world-section-3-img{ border: #fff 5px solid; /*padding: 3px;*/ }

/*
丈夫节线下活动
*/
.activity-list figure{ background-color: #fff; transition: all 0.5s; }
.activity-list figure:hover{ box-shadow: 0 2px 8px rgba(0,0,0,0.08); }
.activity-list figcaption { margin: 20px 30px 0; padding-bottom: 20px;}
.activity-list figcaption em{ display: inline-block; border: #ddd 1px solid; padding: 2px 14px; font-size: 12px; color: #444; font-style: normal; }
.activity-list figcaption h4{ margin-top: 10px; margin-bottom: 0; height: 56px; }
.activity-list figcaption h4 a{ color: #333; font-size: 18px; }
.activity-list figcaption h4 a:hover{ color: #000; text-decoration: none; }
.activity-list figcaption .uk-clearfix { font-size: 12px; margin-top: 16px; }
.activity-list figcaption .uk-clearfix a{ color: #888; line-height: 14px; }
.activity-list figcaption .uk-clearfix a:hover { text-decoration: none; color: #000; }
.activity-list figcaption p { font-size: 12px; margin: 10px 0; height: 40px; line-height: 1.8em;}
.activity-list figcaption span i { margin-right: 4px; }
/*
floor
*/
.floor-text h2 { font-size: 46px; margin-bottom: 5px; }
.floor-text h2 span { font-family: "didot"; background-size: cover;  display: inline-block; font-weight: bold;
 width: 56px; height: 56px; line-height: 56px; text-align: center; margin: 0 15px; }
.floor-text p { font-size: 24px; margin-top: 5px; }

/*
new-0banner
*/
.news-slider-text{ background-color: #242634;  padding:0 50px;}
.news-slider-text > div { margin-left: 100px; }
.news-slider-text em{ font-size: 14px; display: inline-block; color: #fff; border: #6a6c7c 1px solid; font-style: normal; padding: 2px 10px; }
.news-slider-text h3{ margin-top: 10px; }
.news-slider-text .uk-clearfix span, .news-slider-text .uk-clearfix a{ font-size: 14px; font-weight: 100;}
.news-slider-text .uk-clearfix a:hover{ color: #bd2e3e; text-decoration: none; }

.subanv ul { padding: 0; margin: 0; }
.subanv ul li{ display: inline-block;  }
.catename{ border:#ddd 1px solid; display: inline-block; padding: 2px 10px; color: #333; font-style: normal; }

/*
品牌
*/
.brand-history-content { width: 100%; height: calc(100vh - 85.6px); min-height: 700px;}
.brand-history-content{ margin: 0; padding: 0; }
.brand-history-title { padding: 0; margin: 0; line-height: 90px; height: 90px; overflow:hidden;}
.brand-history-title li:last-child a:before{
   background-color: #fff;
 }
.brand-history-title a{position: relative; font-size: 24px; line-height: 30px; color: #999; display: block; line-height: 90px; height: 90px;}
.brand-history-title a:before {
  content: "";
  width: 1px;
  height: 30px;
  background-color: #666;
  right: 0;
  bottom: 0;
  position: absolute;
 }
.brand-history-title a:hover{ text-decoration: none; color: #333; }
.brand-history-title .uk-active a{ color: #333; }

/*
重置进度条
*/
.swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    height: 12px!important;
    top: auto!important;
    bottom: 0!important;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #bd2e3e!important;
}

.brand-history-content .uk-card{ position: relative; margin-right: 160px; margin-left: 30px;}
.brand-history-content .uk-card i { color: #f8f8f8; font-size: 170px; transform: translateX(80px);  font-weight: bold; z-index: 1; position: absolute; left: 0; top: 0; font-style: normal; }
.brand-history-content .card-box{ position: relative; z-index: 10; }
.brand-history-content .card-box h3{  font-size: 66px; font-style: normal; font-weight: bold; color: #bd2e3e; }
.brand-history-content .card-box h1{ margin-top: 10px; font-size: 36px; line-height: 42px;}

.about-banner {height: 320px;padding-top: 85px;}
.page-title-container{position: absolute;left: 0;right: 0;top: 30%;}
.page-title-container .uk-container{max-width: 1600px;}
.pagebanner-title{position: relative;width: 500px;padding: 20px;top: 50%;border-radius: 2px;text-align: c;background: #0000008c;margin: 0 auto;}
.pagebanner-title:after{
  content: "";
  /* width: 3px; */
  /* height: 100%; */
  /* background-color: #000; */
  /* position: absolute; */
  /* top: 0; */
  /* left: -60px; */
}
.uk-light .pagebanner-title:after{
  background-color: #fff;
}
.pagebanner-title h2{/* color: #22242e; */font-size: 30px;line-height: 60px;text-align: center;font-family: "Vrinda"!important;margin-bottom: 0;}
.pagebanner-title p{font-size: 36px;line-height: 36px;text-align: center;/* font-weight: bold; */letter-spacing: 3px;margin-top: 0;margin-bottom: 0;font-family: 方正兰亭超细黑;}

.dashi{ height: 800px; }
.dashi-text-container{ position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0;}

.data-count{ text-align: center; }
.data-count span.counter{ color: #bd2e3e; font-size: 60px; font-style: normal;line-height: 66px; font-family: "HelveticaNeue-Medium"!important; }
.data-count i { color: #bd2e3e; font-style: normal;font-size: 40px; display: inline-block; transform: translateY(-5px); line-height: 46px; font-family: "HelveticaNeue-Medium"!important; }

.team-card figcaption{ height: 150px; background-color: #fff; padding: 0 30px; }
.team-card figcaption p { margin-bottom: 0; }

.button-large{ padding: 2px 60px; border-color: #999; font-size: 18px; }
.design-card figure{ background-color: #fff; }
.design-card figure figcaption{ text-align: center; padding: 25px 0; font-size: 18px; line-height: 24px;}
.design-card figure figcaption i { display: inline-block; margin: 0 10px; color: #bd2e3e; font-weight: bold; }

.xinxihua .uk-card{ position: relative; background-color: #fff; height: 160px; border-bottom: #bd2e3e 8px solid; }
.xinxihua .uk-card p{ font-size: 130px; color:#d2d2d2; line-height: 130px; margin: 0; opacity: 0.2}
.xinxihua .uk-card h4{ margin-bottom:0; margin-top: 10px; color: #000; }
.adv .uk-card-body{ padding: 40px 100px; }
.uk-button-danger{background-color: #242634!important;border-color: #242634!important;}
.uk-button-large{ padding: 0px 60px; font-size: 0.875rem; line-height: 48px; }

/*
服务
*/
.service-box { margin-top: 40px; }
.service-box dt{ background-color: #22242e; color: #fff; padding: 25px 30px; border-bottom: #bd2e3e 6px solid; margin-bottom: 40px; font-size: 20px; }

/*
沟通
*/
.red-line-btn { border-color: #ce0e3a; color: #ce0e3a; }
.partner-logolist{ background-color: #fff; padding: 30px; }
.contact-box p { line-height: 2em; }
.sm-subnav a{ color: #333; }
.sm-subnav a:hover{ text-decoration: none; }
.sm-subnav a.on{ color: #ee395b }

.message-box { border:#ddd 1px solid; padding: 15px; margin-bottom: 25px; }
.message-box h4{  margin-bottom: 0; }
.message-box h4 a{ color: #333; }
.message-box h4 a:hover{ text-decoration: none; }
.message-box p { margin-top: 5px; }
.view-box { min-height: 90px; }
.view-box a{ color: #666; }
.view-box a:hover{ color: #ee395b; text-decoration: none; }

/*
加盟招商页面
*/
.support-box i { font-size: 48px; }
.support-box h4{ margin-top: 10px; }
.support-img {/* background-color: #f4f6f7; *//* padding: 15px; *//* margin-top: -90px; *//* margin-bottom: -90px; */}

.jm-progress i { font-size: 70px; }
.jm-progress h6 { margin-top: 10px; }
.jm-progress .uk-card { position: relative; }
.jm-progress .uk-card:after{
  content: "";
  width: 22px;
  height: 16px;
  background-image: url(../images/pan34.png);
  background-size: cover;
  position: absolute;
  top: 50%;
  right: -20px;
  transform: translateY(-50%);
}
.jm-progress > div:nth-child(4) .uk-card:after{ opacity: 0 }
.jm-progress > div:last-child .uk-card:after { background-image: none; }

/*
product
*/
.card-margin{ margin: 0 90px; }
.product_banner{ height: 800px; }
.product_banner_card { border-bottom: #bd2e3e 6px solid; position: absolute; width: 50%; bottom: 30px; right: 0; z-index: 20; }
.product_banner_card h2 { font-family: "didot"!important; }
.product_banner_card > div { margin:60px 90px; }

.product_banner_card2 { border-bottom: #bd2e3e 6px solid; position: absolute; width: 50%; bottom: 30px; right: 0; z-index: 20; }
.product_banner_card2 h3 { font-family: "didot"!important; margin-bottom: 5px; }
.product_banner_card2 p { margin: 0; }
.product_banner_card2 > div { margin:30px 20px; }

/*
9大标准啊
*/
.standard-box .uk-card h4{ margin-top: 5px; margin-bottom: 0;}
.standard-box .uk-card i{ font-size: 48px; }
.standard-box .uk-card p { margin-top: 2px; }
.uk-light .uk-button-default { border-color: #5e565e!important; }


.product_fliter dl{ margin: 0; border-top: #cbcbcb 1px solid; font-size: 0; }
.product_fliter dl dt{ width: 126px; display: inline-block; text-align: center; background-color: #e2e5e6; padding: 8px 0; font-size: 14px;}
.product_fliter dl dd{ display: inline-block; font-size: 14px; }
.product_fliter dl dd a{ color: #444; display: inline-block; width: 110px; text-align: center;  padding: 8px 0;}
.product_fliter dl dd a.on{ background-color: #bd2e3e; color: #fff; }

/*
 * Mini
 */
/* Horizontal */
.uk-grid-mini {
  margin-left: 4px;
}
.uk-grid-mini > * {
  padding-left: 4px;
}
/* Vertical */
.uk-grid + .uk-grid-mini,
.uk-grid-mini > .uk-grid-margin,
* + .uk-grid-margin-mini {
  margin-top: 4px;
}

.product_banner_detail_p{ position: absolute; left: 0; right: 0; bottom: 30px; }
.product_banner_card2 .close { color: #7D8488; }
.product_banner_card2 .close:hover { text-decoration: none; }

.product-info h2{ margin-top: 0; margin-bottom: 0; font-size: 24px; }
.product-info h5{ margin-top: 0; margin-bottom: 15px; }


h1.dit-title{ font-size: 48px; font-family: "didot"!important; }
.p-block-1 h2{ font-family: "didot"!important; margin-bottom: 5px; }
.p-block-1 p{ margin-top: 5px;  }
.p-block-1-arrow { font-size: 0; position: absolute; left: 36%; bottom:3%;}
.p-block-1-arrow a{ display: inline-block; border: #ddd 1px solid; font-size: 16px; color:#666; padding: 4px 10px;}
.p-block-1-arrow a:last-child { margin-left: -1px; }
.p-block-1-arrow a:hover { color: #000; }

.newpro-nav button:hover{ color: #BD2E3E; }


.black-box h3{ margin-bottom: 5px; }
.black-box p{ margin: 0 }


.uk-form-large:not(textarea):not([multiple]):not([size]) {
    height: 46px;
    padding-left: 12px;
    padding-right: 12px;
    width: 100%;
    min-width: 240px;
    border-color: #bdbdbd;
}

.form-box span{ display: block; }

article p {text-align: center;line-height: 2rem;font-size: 20px;letter-spacing: 2px;font-weight: 700;/* background: #f00; */}

.product_bg{ background-color: #242634; }
.product_ck{ position: relative; }
.product_ck:after{
  position: absolute;
  content: "";
  width: 100%;
  height: 800px;
  display: block;
  background-color: #242634;
  left: 0;
  top: 50%;
  transform: translateY(-30%);
  z-index: 1;
}
.product_ck > div{ position: relative; z-index: 2; }
.product_ck h3{ margin-bottom: 5px; }
.product_ck p { margin-top: 10px; }

.bg600after{ position: relative; }
.bg600after:after{
    position: absolute;
    content: "";
    width: 100%;
    height: 600px;
    display: block;
    background-color: #242634;
    left: 0;
    top: 50%;
    transform: translateY(-38%);
    z-index: 1;
}
.bg600after > div { position: relative; z-index: 2; }

.product-subnav{ padding:0; margin: 0 0 50px 0; font-size: 0;}
.product-subnav li { display: inline-block; list-style: none; }
.product-subnav a{
    font-size: 16px;
    display: inline-block;
    padding: 0 60px;
    line-height: 48px;
    background-color: transparent;
    color: #333;
    border: 1px solid #e5e5e5;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: 0.1s ease-in-out;
    transition-property: color, background-color, border-color;
  }
.product-subnav li:nth-child(n+2) a {
      margin-left: -1px;
  }
.product-subnav a.uk-active,.product-subnav .uk-active a{
    background-color: #242634!important;
    border-color: #242634!important;
    color: #fff;
 }
.product-subnav.sm a{ padding: 0 40px; line-height: 38px; }
.product-subnav.dark a{ border: 1px solid #c2c3c9;  }

#fp-nav ul li a span, .fp-slidesNav ul li a span {
    background: #999!important;
}

.product-textcard .block-badge{ display: inline-block; background-color: #262634; color: #fff; padding: 4px 10px; margin-bottom: 5px; }
.product-textcard img { margin-bottom: 30px; }
.product-textcard h1{ margin-bottom: 10px; }
.product-textcard h3{ margin-top: 0; font-size: 19.5px; margin-bottom: 10px; }
.product-textcard h3 i { font-size: 24px; line-height: 24px; font-style: normal; font-weight: bold; }
.product-textcard h5{ margin-bottom: 0; margin-top: 30px;}
.product-textcard p{ margin: 5px 0; }

.product-textcard.uk-light .block-badge{ display: inline-block; background-color: #fff; color: #000; padding: 3px 10px; }
.product-textcard.uk-light h1{ margin-bottom: 10px; color: #fff;}
.product-textcard.uk-light h3{ margin-top: 0;  color: #fff;}
.product-textcard.uk-light h5{ margin-bottom: 0; margin-top: 30px;  color: #fff;}
.product-textcard.uk-light p{ margin: 5px 0;  color: #fff;}

/*
更多搭配
*/
.related { background-color: #efefef; padding: 110px 0 20px; }
.related-nav button{ border-color: #888f94!important; color: #888f94!important;}


.mumen-banner{ background-color: #caced5; height: 700px; padding: 100px 0;}
.mumen-card{ margin-left: 200px; }
.mumen-card .more{ background-color: #ce0e3a;  width: 200px; margin-top: 120px;}
.mumen-card .more a{ text-align: center; padding: 15px 0; width: 200px; color: #fff; display: block; font-size: 18px; }
.mumen-card .more a:hover{ text-decoration: none; }
.mumen-card{ text-align: center; }
.mumen-card span{ display: block; color: #333; border-top:#262634 1px solid; padding-top: 6px; margin-bottom: 10px;  width: 200px; font-size: 18px;}
.mumen-card h5{ background-color: #262634; color: #fff; display: block; padding: 6px 0; margin: 0; width: 200px;}
.mumen-card h1 { margin: 10px 0; font-size: 78px; font-weight: bold; line-height: 78px; }
.mumen-card h3 { width: 200px; text-align: left; margin-top: 0; font-size: 30px;}

.parameter p{ margin: 0; }
.mumen-color{ padding: 120px 0; }
.mumen-color h1{ color: #fff; margin-bottom: 0; font-size: 60px; font-family: "didot"!important;}
.mumen-color h3{ color: #fff; margin-top: 10px; }

.mumen-banner-subtitle{ position: absolute; left: 0; right: 0; bottom: 30px; }

/*
查找门店
*/
.findbar{ margin-bottom: 40px; }
.findbar button{ border:none; background-color: #bd2e3e; display: inline-block; color: #fff; transform: translateY(1px); }
.findbar select { width: 180px; margin-right: 15px; }

.findlist{ padding: 0; margin: 0; }
.findlist li { list-style: none; cursor: pointer; }
.findlist li img{ margin-left: 6px; }
.findlist .uk-active h4{ color: #bd2e3e; }
.find{ background-color: #f1f2f2; padding: 100px 0; }
.findbox h4{ margin-bottom: 0; }
.findbox p { margin-top: 5px; }
.findbox h4 i { font-size: 22px; }

.map-box{ background-color: #fff; padding: 10px; }

.hotpro {height: 340px;width: 100%;}
.hotpro h2,.hotpro p{ color: #fff; }
.hotpro h2{ font-family: "didot"!important; }


/*
招聘列表
*/
.jiaru-list .uk-accordion-title{
  background: #f8f8f8;
  padding: 5px 15px;
}

.jiaru-navcate{
   margin:0;
   padding: 0;
   text-align: center;
}
.jiaru-navcate li {
  display: inline-block;
  list-style: none;
}
.jiaru-navcate li a{
  display: block;
  padding: 6px 20px;
  background: #ddd;
  color: #333;
 }
 .jiaru-navcate li a:hover{
  text-decoration: none;
 }
 .jiaru-navcate li.on a{
  background: #bd2e3e;
  color:#fff;
 }

ul li{list-style:none;}

.index_banner_bottom p em{font-size:24px;margin-left:30px;font-style:normal}.index_banner_bottom p em span{color:#fbca32;font-weight:bold}
.index_banner_bottom div input,.index_banner_bottom div select{width:200px;height:50px;background:#fff;border:none;color:#aeaeae;padding:0 10px;float:left;font-size:16px}.index_banner_bottom div select{width:220px;height:50px;line-height:50px}.index_banner_bottom div input,.index_banner_bottom div select{margin-right:25px}.index_banner_bottom div input::-webkit-input-placeholder{color:#aeaeae}.index_banner_bottom div button{width:220px;height:50px;background:#fcc900;float:right;border:none;font-size:16px;cursor:pointer}.titleBox{margin:auto;padding-top:66px;text-align:center}.titleBox h3{font-size:48px;line-height:60px;font-family:"微软雅黑"}.titleBox h6{font-size:16px;font-family:Arial;line-height:28px}.tab{width:525px;height:50px;margin:auto;border:1px solid #d2d2d2;margin-top:10px}.tab li{text-align:center;float:left;width:175px;height:50px;line-height:50px;border-right:1px solid #d2d2d2;box-sizing:border-box;font-size:16px;cursor:pointer;position:relative;overflow:hidden}.tab li:last-child{border-right:none}.tab li.active{background:#fbc800}.tab li:hover{background:#fbc800}.wholeBox{max-width: 1500px;/* height:720px; */margin: 0 auto 0;}.wholeBox .wholeHouse{height:720px;position:relative;display:none}.wholeBox .wholeHouse .classify{width:220px;height:720px;position:absolute;left:0;top:0;background:#fff}.wholeBox .wholeHouse .classify ul li{height:144px;line-height:144px;border-bottom:1px solid #d2d2d2;box-sizing:border-box;font-size:16px;color:#000;text-align:center}.wholeBox .wholeHouse .classify ul li:last-child{border-bottom:none}.wholeBox .wholeHouse .classify ul li:nth-child( 2n+1 ){background:#f0f0f0}.wholeBox .wholeHouse .classify ul li:nth-child( 2n ){background:#fff}.wholeBox .wholeHouse .classify ul li.active{background:#000!important;color: #ffffff;}.wholeBox .wholeHouse .classify ul li.active span{position:relative}.wholeBox .wholeHouse .classify ul li.active span:before{background:#fbc800;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}.wholeBox .wholeHouse .classify ul li.active span:after{background:#fbc800;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}.wholeBox .wholeHouse .classify ul li.active span:before{content:"";position:absolute;right:0;top:50%;margin-top:-.5px;width:8px;height:2px;background: #de6a07;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;transition:all .6s ease;-webkit-transform:translate(20px,0);-moz-transform:translate(20px,0);-ms-transform:translate(20px,0);transform:translate(20px,0);z-index:1;}.wholeBox .wholeHouse .classify ul li.active span:after{content:"";position:absolute;left:0;top:50%;margin-top:-.5px;width:8px;height:2px;background: #de6a07;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;transition:all .6s ease;-webkit-transform:translate(-20px,0);-moz-transform:translate(-20px,0);-ms-transform:translate(-20px,0);transform:translate(-20px,0);z-index:1;}.wholeBox .wholeHouse .classifyPic{max-width: 1400px;float:right;height:720px;}.wholeBox .wholeHouse .classifyPic .Img{width:100%;height:720px;display:none}.wholeBox .wholeHouse .classifyPic .Img img{width:100%;height:720px}.wholeBox .wholeHouse .classifyPic .Img div{width:100%;height:720px;background-position:center center;background-size:cover;background-repeat:no-repeat}.kitchenBox .kitchen{display:none}.kitchenBox{width:1500px;margin:70px auto 0}.kitchenBox .picAmt{margin-left:20px}.picAmt1:before,.picAmt1:after{content:'';position:absolute;top:0;left:0;width:740px;height:0;background:rgba(0,0,0,.3);z-index:1}.picAmt1:after{top:auto;bottom:0}.picAmt1:hover:before,.picAmt1:hover:after{height:225px}.kitchenBox .picAmt1{width:740px;height:450px;float:left;position:relative}.kitchenBox .picAmt1 img{width:740px;height:450px}.kitchenBox a:nth-child(1) .picAmt,.kitchenBox a:nth-child(3) .picAmt{margin-left:0}.kitchenBox .picAmt p{font-size:18px;font-family:"微软雅黑";line-height:30px}.kitchenBox .picAmt .txt{width:200px;height:70px;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;color:#fff;text-align:center;font-size:34px;font-family:arial;line-height:40px;z-index:2;opacity:0;-webkit-transition:.8s all;-moz-transition:.8s all;-ms-transition:.8s all;-o-transition:.8s all;transition:.8s}.kitchenBox .picAmt:hover .txt{opacity:1}.kitchenBox .picAmt2{margin-top:20px}.kitchenBox .picAmt2{width:486px;height:290px;float:left;position:relative}.picAmt2:before,.picAmt2:after{content:'';position:absolute;top:0;left:0;width:486px;height:0;background:rgba(0,0,0,.3);z-index:1}.picAmt2:after{top:auto;bottom:0}.picAmt2:hover:before,.picAmt2:hover:after{height:145px}.custom{width:900px;height:90px;margin:36px auto}.custom li{text-align:center;float:left;width:90px;height:90px;background:#fff;border:2px solid #828282;border-radius:50%;box-sizing:border-box;margin-left:68px}.custom li:nth-child(1){margin-left:0}.custom li.active{background:#fbc800;border:2px solid #fbc800}.custom li img{width:40px;margin-top:10px}.custom li p{line-height:28px;font-size:14px;color:#505050;font-weight:300}.SpaceBox{width:1626px;margin:auto;position:relative}.SpaceBox .swiper-container{width:1500px;position:initial}.SpaceBox .swiper-container .swiper-button-prev{width:50px;height:90px;background:url(http://www.boloni.com/cmobile/static/images/pc2020index/xprev.png.pagespeed.ic.8P1smiUnsk.png);background-size:100% 100%;left:0;opacity:0;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;transition:all .6s ease}.SpaceBox .swiper-container:hover .swiper-button-prev{opacity:1}.SpaceBox .swiper-container .swiper-button-next{width:50px;height:90px;background:url(http://www.boloni.com/cmobile/static/images/pc2020index/xnext.png.pagespeed.ic.gXJHPB_Q40.png);background-size:100% 100%;right:0;opacity:0;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;transition:all .6s ease}.SpaceBox .swiper-container:hover .swiper-button-next{opacity:1}.SpacePic{width:1500px;margin:auto;padding-bottom:100px}.SpacePic div{float:left}.SpacePic div:nth-child(1){width:850px;height:470px}.SpacePic div:nth-child(2){margin-left:20px;width:630px;height:470px}.SpacePic div:nth-child(3){width:630px;height:470px;margin-top:20px}.SpacePic div:nth-child(4){margin-left:20px;margin-top:20px;width:850px;height:470px}.jpCase{width:100%;height:980px;background:url(http://www.boloni.com/cmobile/static/images/pc2020index/xbj_jp.jpg.pagespeed.ic.SZSB_iH_UB.webp) center top no-repeat}.jpCase .titleBox{color:#fff}.jpCase .caseBox{width:1626px;margin:auto;position:relative}.jpCase .caseBox .swiper-container{width:1476px;position:initial;padding:30px 12px;margin-top:80px}.jpCase .caseBox .swiper-container .swiper-slide{width:486px;height:686px;background:#fff;border:8px solid #fff;box-sizing:border-box;-moz-box-shadow:0 0 6px 6px rgba(0,0,0,.1);-webkit-box-shadow:0 0 6px 6px rgba(0,0,0,.1);box-shadow:0 0 6px 6px rgba(0,0,0,.1);-webkit-transition:all .6s ease;-moz-transition:all .6s ease;transition:all .6s ease}.jpCase .caseBox .swiper-container .swiper-slide:hover{margin-top:-30px}.jpCase .caseBox .swiper-container .swiper-slide img{width:462px;height:474px}.jpCase .caseBox .swiper-container .swiper-button-prev{width:50px;height:90px;background:url(http://www.boloni.com/cmobile/static/images/pc2020index/xprev.png.pagespeed.ic.8P1smiUnsk.png);background-size:100% 100%;left:0}.jpCase .caseBox .swiper-container .swiper-button-next{width:50px;height:90px;background:url(http://www.boloni.com/cmobile/static/images/pc2020index/xnext.png.pagespeed.ic.gXJHPB_Q40.png);background-size:100% 100%;right:0}.jpCase .caseBox .swiper-container .swiper-slide img{width:462px;height:474px}.jpCase .caseBox .swiper-container .swiper-slide-active{border:8px solid #fbc800;margin-top:-30px}.jpCase .caseBox .stateBox{padding:16px 0;text-align:center}.jpCase .caseBox .stateBox h3{font-size:24px;color:#000;line-height:40px}.jpCase .caseBox .stateBox p{font-size:14px;color:#636363;height:20px;line-height:20px}.jpCase .caseBox .stateBox p span{padding:0 20px;border-right:1px solid #8a8a8a}.jpCase .caseBox .stateBox p span:last-child{border-right:none}.jpCase .caseBox .stateBox button{width:200px;height:50px;border:1px solid #000;color:#000;background:#fff;font-size:16px;margin-top:30px}.jpCase .caseBox .swiper-slide-active button{border:1px solid #fbc800;background:#fbc800}.dh ul{position:relative;overflow:hidden;width:1500px;height:620px;margin:60px auto 0}.dh ul li{float:left;width:12%;overflow:hidden;height:100%;position:relative;cursor:pointer}.dh ul li a{display:block;width:100%;height:100%}.dh ul li .layer{position:absolute;bottom:0;left:0;width:100%;height:100%}.dh ul li .layer .p1{position:absolute;bottom:0;right:0}.dh ul li .layer .p1 img{width:130px;opacity:.6}.dh ul li .layer .p2{text-align:center;position:absolute;color:#fff;bottom:30px;right:-200%}.dh ul li .layer .p2 b{display:block;font-size:28px;font-weight:normal;line-height:40px}.dh ul li .layer .p2 span{display:block;font-size:16px}.dh ul li .layer .p1 b,.dh ul li .layer .p1 span{display:block;font-size:14px}.signUp{margin-top:100px;padding-bottom:100px;height:700px}.signUp .img{width:1200px;height:700px;position:absolute;right:500px}.signUp .img .videoBtn{width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,.4);text-align:center;line-height:700px;cursor:pointer}.signUp .img .videoBtn img{width:64px;height:64px}.signUpR{width:1500px;margin:auto;position:relative}.signBox{text-align:center;float:right;background:#fff;width:400px;height:610px;padding:45px;box-shadow:0 0 10px 10px #f5f5f5}.signBox h3{font-size:38px;color:#000;line-height:50px}.signBox h4{font-size:18px;color:#8c8c8c;line-height:50px}.signBox h4 span{color:#fbc800;font-weight:bold}.signBox p{margin-top:20px;position:relative}.signBox .name:before{content:'';position:absolute;left:12px;top:12px;width:26px;height:26px;background:url(http://www.boloni.com/cmobile/static/images/pc2020index/xicon_people.png.pagespeed.ic.R3tdmGQf1t.png);background-size:100% 100%;z-index:1}.signBox .phone:before{content:'';position:absolute;left:12px;top:12px;width:26px;height:26px;background:url(http://www.boloni.com/cmobile/static/images/pc2020index/xicon_phone.png.pagespeed.ic.nmps4BpjDi.png);background-size:100% 100%;z-index:1}.signBox p input{padding-left:50px;width:348px;height:48px;border:1px solid #a0a0a0;background:none}.signBox p select{padding-left:10px;width:190px;height:50px;border:1px solid #a0a0a0;background:none;color:#8c8c8c;font-size:16px}.signBox button{width:410px;height:50px;background:#fbc800;color:#000;font-size:20px;border:none;margin-top:20px}.signBox .tips{font-size:14px;color:#8c8c8c;line-height:50px}.listNam{width:400px;height:120px;overflow:hidden;position:relative}.listNam ul{width:410px;margin:0 auto}.listNam ul li{overflow:hidden;line-height:30px;height:30px}.listNam ul li span{float:left;color:#000;font-size:14px}.listNam ul li span:nth-child(1){width:80px;text-align:left}.listNam ul li span:nth-child(2){width:100px;text-align:left}.listNam ul li span:nth-child(3){width:100px;text-align:center}.listNam ul li span:nth-child(4){width:120px;text-align:right}.videoBox{width:100%;height:100%;background:rgba(82,82,82,.6);position:fixed;left:0;top:0;z-index:10;display:none}.video{display:none;position:fixed;left:50%;top:50%;width:800px;height:460px;margin-left:-400px;margin-top:-230px;z-index:11}@media screen and (max-width:1642px){.jpCase{height:850px}.jpCase .caseBox{width:1326px;margin:auto;position:relative}.jpCase .caseBox .swiper-container{width:1176px;position:initial;padding:30px 12px;margin-top:80px}.jpCase .caseBox .swiper-container .swiper-slide{width:378px;height:570px}.jpCase .caseBox .swiper-container .swiper-slide img{width:362px;height:366px}.jpCase .caseBox .stateBox button{margin-top:24px}.SpaceBox{width:1326px}.SpacePic{width:1200px}.SpaceBox .swiper-container{width:1200px}.SpacePic div:nth-child(1),.SpacePic div:nth-child(4){width:680px;height:374px}.SpacePic div:nth-child(1) img,.SpacePic div:nth-child(4) img{width:680px;height:374px}.SpacePic div:nth-child(2),.SpacePic div:nth-child(3){width:500px;height:374px}.SpacePic div:nth-child(2) img,.SpacePic div:nth-child(3) img{width:500px;height:374px}}@media screen and (max-width:1520px){.wholeBox{/* width:1200;/* height:57;/* margin:50px auto 0 */n:50px auto 0;}.wholeBox .wholeHouse{height:575px;position:relative;display:none}.wholeBox .wholeHouse .classify{/* width:174px; */height:575px;}.wholeBox .wholeHouse .classify ul li{height:115px;line-height:115px;font-size:14px}.wholeBox .wholeHouse .classifyPic{/* max-width: 1026px; */height:575px;}.wholeBox .wholeHouse .classifyPic .Img{width:100%;height:575px}.wholeBox .wholeHouse .classifyPic .Img img{width:100%;height:575px}.wholeBox .wholeHouse .classifyPic .Img div{width:100%;height:575px}.kitchenBox{width:1200px;margin:50px auto 0}.kitchenBox .picAmt1{width:590px;height:360px}.kitchenBox .picAmt1 img{width:590px;height:360px}.picAmt1:before,.picAmt1:after{width:590px}.picAmt1:hover:before,.picAmt1:hover:after{height:180px}.kitchenBox .picAmt2{width:386px;height:230px}.kitchenBox .picAmt2 img{width:386px;height:230px}.picAmt2:before,.picAmt2:after{width:386px}.picAmt2:hover:before,.picAmt2:hover:after{height:115px}.dh ul{width:1200px;height:560px}.dh ul li .layer .p1 img{width:110px}.signUpR{width:1200px}.signUp .img{width:1000px}}@media screen and (max-width:1301px){.titleBox{padding-top:56px}.titleBox h3{font-size:40px;line-height:52px}}@media screen and (max-width:1025px){.titleBox{padding-top:46px}.titleBox h3{font-size:36px;line-height:42px}}@font-face {font-family: "iconfont";

}


i, em {
    font-style: normal;
}

.p_tit{ height:80px; background:url(../picture/pro_line.gif) repeat-x center 57px; overflow:hidden; text-align:center; }
.p_tit i{ display:block; font:32px Arial, Helvetica, sans-serif; color:#434343; text-transform:uppercase;}
.p_tit a{ display:inline-block; padding:0 88px; background:#fff; color:#333; font-size:24px; font-weight:normal;}

.ys_main{ position:relative; overflow:hidden; width:100%; font-family:"Microsoft Yahei"; height:1168px;}
.ys_bg1{ background:url(../picture/ys_bg1.jpg) no-repeat center top; height:300px; overflow:hidden; margin-top:147px;}
.ys_bg2{ background:url(../picture/ys_bg2.jpg) no-repeat center top; height:325px; overflow:hidden;}
.ys_bg3{ background:url(../picture/ys_bg3.jpg) no-repeat center top; height:325px; overflow:hidden;}
.ys{position:absolute;top:0;left:50%;margin-left:-540px;max-width: 1460px;overflow:hidden;}
.ys h2{ height:150px; overflow:hidden;}
.ys dl{ width:425px; height:240px; margin:55px 0 0 0; padding-left:67px; overflow:hidden; background:url(../picture/1.gif) no-repeat left 10px;}
.ys dt{ font:22px/36px "microsoft Yahei"; color:#434343;}
.ys dt em{ display:block; height:38px; background:#ededed; text-align:center; font-size:18px; line-height:38px;text-align:center; margin-top:10px;}
.ys dd{ display:block; padding-top:15px; font-size:14px; line-height:26px;}
.ys dd span{ color:#e60012;}
.ys dl.dl_02{ width:447px; height:266px; margin:60px 0 0 575px; background:url(../picture/2.gif) no-repeat left 10px;}
.ys dl.dl_03{ width:415px; height:270px; margin:60px 0 0 0; background:url(../picture/3.gif) no-repeat left 10px;}



.common-3 .information-centre .left {
    height: 536px;
    background: #EFEFEF;
    position: relative;
}
.common-3 .information-centre .left a {
    display: block;
}

.common-3 .information-centre .left .img {
    width: 532px;
    height: 319px;
}
.common-3 .information-centre .left .img img {
    width: 100%;
    height: 100%;
}
.common-3 .information-centre .left .nr {
    position: absolute;
    width: 450px;
    height: 225px;
    top: 267px;
    left: 50%;
    margin-left: -225px;
    background: #FFF;
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.15);
    padding: 30px 45px 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.common-3 .information-centre .left .nr span {
    font-size: 16px;
    color: #333;
    line-height: 50px;
    height: 50px;
    width: 100%;
    overflow: hidden;
    border-bottom: 1px dashed rgba(136, 136, 136, 0.3);
    margin-bottom: 13px;
}
.common-3 .information-centre .left .nr .p {
    font-size: 12px;
    color: #888;
    line-height: 25px;
    height: 50px;
    overflow: hidden;
    margin-bottom: 18px;
}
.common-3 .information-centre .left .nr .time {
    font-size: 14px;
    color: #555;
    font-family: "Arial";
}
.common-3 .information-centre .left .nr .more-btn {
    position: absolute;
    right: 51px;
    bottom: 48px;
    font-size: 14px;
    color: #141414;
    text-align: right;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate(-30px, 0);

    -moz-transform: translate(-30px, 0);
    -ms-transform: translate(-30px, 0);
    transform: translate(-30px, 0);
}
.common-3 .information-centre .left .nr span {
    font-size: 16px;
    color: #333;
    line-height: 50px;
    height: 50px;
    width: 100%;
    overflow: hidden;
    border-bottom: 1px dashed rgba(136, 136, 136, 0.3);
    margin-bottom: 13px;
}
.common-3 .information-centre .left .nr:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background: #C3000B;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.common-3 .information-centre .left .nr:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background: #333;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.common-3 .information-centre .right .li {
    background: #F0F0F0;
    height: 252px;
}
.common-3 .information-centre .right .li .time {
    display: inline-block;
    vertical-align: top;
    position: relative;
    left: 34px;
    margin-top: 70px;
    width: 100px;
    height: 114px;
    line-height: 114px;
    background: #4F4F4F;
    text-align: center;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.common-3 .information-centre .right .li .time .day {
    font-size: 36px;
    color: #FFF;
}
.common-3 .information-centre .right .li .time .year {
    font-size: 15px;
    color: #FFF;
}
.common-3 .information-centre .right .li .nr {
    margin-top: 37px;
    margin-left: 35px;
    display: inline-block;
    vertical-align: top;
    background: #FFF;
    width: 80%;
    height: 180px;
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.15);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 18px 48px 0;
    position: relative;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.common-3 .information-centre .right .li .nr span {
    line-height: 45px;
    overflow: hidden;
    height: 50px;
    color: #333;
    font-size: 18px;
    border-bottom: 1px solid #E5E5E5;
}
.common-3 .information-centre .right .li .nr .p {
    font-size: 14px;
    color: #888;
    line-height: 25px;
    height: 75px;
    overflow: hidden;
    width: 100%;
}
.fl {
    float: left;
}

.wp {
    max-width: 1450px;
    margin: 0 auto;
}

.common-3 .information-centre .right {
    margin-left: 562px;
}

.common-3 .information-centre .right .li .time > div {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2;
}

.more-btn{color:#ef7d49;}
.common-3{padding-bottom:90px;}


/*大事记start*/
.event_box{/* width:60%; */margin: 6% auto 0;position:relative;min-height:420px;}
.event_box .parHd {width:100%;display:inline-block;height:92px;overflow:hidden;}
.parHd  ul{width:100%;text-align:center;margin:0 auto;padding-top:25px !important;}
.parHd .tempWrap{margin:0 auto;}
.parHd .tempWrap:after{content:'';width:85%;height:1px;background:#fff;position:absolute;/* top:33%;*//* right:-140%;*/right:8%;top:35%;/* margin-top:-0.5px;*/z-index:10;}
.parHd li.no_line:before{display:none;}
.parHd li{display:inline-block;cursor:pointer;padding-top:30px;font-size:16px;color: #fff;margin:0 30px;position:relative;}
.parHd li:after{content:'';background:url(../images/dot_ico.png) no-repeat;width:24px;height:24px;position:absolute;z-index:20;top:-12px;left:50%;margin-left:-12px;}
.parBd{text-align:center;margin-top:60px;}
.parBd h4{color: #fff;position:relative;font-size: 35px;line-height: 40px;/* margin-bottom:3%; *//*width:200px;*/padding:0 60px;display:inline-block;text-align:center;margin: 0;}
.parBd h4:after{content:'';background:#fff;width:100px;height:1px;position:absolute;left:-100px;bottom:12px;}
.parBd h4:before{content:'';background: #fff;width:100px;height:1px;position:absolute;right:-100px;bottom:12px;}
.parBd p{color: #fff;line-height:180%;font-size:16px;width:80%;margin:0 auto;}
div#listBox {width:100%;}

.sPrev,.sNext{width:30px;height:30px;display:block;position:absolute;top: 40px;}
.sPrev{left:0;}
.sNext{right:0;}
.sPrev img,.sNext img{transition:all .6s cubic-bezier(.51,1.1,.9,.95);-moz-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-webkit-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-o-transition:all .6s cubic-bezier(.51,1.1,.9,.95);}
.parHd li.act span{display:block;width: 23px;height: 23px;overflow:hidden;background:url(../images/cat.png) no-repeat;position:absolute;top:-12px;left: 3px;z-index:21;}
.parHd li span,.parHd li.clone span{display:none;}	
.history {
	padding-bottom:60px;
    max-width: 1500px;
    margin: 0 auto;
    /* width: 100%; */
    position: relative;
    /* margin: 100px auto; */
}
.history_con{
	width: 1200px;
	position: absolute;
	left: 50%;
	top: 15%;
	z-index: 100;
	margin-left: -600px;
}
.history_title,.history_title p{
	color: #fff;
}
.history_title:after {
    background-color: #fff;
}
.section_title h3 {
    margin-bottom: 20px;
	color: #fff;
}
.section_title p {
	color: #fff;
 
    font-size: 18px;
    font-weight: bold;
}

.history_title:after {
    background-color: #fff;
}

.about_tit1 {
	text-align: center;
	margin-bottom: 20px;
}
.about_tit1 h2 {
	color: #111111;
	font-size: 30px;
	font-weight: normal;
	margin-bottom: 10px;
	margin-bottom: 5px;
}
.about_tit1 h3 {
	color: #e8eaed;
	font-size: 2.4rem;
}
.global_info1 {
	text-align: center;
	margin: 0;
}
.global_info1 h4 {
	color: #111111;
	font-size: 2.8rem;
	font-weight: normal;
	margin-bottom: 30px;
}
.global_info1 .txt {
	color: #333333;
	font-size: 2.4rem;
	line-height: 42px;
}
.global_c1 {
	margin-bottom: 60px;
}
.about_tit1 h4 {
	color: #333333;
	font-size: 16px;
	font-weight: normal;
}
.about_tit2 h3 {
	font-size: 1.4rem;
}
.scale_list1 ul li {
	width: 48.75%;
	float: left;
	margin-right: 2.5%;
	margin-bottom: 30px;
}
.scale_list1 ul li:nth-child(2) ,
.scale_list1 ul li:nth-child(3) {
	margin-right: 0;
}
.scale_list1 ul li:nth-child(3) {
	width: 100%;
}
.global_i1 {
	margin-top: 50px;
}
.global_l1 {
	width: 56.6%;
	float: left;
}
.global_i1 h5 {
	color: #333333;
	font-size: 3.2rem;
	font-weight: normal;
	margin-bottom: 10px;
}
.global_l1 ul li {
	font-size: 2.4rem;
	color: #333333;
	position: relative;
	padding: 6px 0 6px 35px;
}
.global_l1 ul li:before {
	position: absolute;
	/*content: "";*/
	width: 9px;
	height: 9px;
	background: #000000;
	border-radius: 50%;
	left: 0;
	top: 50%;
	margin-top: -4px;
}
.global_r1 {
	width: 43.4%;
	float: right;
}
.about_tit1 h3 {
    color: #e8eaed;
    font-size: 18px;
    margin: 0;
}
.brand{max-width:1500px; margin:0 auto;}
.global_img1{text-align:center;}


@charset 'utf-8';

/*导航条导航【除首页外其它页面默认隐藏】*/

.nav_list .cate_sort .cate_list {
    display: none;
}


/*列表页商品属性*/

.list_attr {
    margin-top: 30px;
    height: auto;
    overflow: hidden;
    border: 1px solid #D6D6D6;
    border-bottom: 0 none;
    background: #FAFAFA;
}

.list_attr i {
    font-style: normal;
}

.list_attr li {
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #D6D6D6;
    border-top: 1px solid #fff;
}

.list_attr li:first-child {
    border-top: 0 none;
}

.list_attr span {
    width: 110px;
    text-align: center;
    background: #F0F0F0;
}

.list_attr .attr a {
	color:#000;
	margin-right: 10px;
	line-height: 20px;
	padding: 2px 12px;
	display: inline-block;
	zoom: 1;
    *
	display: inline;
}

.list_attr .attr a:first-child {
    margin-left: 10px;
}

.list_attr .attr a i {
    display: none;
}

.list_attr .attr a:hover {
    color: #fff;
    border-radius: 3px;
    background: #FF8A00;
    text-decoration: none;
}

.list_attr .attr a.cur {

    color: #fff;

    border-radius: 3px;
    background: #22242e;
    text-decoration: none;
}

.list_attr .attr a.cur i {
    font-size: 14px;
    display: inline;
}



/*提交申请*/

.list_apply {
    margin-top: 26px;
    position: relative;
    height: 105px;
    line-height: 105px;
    background: #f0f0f0;
    border-top: #22242e solid 2px;
}

.list_apply_com {
    margin: 32px 0;
    padding-left: 37px;
    position: relative;
    float: left;
    height: 40px;
}

.list_apply_tex {
    margin-right: 20px;
    display: block;
    float: left;
    text-indent: 13px;
    height: 38px;
    line-height: 38px;
    font-family: "宋体";
    font-size: 14px;
    color: #999;
    border: #b2b2b2 solid 1px;
}

.list_apply_name {
    width: 198px;
}

.list_apply_tel {
    width: 248px;
}

.list_apply_sub {
    display: block;
    float: left;
    width: 160px;
    height: 40px;
    font-family: "宋体";
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    border-radius: 20px;
    background: #22242e;
}

.list_apply_left {
    float: left;
    margin-left: 90px;
}

.list_apply_right {
    float: right;
    margin-right: 55px;
    height: 40px;
    font-size: 22px;
    color: #707070;
    font-family: "微软雅黑";
    line-height: 40px;
}

.list_apply_right span {
    color: #ff5a00;
}

.list_apply_com .tips {
    position: absolute;
    bottom: -20px;
    left: 37px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: red;
}

.share_btn .bds_renren {
    margin: 5px 0 5px 10px;
}


/*列表页筛选条件*/

.list_cond {
    height: 53px;
    /* background: #EDEDED; */
    /* margin: 20px auto 30px; */
    /* padding: 0 20px 0 10px; */
}

.list_cond_left {
    float: left;
    height: 20px;
    line-height: 20px;
    margin-top: 17px;
    width: 520px;
    position: relative;
}

.list_cond_left a {
    position: relative;
    color: #4D4948;
    padding: 0 20px;
    border-right: 1px solid #D6D6D6;
    display: block;
    float: left;
    font-size: 14px;
    position: relative;
}

.list_cond_left a:hover {
    text-decoration: none;
    color: #ff9000;
}

.list_cond_left a b {
    display: block;
    float: left;
    width: 12px;
    height: 12px;
    margin: 3px 6px 0 0;
    border: 1px solid #e6e6e6;
    background: #fff;
}



.list_cond_left a.al {
    border-right: none;
    padding: 0;
}

.list_cond_left .list_inp {
    width: 40px;
    height: 18px;
    line-height: 18px;
    border: 1px solid #E6E6E6;
    display: inline-block;
    background: #ffffff;
    float: left;
    margin: 0 15px;
}

.list_cond_left .list_inp input {
    border: none;
    width: 40px;
    height: 18px;
    line-height: 18px;
    color: #4D4948;
}

.list_cond_left input.a1 {
    position: absolute;
    width: 80px;
    background: #EDEDED;
    color: #4D4948;
    font-size: 14px;
}

.list_cond_left input.a1:hover {
    color: #FF8A00;
}

.list_cond_left font {
    float: left;
}

.list_cond_left .list_sort {
    position: absolute;
    top: 4px;
    right: 5px;
}

.list_cond_left .sort_up {
    display: none;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #ff9000;
}

.list_cond_left .sort_down {
    display: none;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #a09c9b;
    margin-top: 2px;
}

.list_cond_left .asc {
    color: #ff9000;
}

.list_cond_left .desc {
    color: #ff9000;
}

.list_cond_left .desc .sort_up {
    display: block;
    border-bottom: 5px solid #a09c9b;
}

.list_cond_left .desc .sort_down {
    display: block;
    border-top: 5px solid #ff9000;
}

.list_cond_left .asc .sort_up {
    display: block;
}

.list_cond_left .asc .sort_down {
    display: block;
}


.list_cond_right {
    float: right;
    height: 20px;
    line-height: 20px;
    margin-top: 17px;
}

.list_cond_right a {
    color: #999999;
    padding: 2px 5px;
}

.list_cond_right a:hover,
.list_cond_right a.click {
    color: #FF8A00;
    text-decoration: none;
}


/*发送短信*/

.send_mobile {
    display: none;
    position: absolute;
    left: 10px;
    bottom: 20px;
    width: 120px;
    height: 28px;
    line-height: 28px;
    color: #fff;
    text-align: center;
    background: #F16F0D;
}


.send_mobile:hover {
    text-decoration: none;
    color: #fff;
}

.send_img {
    display: none;
}

.send_img .design_con {
    height: 302px;
}

.send_img .design_bg {
    height: 312px;
}

.send_img .design_info {
    padding: 20px;
}

.send_img .design_info .desing_submit {
    margin-top: 35px;
}

.send_img .des_sub {
    display: inline-block;
    line-height: 35px;
}

.send_img .des_sub:hover {
    text-decoration: none;
}

.send_img .inp_con {
    position: relative;
}

.send_img .inp_con .mobile_inp {
    width: 325px;
    height: 35px;
    margin: 20px 0;
    ;
    line-height: 35px;
    padding-left: 5px;
    color: #999;
    border-color: #bfbfbf;
    border-style: solid;
    border-top-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 1px;
    border-right-width: 1px;
}

.send_img .inp_con .yz_inp {
    width: 140px;
    height: 35px;
    line-height: 35px;
    text-indent: 5px;
    border: 1px solid #bfbfbf;
    color: #999;
    vertical-align: middle;
}

.send_img .inp_con .mtips {
    color: #ff000c;
    position: absolute;
    left: 0;
    bottom: -25px;
    display: none;
}

.send_img .send_tips {
    color: #ff000c;
    text-align: center;
    margin-top: 5px;
}

.send_sucess .sucess_con {
    height: 170px;
}

.send_sucess .sucess_bg {
    height: 180px;
}

/* 商品详情视频 */
.details_video{
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
}
.video_btn{
    position: absolute;
    display: block;
    left: 10px;
    bottom: 40px;
    width: 80px;
    height: 80px;
    background: url('../images/video_btn.png');
    background-size: 100%;
}
.video_close{
    position: absolute;
    display: none;
    right: 10px;
    top: 10px;
    width: 40px;
    height: 40px;
    background: url('../images/video_close.png');
    background-size: 100%;
}


.list_goods {
    height: auto;
	    margin-bottom: 60px;
}

.width_1220 {
    overflow: hidden;
    padding-left: 4px;
}

.list_goods div.goods {
	 box-shadow: 1px 1px 8px #dad9d9;
    width: 23%;
    height: 300px;
    float: left;
    margin-right: 15px;
    color: #716C6A;
    position: relative;
    margin-bottom: 10px;
    padding-top: 2px;
    border: 1px solid #fff;
}

.list_goods div.goods em {
    font-style: normal;
}

.list_goods div.goods .img_bg {
    position: relative;
    display: block;
    padding-top: 0;
    text-align: center;
}

.list_goods div.goods .img_bg .img_bg_link {
    display: inline-block;
    /* width: 250px; */
    /* height: 222px; */
    /* overflow: hidden; */
}

.list_goods div.goods .img_bg .img_bg_link img {
    max-width: 100%;
    height: 100%;
}


.list_goods div.goods h3 {
    position: relative;
    height: 35px;
    line-height: 35px;
    width: 289px;
    padding-left: 5px;
    margin: 0 auto;
}

.list_goods div.goods h3 span {
    position: absolute;
    right: 5px;
    top: 0;
    font-weight: normal;
    color: #E6E6E6;
}


.list_goods div.goods h3 .goods_tits {
    display: block;
    width: 235px;
    height: 35px;
    overflow: hidden;
}

.list_goods div.goods p {
    height: 36px;
    line-height: 18px;
    padding: 0 5px 0 30px;
    overflow: hidden;
}

.list_goods div.goods p font {
    position: absolute;
    display: block;
    left: 5px;
    width: 32px;
    height: 16px;
    margin-top: 1px;
    *
    margin-top: -3px;
    line-height: 16px;
    color: #ffffff;
    background: #22242e;
    background: #22242e;
    font-size: 12px;
}

.list_goods div.goods div {
    padding-top: 7px;
    display: none;
}

.list_goods div.goods h3 .goods_tits {
	    text-decoration: none;
    display: block;
    font-size: 20px;
    width: 235px;
    color: #000;
    height: 35px;
    overflow: hidden;
}




.main {
    max-width: 1500px;
    margin: 10px auto 0;
}

.ie_ik{display: inline-block;zoom:1;*display: inline;}

.page-bar {
	margin-top: 60px;
    clear: both;
    text-align: center;

}
.page-bar li {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.page-bar a, .page-bar span {
    vertical-align: top;
}

.page-bar a, .page-bar span, .page-bar strong {
    font-weight: normal;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    font-size: 14px;
    text-decoration: none!important;
    padding: 10px 10px;
    color: #858585;
    background: #fff;
    border: 1px solid #858585;
    font-size: 12px;
    margin: 0 5px;
}
.page-bar a:hover, .page-bar span:hover, .page-bar .active a {
    color: #fff;
    background: #858585;
    border: 1px solid #fff;
}

.Boutique_case_text_left {
    width: 1000px;
    padding: 20px 60px;
    background: #fff;
    overflow: hidden;
    margin-top: 15px;
    -moz-box-shadow: 0 0 20px #f2f2f2;
    -webkit-box-shadow: 0 0 20px #f2f2f2;
    box-shadow: 0 0 20px #dad9d9;
}
.Boutique_case_text_leftT h1 {
    font-size: 26px;
    margin: 30px auto 10px;
    text-align: center;
    color: #000;
}

.Boutique_case_text_leftC p{line-height:30px;}

.details_bottom_right {
    max-width: 1500px;
    /* height: auto; */
    /* float: left; */
    margin-left: 20px;
    display: inline;
}
.details_bottom_right .goods_desc_title {
    /* width: 100%; */
    max-width: 1500px;
    margin: 30px auto;
    height: 47px;
    background: #F5F5F5;
    margin-bottom: 40px;
    z-index: 999;
}
.goods_desc_title a {
    width: 112px;
    line-height: 47px;
    text-align: center;
    color: #716C6A;
    display: block;
    float: left;
    font-size: 14px;
}
.goods_desc_title a:hover, .goods_desc_title a.click {
    background: url(../images/goods_desc_title_bg.png) repeat-x;
    color: #ffffff;
    text-decoration: none;
}


.deticl{
	height: auto;
    float: left;
    margin-left: 20px;
    display: inline;
}


.goods_desc_title{
	
}

#gallerybox {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
}
#gallerybox > span {
  display: none;
  position: absolute;
  right: 20px;
  top: 80px;
  padding: 1em;
  z-index: 1;
  font-family: Helvetica, Verdana, Arial, sans-serif;
  font-size: 30px;
  color: #ccc;
  cursor: pointer;
}

#gb-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

#gb-big {
  position: absolute;
}

#gb-list {
  position: absolute;
  width: 100%;
  height: 150px;
  box-sizing: border-box;
  left: 0;
  bottom: 0;
  padding: 0 20px;
  text-align: center;
  white-space: nowrap;
  overflow-x: hidden;
}
#gb-list:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
#gb-list > .left,
#gb-list > .right {
  position: fixed;
  width: 20px;
  height: 150px;
  bottom: 0;
  line-height: 150px;
  font-family: Helvetica, Verdana, Arial, sans-serif;
  font-weight: 600;
  color: #ccc;
  background-color: rgba(51, 51, 51, 0.75);
  cursor: pointer;
}
#gb-list > .left {
  left: 0;
  border-radius: 0 100% 100% 0 / 0 50% 50% 0;
}
#gb-list > .right {
  right: 0;
  border-radius: 100% 0 0 100% / 50% 0 0 50%;
}
#gb-list > img {
  vertical-align: middle;
  margin: 0 1em;
  max-height: 75%;
  cursor: pointer;
}
#gallery-wrapper {
		position: relative;
		max-width: 75%;
		width: 75%;
		margin:50px auto;
		}
		img.gallerybox {
		width: 100%;
		max-width: 100%;
		height: auto;
		}
		.white-panel {
		position: absolute;
		background: white;
	
		}
		.white-panel h1 {
		font-size: 1em;
		}
		.white-panel h1 a {
		color: #A92733;
		}
		
		case{ padding: 50px 0 80px;}
.case-list{ margin-bottom: 25px;}
.case-list li{float: left;margin-bottom: 25px;width: 31%;margin-right: 20PX;}
.case-list li:nth-child(2n){/* margin-right: 0; */}
.case-list li:nth-child(2n+1){/* clear: both; */}
.case-item{ display: block; border: 1px solid #c1c1c1;}
.case-item .img{ position: relative;overflow: hidden;}
.case-item .img img{ width: 100%;}
.case-item .img:after{ display: none; content: ""; position: absolute; top:2.2%; left:2%; width: 96%; height:94.4%; border:1px solid rgba(202,171,110,.7);}
.case-item .img div{ display: none; position: absolute; top:50%; margin-top: -15px; left:0; width: 100%; height: 30px; line-height: 30px; text-align: center;}
.case-item .img div span{ font-size: 24px; font-weight: bold; letter-spacing:5px; position:relative;}
.case-item .img div span:after,
.case-item .img div span:before{ content: ""; position: absolute; margin-top: -2px; top:50%; width: 32px; height: 3px; background: #caab6e;}
.case-item .img div span:after{ right:-60px;}
.case-item .img div span:before{ left:-60px;}
.case-item .text1{padding: 0 33px;background: #22242e;}
.case-item .tit{ padding: 25px 0 15px; }
.case-item .tit p{font-size: 22px;color: #ffffff;line-height:30px;}
.case-item .tip{ margin-top: 10px;  position: relative;line-height: 24px;  }
.case-item .tip span{float: left;display: block;width: 31%;position: relative;color: #fff;}
.case-item .tip span:after{ content: ""; position: absolute; top:50%; right:0; background: #d6d6d6; height: 12px; width: 1px; margin-top: -6px;}
.case-item .tip span:nth-child(2){ text-align: center; width: 42%;}
.case-item .tip span:nth-child(3){ text-align: right; width: 26%;}
.case-item .tip span:nth-child(3):after{ display:none; }
.case-item .tip i{ line-height: 24px; display: inline-block; padding-left: 22px;  background: url(../images/ico_heart_blue.png) no-repeat left; font-style: normal;}
.case-item .erweima{ padding: 17px 0; border-top: 1px solid #dadada; line-height: 50px;  position: relative;}
.case-item .erweima span{float: left;background: url(../images/ico_pho_blue.png) no-repeat left;color: #fff;padding-left:35px; background-size:20%;}
.case-item .erweima div{float: right;margin-bottom: 10px;}


.ny-left{float: left;width: 100%;}
.ny-right{ float: right; width:20%;}
.ny-right .item{ margin-bottom: 15px; position: relative;}
.ny-right .item img{ width: 100%;}
.ny-right .item .text{ position:absolute; top:0; left:0; width: 100%; height: 100%; color:#FFFFFF;}
.ny-right .item .con{ display: inline-block; width: 100%; vertical-align: middle; text-align: center;}
.ny-right .item .con+i{ display: inline-block; vertical-align: middle; height: 100%;}
.ny-right .item h2{ font-size:30px; font-weight: bold;}
.ny-right .item em{ margin: 10px 0; display: inline-block; width: 10px; height: 10px; border: 2px solid #0077b4; border-radius: 100%; position: relative;}
.ny-right .item em:before,
.ny-right .item em:after{ content: ""; position: absolute; top:50%; width: 40px; height: 1px; background: rgba(255,255,255,.2);}
.ny-right .item em:before{ left:-42px;}
.ny-right .item em:after{ right:-42px;}
.ny-right .item p{ font-size: 15px; line-height: 24px;}
.ny-right .item span{ position: relative; margin: 25px auto 0; display: block; max-width:60%; width: 160px; height: 44px; line-height: 44px; text-align: center; background: #0077b4; color: #FFFFFF; font-size: 13px;}
.ny-right .item:hover span{ background: #00689e;}
.page{     margin-bottom: 60px;
    text-align: center;
    line-height: 38px;
    font-size: 0;
    margin-top: 40px;}
.page a,
.page span{display: inline-block;margin: 0 5px;font-style: normal;color: #000;height:38px;min-width: 38px;background: #d5d5d5;padding: 0 5px;font-size: 12px;}
.page a:hover,
.page span:hover,
.page a.current,
.page span.current{background: #22242e;font-weight: bold;color: #FFFFFF;}
.page .abt{ padding: 0 22px;}

.Contact{ width:1250px; margin:0 auto;  font-size:14px; line-height:28px;}
.Contact .tit{font-size: 32px;text-align:center;margin-top:20px;}
.Contact h3{text-align:center;font-size:24px;line-height:32px;padding: 20px 0px;}
.Contact h4{ text-align:center; font-size:28px; line-height:32px; font-weight:normal; padding:50px 0px;}
.Contact ul{ margin:0px; padding:0px;}
.Contact ul li{float:left;width: 30%;border-right:1px solid #e7e7e7;height:200px;padding:0px 12px;}
.Contact ul li a{display:block;width:100%;text-decoration: none;color: #22242e;height:180px;padding-top:20px;}
.Contact ul li a:hover{color:#e60012;}
.Contact ul li p{font-size: 18px;text-align:center;}
.Contact ul li p.font18{font-size:18px;margin: 0;/* padding-top:3px; */}
.Contact ul li a span{ margin:0px auto 15px;}
.Contact ul li.lastbor{border:none}
.Contact ul li a.adress span{ display:block;  width:80px; height:65px; background:url(../images/Icon57.png) no-repeat}

.Contact ul li a.Fax span{ display:block; width:80px; height:65px; background:url(../images/Icon59.png) no-repeat}
.Contact ul li a.Email span{ display:block; width:80px; height:65px; background:url(../images/Icon60.png) no-repeat}
.process_list1 ul li {
	width: 24.16%;
	float: left;
	margin-right: 1.12%;
	margin-bottom: 20px;
}
.process_list1 ul li:last-child {
	margin-right: 0;
}
.process_info1 {
	box-shadow: 0 4px 6px rgba(0,0,0,0.05);
	transform: translateY(-1px);
	border-radius: 10px;
	padding: 20px 0;
	background: #e5e5e5;
	text-align: center;
	transition: all ease-in-out .4s;
}
.process_info1 h3 {
	font-weight: normal;
	color: #333333;
	font-size: 24px;
	margin: 15px 0 8px 0;
}
.process_info1 .txt {
	color: #666;
	font-size: 16px;
	line-height: 30px;
	margin:0;
}
.process_info1 .txt p {
	
	margin:0;
}
.process_list1 ul li:hover .process_info1{
	/* box-shadow: 0 4px 6px rgba(0,0,0,0.05); */
	/* transform: translateY(-1px); */
}
.special_t1 {
	text-align: center;
	padding: 40px 0;
}
.special_t1 h1 {
	color: #333333;
	font-size: 32px;
}
.special_l1 {
	width: 49.16%;
	float: left;
	margin-bottom: 60px;
}
.special_i1 {
	background: #FFFFFF;
}
.special_r1 {
	width: 50.84%;
	float: right;
	padding: 80px 60px 0 4.5%;
	box-sizing: border-box;
}
.special_u1 {
	margin-top: 8%;
}
.special_u1 ul li {
	display: inline-block;
	color: #999999;
	text-align: center;
	font-size: 16px;
	color: #4a4848;
	margin: 0 15px;
}
.special_u1 ul li img{
	margin-bottom: 5px;
}
.special_info1 .txt {
	color: #666666;
	line-height: 28px;
	font-size: 22px;
}
.promiseTitle {
    font-size: 18px;
    padding-left: 16px;
    color: #3c3c3c;
  
    margin-bottom: 0.8rem;
}

.sevenBox img {
    display: block;
    width: 100%;
    margin: 0 auto;
}

/* 发展历程 */
  .content ul.course-box li {
    width: 100%;
  }
  .content ul.course-box li .detail-box {
    width: 510px;
    position: relative;
    padding-bottom: 45px;
  }
  .content ul.course-box li .detail-box h6 {
    /* font-family: "Microsoft YaHei"; */
    font-size: 18px;
    color: #22242e;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 18px;
    margin-bottom: 14px;
    position: relative;
    top: 5px;
  }
  .content ul.course-box li .detail-box p {
    font-family: "Microsoft YaHei";
    font-size: 16px;
    color: #000000;
    letter-spacing: 0;
    line-height: 28px;
  }
  .content ul.course-box li .detail-box:before {
    content: ' ';
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    background: url('../images/ico_26a.png') 50% 50% no-repeat;
    background-size: 100% 100%;
    top: 0;
  }
  .content ul.course-box li:nth-child(2n+1) .detail-box {
    text-align: left;
    padding-left: 30px;
    margin-left: 539px;
    border-left: 2px solid #b9b9b9;
  }
  .content ul.course-box li:nth-child(2n+1) .detail-box:before {
    left: -15px;
  }
  .content ul.course-box li:nth-child(2n) .detail-box {
    text-align: right;
    padding-right: 30px;
    border-right: 2px solid #b9b9b9;
  }
  .content ul.course-box li:nth-child(2n) .detail-box:before {
    right: -15px;
  }
  .content ul.course-box li:last-child .detail-box {
    border: 0;
  }
  /*企业文化  */
  .content.culture-content .culture-box li {
    float: left;
    width: 526px;
    height: 377px;
    background: #FFFFFF;
    margin-bottom: 29px;
    box-shadow: 0 7px 20px 0 rgba(0, 0, 0, 0.03);
    overflow: hidden;
  }
  .content.culture-content .culture-box li:nth-child(2n+1) {
    margin-right: 27px;
  }
  .content.culture-content .culture-box li .detail-box:hover {
    cursor: pointer;
    transform: scale(1.1);
  }
  .content.culture-content .culture-box li .detail-box {
    transition: transform 1s;
  }
  .content.culture-content .culture-box li p {
    padding-left: 51px;
    padding-right: 48px;
    font-size: 16px;
    color: #666666;
    line-height: 28px;
  }
  .content.culture-content .culture-box li h6 {
    font-family: "Microsoft YaHei";
    font-size: 20px;
    color: #232323;
    letter-spacing: 0.67px;
    height: 28px;
    line-height: 28px;
    margin-bottom: 18px;
    position: relative;
    padding-left: 74px;
  }
  .content.culture-content .culture-box li h6:before {
    content: '';
    position: absolute;
    width: 4px;
    height: 20px;
    background: #208BFE;
    border-radius: 1px;
    left: 54px;
    top: 5px;
  }
  .aboutUs-body.manageIdea {
    border-top: 1px solid #F6F6F6;
    padding-top: 0;
  }
  .aboutUs-body.manageIdea .manage-box li {
    float: left;
    width: 252px;
    margin-right: 23px;
    transition: transform 1s;
  }
  .aboutUs-body.manageIdea .manage-box li:nth-child(4n) {
    margin-right: 0;
  }
  .aboutUs-body.manageIdea .manage-box li:hover {
    cursor: pointer;
    transform: scale(1.1);
  }
  .manageIdea{
    background: #fff;
    margin: 0 auto;
    position: relative;
}
.imgbg-default{
  display: inline-block;
 
}
.imgbg-default img{
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
  vertical-align: top;
}
.imgbg-default .imgOpacity1{
  opacity: 1;
}
.content1{
    background: #fff;
    /* max-width: 1400px; */
    margin: 0 auto;
}
.content{
    background: #fff;
    max-width: 1400px;
    margin: 0 auto;
    position: relative;
    top: -72px;
    padding: 25px 59px 50px 59px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.aboutmain {
    width: 1450px;
    margin: 0 auto;
    padding: 40px 0 100px 0;
    font-size: 14px;
    line-height: 28px;
}
.honor li{float:left;width: 31%;margin: 15px;box-shadow: 1px 4px 5px #ddd;/* margin:0 45px 50px 0; */}
.honor li a{width: 100%;margin: 0 auto;text-align: center;/* display: block; *//* box-shadow: 3px 4px 6px #ddd; *//* padding:44px 39px 30px; */display:block;/* background:url(../images/honorbg.jpg) no-repeat bottom center; */}
.honor li p{/* width:359px; */font-size:18px;color:#2a2a2a;text-align:center;height:36px;line-height:36px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.honor li.nomargin{ margin-right:0;}
.honor li img{height:280px;}
        /*表单提交*/
        .apply{/* position:relative; */}
        .apply_con{/* position: absolute; *//* left: 50%; *//* top: 0; */margin-left: 0;width: 502px;height: 340px;z-index: 15;}
        .text{/* position: absolute; *//* left: 0; *//* top: 20px; *//* display: block; */padding-left: 100px;width: 412px;height: 91px;font: 500 30px/91px "思源黑体";background: rgba(0,0,0,0);text-indent: 40px;}
        
		
		.app_tel0{top:129px;}
        .apply_con .tip_show{position:absolute;top:220px;width: 100%;height: 18px;line-height:18px;color: #f00;text-align: center;font-size: 18px;}
        .btn_appsubmit0{
        	/* position:absolute; */
        	/* bottom:15px; */
        	/* left:-50px; */
        	/* right:0; */
        	/* margin: 0 auto; */
        	/* width: 563px; */
        	/* height: 83px; */
        	/* cursor:pointer; */
        	/* background:url(https://newimg.oppein.cn/edmsys/images/app_2064/btn01.png) no-repeat; */
        	/* display: block; */
        	}
        
        .tipWords-run{ -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; transition:all .5s;-webkit-animation: tipWords .5s infinite; -moz-animation: tipWords .5s infinite; -ms-animation: tipWords .5s infinite; animation: tipWords .5s infinite;}
        @-webkit-keyframes tipWords{ 0%{ -webkit-transform: scale(1); }  25%{ -webkit-transform: scale(1.2); } 50%{ -webkit-transform: scale(1); } 75%{ -webkit-transform: scale(1.2); } 100%{ -webkit-transform: scale(1); }   }
        @-moz-keyframes tipWords{ 0%{ -moz-transform: scale(1); } 25%{ -moz-transform: scale(1.2); } 50%{ -moz-transform: scale(1); } 75%{ -moz-transform: scale(1.2); } 100%{ -moz-transform: scale(1); } }
        @keyframes tipWords{ 0%{ transform: scale(1); } 25%{ transform: scale(1.2); } 50%{ transform: scale(1); } 75%{ transform: scale(1.2); } 100%{ transform: scale(1); } }
      


.b3 .tit{ background:url(../images/icon_10.png) no-repeat 400px center; height:133px; overflow:hidden;}

.b3 .tit h3{font-size:28px; font-weight:normal; margin-top:25px; text-align:left; text-indent:470px;}

.b3 .tit h3.col{text-indent:450px;margin-top:10px;color: #22242e;}

.b3 .pic{ height:400px; margin:40px 0 30px 0;}



.b3 li{padding-left:50px;width: 232px;float:left;height:50px;text-align:left;font-size:16px;margin-bottom:50px;}

.b3 li.n1{ background:url(../images/n01.png) no-repeat left center;}

.b3 li.n2{ background:url(../images/n02.png) no-repeat left center;}

.b3 li.n3{ background:url(../images/n03.png) no-repeat left center;}

.b3 li.n4{ background:url(../images/n04.png) no-repeat left center;}

.b3 li.n5{ background:url(../images/n05.png) no-repeat left center;}

.b3 li.n6{ background:url(../images/n06.png) no-repeat left center;}

.b3 li.n7{ background:url(../images/n07.png) no-repeat left center;}

.b3 li.n8{ background:url(../images/n08.png) no-repeat left center;}



.b3 li p{ padding-top:20px;}

.box {
    width: 1170px;
    margin: 0 auto;
    text-align: center;
    /* padding-top: 50px; */
}


     /*表单提交*/
        .apply{/* position:relative; */}
        .apply_con{padding: 20px;/* position: absolute; *//* left: 50%; */background: #22242ed1;/* top: 289px; *//* margin-left: 57px; */width: 400px;height: 300px;z-index: 15;}
        .text{padding-left: 0;/* position: absolute; *//* left: 0; *//* top: 0; *//* background: #fff; *//* display: block; *//* width: 400px; *//* height: 60px; */font: 500 22px/60px "思源黑体";background: #fff;text-indent: 40px;}
        .app_tel0{top: 95px;}
        .apply_con .tip_show{position:absolute;top:175px;width: 100%;height: 18px;line-height:18px;color: #fff;text-align: center;font-size: 18px;}
        .btn_appsubmit0{/* position:absolute; *//* bottom:20px; *//* left:0; *//* right:0; *//* margin: 0 auto; *//* width: 563px; *//* height: 70px; *//* cursor:pointer; *//* background:url(https://newimg.oppein.cn/edmsys/images/app_2044/app_btn.png) no-repeat 0 0; *//* background-size:100%; *//* display: block; */}


.b3 li p{ padding-top:20px;}

.box {
    width: 1170px;
    margin: 0 auto;
    text-align: center;
    /* padding-top: 50px; */
}


     /*表单提交*/
        .apply{background: #efefef;margin: 0 auto;/* position:relative; */}
        .apply_con{/* position: absolute; *//* left: 50%; *//* top: 289px; */border-radius: 5px;/* margin-left: 57px; */width: 400px;margin: 60px auto;height: 300px;z-index: 15;}
        .text{border-radius: 5px;margin-bottom: 40px;/* position: absolute; *//* left: 0; *//* top: 0; */border: 1px solid #ddd;background: #ffffff;/* display: block; */width: 400px;height: 60px;font: 500 22px/60px "思源黑体";/* background: none; */text-indent: 40px;margin-top: 20px;}
        .app_tel0{top: 95px;}
        .apply_con .tip_show{position:absolute;top:175px;width: 100%;height: 18px;line-height:18px;color: #fff;text-align: center;font-size: 18px;}
        .btn_appsubmit0{/* position:absolute; *//* bottom:20px; *//* left:0; *//* right:0; *//* margin: 0 auto; *//* width: 563px; *//* height: 70px; *//* cursor:pointer; *//* background:url(https://newimg.oppein.cn/edmsys/images/app_2044/app_btn.png) no-repeat 0 0; *//* background-size:100%; *//* display: block; */}
.KnowLifeCont {height: 512px;background-color: #f3f3f3;width: 100%;font-size: 14px;line-height: 30px;color: #ffffff;margin-bottom: 60px;}	.KnowLifeSub .KnowLifeImg {		display: none;	}	.KnowLifeImg {		float: right;		width: 66.7%;		height: 100%;		position: relative;	}	.KnowLifeImg .Por {		top: inherit;		bottom: 0;		width: 80%;		transform: translate(-50%, -22%);		-webkit-transform: translate(-50%, -22%);		-ms-transform: translate(-50%, -22%);		-moz-transform: translate(-50%, -22%);	}	.KnowLifeSub .KnowLifeImg {		display: none;	}	.KnowLifeContL {		float: left;		width: 33.3%;	}	.KnowLifeTag {		width: 100%;		height: 115px;		border-bottom: 1px solid #fff;		position: relative;		font-size: 18px;		letter-spacing: 1px;		color: #1b1b1b;		padding-top: 55px;		transition: all .3s ease-out;		-webkit-transition: all .3s ease-out;		-moz-transition: all .3s ease-out;		-ms-transition: all .3s ease-out;		cursor: pointer;	}	.KnowLifeTag h2 {		font-size: 22px;		color: #999999;		margin-bottom: 10px;		display: -webkit-box;		-webkit-box-orient: vertical;		-webkit-line-clamp: 1;		overflow: hidden;		padding-left: 35px;		transition: all .3s ease-out;		-webkit-transition: all .3s ease-out;		-moz-transition: all .3s ease-out;		-ms-transition: all .3s ease-out;	}	.KnowLifeTag p {		display: -webkit-box;		-webkit-box-orient: vertical;		-webkit-line-clamp: 1;		overflow: hidden;		padding-left: 35px;	}	.KnowLifeTag img {		max-width: 124px;		height: 89px;		position: absolute;		right: 38px;		top: 50%;		transform: translateY(-50%);		-webkit-transform: translateY(-50%);		-moz-transform: translateY(-50%);		-ms-transform: translateY(-50%);	}	.KnowLifeTag.active {		background-color: #d0a972;		color: #fff;		width: 100%;		z-index: 2;		border: 0;	}	.KnowLifeTag.active h2 {		color: #fff;	}		.KnowLife {margin: 60px auto 110px;background: #fff;}	.Experiences {		width: 100%;		display: flex;		justify-content: space-between;		flex-wrap: wrap;		box-sizing: border-box;		margin: 60px auto 0;	}	.Experiences .VideoCaseTag {text-align: center;width: 18%;height: 160px;background-color: #f3f3f3;border: 0;border-radius: 0;margin-right: 20px;font-size: 18px;color: #1b1b1b;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}	.Experiences .BaseNavImg {		margin-top: 17px;		height: 82px;		margin-bottom: 0;	}.KnowLifeImg {
		float: right;
		width: 54%;
		height: 100%;
		position: relative;
	}

	.KnowLifeImg .Por {
		top: inherit;
		bottom: 40px;
		width: 80%;
		left: 320px;
		background: #00000094;
		padding: 10px;
		position: absolute;
		transform: translate(-50%, -22%);
		-webkit-transform: translate(-50%, -22%);
		-ms-transform: translate(-50%, -22%);
		-moz-transform: translate(-50%, -22%);
	}
		.KnowLifeImg .Por h2{
			    font-size: 22px;
    color: #fff;
		}
.KnowLifeImg .Por p{font-size: 16px;
		}
	.KnowLifeSub .KnowLifeImg {
		display: none;
	}

	.KnowLifeContL {
		float: left;
		width: 44%;
	}

	.KnowLifeTag {
		width: 100%;
		height: 115px;
		border-bottom: 1px solid #fff;
		position: relative;
		font-size: 18px;
		letter-spacing: 1px;
		color: #1b1b1b;
		padding-top: 55px;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		-moz-transition: all .3s ease-out;
		-ms-transition: all .3s ease-out;
		cursor: pointer;
	}

	.KnowLifeTag h2 {
		font-size: 22px;
		color: #999999;
		margin-bottom: 10px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
		padding-left: 35px;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		-moz-transition: all .3s ease-out;
		-ms-transition: all .3s ease-out;
	}

	.KnowLifeTag p {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
		padding-left: 35px;
	}

	.KnowLifeTag img {
		max-width: 124px;
		height: 89px;
		position: absolute;
		right: 38px;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
	}


	.KnowLifeTag.active {
		background-color: #d0a972;
		color: #fff;
		width: 100%;
		z-index: 2;
		border: 0;
	}


	.KnowLifeTag.active h2 {
		color: #fff;
	}
	.am_base, .GlobalPartner .am_base p, .Crossover .am_base p {
    width: 100%;
    text-align: center;
    font-size: 19px;
    line-height: 30px;
    letter-spacing: 1px;
    color: #a2a2a2;
}
.Experiences .BaseNavImg {
    margin-top: 17px;
    height: 82px;
    margin-bottom: 0;
}
.BaseNavImg {
    width: 100%;
    position: relative;
    height: 38px;
    overflow: hidden;
    margin-top: 36px;
    margin-bottom: 10px;
    z-index: 2;
}
.Por, .BaseNavImg img, .CollaborativeFlex img, .CooperativeContFlex img, .GlobalPartnerImg img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: 2;
}
@media sc