@charset "utf-8";
/**
 * ***** common *****
*/ 
@font-face {
	font-family:"PingFang"; 
	src: url('../fonts/pingfang.eot'); 
	src: url('../fonts/pingfang.eot') format('embedded-opentype'), 
		 url('../fonts/pingfang.woff') format('woff'), 
		 url('../fonts/pingfang.ttf') format('truetype'), 
		 url('../fonts/pingfang.svg#pingfang') format('svg'); 
	font-weight: normal;
	font-style: normal;
}

*{font-family:"Microsoft YaHei","Arial"; font-weight: lighter}
body {position: relative;overflow-x: hidden;} 
input::-webkit-input-placeholder{color:#5a5a5a}
input::-moz-placeholder{color:#5a5a5a}
input:-moz-placeholder{color:#5a5a5a}
input:-ms-input-placeholder{color:#5a5a5a}
ul {list-style: none;margin: 0;padding: 0;}
/*ul:after {content:"\200B";display:block;height:0;clear:both; }
ul: {*zoom:1;}/*IE/7/6*/
h1, h2, h3, h4, h5, h6 {margin: 0;}
img {max-width: 100%;}
button,button:focus {outline: 0;}
p {margin-bottom: 0;}
a {display: inline-block;}



/* layout */
.fl {float: left;}
.fr {float: right;}
.text-right {text-align: right;}
.pos-rel {position: relative;}
.pt-60 {padding-top: 60px;}
.p-60-0 {padding: 60px 0}
.mt-50 {margin-top: 50px;}
.col-lg-1-5,.col-md-1-5,.col-sm-1-5,.col-xs-1-5{position:relative;min-height:1px;padding-right:15px;padding-left:15px}
.col-xs-1-5{width:20%;float:left}
@media (min-width:768px){
.col-sm-1-5{width:20%;float:left}

}
@media (min-width:992px){
.col-md-1-5{width:20%;float:left}
}
@media (min-width:996px){
.listcase #prolist .item:nth-child(3n+0){ margin-right:0;}
.listcase #prolist .item{ *height:auto;}
}
@media (min-width:1200px){
.col-lg-1-5{width:20%;float:left}
}
@media (min-width: 1366px){
.container {width: 1400px}

}
.l{float: left}
.r{float: right}
/* color */
a {color: #333;}
a:hover {text-decoration: none;}
.bg-gray {background:url(../images/bjh.jpg)}
.bg-white {background-color: #f6f5f3}

.pager ul {
    margin:0 0 20px 0 !important;
    *width: 100% !important;
}

/* btn */
.btn {display: inline-block;background: none;border-radius: 0;}
.btn-primary {padding: 0 20px;color: #fff;background-color: #dd7b6a;border-color: #dd7b6a;}
.btn-primary:hover,
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.dropdown-toggle.btn-primary.focus,
.open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover {background-color: #95723d;border-color: #95723d;}
.btn-radius {border-radius: 38px;}
.btn-easing {position: relative;}
.btn-easing span {position: relative;z-index: 2;}
.btn-easing:hover {color: #fff!important;}
.btn-easing:before{position:absolute;content:'';z-index:1;background:#dd7b6a;top:0;left:0;width:100%;height:100%;-moz-transition:-moz-transform .6s cubic-bezier(.8,0,.2,1);-o-transition:-o-transform .6s cubic-bezier(.8,0,.2,1);-webkit-transition:-webkit-transform .6s cubic-bezier(.8,0,.2,1);-webkit-transition-delay:0s;transition:transform .6s cubic-bezier(.8,0,.2,1);-moz-transform:scale(0,1);-ms-transform:scale(0,1);-webkit-transform:scale(0,1);transform:scale(0,1);-moz-transform-origin:right top;-ms-transform-origin:right top;-webkit-transform-origin:right top;transform-origin:right top}
.btn-easing:hover:before{-moz-transform-origin:left top;-ms-transform-origin:left top;-webkit-transform-origin:left top;transform-origin:left top;-moz-transform:scale(1,1);-ms-transform:scale(1,1);-webkit-transform:scale(1,1);transform:scale(1,1)}

.btn-around {position: relative;}
.btn-around i {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.btn-around:before,
.btn-around:after,
.btn-around i:before,
.btn-around i:after {content: '';position: absolute;background: #fff;transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;}
.btn-around:before {left: 0;top: 0;width: 0;height: 1px;}
.btn-around:after {right: 0;bottom: 0;width: 0;height: 1px;}
.btn-around i:before {left: 0;bottom: 0;width: 1px;height: 0;}
.btn-around i:after {right: 0;top: 0;width: 1px;height: 0;}
.btn-around:hover:before,
.btn-around:hover:after {width: 100%;}
.btn-around:hover i:before,
.btn-around:hover i:after {height: 100%;}

.btn-hollow {color: #979797;border: 1px solid #979797}
.btn-hollow span {color: #979797;}
.btn-hollow:active span,
.btn-hollow:hover span {color: #fff;}
.btn-mid {width: 235px;font-size: 16px;line-height: 36px;}

.btn-more {min-width: 145px;font-size: 16px;line-height: 38px;color: #3e3e3e;border: 1px solid #aaa}
.btn-more.inverted {color: #fff;border-color: #fff;}

/* form */
.form-primary .form-group {margin-bottom: 20px;}
.form-primary .form-control {min-height: 44px;font-size: 14px;line-height: 30px;color: #8C8C8C;background-color: #efefef;border-color: #ddd;}
.form-control:focus{border-color:#dd7b6a;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(188,155,105,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(188,155,105,.6)}
.form-primary .btn {padding: 8px 30px;}
.form-primary label.error {display: block;color: #dd7b6a;}

/* table */

/* title */
.title-first {margin-bottom: 46px; float: left}
.title-first h3 {display: inline-block;font-size: 16px;line-height: 30px;color: #323232;}
.title-first h3 span {position: relative;display: inline-block; padding-right: 23px;font-size: 24px;}
.title-first h3 span:after {content: '';display: block;position: absolute;bottom: 8px;right: 10px;width: 3px;height: 3px;background-color: #323232;border-radius: 50%;}
.title-first h3 .ss:after {content: '';display: block;position: absolute;bottom: 8px;right: 10px;width: 0px;height: 0px;background-color: #323232;border-radius: 50%;}
.sy-title-first{ padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #eae8e4;}
.title-first.inverted h3 {font-size: 16px;}
.title-first.inverted h3 span{font-size: 26px;}
.title-first.inverted h3 span:after {background-color: #323232}
.title-first .title-nav {float: right;}
.title-first .title-nav li {float: left;margin-left: 30px;}
.title-first .title-nav a {font-size: 14px;line-height: 30px;color: #323232;}
.title-first .title-nav a:hover {color: #dd7b6a;}

.title-item {margin-bottom: 15px;}
.title-item h3 {display: inline-block;padding: 0 18px;font-size: 16px;line-height: 46px;color: #dd7b6a;border: 1px solid #dd7b6a}
.title-item h3 .iconfont {float: left;margin-right: 8px;font-size: 20px;line-height: 46px;}

/* 背景渐变 */
.gradient-black {
    filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=100%,finishy=100%) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#000,endcolorstr=#737374,gradientType=0);
    -ms-filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=100%,finishy=100%) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#000,endcolorstr=#737374,gradientType=0);/*IE8*/
    background:#737374;
    background:-moz-linear-gradient(top, #000, #737374);
    background:-webkit-gradient(linear, left top, left bottom, from(#000), to(#737374));
    background:-o-linear-gradient(top, #000, #737374);
}

/* 缩略图 */
@media (max-width: 1366px){
.container{ width:100%;}
.col-sm-8 {width: 63.66666667%;}
.col-sm-4 {width: 36.33333333%;}
.footer-index .row .col-sm-1{ width:auto;}
.footer-index .row .col-sm-2{ width:225px;}
}
@media (max-width: 1280px){
.footer-index .row .col-sm-6 .row .col-sm-8{ width:100%;}
.footer-index .row .col-sm-6 .row .col-sm-4{ width:100%;}
}
@media screen and (max-width:1199px){
.thumbnail-img img{min-height:inherit !important;}
.indSec1_select::after {
    top: 18px !important;
    left: 45px !important;
}
.indSec1_select:nth-child(2)::after {
    top: 18px !important;
    left: 30px !important;
}

.listcase #prolist .item{ height:auto !important;}
.menu {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  height:70px;
  border-bottom:1px solid #eae8e4;
  border-left:1px solid #eae8e4;
  border-right:1px solid #eae8e4;
  margin-bottom:40px;
  display: flex;
  /*justify-content: center;*/
}
.menu * {
  box-sizing: border-box;
}
.menu .ul-list {
  display: flex;
}
.menu .ul-list > li:first-child{
  margin-left:50px;
  *height: 70px;
  width:100px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  text-decoration: none;
}
.menu .ul-list > li {
  flex: 1;
  border-right: 1px solid #eae8e4;
  position: relative;
}
.menu .ul-list > li i{ width:6px; height:8px; font-size:10px; margin-right:15px; background-image:url(../images/s1.jpg);}
/*.menu .ul-list > li:last-child {
  border-right: none;
}*/
.menu .ul-list > li > a {
  *height: 70px;
  width:100px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  text-decoration: none;
}
.menu .active{ border-bottom:#041920 1px solid;}
.menu .active i{width:8px !important; height:6px !important; margin-right:15px !important; background-image:url(../images/s2.jpg) !important;}
.menu .ul-list > li:first-child > a:hover{ border-bottom:none;}
.menu .ul-list > li:first-child > a:hover i{ width:6px; height:8px; font-size:10px; margin-right:15px; background-image:url(../images/s1.jpg);}
.menu .ul-list > li > a:hover { border-bottom:#041920 2px solid;}
.menu .ul-list > li > a:hover i{width:8px; height:6px; margin-right:15px; background-image:url(../images/s2.jpg);}
.menu .ul-list > li > span {
  color: #fff;
  font-size: 15px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #222;
}
.menu .ul-list > li:hover .ol-list {
  display: block;
}
.menu .ol-list {
  display: none;
  position: absolute;
  top: 70px;
  left: 0;
  z-index: 999;
  background: #333;
  width: 100%;
}
.menu .ol-list > li > a {
  font-size: 14px;
  text-decoration: none;
  color: #fff;
  height: 35px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #222;
  justify-content: center;
}
.menu .ol-list > li > a:hover {
  background: #222;
}


.anmenu1{
    height: 40px;
	line-height:40px;
    width: 100%;
	margin-top:30px;
	border-bottom: 1px solid #eae8e4;
	overflow:hidden;
	margin-bottom:10px;
}
.anmenu1 li{ float:left; padding:0 10px;}
.anmenu1 .act{ border-bottom:1px solid #333}
.anmenu{ margin-left:5px; margin-bottom:30px;}
.anmenu .indSec1_list .indSec1_select{ float:left;position: relative; margin-right:5px;}
.anmenu .indSec1_list .indSec1_select input[type=text] {
	width:120px;
    font-size: 14px;
    letter-spacing: 1px;
    cursor: pointer!important;
    outline: none;
}
.anmenu .indSec1_list .indSec1_select .indSec1_dropDown{ display:none;position: absolute; z-index:2;border-top: #041920 1px solid;background-color: #ffffff; width:100%;box-shadow: 0 0 5px rgba(0,0,0,0.1);}
.anmenu .indSec1_list .indSec1_select .indSec1_dropDown li {
    font-size: 14px;
    color: #000;
    padding: 0 15px;
    line-height: 40px;
    text-align: center;
    letter-spacing: 1px;
    cursor: pointer;
}
.indan input[type=button] {
	line-height:20px;
}


}

@media (max-width: 1048px){
.comm_r span {
    font-size: 20px !important;
    font-weight: bold;
    margin: 25px 0 0 50px !important;
    display: block;
}
}

@media (max-width: 1024px){
.footer-index .title{ *display:none;}
.footer-index .col-sm-6 .hidden-xs{ *display:none;}
}

@media (max-width: 995px){
.listcase #prolist .item{width: calc(100% / 2 - 20px) !important;height:auto !important;}
.listcase #prolist .item:nth-child(2n+0) {
    margin-right: 0;
}

.anmenu1{
    height: 40px;
	line-height:40px;
    width: 100%;
	margin-top:30px;
	border-bottom: 1px solid #eae8e4;
	overflow:hidden;
	margin-bottom:10px;
}
.anmenu1 li{ float:left; padding:0 10px;}
.anmenu1 .act{ border-bottom:1px solid #333}
.anmenu{ margin-left:5px; margin-bottom:30px;}
.anmenu .indSec1_list .indSec1_select{ float:left;position: relative; margin-right:5px;}
.anmenu .indSec1_list .indSec1_select input[type=text] {
	width:120px;
    font-size: 14px;
    letter-spacing: 1px;
    cursor: pointer!important;
    outline: none;
}
.anmenu .indSec1_list .indSec1_select .indSec1_dropDown{ display:none;position: absolute; z-index:2;border-top: #041920 1px solid;background-color: #ffffff; width:100%;box-shadow: 0 0 5px rgba(0,0,0,0.1);}
.anmenu .indSec1_list .indSec1_select .indSec1_dropDown li {
    font-size: 14px;
    color: #000;
    padding: 0 15px;
    line-height: 40px;
    text-align: center;
    letter-spacing: 1px;
    cursor: pointer;
}
.indan input[type=button] {
	line-height:20px;
}
}
@media (max-width: 992px){
#about .sp1{ display:none;}
#about .sp2{ width:100%;margin-left:auto;}
#about .sec11 img{ width:100%;}
#about .intro_2{ width:100% !important; margin:0 !important; padding-bottom:40px;}
.comm_l{ width:100%;flex: 0 0 100% !important; max-width:100% !important;}
.comm_l img{ width:100%;}
.comm_r{ width:100%;flex:0 0 100% !important; max-width:100% !important;padding-bottom:40px;}
.comm1_r{ width:100%;flex: 0 0 100% !important; max-width:100% !important;}
.comm1_r img{ width:100%;}
.comm1_l{ width:100%;flex:0 0 100% !important; max-width:100% !important;}
.mcomm{ display:block !important}
.hidden-comm{ display:none !important;}
.mcomm_r{ width:100%;flex: 0 0 100% !important; max-width:100% !important;}
.mcomm_l img{ width:100%;}
.mcomm_l{ width:100%;flex:0 0 100% !important; max-width:100% !important;}

.title-first1{ margin:30px 0 10px 0 !important; float:none !important; text-align:center;}
.index_main2_xk{ float:none !important;}
.menu .ul-list > li > a {
  width:70px !important;
}
.pager ul li a {
    padding: 0 7px !important;
    margin: 2px !important;
    line-height: 28px !important;
}
}
@media (max-width: 976px){
.footer-index .title{ display:none;}
.hidden-xs{ display:none;}
.footer-index .row .col-sm-2{ width:100%;}
.footer-top .copyright{ width:100%;}
.footer-top .col-sm-6{ width:100%;}
}
@media (max-width: 959px){
.menu {
    height: 40px;
    line-height: 40px;
    margin: 0 5px;
}
.menu .ul-list li {
    float: left;
    padding: 0 15px 0 0;
}
}
@media (max-width: 796px){
.thumbnail-img img{ min-height:inherit !important;}
.listcase #prolist .item{ width:100% !important; margin-right:0; height:auto !important;}
#about .sec11 img{width:100%; height:auto;}
.menu{ border:0;}
.menu .ul-list > li{ border:0;padding: 0 10px 0 0;}
.menu .ul-list > li:first-child{ margin-left:0;}



}
.thumbnail-img {position: relative;font-size: 0;overflow: hidden;}
.thumbnail-img img {display: block;width: auto; z-index:1;max-height:405.88px; min-height:405.88px;}

/*.thumbnail-img img{display: block;width: 100%; z-index:1;max-width:405.88px;myimg:expression_r(onload=function(){this.style.width=(this.offsetWidth > 405.88)?"405.88px":"auto"});}*/
.thumbnail-img .mark {position: absolute;bottom: 0;left: 0;width: 100%;background: none}


@media (min-width: 1200px){
/*.col-lg-4 {
    width: calc(100% / 3);height: auto;float: left;overflow: hidden;
}
.thumbnail-img {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 0px;
    padding-bottom: 100%;
}
.thumbnail-img img {
    position: absolute;
    top: 0%;
    left: 0%;
    transform: translate(0%, 0%);
    width: 100%;
    transition: all .5s ease;
}*/
}
/* 单行文本溢出 */
.text-ellipsis,
.list-product .item h3,
.summary .info .title,
.list-news .title h3,
.list-news .title .time,
.list-text a,
.list-news-card .title h3 {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

/* 渐变动画 */
#menu>ul>li>a:before,
#menu>ul>li>a:after,
.header,
.header *,
.product-nav a,
.thumbnail-img img,
.list-case .info,
.swiper-guide-text-container .swiper-guide-list-icon span,
.brand-story-index .content .btn-enter .iconfont,
.nav-fast .icon {transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}

/* 垂直居中 */
.middle-box{display: table;margin:0 auto; position:relative;}
.middle-inner{display: table-cell; vertical-align:middle; *position:absolute; *top:50%; *left:50%; width:100%; text-align:center;}
.middle-inner p{position:relative; *top:-50%; *left:-50%;}
.middle-inner.text-left {text-align: left;}


/* 主菜单 */

.head{position: absolute;width:100%;z-index: 9999; margin-top: 1%}
.head .headrg .logo {height: 56px; padding:5px; margin-left: 3%}
.head .headrg .logo img{height:40px;}
.head .navbox{width: 100%;margin: 15px auto 0; }
.head .nav{display: block; float: left;width:100%; position: relative;}
.head .nav .nav_pc{ width:75% }
.head .nav ul {text-align: right}
.head .nav ul li{box-sizing: border-box;z-index: 999; min-width: 150px; display: inline-block;}
.head .nav ul li .f_a{line-height:38px;display:block;text-align:center;font-size:16px;color:#fff; text-decoration: none;}
.head .nav ul li .f_a span{display:block; font-size: 6px; line-height: 6px; color: #8f8f8f; font-family: Arial, "sans-serif";transform: scale(0.83,0.83) ;
   *font-size: 10px;}
.head .nav ul li:hover .f_a ,.head .nav ul li:hover .f_a span{color: #dd7b6a; transition:all .3s}
.head .nav ul li .s_navbox{display:none; position:absolute;left: 0; top:52px; width: 100%; background-color: rgba(4,25,32,0.8);z-index: 9999;box-sizing: border-box; text-align: left;padding: 15px 0;}
.head .nav ul li .s_navbox .s_a a{color:#fff;font-size:14px;text-transform:uppercase;display:inline-block;text-align: center; margin: 0 1%;/*border-bottom: #0b262f solid 1px;*/ line-height: 180%}
.head .nav ul li .s_navbox .s_a a:hover{color: #dd7b6a; /*border-bottom: #dd7b6a solid 1px;*/}
.m_nav{display:none}
.headlf .m_logo{display: none}
.headrg .m_menuimg{display: none}




/*小于1600大于1200稍微调整下字体*/
@media screen and (max-width: 1600px) and (min-width:1400px) {
   
   .head .nav ul li{box-sizing: border-box;z-index: 999; min-width: 120px;}	
}

/*小于1600大于1200稍微调整下字体*/
@media screen and (max-width: 1400px) and (min-width:1200px) {
 
   .head .nav ul li{box-sizing: border-box;z-index: 999; min-width: 120px;}	
}



/*小于1600大于1200稍微调整下字体*/
@media screen and (max-width: 1200px) and (min-width:1090px) {
   .head .nav ul li{box-sizing: border-box;z-index: 999; min-width: 100px;}	
}


/*小于1600大于1200稍微调整下字体*/
@media screen and (max-width: 1090px) and (min-width:1024px) {
   .head .nav ul li{box-sizing: border-box;z-index: 999; min-width: 90px;}	
}

/*移动端导航*/
@media screen and (max-width: 1024px) and (min-width: 0px){
   .msgNum{display: none;}
   .slider{margin-top: 44px;}
   .head{display:none}
   .m_img{display:block;height:50px;background:#041920;position:fixed;top:0px;left:0px;width:100%;z-index:9999;border-bottom:1px solid #0a2e3a;overflow: hidden; }
   .m_img .headlf{padding-top:2px;padding-left:5px;float: left;}
   .m_img .headlf .m_logo{height:35px;  margin-top: 3.5%; margin-left: 2.5%; display: block}
   .m_img .headrg{padding-right:5%;padding-top:14px;float: right;}
   .m_img .headrg a .m_menuimg{height:16px;vertical-align:top;display: block}
   .m_nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
   .m_nav .closecover{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
   .m_nav .closeicon{position:absolute;width:20%;left:30px;top:5%;z-index:100;text-align:left;filter:alpha(opacity=0);opacity:0}
   .m_nav .m_navList{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%;overflow-y: scroll;}
   .m_nav .m_navList ul{padding-left:5%;padding-right:5%}
   .m_nav .m_navList ul li{border-bottom:1px solid #232530}
   .m_nav .m_navList ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
   .m_nav .m_navList ul li .m_f_a{display: flex;align-items: center;justify-content: space-between; width: 100%}
   .m_nav .m_navList ul li .m_f_a a{flex: 1;}
   .m_nav .m_navList ul li .m_f_a i{width: 40px;height:35px;box-sizing: border-box; padding:0 5px; display: block;}
   .icon{ background:url(../images/plus.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .icon_on{background:url(../images/reduce.jpg) 50% no-repeat!important;background-position: 50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .m_nav .m_navList ul li .m_s_nav{display:none;width: 100%;}
   .m_nav .m_navList ul li .m_s_nav a{display: block; height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}

.menu{ *height:40px; *line-height:40px; margin:0 5px;}
.menu .ul-list li{float:left; padding:0 15px 0 0;}
.menu .ul-list .ac a{ font-weight:bold;}
.menu .ul-list > li i {
width: 6px;
height: 8px;
font-size: 10px;
margin-right: 5px;
float:left;
margin-top:1px;
background-image: url(../images/s1.jpg);
}

}



 * *****guide*****
 */
#fp-nav ul li a span, .fp-slidesNav ul li a span {background-color: #fff}

.guide {position: relative;/*font-size: 0; margin-top: -14px;*/ }
.guide .head{}
.fixed {position: fixed; top: 0; left: 0;z-index: 99;width: 100%;height: 78px; background: url("../images/dhbj.png"); margin-top: 0;}
.guide .swiper-container {height: 100%;margin-top:-60px;}
.guide .swiper-slide {background-repeat: no-repeat;background-position: center bottom; background-size: cover; image-rendering: -webkit-optimize-contrast;}
.guide .swiper-pagination {bottom: 40px}
.guide .swiper-pagination-bullet {position: relative;width: 30px;height: 30px;background: none;opacity: 1;}
.guide .swiper-pagination-bullet-active {border-color: #dd7b6a;}
.guide .swiper-pagination-bullet:before {content: '';display: block;position: absolute;top: 11px;left: 11px;width: 26px;height: 3px;background-color: #10211f;border-radius: 5px;}
.guide .swiper-pagination-bullet-active:before {background-color: #26514d}
.guide .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px; display:none;}
.guide .middle-box {width: 100%;height: 100%;}
.guide .title {color: #fff;}
.guide .title h3 {font-size: 40px;line-height: 60px;}
.guide .title h4 {font-size: 28px;line-height: 60px;}
.swiper-guide-text-container {position: absolute;bottom: 40px;left: 0;z-index: 2;width: 100%;font-size: 16px;line-height: 30px;color: #fff;}
.swiper-guide-text-container .container {position: relative;}
.swiper-guide-text-container .swiper-guide-list-icon {position: absolute;bottom: -1px;left: 0;}
.swiper-guide-text-container .swiper-guide-list-icon span {display: block;width: 26px;height: 1px;margin-top: 15px;background-color: #fff}
.swiper-guide-text-container .swiper-guide-list-icon span:first-child {margin-top: 0;}
.swiper-guide-text-container .swiper-guide-list-icon span.active {width: 48px;}
.swiper-guide-text-container .swiper-guide-list-text {position: absolute;bottom: -10px;right: 0;font-size: 46px;line-height: 60px;color: #fff;border-bottom: 1px solid #fff;}



/**
 * ***** main *****
 */
.main-content {background-color: #fff;}

.main-aside .ad {font-size: 0;line-height: 0;}
.main-aside .ad img {display: block;width: 100%;}
.main-aside .section {margin-top: 20px;padding: 30px;}
.main-aside .section .title h3 {margin-bottom: 10px;font-size: 18px;line-height: 30px;color: #222;}

.section {background-color: #fff}
.section-inner {padding: 40px;}

.background-cover {background-repeat: no-repeat;background-size: cover;}

/* banner */
.banner {padding-top: 114px;background-repeat: no-repeat;background-position: center top; background-size: cover; margin-top: -62px;}
.banner .container {}
.banner .container .middle-box {width: 100%;min-height: 370px;}
.banner .container .middle-inner {text-align: right;}
.banner .title {color: #fff;}
.banner .title h3 {position: relative;padding-bottom: 19px;font-size: 28px;line-height: 38px;}
.banner .title h2 {position: relative;padding-top: 12px;font-size: 20px;line-height: 30px;}
.banner .title h3:after {content: '';display: block;position: absolute;bottom: 0;right: 0;width: 46px;height: 1px;background-color: #fff}
.banner .title .logo {height: 42px;margin-top: 27px;}

/* 更多 */
.more .btn-enter {display: inline-block;position: relative;padding: 0 20px;font-size: 14px;line-height: 50px;border: 1px solid #000;text-transform: uppercase;}
.more .btn-enter .iconfont {float: right;margin-left: 10px;}

/* location */
.location {margin-bottom: 50px;padding: 38px 0 10px 0;border-bottom: 2px solid #efefef; text-transform:uppercase;}
.location1 {margin-bottom: 10px;padding: 8px 0;border-bottom: 2px solid #0e343a; text-transform:uppercase;}
.location .title h3 {font-size: 24px;line-height: 58px;color: #fff;}
.location .title span {display: inline-block;line-height: 38px;color: #fff; position: relative; padding-right: 23px;}
.location .title span i {float: left;margin: 0 6px;color: #fff;}
.location .title h3 span:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 8px;
    right: 10px;
    width: 3px;
    height: 3px;
    background-color: #fff;
    border-radius: 50%;
}
.location .pull-right {font-size: 0}
.location .nav-pills {margin-top: 6px;}
.location .nav-pills a {min-width: 100px;}
.nav-pills li {margin-bottom: 5px;margin-left: 5px;}
.nav-pills>li+li {margin-left: 5px;}
.nav-pills>li>a {display: block;font-size: 15px;line-height: 18px; font-weight:bold;color: #888888;/*border-radius: 38px;background-color: #ddd;text-align: center;*/padding: 10px 0px !important;}
.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,

.nav-pills>li>a:hover,
.nav-pills>li>a:focus:hover {color: #888888;background:none !important;}
.nav-pills>li.active>a{color: #000000;background:none !important;font-size:18px}
.nav-pills>li.active>a:hover{color: #000000;}
.nav-pills>li>a:focus {color: #fff;background-color: #dd7b6a;}

/* 首页-品牌故事 */
.brand-story-index {padding: 84px 0 35px}
.brand-story-index .content {position: relative;padding-right: 656px;font-size: 14px;line-height: 30px;color: #cdcdcd;text-align: justify;}
.brand-story-index .content p {margin-bottom: 30px;}
.brand-story-index .content p:last-child {margin-bottom: 0;}
.brand-story-index .content .story {position: absolute;top: -50px;right: 0;width: 549px;}
.brand-story-index .content img {display: block;width: 100%;}
.brand-story-index .content .btn-enter {position: absolute;bottom: 26px;left: -64px;padding: 0 24px;font-size: 19px;color: #fff;height: 40px;line-height: 40px;background-color: #dd7b6a;}
.brand-story-index .content .btn-enter span {float: left;display: inline-block;line-height: 40px;}
.brand-story-index .content .btn-enter .iconfont {position: relative;float: right;margin-left: 10px;margin-top: -2px;}
.brand-story-index .content .btn-enter:hover .iconfont {right: -5px;}
.brand-story-index .btn-easing:before{position:absolute;content:'';z-index:1;background:#ad8953;top:0;left:0;width:100%;height:100%;-moz-transition:-moz-transform .6s cubic-bezier(.8,0,.2,1);-o-transition:-o-transform .6s cubic-bezier(.8,0,.2,1);-webkit-transition:-webkit-transform .6s cubic-bezier(.8,0,.2,1);-webkit-transition-delay:0s;transition:transform .6s cubic-bezier(.8,0,.2,1);-moz-transform:scale(0,1);-ms-transform:scale(0,1);-webkit-transform:scale(0,1);transform:scale(0,1);-moz-transform-origin:right top;-ms-transform-origin:right top;-webkit-transform-origin:right top;transform-origin:right top}
.brand-story-index .btn-easing:hover:before{-moz-transform-origin:left top;-ms-transform-origin:left top;-webkit-transform-origin:left top;transform-origin:left top;-moz-transform:scale(1,1);-ms-transform:scale(1,1);-webkit-transform:scale(1,1);transform:scale(1,1)}
.brand-story-index .btn-easing:hover {border-color: #ad8953;}

/* 首页-产品 */
.product-index {padding: 62px 0 10px;
	/*background: url(../images/bg_product1.png) no-repeat right top 186px,*/
				/*url(../images/bg_product2.png) no-repeat left bottom 100px;*/
	background-color: #fff;
}
.main {
    padding-bottom: 0;
}

.product-index .swiper-pagination {width: auto;left: auto;right: 20px;bottom: 40px;font-size: 0}
.product-index .swiper-pagination-bullet {width: 29px;height: 5px;background-color: transparent;border: 1px solid #ccc;border-radius: 0;opacity: 1;}
.product-index .swiper-pagination-bullet-active {background-color: #ccc}
.product-index .btn-more {margin-top: 60px;}

/* 首页-设计师 */
.designer {padding: 100px 0 70px;background: url(../images/bg_designer.jpg) no-repeat center / cover;}
.designer .swiper-slide {text-align: center}
.designer .avatar {width: 180px;height: 180px;margin: 0 auto;border-radius: 50%;border: 4px solid rgba(255, 255, 255, .4);overflow: hidden;}
.designer .avatar img {display: block;width: 100%;height: 100%;}
.designer .title {position: relative;margin-top: 30px;margin-bottom: 30px;padding-bottom: 10px;}
.designer .title:after {content: '';display: block;position: absolute;bottom: 0;left: 50%;width: 40px;height: 2px;margin-left: -20px;background-color: #b9b9b9;}
.designer .title h4 {font-size: 20px;line-height: 30px;color: #fff;}
.designer .title h4 span {font-size: 16px}
.designer .title h5 {margin-top: 5px;font-size: 14px;line-height: 30px;color: #b9b9b9;}
.designer p {font-size: 14px;line-height: 30px;color: #ededed;}
.designer .btn {margin-top: 40px;}
.swiper-designer .swiper-button-next,
.swiper-designer .swiper-button-prev {width: 50px;height: 50px;margin-top: -25px;-moz-background-size: 12px 22px;-webkit-background-size: 12px 22px;background-size: 12px 22px;border: 1px solid #fff;border-radius: 50%;}
.swiper-designer .swiper-button-next {right: 0;background-image: url(../images/group_next.png);}
.swiper-designer .swiper-button-prev {left: 0;background-image: url(../images/group_prev.png);}
.swiper-designer .swiper-button-next:hover {border-color: #dd7b6a;background-image: url(../images/group_next_h.png);}
.swiper-designer .swiper-button-prev:hover {border-color: #dd7b6a;background-image: url(../images/group_prev_h.png);}
.swiper-designer .swiper-pagination {top: -50px;bottom: auto;right: 0;left: auto;width: auto;}
.swiper-designer .swiper-pagination-bullet {width: 36px;height: 5px;margin: 0 5px;background-color: #ccc;border-radius: 0;opacity: 1;}
.swiper-designer .swiper-pagination-bullet-active {background-color: #dd7b6a}

/* 产品列表 */
.list-product .item {display: block;position: relative;float: left;width: 32.33%;margin: 0 .5% 15px .5%;font-size: 0;line-height: 0;}
.list-product .item img {display: block;width: 100%;}
.list-product .item .cover {display: none;position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;color: #fff;background-color: rgba(0,0,0,.75)}
.list-product .item .middle-box {width: 100%;height: 100%;}
.list-product .item h3 {position: relative;padding-bottom: 20px;font-size: 20px;line-height: 24px;;}
.list-product .item h3:after {content: '';display: block;position: absolute;bottom: 0;left: 50%;width: 38px;height: 1px;margin-left: -19px;background-color: #fff}
.list-product .item .btn {margin-top: 10px;color: #a6a6a6;}

/* 品牌故事 */
.brand-story {min-height: 382px;}
.brand-story video{width: 560px;} 
.brand-story>div {min-height: 382px;}
.brand-story .middle-box {min-height: 312px;}

/* 轮播组件样式 */
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {cursor: not-allowed;}
/* 概要 */
.summary img {display: block;width: 100%;}
.summary .swiper-container {font-size: 0}
.summary .swiper-button-next,
.summary .swiper-button-prev {top: auto;bottom: 10px;width: 42px;height: 40px;background-color: rgba(0,0,0,.6);-moz-background-size: 11px 21px;-webkit-background-size: 11px 21px;background-size: 11px 21px;}
.summary .swiper-button-next {background-image: url(../images/summary_next.png);}
.summary .swiper-button-prev {left: auto;right: 57px;background-image: url(../images/summary_prev.png);}
.summary .swiper-button-next:hover,
.summary .swiper-button-prev:hover {background-color: #dd7b6a}
.summary .info {padding: 20px;}
.summary .info .title {font-size: 16px;line-height: 30px;color: #dd7b6a;}
.summary .info p {font-size: 14px;line-height: 24px;color: #8c8c8c; height: 160px; width: 100% }
.summary .info p.p1 {font-size: 14px;line-height: 24px;color: #8c8c8c; height: 30px; width: 100% }
.summary .info-design {padding: 30px 17px}
.summary .info-design .title {position: relative;margin-bottom: 15px;padding-bottom: 20px;font-size: 20px;line-height: 30px;color: #e7e7e7;}
.summary .info-design .title:after {content: '';display: block;position: absolute;bottom: 0;left: 0;width: 50px;height: 2px;background-color: #afafaf}
.summary .info-design li {font-size: 14px;line-height: 30px;color: #8d8d8d;}

/* 组别 */
.swiper-group .swiper-button-next,
.swiper-group .swiper-button-prev {width: 50px;height: 50px;margin-top: -25px;-moz-background-size: 12px 22px;-webkit-background-size: 12px 22px;background-size: 12px 22px;border: 1px solid #808080;border-radius: 50%;}
.swiper-group .swiper-button-next {right: 20px;background-image: url(../images/group_next.png);}
.swiper-group .swiper-button-prev {left: 20px;background-image: url(../images/group_prev.png);}

.swiper-group .swiper-button-next:hover {border-color: #dd7b6a;background-image: url(../images/group_next_h.png);}
.swiper-group .swiper-button-prev:hover {border-color: #dd7b6a;background-image: url(../images/group_prev_h.png);}

/* 文章 */
.article-title {position: relative;margin-bottom: 18px;padding-bottom: 18px;text-align: left;}
.article-title:after {content: '';display: block;position: absolute;bottom: 0;left: 50%;width: 42px;height: 1px;margin-left: -21px;background-color: #d0d0d0}
.article-title .title {margin-bottom: 10px;font-size: 24px;line-height: 30px;color: #222;font-weight: 700;}
.article-title .author {font-size: 14px;line-height: 30px;color: #8c8c8c; background:#ececec; border-radius: 30px; padding: 0.5% 1.5%; display: inline;}
.article-content {position: relative;font-size: 14px;line-height: 30px;color: #222;text-align: justify;}
.article-content .title {margin-bottom: 5px;font-size: 20px;line-height: 30px;color: #dd7b6a;}
.article-content p {margin-bottom: 20px;}
.article-content img {/*display: block;margin: 10px auto;*/ height:auto !important;}
.article-content .img-inline {width: auto;margin: 0;}
.article-content .indent p {text-indent: 2em;}

.product-title .author {font-size: 14px;line-height: 180%;color: #8c8c8c;}
.product-title {position: relative;margin-bottom: 18px;padding-bottom: 18px;text-align: left;}
.product-title .title {margin-bottom: 10px;font-size: 18px;line-height: 30px;color: #222;}


.lift {padding: 0.5% 0; display: block;}

.lift span:nth-child(1){ float: left;} 
.lift span:nth-child(2){ float: right;} 
.pager a {
 color: #666;
 text-decoration: underline;
}
/* -- pager class two -- */
.pager ul {
 display: inline-block;
 *display: inline;
 text-align: center;
 width: 100%;
}
.pager ul li {
 display: inline;
}
.pager ul li a {
 padding: 0 14px;
 margin: 0 0.1%;
 line-height: 38px;
 text-decoration: none;
 background-color: #ffffff;
 border-radius: 0;	
}
.pager ul li a:hover {
 background-color: #f5f5f5;
}
.pager ul .active a {
 background-color: #F7E235;
 color: #000000;
 cursor: default;
}


.std_topbox{padding:19px 28px; width:694px; height:auto; overflow:hidden; margin:0 auto;}
.std_topbox .sp01{ font-size:18px; padding-left:45px; height:36px; line-height:36px; color:#fff; padding-right:18px; float:left; display:inline-block}
.std_se_01{border:1px solid #cdcdcd; padding:5px; line-height:37px; height:37px; width:200px; float:left; margin-right:20px; }
.std_search{ float:left; width:92px; height:36px; line-height:36px; text-align:center; background:#666; color:#fff; font-size:18px; cursor:pointer; border:none;}
.std_search:hover{background: #C2A49E;}
.bg85{ height:85px; background:#000;}


.wdcx-list .item{ background-color: #fff; float:left; width:100%; *height:130px; margin-top: 30px; margin-right:30px; margin-bottom:32px; cursor:pointer; padding:15px;}
.wdcx-list .item .img{width: 35%; padding: 2%; box-sizing: border-box; float: left}
.wdcx-list .item .img img{width: 150px; height: 110px;}
.wdcx-list .item .txt{width: 65%; float: right}
.wdcx-list .item .t1{ margin-top:12px; line-height:24px; font-size:18px; color:#000; margin-bottom:4px;}
.wdcx-list .item .t2{ line-height:24px; height:24px; overflow:hidden; font-size:14px; color:#666}
.wdcx-list .item .t3{ height:24px; line-height:24px; }



/* 分享 */
.share {margin-top: 30px;font-size: 0;line-height: 0;}
.share .inner {display: inline-block;}
.share .inner>* {float: left;font-size: 14px;line-height: 36px;text-align: center;color: #8c8c8c;}
.share .iconfont {width: 36px;height: 36px;margin-left: 10px;font-size: 16px;color: #fff;background-color: #2d2d2d;border: 1px solid #525252;cursor: pointer;}
.share .iconfont:hover {background-color: #dd7b6a;border-color: #dd7b6a;}

/* 条款 */
.terms {padding: 50px;font-size: 14px;line-height: 30px;color: #1d1d1d;background-color: #fff;}
.terms .title {font-size: 16px;line-height: 30px;color: #dd7b6a;}
.terms p {margin-bottom: 30px;font-size: 14px;line-height: 30px;color: #1d1d1d;}
.terms p.cue{color:#f00}
.terms p a {color: #1d1d1d;}
.terms p a:hover {color: #fff;}

/* 优势 */

@media (min-width: 1024px){
.advantage {margin: 0 10%}
}

.advantage .news-h{font-size:20px;  line-height: 1.4; height:9em; overflow: hidden; margin: 4em 0 0.2em; color: #323232; position: relative;}
.advantage .news-h h2{font-weight:lighter; line-height: 4rem;color:#fb8874}
.advantage .news-h span{
	 position: absolute;
     top: 110px;
     left: 0;
     right: 95%;
     height: 2px;
     content: '';
     -webkit-transform: scaleY(.5);
     transform: scaleY(.5);
}
.advantage .news-h p{ margin-top:9%;font-size:14px;}



.advantage .summary {position: relative;padding-left: 0;padding-right:0;}

.advantage .swiper-container {width: 100%;height: 100%;}
.advantage .swiper-slide {background-repeat: no-repeat;background-size: cover;background-position: center;}
.advantage .middle-box {width: 100%;height: 100%;}
.advantage .middle-inner {text-align: left;}
.advantage .title {position: relative;margin-bottom: 20px;padding-bottom: 15px;font-size: 20px;line-height: 30px;font-weight: bolder;color: #dd7b6a;}
.advantage .title:after {content: '';display: block;position: absolute;bottom: 0;left: calc(50% - 21px);width: 42px;height: 1px;background-color: #dd7b6a}
.advantage p {margin-bottom: 20px;font-size: 14px;line-height: 24px;color: #1d1d1d;}
.advantage p strong {display: block; font-weight: 700;}


/* 企业资质 */
.list-honor {position: relative;padding: 80px 100px}
.list-honor .swiper-slide {font-size: 0;line-height: 0;text-align: center;}
.list-honor .swiper-slide .img-content {display: inline-block;margin: 0 auto;padding: 8px;border: 1px solid #787878}

/* 新闻列表 */
.list-news .item {position: relative;width: 100%;height: 245px;margin-top: 40px;padding-left: 406px;background-color: #fff}
.list-news .item:first-child {margin-top: 0;}
.list-news .thumbnail {position: absolute;top: 0;left: 0;width: 406px;height: 245px;margin: 0;background-repeat: no-repeat;background-size: cover;border: none;border-radius: 0;}
.list-news .content {padding: 40px 10px 40px 50px;font-size: 14px;line-height: 30px;color: #8c8c8c;}
.list-news .title {position: relative;margin-top: 12px;margin-bottom: 10px;padding-bottom: 10px;}
.list-news .title h3 {display: block;font-size: 18px;line-height: 30px;color: #000;}
.list-news .title:after {content: '';display: block;position: absolute;bottom: 0;left: 0;width: 42px;height: 1px;background-color: #fff}
.list-news a:hover h3 {color: #dd7b6a;}
.list-news .time .iconfont {float: left;margin-right: 10px;}
.list-news p {height: 60px;overflow: hidden;}

/* 新闻列表简约 */
.list-text a {display: block;padding: 5px 0;font-size: 14px;line-height: 24px;color: #8c8c8c;}
.list-text a:hover {color: #fff;}

.list-news-card {padding: 60px 0 48px;}
.list-news-card .item {display: block;padding: 10px; background-color: #efefef;}
.list-news-card .thumbnail {height: 190px;padding: 0;border: none;overflow: hidden;border-radius: 0;}
.list-news-card .thumbnail img {width: 100%;}
.list-news-card .info {padding: 0 10px 30px;}
.list-news-card .title {position: relative;margin-bottom: 24px;padding-bottom: 20px;}
.list-news-card .title h3 {font-size: 18px;line-height: 32px;color: #323232;}
.list-news-card .title .time {font-size: 16p;line-height: 22px;color: #454545;}
.list-news-card .title:after {content: '';display: block;position: absolute;bottom: 0;left: 0;width: 30px;height: 1px;background-color: #323232}
.list-news-card p {font-size: 14px;line-height: 28px;color: #323232;}
.list-news-card .swiper-pagination {top: -50px;bottom: auto;right: 0;left: auto;width: auto;}
.list-news-card .swiper-pagination-bullet {width: 36px;height: 5px;margin: 0 5px;background-color: #ccc;border-radius: 0;opacity: 1;}
.list-news-card .swiper-pagination-bullet-active {background-color: #dd7b6a}

.list-news-card .btn {margin-top: 10px;}

@media (min-width: 768px) {
	.list-news-card .item:hover {background: #041920}
	.list-news-card .item:hover .title h3,
	.list-news-card .item:hover .title .time,
	.list-news-card .item:hover p {color: #fff;}
	.list-news-card .item:hover .title:after {background-color: #fff}
}

/* 快捷导航 */
.nav-fast {padding: 20px 0 20px;text-align: center;background:url(../images/bj.jpg)}
.nav-fast .inner {position: relative;display: inline-block;}
.nav-fast .icon {float: left;height: 40px;margin-right: 25px;background-repeat: no-repeat;background-size:contain;}
.nav-fast h4 {display: inline-block;font-size: 15px;line-height: 40px;color: #fff;}
.nav-fast .icon-sketchpad {width: 41px;background-image: url(../images/sketchpad.png);}
.nav-fast .icon-shop {width: 38px;background-image: url(../images/shop.png);}
.nav-fast .icon-join {width: 44px;background-image: url(../images/join.png);}
.nav-fast .icon-tel {width: 26px;background-image: url(../images/tel.png);}
.nav-fast .item {position: relative;}
.nav-fast .item:before {content: '';position: absolute;top: 0;left: 0;width: 1px;height: 32px;background-color: #fff}
.nav-fast .item:first-child:before {content: none;}
.nav-fast a:hover .icon {margin-top: -4px;}
.nav-fast a:hover h4 {color: #fff;}

/* 商标轮播 */
.swiper-trademark {padding-bottom: 34px;}
.swiper-trademark .swiper-slide {height: 106px;}
.swiper-trademark .middle-box {border: 1px solid #3b3b3b;}
.swiper-trademark .middle-inner {padding: 10px;text-align: center;}
.swiper-trademark .middle-inner img {max-width: 100%;max-height: 100%;}
.swiper-trademark .swiper-pagination {font-size: 0}
.swiper-trademark .swiper-pagination-bullet {width: 36px;height: 5px;background-color: #ccc;border-radius: 0;opacity: 1;}
.swiper-trademark .swiper-pagination-bullet-active {background-color: #dd7b6a}

/* 案例列表 */
.list-case .item {margin-bottom: 20px; z-index:2;}
.list-case .thumbnail-img {position: relative;font-size: 0;line-height: 0;}
.list-case .cover {display: none;position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.63)}
.list-case .cover .middle-box {width: 100%;height: 100%;}
.list-case .cover .iconfont {display: inline-block;width: 54px;height: 54px;font-size: 20px;line-height: 50px;border: 2px solid #fff;border-radius: 50%;color: #fff;text-align: center;;}
.list-case .cover .iconfont:hover {color: #dd7b6a;border-color: #dd7b6a;}
.list-case .info {padding: 10px 20px; background-color: #efefef}
.list-case .info .title {font-size: 18px;line-height: 30px;color: #333;}
.list-case .info p {font-size: 16px;line-height: 30px;color: #8d8d8d;}
.list-case a:hover .thumbnail-img img {transform: scale(1.1);-webkit-filter: brightness(50%);filter: brightness(50%);/*-webkit-filter: contrast(50%);filter: contrast(50%);*/}
.list-case a:hover .info {background-color: #dd7b6a;}
.list-case a:hover .info .title,
.list-case a:hover .info p {color: #fff;}

/*产品列表*/
.listcase{}
.listcase #prolist{}
.listcase #prolist .item{}
.listcase #prolist .item{ float:left; margin-right:30px;width:calc(100% / 3 - 20px); *width:calc(33.333% - (10px + 5px) * 2 - 15px); display:flex; justify-content:center;align-items:center; height:405px; overflow:hidden; margin-bottom:20px;}

.listcase #prolist .item:hover img{transform: scale(1.1);-webkit-filter: brightness(50%);filter: brightness(50%);/*-webkit-filter: contrast(50%);filter: contrast(50%);*/}
.listcase #prolist .item img {width: 100%;height: 100%;object-fit:cover;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}

@media (max-width: 480px){
.list-case a {margin:0 auto 20px; padding-left: 10%}
.list-case #prolist a {margin:0 auto 20px; padding:0 3%}
}


/* 推荐 */
.recommend-content {position: relative;}
.recommend-content:before {content: '';display: block;position: absolute;top: 0;right: 25%;width: 1px;height: 100%;margin-right: -15px;background-color: #d4d4d4}
.recommend {padding-left: 30px;}
.recommend .title h3 {margin-bottom: 10px;font-size: 20px;line-height: 32px;color: #089875;}
.recommend li {margin-bottom: 15px;}
.recommend a {position: relative;display: block;min-height: 80px;padding-left: 126px;}
.recommend .thumbnail-img {position: absolute;top: 0;left: 0;width: 112px;height: 80px;background-repeat: no-repeat;background-size: cover;background-position: center;}
.recommend .title {font-size: 14px;line-height: 24px;color: #3d3d3d;}
.recommend p {margin-bottom: 0;font-size: 12px;line-height: 24px;color: #7e7e7e;}
.recommend .btn-enter {margin-top: 8px;padding: 0;height: 24px;font-size: 14px;line-height: 22px;color: #5d5d5d;}
.recommend .btn-enter:hover {padding: 0 5px;color: #fff;background-color: #0F753F;}
.recommend a:hover .title {color: #0F753F;}

/* 联系我们 */
.contact-content>div {height: 400px;}
.contact-content .map {padding-right: 0;}
#map {height: 100%;z-index: 10;}
.amap-info-content {background-color: #dd7b6a;border-color: #dd7b6a;}
.amap-info-sharp {background-image: url(../images/sharp.png);}
.amap-info-close {display: none;}
.contact-info {padding-left: 0;font-size: 14px;line-height: 30px;color: #8d8d8d;background-color: #343434}
.contact-info .middle-box {width: 100%;height: 100%;padding: 0 50px}
.contact-info .title {position: relative;margin-bottom: 20px;padding-bottom: 20px;}
.contact-info .title:after {content: '';display: block;position: absolute;bottom: 0;left: 0;width: 50px;height: 2px;background-color: #afafaf}
.contact-info .title h3 {font-size: 20px;line-height: 30px;color: #e7e7e7;}
.contact-info a {color: #8d8d8d;}
.contact-info a:hover {color: #fff;}
.contact-info img {margin-top: 40px;}

/**
 * ***** footer *****
 */
/* .footer.fixed {position: fixed;bottom: 0;left: 0;width: 100%} */
.footer.fixed {position: absolute;bottom: 0;left: 0;width: 100%;}
.footer-bottom {padding: 26px 0;color: #898989;background-color: #0e3940}
.footer-bottom .logo {height: 28px;margin-right: 12px;}
.footer-bottom h4,
.footer-bottom .copyright {font-size: 14px;line-height: 28px;}
.footer-bottom h4 {position: relative;padding-left: 42px;}
.footer-bottom h4:before {content: '';position: absolute;top: 13px;left: 0;width: 29px;height: 1px;}

.footer-index .footer-top {padding: 50px 0 60px;background-color: #333333}
.footer-index .title {margin-bottom: 15px; font-size: 18px; line-height: 28px ;color: #fff;}
.footer-index .share {margin-top: 0;}
.footer-index .share .iconfont {float: left;width: 36px;height: 36px;margin-left: 0;margin-right: 10px;border: 1px solid #515151;font-size: 18px;line-height: 36px;text-align: center;}
.footer-index p {font-size: 14px;line-height: 30px;color: #969696;}
.footer-index .footer-bottom {padding: 16px 0;font-size: 14px;line-height: 28px;color: #fff;}
.footer-index a{color: #fff;}
.footer-index .col-sm-2  a{color: #fff; display:block}
.footer-top .copyright, .footer-top .copyright a{color:#969696}
.footer-top .tel4{font-size:20px; border: #9F9F9F 1px solid; margin-top: 4%; padding: 2% 4%; background: url("../images/400ico.png") center right no-repeat;}
.footer-top .i1{background: url("../images/i1.png") left center no-repeat; text-indent: 20px;}
.footer-top .i2{background: url("../images/i2.png") left center no-repeat; text-indent: 20px;}
.footer-top .i3{background: url("../images/i3.png") left center no-repeat; text-indent: 20px;}
/**
 * ***** aside *****
 */

/**
 * ***** layer *****
 */
.layui-layer.layui-layer-custom {overflow: hidden;}
.layui-layer.layui-layer-custom .layui-layer-title {height: 46px;line-height: 46px;font-size: 18px;color: #ddba59;border-bottom: none}
.layui-layer.layui-layer-custom .layui-layer-content {/* max-height: 500px; */padding: 20px;color: #fff;background-color: #fff}
.layui-layer.layui-layer-custom .layui-layer-btn {background-color: #dd7b6a}
.layui-layer.layui-layer-custom .layui-layer-btn .layui-layer-btn0 {border-color: #ddba59;background-color: #ddba59;}

.layui-layer.layui-layer-custom-msg {min-width: 100px;background-color: #000;filter: alpha(opacity=60);background-color: rgba(0,0,0,.6);color: #fff;border: none;}
.layui-layer.layui-layer-custom-msg .layui-layer-content {padding: 12px 25px;text-align: center;background-color: rgba(0,0,0, .5)}

@media (min-width: 1366px) {
	.header #menu {margin-right: 0;}
}

@media (max-width: 1365px) {
	.header #menu {margin-right: 10px;}
}

@media (min-width: 992px) and (max-width: 1200px) {
	.header #menu {margin-right: 25px;}
	.header #menu a {margin: 0 12px;}
}

@media (max-width: 768px) {
	/**
	 * common
	 */

	.visible-xs {display: block;}
	.hidden-xs {display: none;}
	.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.container{padding-left:5px;padding-right:5px}
	.row{margin-left:-5px;margin-right:-5px}
	.pt-60 {padding-top: 30px;}
	.p-60-0 {padding: 30px 0}
	.mt-50 {margin-top: 20px;}

	/* btn */
	.btn-mid {font-size: 14px;line-height: 24px;}
	.btn-more {font-size: 14px;line-height: 26px;}

	/* form */
	.form-primary .form-group {margin-bottom: 10px;}
	.form-btn-group {text-align: center;}
	.form-btn-group .btn {width: 200px;}

	/* title */
	
	.title-first {margin-bottom: 0;text-align: center; width: 100%}
	.title-first h3 {position: relative;font-size: 24px;line-height: 40px;}
	.title-first h3:before,
	.title-first h3:after {content:'';display:block;position:absolute;top:19px;width:20px;height:2px;background-color:#323232}
	.title-first h3:before {left: -30px}
	.title-first h3:after {right: -30px;}
	.title-first h3 span:after {top: 18px;}
	.title-first.inverted h3:before,
	.title-first.inverted h3:after {background-color:#fff}
	.title-item h3,
	.title-item h3 .iconfont {line-height: 40px;}

	.title-first .title-nav,
	.title-first .title-nav li {float: none;}
	.title-first .title-nav li {display: inline-block;margin: 5px 10px}

	/**
	 * header
	 */
	.header,
	.header.header-guide {position: fixed;left: auto;top: 0;width: 100%;z-index: 100;padding: 10px;}
	.header {background-color: rgba(0,0,0,.5)}
	.header .container {padding: 0;}
	.header .logo,
	.header.header-guide .logo {height: 40px;}
	.header .logo img {height: 40px;margin: 0 auto}
	.header .btn-menu {position: absolute;top: 5px;right: 0;width: 50px;height: 50px;background: url(../images/menu.png) center/20px no-repeat;}
	.header #menu {display: none;}
	#menu li {float: none;}
	#menu .active a,
	#menu>li>a:hover {color: #fff;background-color: #dd7b6a}
	#menu>ul>li {float: none;}
	#menu>ul>li>a {font-size: 15px;line-height: 26px;color: #fff;}
	#menu ul ul {display: block;}
	.mm-ismenu {background-color: #222}
	.mm-highest a {text-indent: 20px;}
	.mm-list a.mm-subopen {height: 46px;}

	/**
	 * guide
	 */
	.guide .header {padding-top: 10px;background-color: rgba(0,0,0,.5);}
	.guide .header.header-guide {background: none;}
	.guide .title {padding: 10px;}
	.guide .title h3 {font-size: 30px;line-height: 40px;}
	.guide .title h4 {margin-top: 20px;font-size: 20px;line-height: 30px;}
	.guide .swiper-pagination {bottom: 10px;}
	.swiper-guide-text-container {bottom: 10px;}
	.swiper-guide-text-container .swiper-guide-list-icon {left: 10px;}
	.swiper-guide-text-container .swiper-guide-list-icon span {margin-top: 10px;}
	.swiper-guide-text-container .swiper-guide-list-icon span.active {width: 38px;}

	/**
	 * main
	 */
	.main {padding-bottom: 0;}

	.main-content {padding: 10px;}
	.main-aside {margin-top: 20px;}
	.main-aside .section {padding: 10px;}

	.section {margin-bottom: 10px;}
	.brand-story>div {min-height: 242px;}
    .brand-story video{width: 100%;} 
	
	/* banner */
	.banner {height: 260px!important;padding-top: 60px; margin-top:25px;}
	.banner .container .middle-box {height: 200px;min-height: 200px;}
	.banner .container .middle-inner {text-align: center;}
	.banner .title h3 {padding-bottom: 15px;font-size: 20px;line-height: 32px;}
	.banner .title h3:after {left: 50%;right: auto;margin-left: -23px;}

	/* location */
	.location .pull-left,
	.location .pull-right {float: none!important;}
	.location {margin-bottom: 10px;padding: 10px 0;}
	.location .title h3 {font-size: 20px;line-height: 40px;}
	.location .title span {line-height: 28px;}
	.nav-pills li {margin-left: 0;}
	.nav-pills>li {display: inline-block;float: none;margin-right: 10px;}
	.nav-pills>li+li {margin-left: 0;margin-right: 10px;}
	.nav-pills>li>a {line-height: 14px;}

	/* 轮播组件 */
	.summary {margin-bottom: 15px;background-color: #fff}
	.summary .info,
	.summary .info-design {padding: 10px;}
	.swiper-group .swiper-button-next,
	.swiper-group .swiper-button-prev {display: none;}
	.summary .info p {
    height: 100%;
}

	/* index */
	.brand-story-index {*padding: 40px 0;}
	.brand-story-index .content {padding-right: 0;}
	.brand-story-index .content .story,
	.brand-story-index .content .btn-enter {position: static;top: auto;right: auto;width: 100%;text-align: center;}
	.brand-story-index .content .btn-enter {margin-top: 10px;font-size: 16px}
	.brand-story-index .content .btn-enter span {float: none;display: inline-block;}
	.brand-story-index .content p {margin-bottom: 10px;}

	.product-index {padding: 40px 0;background: #fff;}
	.product-index .thumbnail-group .fl,
	.product-index .thumbnail-group .fr {float: none;width: 100%;}
	.product-index .thumbnail-group>div, .product-index .thumbnail-group .swiper-slide {height: 400px;}
	.product-index .list-product .item,
	.product-index .list-product .item .thumbnail {height: 200px;}
	.product-index .thumbnail-group .swiper-slide p {width: 100%;text-align: center;font-size: 15px}
	.product-index .swiper-pagination {bottom: 10px;right: 0;width: 100%;}
	.product-index .btn-more {margin-top: 20px;}


	/* 品牌资讯 */
	.list-news-card {padding: 20px 0}
	.list-news-card .item {padding: 5px;}
	.list-news-card .swiper-pagination {top: auto;bottom: 0;right: 0;width: 100%;font-size: 0}
	.list-news-card .swiper-pagination-bullet {width: 30px;height: 3px;margin: 0 3px;}

	/* 文章 */
	.article-title {padding-bottom: 5px;text-align: center;}
	.article-content {line-height: 28px;}
	.article-content p {margin-bottom: 8px;}

	/* 品牌故事 */
	.brand-story>div {height: auto;}
	.section-inner {padding: 10px;}

	/* 企业资质 */
	.list-honor {padding: 10px;}

	/* 新闻列表 */
	.list-news .item {height: 80px;padding-left: 126px;margin-top: 20px;}
	.list-news .thumbnail {width: 112px;height: 80px;}
	.list-news .content {padding: 0;}
	.list-news .content:after{content:'MORE >';display:block;margin-top: 4px;padding:0;height:24px;font-size:14px;line-height:22px;color:#5d5d5d}
	.list-news .title {margin: 0;padding: 4px 0 0;}
	.list-news .title:after {content: none}
	.list-news .title h3 {font-size: 14px;line-height: 24px;}
	.list-news .time {font-size: 12px;line-height: 24px;}
	.list-news .time .iconfont {display: none;}
	.list-news p {display: none;}

	/* 分享 */
	.share {margin-top: 15px;text-align: left;}

	/* 条款 */
	.terms {padding: 10px;}
	.terms p {margin-bottom: 10px;}

	/* 优势 */
	.advantage {margin-bottom: 20px;}
	.advantage .section-inner {height: auto!important}
	.advantage .summary {height: 300px!important;}

	/* 案例列表 */
	.list-case .info {padding: 10px;}
	.list-case .info .title {font-size: 16px;}
	.list-case .info p {font-size: 14px}

	/* 联系我们 */
	.contact-info .middle-box {padding: 10px;}

	/**
	 * footer
	 */
	.footer-index .footer-bottom {padding: 5px;font-size: 14px;line-height: 20px;text-align: center;}

	/**
	 * ***** old *****
	 */

	/* 联系我们 */
	.contact-content>div {width: 100%;height: auto;}
	.contact-content .map {height: 400px;padding-right: 15px;}
	/* .contact-info .title {margin-top: 30px;} */
	.contact-info .title {margin-bottom: 8px;}
	.contact-info .title h3 {font-size: 20px}
	.contact-info .title h5 {font-size: 14px}
	.contact-info img {display: block;margin: 20px auto}

	/* 招聘 */
	.list-recruitment .item {margin-bottom: 10px;}
	.list-recruitment .title {position: relative;padding: 10px 34px 10px 10px}
	.list-recruitment .title span {width: 50%;}
	.list-recruitment .title .btn-show {position: absolute;top: 50%;right: 0;margin-top: -17px;}
	.list-recruitment .content {padding: 10px;}
	.list-recruitment .content .fl, .list-recruitment .content .fr {float: none;width: 100%;margin-bottom: 20px;}

	/* 产品列表 */
	.list-product .item {width: 48%;margin: 0 1% 15px 1%}
	.list-product .item .cover {display: block;height: 28px;}
	.list-product .item .middle-box,
	.list-product .item .middle-inner {display: block;}
	.list-product .item h3 {padding: 0;font-size: 14px;line-height: 28px;}
	.list-product .item h3:after {content: none}
	.list-product .item .btn {display: none;}

	/**
	 * footer
	 */
	.footer-bottom {padding: 5px;}
	.footer-bottom .copyright {float: none;text-align: center;line-height: 20px;}

	/**
	 * layer
	 */
	.layui-layer.layui-layer-custom .layui-layer-content {padding: 10px}
}

.img-count,.img-count img{position:relative;}
.img-count-in{ position:absolute; top:0;  right:0; bottom:0; overflow:hidden;height:100%; *height:100%;}

.w-newsList1{position: relative; width: 100%; overflow: hidden;}
.w-newsList1 a{ display: block; text-decoration: none; color: #333;}
.w-newsList1 .news-item{ position:relative;}
.w-newsList1 .news-imgbox{ width:50%;  height: 490px;float: right;}
.w-newsList1 .news-imgbox img{ transition:transform 3.5s; -webkit-transition:transform 3.5s;transform:scale(1.1); -webkit-transform:scale(1.1);}
.w-newsList1 .swiper-slide.swiper-slide-active .news-imgbox img{ transform:scale(1); -webkit-transform:scale(1);}
.w-newsList1 .aspectRatio{padding-bottom:450px;}
.w-newsList1 .news-text{ position: absolute; left:0; width:40%; top: 35%;top:10%\9; *top:10%; transform:translateY(-50%); -webkit-transform:translateY(-50%);  padding: 10px 15px 20px 4%; overflow:hidden;}
:root .w-newsList1 .news-text{ top:40%;}
.w-newsList1 .brand_jt{width: 68px; height: 30px; position: relative; overflow: hidden; display: block; box-sizing: border-box; left: 47.2%; margin-top:-29px;}
.w-newsList1 .brand_jt .swiper-button-next{
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
	
	transform: scale(0.83,0.83);
	padding: 20px;
}

.w-newsList1 .brand_jt .swiper-button-next, .w-newsList1 .brand_jt .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 25px;
    height: 28px;
    z-index: 10;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
	margin:-12px 0 0;
	padding:0 4%;
	transform: scale(0.83,0.83);
	background-size: 50% 50%;/*按比例缩放*/
	background-color: #dd7b6a; 
}
.w-newsList1 .brand_jt .swiper-button-next:hover,.w-newsList1 .brand_jt .swiper-button-prev:hover{
	background-color: #041920; 
	
}

.brand_adv {margin-top: 1%;}
.brand_adv h2{color: #fff; margin: 5% auto 5%; display: block; text-align: center;}
.brand_adv h3 {text-align: center; margin: 4% 0 5%;}
.brand_adv h3 span{font-size:57px; color:#fff; display: block; padding-bottom: 5%; font-weight:lighter; font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"}
.brand_adv h3 p{font-weight: normal; font-size:16px;color: #FFF;}
.brand_adv .xline{width:8%; margin: 5% auto;
height: 2px;
     content: '';
     -webkit-transform: scaleY(.5);
     transform: scaleY(.5);
     background-color: #323232;  
}
.brand_adv .adv{width:25%; float: left;}





.gzh{width: 98%; float: right; border: #ddd solid 1px; padding:5% 7%; background:#fff;}
.gzh h2{ font-size:20px; font-weight:bold;}
.gzh p{line-height: 300%; font-size: 16px;}
@media (max-width: 992px)
{   
.gzh{width: 100%; float: right; border: #ddd solid 1px; padding:5% 7%; margin-top: 2%}
.gzh h2{}	
.gzh p{line-height: 300%; font-size: 16px;}
.list-news-card .col-sm-7,.list-news-card .col-sm-5{ width:100%;}
.list-news-card .col-sm-7 img,.list-news-card .col-sm-8 img{ width:100%;}
.brand_jt{width: 104px; height: 40px; position: relative; background: #dd7b6a; overflow: hidden; display: block; box-sizing: border-box; left: 70%; margin-top:-360px;}
.brand_jt .swiper-button-next, .brand_jt .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 17px;
    height: 24px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 17px 24px;
    -webkit-background-size: 17px 24px;
    background-size: 17px 24px;
    background-position: center;
    background-repeat: no-repeat;
	margin:-12px 8% 0;
}
	.brand_adv{clear: both; margin-top: 1%}
	.brand_adv .adv{width:50%; float: left;margin-top: 8%; padding-bottom: 2%}
	.brand_adv h2{color: #dd7b6a; margin: 5% auto; display: block; text-align: center; font-size:17px;}
    .brand_adv h3 {color: #fff;text-align: center; font-weight: 100; margin: 4% 0 5%; font-size:14px;}
   .brand_adv h3 span{font-size:40px;}
	.brand_adv img{width: 50%}
   .brand_adv p{color: #425c60; text-align: center; font-size: 13px;}

}
.w-newsList1 .date{ line-height: 1.4; margin-bottom: 0.8em;}
.w-newsList1 .news-h{font-size:20px;  line-height: 1.4; height:9em; overflow: hidden; margin: 4em 0 0.2em; color: #323232; position: relative;}
.w-newsList1 .news-h h2{font-weight:lighter; line-height: 4rem;}
.w-newsList1 .news-h span{
	 position: absolute;
     top: 110px;
     left: 0;
     right: 95%;
     height: 2px;
     content: '';
     -webkit-transform: scaleY(.5);
     transform: scaleY(.5);
}
.w-newsList1 .news-h p{ margin-top:9%;font-size:14px;}
.w-newsList1 .news-sum{ line-height: 2.2em; height:13.9em; overflow: hidden; color:#323232; margin-top: 1%}
.w-newsList1 .more{margin-top:20px; width: 85px; height: 22px; padding-right: 40px; float: left; border: #323232 solid 1px; font-size:11px; padding: 0 1%; margin-top: 10%}

.w-newsList1 .adSN_page{ position: absolute; z-index: 9; left:50%; bottom:50%; margin-bottom: -123px; top: auto; transform: none; -webkit-transform: none; width:35%; padding-left: 4%; }
.w-newsList1 .iconfont{font-size: 35px; height: 15px; float: right; margin-top: -15px;}
.w-newsList1 .adSN_page span{ display: inline-block; *display:inline; *zoom:1; margin:0 6px;}
.w-newsList1 .swiper-num{ position: absolute; z-index: 9; right: 15px; top:50%; margin-top: -130px; color: #bebebe;}
.w-newsList1 .swiper-num .active{ font-size:32px; font-weight: bold;}




.w-newsList1 .swiper-slide-active .news-textt {display:block;}
.w-newsList1 .news-textt  {display:none;}
.w-newsList1 .news-textt .date{ line-height: 1.4; margin-bottom: 0.8em;}
.w-newsList1 .news-textt .news-h{font-size:20px;  line-height: 1.4; height:9em; overflow: hidden; margin: 4em 0 0.2em; color: #323232; position: relative; width: 20%; float: left;}
.w-newsList1 .news-textt .news-h h2{font-weight:lighter; line-height: 4rem;}
.w-newsList1 .news-textt .news-h span{
	 position: absolute;
     top: 110px;
     left: 0;
     right: 95%;
     height: 2px;
     content: '';
     -webkit-transform: scaleY(.5);
     transform: scaleY(.5);
     
}
.w-newsList1 .news-textt .news-h p{ margin-top:9%;font-size:14px;}
.w-newsList1 .news-textt .news-sum{ line-height: 2.2em; height:13.9em; overflow: hidden; color:#323232; margin-top: 1%; width: 55%;float: right;margin-top: 6em}
.w-newsList1 .news-textt .more{margin-top:20px; width: 85px; height: 22px; padding-right: 40px; float: right; border: #323232 solid 1px; font-size:11px; padding: 0 0.5%; margin-top: 1%;box-sizing: border-box;}

.w-newsList1 .adSN_page{ position: absolute; z-index: 9; left:50%; bottom:50%; margin-bottom: -123px; top: auto; transform: none; -webkit-transform: none; width:35%; padding-left: 4%; }
.w-newsList1 .news-textt .iconfont{font-size: 35px; height: 15px; float: right; margin-top: -32px;}



.w-newsList2{position: relative; overflow:hidden;}
.w-newsList2 a{ display: block; text-decoration: none; color: #333;}
.w-newsList2 .news-item{ position:relative;}
.w-newsList2 .img{ float: right; width:52%; overflow: hidden;}
.w-newsList2 .img img{transition:transform 3.5s; -webkit-transition:transform 3.5s;transform:scale(1.1); -webkit-transform:scale(1.1);}
.w-newsList2 .swiper-slide.swiper-slide-active .img img{ transform:scale(1); -webkit-transform:scale(1);}
.w-newsList2 .news-text{ margin-right:56%;}
.w-newsList2 .news-h{font-size:28px; line-height: 1.4; margin-bottom: 1em;}
.w-newsList2 .news-sum{margin-top:30px; line-height: 1.8; color:#808080;}
.w-newsList2 .more{position: absolute; left: 0; bottom: 1em; line-height: 2.8; padding: 0 3em; border:1px solid #aaa; color:#333;overflow: hidden; -webkit-transition: all .6s;transition: all .6s;}
.w-newsList2 .more:hover{color:#fff; border-color:#FF6600;}
.w-newsList2 .more .bgsqr1,.w-newsList2 .more .bgsqr2,.w-newsList2 .more .bgsqr3,.w-newsList2 .more .bgsqr4{background:#FF6600;position: absolute;top:0; width: 0px;height: 100%;-webkit-transition: all 0.4s; transition: all 0.4s; opacity:0.35;}
.w-newsList2 .more .bgsqr3,.w-newsList2 .more .bgsqr4{ opacity:0.75;}
.w-newsList2 .more .bgsqr1{ left:0;}
.w-newsList2 .more .bgsqr2{ right:0}
.w-newsList2 .more .bgsqr3{ right:0;}
.w-newsList2 .more .bgsqr4{ left:0;}
.w-newsList2 .more:hover .bgsqr1,.w-newsList2 .more:hover .bgsqr2,.w-newsList2 .more:hover .bgsqr3,.w-newsList2 .more:hover .bgsqr4{ width:100%;}
.w-newsList2 .more:hover .bgsqr3,.w-newsList2 .more:hover .bgsqr4{-webkit-transition-delay:.4s;transition-delay:.4s;}
.w-newsList2 .more span{ position:relative; z-index:1;}
.w-newsList2 .adSN_page{ position: absolute; left: auto; right:10px; width: auto; z-index: 10; text-align: right; }
.w-newsList2.swiper-container-horizontal .adSN_page{bottom:20px;}
.w-newsList2 .adSN_page span{ background: #c9c9c9; opacity: 1; width:40px; height: 5px; border-radius: 0; -webkit-border-radius: 0;}
.w-newsList2 .adSN_page span.swiper-pagination-bullet-active{background: #f60;}
.w-newsList2.swiper-container-vertical .adSN_page span{margin:15px 0;}

@media (max-width:960px){
	.w-newsList2 .news-h{font-size:24px;}
	.w-newsList2 .news-sum{ display: none;}
}
@media (max-width:767px){
    .w-newsList1 .news-imgbox{width:100%; height: 200px;}
	.w-newsList1 .aspectRatio{padding-bottom: 56.25%;}
	.w-newsList1 .news-text{ position: relative; width:100%; top:0; transform: none; -webkit-transform: none; padding:1.2em 4% 1.5em;}
	:root .w-newsList1 .news-text{ top:0;}
	.w-newsList1 .adSN_page{ left:0; bottom:2em; margin-bottom: 0;}
	.w-newsList1 .swiper-num{ bottom: 232px; top: auto; margin-top: 0;}

	.w-newsList2 .news-h{font-size:20px;}
	.w-newsList2 .img{float: none; width:100%;}
	.w-newsList2 .news-text{margin-right: 0; text-align: center; padding:1em 0 3em;}
	.w-newsList2 .more{position: relative; margin-top:1.2em; bottom: 0; display: inline-block;}
	.w-newsList2 .adSN_page{ top: auto; bottom: 0 !important; left: 0; right: 0 ; transform: none; -webkit-transform: none; text-align: center;}
	.w-newsList2 .adSN_page span{margin:0 0.3em !important; display: inline-block; width:1.8em; height: 0.25em;}
}

.mbanner{height:560px; min-width:1200px; position:relative; margin-bottom: 5px;}
.map-wrap{width:100%; height:560px; position:absolute; left:0; top:0; }
.mbanner-wrap{position:absolute; right:0; width:100%; top:0;}
@media (max-width:480px){
    body{font-size:4vw;}
    .title{font-size:6vw;}
    .w-newsList1 .news-h{font-size:125%;}
	.w-newsList1 .date .year{ font-size:300%;}
	.w-newsList1 .date .day_month{ font-size: 110%;}
	.w-newsList1 .swiper-num{ bottom: 15em;}
	.w-newsList1 .swiper-num .active{ font-size: 200%;}

	.w-newsList2 .news-h{font-size:125%;}
	.wdcx-list .item{ background-color: #fff; float:left; width:100%; height:auto; margin-top: 10px; margin-right:30px; margin-bottom:12px; cursor:pointer}
	.wdcx-list .item .data-branch{margin: 4% 5%}
	.wdcx-list .item .data-branch .data-name{font-weight: 700;}
	.std_topbox {
    padding: 12px 0%;
    min-width: 375px;
	width:100%;		
	display: block;	
    height: auto;
    overflow: hidden;
}   
	.std_topbox .sp01 {
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    padding-right: 10px;
	padding-left:5%;
    float: left;
    display: inline-block;
	text-align: left;	
}
	.std_se_01{
    border: 1px solid #cdcdcd;
    padding: 5px;
    line-height: 30px;;
    height: 30px;;
    width: 33%;
    float: left;
    margin-right: 4px;
}
	.std_topbox .std_se_01:nth-child(2n) {
    float: right;
	margin-right: 5%
}
	
.mbanner{ display: none}

}

.btn-outline-success{background-color: #dd7b6a;
    font-size: 16px;color: #fff; border-radius: 5px;height: 34px; line-height: 100%}


/*产品详情放大*/

/* box */
.box{width:100%;margin:0 auto;}
.tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}
.tb-pic a img{vertical-align:middle;}
.tb-pic a{*display:block;*font-family:Arial;*line-height:1;}
.tb-thumb{margin:10px 0 0;overflow:hidden;}
.tb-thumb li{background:none repeat scroll 0 0 transparent;float:left;height:78px;margin:0 6px 0 0;overflow:hidden;}
.tb-s310, .tb-s310 a{height:	auto;width:510px;}
.tb-s310, .tb-s310 img{max-height:510px;max-width:510px;}
.tb-s310 a{*font-size:471px;}
.tb-s40 a{*font-size:35px;}
.tb-s40, .tb-s40 a{height:68px;width:68px;}
.tb-booth{border:1px solid #CDCDCD; position:relative;z-index:1;}
.tb-thumb .tb-selected a{border:1px solid #C30008;height:68px;}
.tb-thumb li a{border:1px solid #CDCDCD;}
.tb-thumb .tb-selected div{background-color:#FFFFFF;border:medium none;}
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;cursor:move;z-index:1;}


/*************************************联系我们************************************************/
.main-wrap {
    width: 1200px!important;
    margin: 0 auto;
    position: relative;
    transition: all .3s ease;
}
.topimg-150{width:1100px; height: 150px; margin: 0 auto ; padding-top: 30px; padding-bottom: 20px;}
.branch-lx{line-height: 34px;}
.branch-lx h3{font-size: 18px; font-weight: normal; color: #282828;}
.branch-lx p{color:#5f5f5f;text-indent: 1em;padding-bottom: 10px;}
.branch{padding: 50px 0;}

.l-mainmap{background:#041920;}
.l-mainmap .main-title{text-align: center;font-size: 14px;line-height: 36px;color:#999;}


.items-branch .main-title {
    margin: 20px 0 0;
    z-index: 1;
}
.branch-map .map {
    width: 100%;
    height: 100%;
    background: url(../../home/images/index/bg-map.png) no-repeat center;
    position: relative;
}
.branch-map .map-dot {
    position: absolute;
    text-align: center;
    font-size: 12px;
	color:#999;
    cursor: pointer;
}
.branch-map .map-dot:after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    margin: 0 auto;
    background-color: #01B7BD;
    border-radius: 50%;
}
.branch-map .map-dot:hover:after, .branch-map .map-dot.cur:after {
    width: 10px;
    height: 10px;
}
.branch-map .map-dot.cur:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -2px;
    transform: translateX(-50%);
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid #01B7BD;
    animation: dot 4s infinite;
}
@keyframes dot{
    0% 100% {
        transform: translateX(-50%) scale(1);
        opacity: 1;
    } 
    50% {
        transform: translateX(-50%) scale(1.5);
        opacity: .1;
    }
}
.branch-map .map-dot.c24:after {
    width: 13px;
    height: 12px;
    border-radius: 0;
    background: url("../images/img-five-star.png") no-repeat center;
}
.branch-map .map-dot.c24.cur:hover:before, .branch-map .map-dot.c24.cur:before {
    display: none;
}

.branch-map {
    position: relative;
    margin-bottom: 30px;
}
.branch-map .branch-map-l {
    width: 849px;
    height: 575px;
    position: relative;
}
.branch-map .branch-map-data {
    position: absolute;
    box-sizing: border-box;
    width: 430px;
    /*border: 1px solid #01B7BD;
    box-shadow: 0 0 2px 2px #e9e9e9;*/
    background-color: #041920;
    padding: 10px 30px;
    z-index: 1;
    display: none;
}
.branch-map .branch-map-data:before {
    content: "";
    position: absolute;
    left: -16px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border: 8px solid;
    border-color: transparent #01B7BD transparent transparent;
}
/*.branch-map .branch-map-data:after {
    content: "";
    position: absolute;
    left: -15px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border: 8px solid;
    border-color: transparent #fff transparent transparent;
}*/
.branch-map .branch-map-data-title {
    /*border-bottom: 1px solid #eee;*/
}
.branch-map .branch-map-data-title p {
    font-size: 18px;
    color: #fff;
    line-height: 28px;
}
.branch-map .branch-map-data-info {
    max-height: 236px;
    overflow-y: auto;
}
.branch-map .branch-map-data-info::-webkit-scrollbar {/*滚动条整体样式*/
        width: 5px;     /*高宽分别对应横竖滚动条的尺寸*/
        height: 1px;
    }
.branch-map .branch-map-data-info::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
        border-radius: 5px;
         -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        background: #fff;
    }
.branch-map .branch-map-data-info::-webkit-scrollbar-track {/*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        border-radius: 5px;
        background: #7d7d7d;
    }
.branch-map .data-branch {
    border-bottom: 1px dashed #eee;
    padding: 6px 0;
    box-sizing: border-box;
}
.branch-map .data-branch:last-child {
    border: none;
}
.branch-map .data-branch p {
    font-size: 12px;
    color: #999;
    line-height: 20px;
}
.branch-map .data-branch .data-name {
    font-size: 14px;
    color: #666;
    line-height: normal;
    margin-bottom: 5px;
}

.scrollbar{background:#dadada;line-height:0;}
.scrollbar .handle{background:#008cd6;cursor:pointer;line-height:0;}
#vertical .scrollbar{width:5px;}
#vertical .scrollbar .handle{height:100px;width:100%;}
#vertical .branch-con{width: 220px; height: 360px; position: relative;}
#vertical .branch-con .sly{width:220px;height:360px;}
#vertical .branch-con .scrollbar{position:absolute;top:0px;right:-10px;height:360px; z-index: 9999;}
.trunk{padding: 30px 0 50px; border-top: 1px solid #ececec;}
.trunk .trunk-t{line-height: 60px; font-size: 18px; color: #333333;}
.trunk-con{line-height: 28px; color: #666;overflow: hidden;}
.trunk-con .t-p1 {
	width: 33%;
	border-right: 1px solid #ececec;
	display: block;
	background: #fff;
	border:1px solid #e5e5e5;
	box-sizing: border-box;
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; 
	padding:25px 20px;
	float: left;
}
.trunk-con .t-p2 {
	width: 32%;
	border-right: 1px solid #ececec;
	display: block;
	margin-left: 1.5%;
	box-sizing: border-box;
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; 
	background: #fff;
	border:1px solid #e5e5e5;
	padding:25px 20px;
	float: left;
}
.trunk-con .t-p3 {
	width: 32%;
	display: block;
	margin-left: 1.5%;
	box-sizing: border-box;
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; 
	background: #fff;
	border:1px solid #e5e5e5;
	padding:25px 20px;
	float: left;
}
/* 必要布局样式css */



.product-num-content{
    width: 100%;
    margin: 0 auto;
    text-align: center;
    font-size: 0;
	padding-bottom: 5%;
}


.product-num-text{
    font-size: 16px;
    color: #fff;
    line-height: 28px;
}

.product-num-head{
    margin-top: 40px;
    font-size: 0;
}

.product-num-item{
    text-align: center;
    position: relative;
    display: inline-block;
    width: 50%;
    color: #fff;
}

.product-num-nub{
    display: inline-block;
    width: 100%;
    font-size: 47px;
    color: #fff;
	margin-bottom: 2%;
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
}


.product-num-inf{
    margin-top: 24px;
    font-size: 14px;
    color: #fff;
    line-height: 24px;
}


/*公司简介*/
#about{margin: 5% auto;}
#about .intro_1{margin: 40px 0 40px 4%;}
@media (min-width: 680px){
.newProduct_list {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.newProduct_list li {
    width: calc(50% - 20px);
    float: left;
	margin-bottom:30px;
}
}
@media (min-width: 996px){
.newProduct_list {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.newProduct_list li {
    width: calc(33.33% - 20px);
    float: left;
	margin-bottom:20px;
}
}
.slider-item{height:150px; width:33.333333%}
.swiper-pagination{width:100%; position:static !important}
.swiper-pagination-bullet{
width: 14px;
height: 14px;
display: inline-block;
border-radius: 100%;
border:1px solid #000;
background:#FFF !important;
margin:15px 5px 0 5px
}
.swiper-pagination-bullet-active{border:1px solid #f08f80 !important;	}
.cos-1{ width:80%; margin:auto;}
.cos-1-tit{ font-size:36px}
.cos-1-tit span{ font-size:15px}
.cos-1-con p{ line-height:30px; font-size:15px;}
.cos-1-con p i{ width:3px; height:3px; background:#666; display:inline-block; margin:auto 5px 5px 0;}

@media (min-width: 992px){   /*min-width: 796px*/
#about .intro_2{margin:0 0 4% 4%; width:530px;}
#about .rsp{ margin-top:55px; overflow:hidden;}
.sp1{width:312px; float:left; margin-left:15px;}
.sp2{width:calc(100% - 360px); float:left; margin-left:30px;}
.slider-item{height:150px; width:33.333333%}
.swiper-pagination{width:100%; position:static !important}
.swiper-pagination-bullet{
width: 14px;
height: 14px;
display: inline-block;
border-radius: 100%;
border:1px solid #000;
background:#FFF !important;
margin:15px 5px 0 5px
}
.swiper-pagination-bullet-active{border:1px solid #f08f80 !important;	}
.cos-1{ width:80%; margin:auto;}
.cos-1-tit{ font-size:36px}
.cos-1-tit span{ font-size:15px}
.cos-1-con p{ line-height:30px; font-size:15px;}
.cos-1-con p i{ width:3px; height:3px; background:#666; display:inline-block; margin:auto 5px 5px 0;}

.col-2{border:1px solid #ededed;border-radius:40px; overflow:hidden;}
.col-2 .col-2-l{ width:20%; border-right:1px solid #ededed; margin:30px 0; float:left; text-align:center;}
.col-2 .col-2-l:nth-child(5){ border-right:none;}
.col-2 .col-2-l span{ font-size:30px; color:#9c9c9c; widows:100%; display:block;}
.col-2 .col-2-l span:hover{ color:#bb0327}
.col-2 .col-2-l .p1{ font-size:22px; margin:10px 0;}
.col-2 .col-2-l .p2{font-size:20px; font-weight:bold;}

/*关于奢悦*/
.se1{ overflow:hidden; margin:90px 0 0 0;}
.se1-2{ width:3px; height:120px; border-right:1px solid #272727;transform:rotate(9deg);-ms-transform:rotate(9deg);-moz-transform:rotate(9deg);-webkit-transform:rotate(9deg);-o-transform:rotate(9deg); margin-left:20px;}
.se1-3{ margin-left:30px;}
.se1-3 span{ font-size:26px; font-weight:bold;}
.se1-3 p{ line-height:30px; font-size:15px;}
.mb110{ margin-bottom:110px;}

.mt20{ margin-top:20px;}
.secomm{ overflow:hidden;}
.se2-comm{ background:#e8e8ea; height:524px; overflow:hidden; width:33%; overflow:hidden}
.se2-comm span{ font-size:28px; font-weight:bold; margin:80px 0 0 50px; display:block;}
.se2-comm p{ margin:15px 50px 0 50px; line-height:30px; font-size:15px;}

.menu {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  height:70px;
  border-bottom:1px solid #eae8e4;
  border-left:1px solid #eae8e4;
  border-right:1px solid #eae8e4;
  margin-bottom:40px;
  display: flex;
  /*justify-content: center;*/
}
.menu * {
  box-sizing: border-box;
}
.menu .ul-list {
  display: flex;
}
.menu .ul-list > li:first-child{
  margin-left:50px;
  height: 70px;
  width:200px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  text-decoration: none;
}
.menu .ul-list > li {
  flex: 1;
  border-right: 1px solid #eae8e4;
  position: relative;
}
.menu .ul-list > li i{ width:6px; height:8px; font-size:10px; margin-right:15px; background-image:url(../images/s1.jpg);}
/*.menu .ul-list > li:last-child {
  border-right: none;
}*/
.menu .ul-list > li > a {
  height: 70px;
  width:200px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  text-decoration: none;
}
.menu .active{ border-bottom:#041920 1px solid;}
.menu .active i{width:8px !important; height:6px !important; margin-right:15px !important; background-image:url(../images/s2.jpg) !important;}
.menu .ul-list > li:first-child > a:hover{ border-bottom:none;}
.menu .ul-list > li:first-child > a:hover i{ width:6px; height:8px; font-size:10px; margin-right:15px; background-image:url(../images/s1.jpg);}
.menu .ul-list > li > a:hover { border-bottom:#041920 2px solid;}
.menu .ul-list > li > a:hover i{width:8px; height:6px; margin-right:15px; background-image:url(../images/s2.jpg);}
.menu .ul-list > li > span {
  color: #fff;
  font-size: 15px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #222;
}
.menu .ul-list > li:hover .ol-list {
  display: block;
}
.menu .ol-list {
  display: none;
  position: absolute;
  top: 70px;
  left: 0;
  z-index: 999;
  background: #333;
  width: 100%;
}
.menu .ol-list > li > a {
  font-size: 14px;
  text-decoration: none;
  color: #fff;
  height: 35px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #222;
  justify-content: center;
}
.menu .ol-list > li > a:hover {
  background: #222;
}

.bigimg{width:600px;position: fixed;left: 0;top: 0; right: 0;bottom: 0;margin:auto;display: none;z-index:9999;border: 2px solid #fff;}
.mask{position: fixed;left: 0;top: 0; right: 0;bottom: 0;background-color: #000;opacity:0.5;filter: Alpha(opacity=50);z-index: 98;transition:all 1s;display: none}


.bigbox{width:840px;background: #fff;border:1px solid #ededed;margin:0 auto;border-radius: 10px;overflow: hidden;padding:10px;}
.bigbox>.imgbox{width:400px;height:250px;float:left;border-radius:5px;overflow: hidden;margin: 0 10px 10px 10px;}
.bigbox>.imgbox>img{width:100%;}
.imgbox:hover{cursor:zoom-in}
.mask:hover{cursor:zoom-out}
.mask>img{position: fixed;right:10px;top: 10px;width: 60px;}
.mask>img:hover{cursor:pointer}


.anmenu1{ height:70px; width:100%; margin-top:40px;}
.anmenu1 li{cursor:pointer; float:left; padding:0 30px 0 0; font-size:14px}
.anmenu1 .act{border-bottom:#041920 1px solid;}
.anmenu1 li a{ line-height:70px;}
.anmenu1 li a:hover{border-bottom:#041920 1px solid;}
.anmenu {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  height:70px;
  border:1px solid #eae8e4;
  /*margin-bottom:40px;*/
  display: flex;
  /*justify-content: center;*/
}
.anmenu * {
  box-sizing: border-box;
}

.indSec1_list {
	margin-left:10px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.indSec1_select {
    position: relative;
    margin-top:10px;
}
.indSec1_select::after{
	content: '';
	display: block;
    width: 0;
	height: 0;
	border-bottom:6px solid transparent ;
    border-top:6px solid transparent ;
    border-left:8px solid #000;
    position: absolute;
    top: 20px;
    left: 70px;
}
.indSec1_select:nth-child(2)::after{
	content: '';
	display: block;
    width: 0;
	height: 0;
	border-bottom:6px solid transparent ;
    border-top:6px solid transparent ;
    border-left:8px solid #000;
    position: absolute;
    top: 20px;
    left: 60px;
}
.indSec1_select:hover::after{
	content: '';
	display: block;
    width: 0;
	height: 0;
	border-right: 6px solid transparent;
    border-top: 8px solid #000;
    border-left: 6px solid transparent;
    position: absolute;
    top: 22px;
    right: 80px;
}

.indSec1_select input[type=text] {
    width: 100%;
    height: 50px;
    padding: 0 0 0 25px;
    border-radius: 5px;
    background-color: #fff;
    font-size: 14px;
	text-align:center;
    color: #000;
    line-height: 50px;
    letter-spacing: 1px;
    position: relative;
    cursor: pointer!important;
	border: 1px solid #fff;
    outline: none;
}
.indSec1_dropDown {
    width: 100%;
    /*max-height: 200px;*/
    overflow: hidden;
    /*border-radius: 5px;*/
	border-top: #041920 1px solid;
    background-color: #ffffff;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    position: absolute;
	object-fit:cover;
    top: 59px;
    left: 0;
    z-index: 2;
    display: none;
}
.indSec1_dropDown li {
    font-size: 14px;
    color: #000;
	padding: 0 15px;
    line-height: 40px;
    text-align: center; 
    letter-spacing: 1px;
    cursor: pointer;
}
.indSec1_dropDown li:hover{background-color: #e5e5e5;}
.indan input[type=button] {
    width: 100%;
    height: 69px;
    padding: 0 65px;
    border: none;
    background-color: #e5e5e5;
    font-size: 16px;
    color: #000000;
    font-weight: bold;
    line-height: 50px;
    letter-spacing: 1px;
    position: relative;
}
.content {
    /*width: 100vw;*/
    padding: 40px 65px 0 65px;
	padding-top:0;
}



.newProduct_list li img{-webkit-transition: all .5s;transition: all .5s;display: block;width: 100%;z-index: 1;max-height: 405.88px;*min-height: 405.88px;object-fit:cover;}
.newProduct_list li img:hover{-webkit-filter: brightness(50%);filter: brightness(50%);transform: scale(1.1);}
.newProduct_list li div{font-size: 0;line-height: 0;overflow: hidden;}
/*图片点击放大*/
#pictureViewer{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.8);
    z-index: 10000;
}
#pictureViewer > .pVcontent{
    /*background-color: #fff;*/
    position: absolute;
    width: 890px;
    height: 890px;
    margin: auto;
    top: 15%;
    right: 0;
    bottom: 0;
    left: 0;
}
#pictureViewer .menu-bar{
    width: 100%;
}
#pictureViewer .menu-bar .handel{
    width: 40px;
    height: 40px;
    float: right;
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: pointer;
}
#pictureViewer .menu-bar .handel:hover{
    /*background-color: #ff2e67;*/
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
#pictureViewer .menu-bar .handel.maximization{
    background-image: url(../images/maximization_black.png);
    background-size: 14px;
}
#pictureViewer .menu-bar .handel.maximization:hover{
    background-image: url(../images/maximization_white.png);
}
#pictureViewer .menu-bar .handel.miniaturization{
    background-size: 16px;
    background-image: url(../images/miniaturization_black.png);
}
#pictureViewer .menu-bar .handel.miniaturization:hover{
    background-image: url(../images/miniaturization_white.png);
}
#pictureViewer .menu-bar .handel.close-view{
    background-image: url(../images/close_black.png);
    /*background-size: 15px;*/
}
/*#pictureViewer .menu-bar .handel.close-view:hover{
    background-image: url(static/images/close_white.png);
}*/
#pictureViewer .handel-prev,
#pictureViewer .handel-next{
    display: inline-block;
    width: 50px;
    height: 70px;
    position: relative;
    top: calc(50% - 180px);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: 50%;
    cursor: pointer;
	z-index:9999;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
#pictureViewer .handel-prev{
    background-image: url(../images/prev_blank.png);
}
#pictureViewer .handel-next{
    background-image: url(../images/next_blank.png);
}
#pictureViewer .handel-prev:hover,
#pictureViewer .handel-next:hover{
    /*background-color: #ff2e67;*/
}
#pictureViewer .handel-prev:hover{
    background-image: url(../images/prev_white.png);
}
#pictureViewer .handel-next:hover{
    background-image: url(../images/next_white.png);
}
#pictureViewer .picture-content{
    display: inline-block;
    height: calc(100% - 240px);
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
}
#pictureViewer .picture-content .cover{
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
#pictureViewer .picture-content img{ border:2px solid #FFF; width:100%;}
#pictureViewer .counter{
    position: absolute;
    bottom: 0;
    height: 40px;
    line-height: 40px;
    width: 100%;
    text-align: center;
    color: #808080;
    font-size: 13px;
}
#pictureViewer .hide{
    display: none;
}
#pictureViewer .left{
    float: left;
}
#pictureViewer .right{
    float: right;
}
#pictureViewer .clear-flex{
    clear: both;
}
#pictureViewer img{
    max-width: 100%;
    max-height: 100%;
}


.popup{ position:fixed; background:rgba(0,0,0,0.6); bottom:0; top:0;left:0;right:0; display:none; z-index:998}
.proshow{/* position:absolute; top:20%; left:50%; margin-left:-600px; margin-top:75px; display:none;*/width: 1200px; text-align:center; z-index:999}

.big{border: 2px solid #fff;}
.left{ position:absolute; top:50%; left:-50px; cursor:pointer;}
.right{ position:absolute; top:50%; right:-50px; cursor:pointer;}

}

@media (max-width: 992px) {
.guide .swiper-container {height: 100%;margin-top:25px;}
.sp1{ display:none;}
.sp2{ width:95%; margin:auto;}
/*移动关于奢悦*/
.se1{ overflow:hidden; margin:40px 0 0 0;}
.se1-1{ margin:0 10px; float:none !important;}
.se1-2{ display:none;}
.se1-3{ margin:30px 0px 30px 10px;}
.se1-3 span{ font-size:26px; font-weight:bold;}
.se1-3 p{ line-height:30px; font-size:15px;}

.se2-comm{margin:10px;}
.se2-comm span{ font-size:18px; font-weight:bold;}
.se2-1{ margin:10px;}
.nav-pills>li.active>a{ color:#FFF;}
.copyright{ font-size:14px}
.col-lc{ *display:none; margin:30px 0;}
.col-jz{ *display:none;}

.col-2{border:1px solid #ededed;border-radius:40px; overflow:hidden;}
.col-2 .col-2-l{ width:33.33333%; border-right:1px solid #ededed; margin:30px 0; float:left; text-align:center;}
.col-2 .col-2-l:nth-child(3){ border-right:none;}
.col-2 .col-2-l span{ font-size:30px; color:#9c9c9c; widows:100%; display:block;}
.col-2 .col-2-l span:hover{ color:#bb0327}
.col-2 .col-2-l .p1{ font-size:16px; margin:10px 0;}
.col-2 .col-2-l .p2{font-size:20px; font-weight:bold;}


.nav-pills>li.active>a {color: #888888;}
.location .nav-pills a {min-width: 80px;}
.form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}
.btn {
    display: inline-block;
    background: none;
    border-radius: 0;
}
.btn-outline-success {
    background-color: #dd7b6a;
    font-size: 16px;
    color: #fff;
    border-radius: 5px;
    height: 34px;
    line-height: 100%;
}

/*图片点击放大*/
#pictureViewer{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.8);
    z-index: 10000;
}
#pictureViewer > .pVcontent{
    /*background-color: #fff;*/
    position: absolute;
    width: 100%;
    height: auto;
    margin: auto;
    top: 20%;
    right: 0;
    bottom: 0;
    left: 0;
}
#pictureViewer .menu-bar{
    width: 100%;
}
#pictureViewer .menu-bar .handel{
    width: 40px;
    height: 40px;
    float: right;
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: pointer;
}
#pictureViewer .menu-bar .handel:hover{
    /*background-color: #ff2e67;*/
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
#pictureViewer .menu-bar .handel.maximization{
    background-image: url(../images/maximization_black.png);
    background-size: 14px;
}
#pictureViewer .menu-bar .handel.maximization:hover{
    background-image: url(../images/maximization_white.png);
}
#pictureViewer .menu-bar .handel.miniaturization{
    background-size: 16px;
    background-image: url(../images/miniaturization_black.png);
}
#pictureViewer .menu-bar .handel.miniaturization:hover{
    background-image: url(../images/miniaturization_white.png);
}
#pictureViewer .menu-bar .handel.close-view{
    background-image: url(../images/close_black.png);
    /*background-size: 15px;*/
}
/*#pictureViewer .menu-bar .handel.close-view:hover{
    background-image: url(static/images/close_white.png);
}*/
#pictureViewer .handel-prev,
#pictureViewer .handel-next{
    display: inline-block;
    width: 50px;
    height: 70px;
    position: relative;
    top: calc(50% - 180px);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: 50%;
    cursor: pointer;
	z-index:9999;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
#pictureViewer .handel-prev{
    background-image: url(../images/prev_blank.png);
}
#pictureViewer .handel-next{
    background-image: url(../images/next_blank.png);
}
#pictureViewer .handel-prev:hover,
#pictureViewer .handel-next:hover{
    /*background-color: #ff2e67;*/
}
#pictureViewer .handel-prev:hover{
    background-image: url(../images/prev_white.png);
}
#pictureViewer .handel-next:hover{
    background-image: url(../images/next_white.png);
}
#pictureViewer .picture-content{
    display: inline-block;
    height: calc(100% - 330px);
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
}
#pictureViewer .picture-content .cover{
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
#pictureViewer .picture-content img{ border:2px solid #FFF; width:100%;}
#pictureViewer .counter{
    position: absolute;
    bottom: 0;
    height: 40px;
    line-height: 40px;
    width: 100%;
    text-align: center;
    color: #808080;
    font-size: 13px;
}
#pictureViewer .hide{
    display: none;
}
#pictureViewer .left{
    float: left;
}
#pictureViewer .right{
    float: right;
}
#pictureViewer .clear-flex{
    clear: both;
}
#pictureViewer img{
    max-width: 100%;
    max-height: 100%;
}
.content{ *padding:0px !important}
.list-news .content {
    padding: 0px 10px 20px 20px;
    font-size: 14px;
    line-height: 30px;
    color: #8c8c8c;
}
.hidden-sto{ display:none}
.moimg{ display:block !important; background:#041920; text-align:center; padding:20px 0;}
.menu{ height:40px; line-height:40px; margin:0 5px;}
.menu .ul-list li{float:left; padding:0 15px 0 0;}
.menu .ul-list .ac a{ font-weight:bold;}
.menu .ul-list > li i {
width: 6px;
height: 8px;
font-size: 10px;
margin-right: 5px;
float:left;
margin-top:1px;
background-image: url(../images/s1.jpg);
}
.proshow{ display:none;}
.anmenu1{
    height: 40px;
	line-height:40px;
    width: 100%;
	margin-top:30px;
	border-bottom: 1px solid #eae8e4;
	overflow:hidden;
	margin-bottom:10px;
}
.anmenu1 li{ float:left; padding:0 10px;}
.anmenu1 .act{ border-bottom:1px solid #333}
.anmenu{ margin-left:5px;}
.anmenu .indSec1_list .indSec1_select{ float:left;position: relative; margin-right:5px;}
.anmenu .indSec1_list .indSec1_select input[type=text] {
	width:70px;
    font-size: 14px;
    letter-spacing: 1px;
    cursor: pointer!important;
    outline: none;
}
.anmenu .indSec1_list .indSec1_select .indSec1_dropDown{ display:none;position: absolute; z-index:2;border-top: #041920 1px solid;background-color: #ffffff; width:100%;box-shadow: 0 0 5px rgba(0,0,0,0.1);}
.anmenu .indSec1_list .indSec1_select .indSec1_dropDown li {
    font-size: 14px;
    color: #000;
    padding: 0 15px;
    line-height: 40px;
    text-align: center;
    letter-spacing: 1px;
    cursor: pointer;
}
.indan input[type=button] {
	line-height:20px;
}
.newProduct_list li{ margin:30px 5px 0 5px;}
}

.commlist{clear: both;display: flex;flex-wrap: wrap;}
.comm_l{flex: 0 0 67%;max-width:67%;}
.comm_r{background: #e8e8ea;flex: 0 0 33%;max-width:33%;}
.comm_r span{font-size: 28px;font-weight: bold;margin: 40px 0 0 50px;display: block;}
.comm_r p {margin: 15px 50px 0 50px;line-height: 24px;font-size: 15px;}
.comm1_r{flex: 0 0 67%;max-width:67%;}
.comm1_l{background: #e8e8ea;flex: 0 0 33%;max-width:33%;}
.comm1_l span{font-size: 28px;font-weight: bold;margin: 80px 0 0 50px;display: block;}
.comm1_l p {margin: 15px 50px 0 50px;line-height: 30px;font-size: 15px;}
.mcomm{ display:none}
.mcomm_r{background: #e8e8ea;flex: 0 0 33%;max-width:33%; overflow:hidden;}
.mcomm_r span{font-size: 28px;font-weight: bold;margin: 80px 0 0 50px;display: block;}
.mcomm_r p {margin: 15px 50px 40px 50px;line-height: 30px;font-size: 15px;}

.dingzhi{ padding-top:30px;}
.title-first1 {
    margin-bottom: 34px;
    float: left;
}
.title-first1 h3 {
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    color: #323232;
}
.title-first1 h3 span {
    position: relative;
    display: inline-block;
    padding-right: 23px;
    font-size: 24px;
}
.title-first1 h3 span:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 8px;
    right: 10px;
    width: 3px;
    height: 3px;
    background-color: #323232;
    border-radius: 50%;
}
.index_main2_xk {
    float: right;
    z-index: 3;
    text-align: center;
}
.index_main2_xk li {
    display: inline-block;
    transition: 0.3s;
}
.index_main2_xk li a {
    display: inline-block;
    color: #787878;
    font-size: 16px;
    height: 36px;
    line-height: 36px;
    transition: 0s;
    margin: 0 20px;
}
.index_main2_xk li.on a {
    color: #333;
    border-bottom: 2px solid #333;
}
.dingzhi .wrap{ display:block; overflow:hidden;}
.in_main2_main{ width:100%; display:none;transition: 0.3s; overflow:hidden;}
.in_main2_main img{ width:100%; height:auto;transition: 2s;}
.in_main2_main img:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}
.maincon .on{ display:block;transition: 0.3s;}
.moimg{ display:none;}