/*-------------------------------------------------*/
/* =  15.Loader
/*-------------------------------------------------*/
#myloader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: #ffffff;
  text-align: center;
display: flex;  /*采用flex布局*/
 justify-content:center; /*loading-box中的内容 水平居中*/
 align-items: center;    /*loading-box中的内容 垂直居中*/
}

#myloader .loader {
  display: inline-block;
  height: auto;
  position: relative;
  top: 50%;
  
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
		   display: flex;  /*采用flex布局*/
 justify-content:center; /*loading-box中的内容 水平居中*/
 align-items: center;    /*loading-box中的内容 垂直居中*/
}


.block-sidebar{position:fixed;bottom:30px;width:60px;z-index:99;right:0}.block-sidebar .backtop{display:none}.block-sidebar .block-sidebar-item i{font-size:50px;color:#111111;text-align:center;line-height:50px;margin-bottom:20px;cursor:pointer;display:block}.block-sidebar .block-sidebar-item a{text-decoration:none}.block-sidebar .block-sidebar-item i:hover{color:#a5845f}.paytip{margin-left:10px}

#codetree ul li{margin:0 0 0 30px;padding:0;list-style-type:none}#codetree .symbols{float:left;width:18px;_width:16px;height:15px;background-position:0 50%;background-repeat:no-repeat}@font-face{font-family:"icon";src:url('/content/font/iconfont.eot?t=1662471632950');src:url('/content/font/iconfont.eot?t=1662471632950#iefix') format('embedded-opentype'),url('/content/font/iconfont.woff2?t=1662471632950') format('woff2'),url('/content/font/iconfont.woff?t=1662471632950') format('woff'),url('/content/font/iconfont.ttf?t=1662471632950') format('truetype'),url('/content/font/iconfont.svg?t=1662471632950#icon') format('svg')}.icon{font-family:"icon"!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

.icon-fankui2:before {
    content: "";
}
.icon-xiangshang:before {
    content: "";
}

/* This is a compiled file, you should be editing the file in the templates directory */
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  
}

.pace.pace-inactive .pace-progress {
  display: none;
}

.pace .pace-progress {
  position: fixed;
  z-index: 20000;
  top: 50%;
  right: 50%;
  height: 5rem;
  margin-top:10px;
}

.pace .pace-progress:after {
  display: block;
  position: absolute;
  top: 0;
  right: -1rem;
  content: attr(data-progress-text);
  font-family: "ITCAvantGardeStd-XLtCn", sans-serif;
  font-weight: 100;
  font-size: .8rem;
  line-height: 1;
  text-align: center;
  color: #a5845f;
}


/************
 * loading
 ************/
 
 .loader{    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    line-height: 100vh;
    text-align: center;}
.loadingcontainer {
    display: inline-block !important;
    vertical-align: middle;
}

.loadingcontainer img{ width:70%; margin-top:-40px;   vertical-align: middle;}




/************
 * 页面样式
 ************/
/*=============
 * 基础默认样式
 =============*/

html{
	color: #5b5b5b;
	min-width: 320px;
	font-size: 100%;
	
	
}
:selection{
	background: #b3d4fc;
	text-shadow: none;	
}

ul,h1,h2,h3,p,div,dl,dt,dd,figure,figcaption{
	margin: 0;
	padding: 0;
}
li{list-style: none;}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
img{transition: all .5s;}
/*=============
 * 工具样式
 =============*/
.center-block{
	display: block;
	margin-right: 0;
	margin-left: 0;
}
.pull-right{
	float: right !important;
}
.pull-left{
	float: left !important; 
}

.text-right{
	text-align: right !important;
}
.text-left{
	text-align: left !important;
}
.text-center{
	text-align: center !important;
}

.hide{
	display: none !important;
}
.show{
	display: block !important;
}
.invisible{
	visibility: hidden;
}
.text-hide{
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
}

.clearfix:after,.clearfix:before{
	content: '';
	display: table;
	  }
.clearfix,.clearfix:after{
	clear: both;
	}

*{box-sizing: border-box;}

/*=============
 * 浏览器更新提示
 =============*/
.browerupgrade{
	margin: 0;
	padding: 1rem;
	background: #ccc;
}

/*=============
 * 自定义页面样式
 =============*/
 /**/
 @font-face { 
font-family: 'ITCAvantGardeStd'; 
src: url('../fonts/ITCAvantGardeStd-BkCn.otf'); 
} 
 @font-face { 
font-family: 'MicrosoftYaHeiUILight'; 
src: url('../fonts/MicrosoftYaHeiUILight.otf'); 
} 
 @font-face { 
font-family: 'ITCAvantGardeStd-XLtCn'; 
src: url('../fonts/ITCAvantGardeStd-XLtCn.otf'); 
} 
 @font-face { 
font-family: 'ITCAvantGardeStd-Bold'; 
src: url('../fonts/ITCAvantGardeStd-Bold.otf'); 
}
 @font-face { 
font-family: 'ITCAvantGardeStd-DemiObl'; 
src: url('../fonts/ITCAvantGardeStd-DemiObl.otf'); 
}
 @font-face { 
font-family: 'ITCAvantGardeStd-DemiCn'; 
src: url('../fonts/ITCAvantGardeStd-DemiCn.otf'); 
}
 @font-face { 
font-family: 'ITCAvantGardeStd-DemiCnObl'; 
src: url('../fonts/ITCAvantGardeStd-DemiCnObl.otf'); 
}
 @font-face { 
font-family: 'ITCAvantGardeStd-Demi'; 
src: url('../fonts/ITCAvantGardeStd-Demi.otf'); 
}

.NotoSans{font-family: "Noto Sans SC";}


.ITCAvantGardeStd-Bold {	font-family: 'ITCAvantGardeStd-Bold'}
/*加载定制字体end*/

.ITCAvantGardeStd {	font-family: 'ITCAvantGardeStd'}
/*加载定制字体end*/

@font-face { 
font-family: 'MicrosoftYaHei'; 
src: url('../fonts/MicrosoftYaHei.eot'); /* IE9 Compat Modes */ 
}
@font-face { 
font-family: 'MicrosoftYaHei'; 
src: url('../fonts/MicrosoftYaHei.eot?#iefix') format('embedded-opentype'); /* IE6-IE8 */ 
}
@font-face { 
font-family:'MicrosoftYaHei'; 
src: url('../fonts/MicrosoftYaHei.woff') format('woff'); /* Modern Browsers */ 
}
@font-face { 
font-family:'MicrosoftYaHei'; 
src:url('../fonts/MicrosoftYaHei.ttf') format('truetype');/* Safari, Android, iOS */ 
}

@font-face { 
font-family:'MicrosoftYaHei'; 
src:url('../fonts/MicrosoftYaHei.svg#MicrosoftYaHei') format('svg'); /* Legacy iOS */ 
}

body{
	
	background: #ffffff;
/*	font-family: 'Microsoft YaHei','微软雅黑','Microsoft JhengHei','华文细黑','ITCAvantGardeStd','STHeiti','MingLiu','PingFang SC','Helvetica','Arial','黑体';font-family: "Source Han Sans CN"
*/		font-family:"Source Han Sans CN","STHeitiSC-Light","Helvetica Neue","Helvetica","Heiti SC","PingHei","PingFang SC","Arial","sans-serif";

	font-weight:100;
	overflow:-Scroll;overflow-x:hidden;
	

}

.container{	/*line-height:170%*/
}

a{
	color: #666;
	text-decoration: none;
	transition: all .4s; 
}
a:active,a:hover{
	color: #a5845f;
	text-decoration: none;
}

.pageinfo{    display: inline-block;
    min-width: 45px;
    width: auto;
    padding: 0 20px;
    height: 45px;
    background: #fff;
    color: #a5845f;
    border: 1px solid #a5845f;
    line-height: 45px;
    text-align: center;}
.containerbox{ width: 100%; max-width:1440px;background: #fff; margin: 0 auto; }
.containerAFTERSALEbox{ width: 100%; background:url(../img/containerAFTERSALEboxbg.jpg) no-repeat center top; background-size:over; margin: 0 auto; overflow:hidden;}
.containerpartnerbox{ width: 100%; background:url(../img/containerpartnerboxbg.jpg) no-repeat center top; background-size:over; margin: 0 auto; overflow:hidden;}
.video{ width: 64%; display: inline-block; position:relative; float:left; }
.video img {
    width: 100%;
}
.villisinfo{width:36%; display: inline-block; background:url(../img/villisinfobg.jpg) #1e1b1c no-repeat center top; background-size:over; overflow:hidden; padding:70px 40px 20px  40px; color:#fff;}
.villisinfo h6{ font-size:30px; font-weight:400; margin:20px 0;}
.villisinfo h7{     border-bottom: 5px solid #a5845f;
    width: 80px;
    clear: both;
    display: block;
    margin-bottom: 20px; }
.villisinfo p{ font-size:14px; line-height:20px; font-weight:100; color:#fff;}
.videoboxbg{background:#1e1b1c;    height: auto;
    display: inline-block;
}

.compropic{ width: 36%; display: inline-block; position:relative; float:right; border:1px solid #a5845f; border-left:0; background:#fff; min-height:466px; }
.compropic img {
    width: 100%;
}
.companyinfo{width:64%; display: inline-block; float:left; background:url(../img/companyinfobg.jpg) #1e1b1c no-repeat center top; background-size:over; overflow:hidden; padding:70px 40px 20px  40px; color:#fff;}
.companyinfo h6{ font-size:30px; font-weight:400; margin:20px 0;}
.companyinfo h7{     border-bottom: 5px solid #a5845f;
    width: 80px;
    clear: both;
    display: block;
    margin-bottom: 20px; }
.companyinfo p{ font-size:14px; line-height:20px; font-weight:100; color:#fff; letter-spacing:1px;}
.compropicboxbg{background:#1e1b1c;min-height: 466px;
}




.containerChannelDealerReturnsbox{ width: 100%; background:#f5f5f5; overflow:hidden;}
.containerChannelDealerReturnsbox-box{ background:url(../img/containerChannelDealerReturnsboxbg.png) no-repeat right bottom; margin: 0 auto; overflow:hidden;}

.container{ width: 94%; max-width:1340px; margin: 0 auto; padding: 0 1rem; }
.containercasebox{ width: 100%; background: #f5f5f5; margin: 0 auto; overflow:hidden;}
.containercaseboxbg{ background: #ffffff;}
.containerlocationbox{ width: 100%; background: #f5f5f5; margin: 0 auto; overflow:hidden;}
.containerlinebox{ width: 100%; border-bottom: 1px solid #f5f5f5; margin: 0 auto; overflow:hidden; padding:1rem 0;}

.navbar{
	background:#111111;
	min-height:5em;
	box-shadow: 0 1px 4px rgba(0,0,0,.2);
/*	overflow: hidden;
*/	position: fixed;
	z-index: 3000;
	left: 0;
	top: 0;
	width: 100%;
		height:auto;

}
.logo img {
    max-height: 50px;
    width: auto;
    margin-top: .8rem;
}
.nav{text-align: right; font-size: 0; float:left;
 width: calc(100% - 300px);}
.nav li{ display: inline-block; font-size: 0.85rem; }
.nav li a{ display: block; line-height: 5rem; height: 5rem; width:auto; color:#fff; font-family:"Microsoft YaHei","PingHei","Helvetica Neue","Helvetica";  font-weight:200;
}
/*定格颜色*/
.nav li > a.on,
.nav li > a:hover { color:#a5845f}

.ad{
	text-align: center;
	margin-top: 5rem;
}
.ad .item{ font-size: 0;background: #232326;}
.ad .item img{ width:100%}
.owl-theme .owl-controls{ margin-top: -45px !important;}

/*共公标题*/
.title {
    padding-top: 3rem;
    margin-bottom: 3rem;
    text-align: left;
    padding-bottom: 2rem;
}
.aboutus-box .title {
    padding-top: 3rem;
    margin-bottom: 0;
    text-align: left;
    padding-bottom: 2rem;
}
.location-box .title{
    padding-top: 2rem;
    margin-bottom: 2rem;
    text-align: left;
    padding-bottom: 1rem;
}

.fl{ float:left}
.fr{ float:right}
.width50{ width:50%}
.width50new{ width:50%}
.title h1{ font-size: 3rem; line-height:3rem; font-family:"ITCAvantGardeStd" }
.title h2{ font-size: 1.875rem; font-weight: 400; padding-bottom: .5rem; }
.title h3{ font-size: 1.875rem; font-weight: 400; padding-bottom: .5rem; }
.title h4{ font-size: 1rem; font-weight: 400; padding-bottom: .5rem; margin: 8px 0;}
.title p{ color: #999; padding-top: .5rem; float:right;}
.jointitle{ font-size:30px;    clear: both;}
.width862{ width:862px;}


.sy-about{  padding: 0; color: #5b5b5b;}
.sy-abtxt{ width: 75%; background: #efefef; padding:4.375rem 2.375rem 4.375rem 6.375rem ; margin-top:4rem;}
.sy-abwelbox{ display:block; width: 25%; }


.sy-abwel h1{      font-size: 2.25rem;
    line-height: 3rem; padding-bottom: .5rem; padding-top: .5rem;
   color:#a6845f; background:#232326; display:block; float:left; width:80%; text-align:center; font-family:"ITCAvantGardeStd"}
	
	.sy-abwel h2{      font-size: 1.15rem;
    line-height: 1.5rem; padding-bottom: .25rem; margin-top: 2rem; padding-top: .25rem;
    font-weight: 100; color:#fff; background:#5b5b5b; display:block; float:left; width:20%; text-align:center}
	
.ny-abwelbox{ display:block; width: 100%; }
	
.ny-abwel h1{      font-size: 2.25rem;
    line-height: 3rem; padding-bottom: .5rem; padding-top: .5rem;
   color:#a6845f; background:#232326; display:block; float:left; padding:0.5rem 5.12rem; text-align:center; font-family:"ITCAvantGardeStd"}
	
	.ny-abwel h2{      font-size: 1.15rem;
    line-height: 1.5rem; padding-bottom: .25rem; margin-top: 2rem; padding-top: .25rem;
    font-weight: 100; color:#fff; background:#5b5b5b; display:block; float:left;padding: .25rem 2rem; text-align:center}
	

	
	.sy-abwel-bottom{ margin-top: 27.5rem; margin-left:2rem;}

.sy-abtxt h1{      font-size: 3rem;
    line-height: 3rem; padding-bottom: .5rem;
     font-family:"ITCAvantGardeStd"}

.sy-abtxt h2{ font-size: 1.5rem; padding-bottom: .5rem;font-weight: 400;}
.sy-abtxt p{  padding-top: .5rem;}

.service-list{ font-size: 0; padding-bottom: 2rem;}
.service-list li{padding:0 1rem; font-size: 1rem; text-align: center;  margin-top: 0rem; }
.service-list h3{ font-size: 1.5rem; font-weight: 400;  margin-top: 0rem;}
.service-list i{ font-size:7rem;transition: all .4s;transform: rotate(0deg);}
.service-list li p{ font-size: 0.875rem; color: #999;}
.service-list li:hover i{
	color: #F13A3A;
}
.ab-btn{ text-align: center;}
.ab-btn a{ display: inline-block; height:2.125rem; margin-top: 2rem; min-width: 24%;
    padding: 0 20px; line-height: 2.125rem; border:1px  solid #fff; color: #fff;text-align: center;}
.ab-btn a:hover{ background: #a6845f; border:1px  solid #a6845f; color: #232326;}

.music-box{ 
	padding-bottom: 3rem;padding-top: 3rem;
}

.case-box{ 
	padding-bottom: 3rem;padding-top: 3rem;
}
.case-box .title{ text-align:center
}

.join-box {padding-bottom: 3rem;padding-top: 3rem; color:#fff; padding-left:3rem}

.join-box .title{ text-align:left;
}
.join-box .tabbg { text-align:left; color:#FFFFFF;padding: 30px 0px 0px 60px;
}
.join-box .containerChannelDealerReturnsbox_text{ color:#383838;padding:0;line-height: 36px;}
.brandbox_text{ color:#fff;padding:0;line-height: 36px;}
.brandbox_text p { padding: 0px 0px 0px 30px; width:85%}
.join-box .tabbg h2{ display:inline;
}


.case-box .title h2{ border-bottom:0 
}
.case-box .case-box-more {text-align:center}

.case-btn{ text-align: center;}
.case-btn a{ display: inline-block; height:2.125rem; margin-top: 2rem; margin-bottom: 2rem; width: 14%;  line-height: 2.125rem;     background: none;
    border:1px solid #a5845f;
    color: #232326; text-align: center;}
.case-btn a:hover{ background: #a6845f; border:1px  solid #a6845f; color: #fff;}

.brandbg{ background:url(../img/brandbg.jpg) no-repeat top center;}
.brandbg .title{ color:#fff;}
.storybg{ background:#f5f5f5;}
.ff-list{
}
.ff-list li{
	clear: both;
    display: inline-block;
    position: relative;
    overflow: hidden;
    float: left;
    margin-bottom: 3.75rem;
    width: 100%;  

}

.ff-list li .IMGBOX{     position: relative; width:68%;  overflow: hidden;	  background: #232326;


}

.ff-list li  .IMGBOX img{ width: 100%;max-width: 100%;vertical-align: top;display:block;}

.ff-list li .TEXTBOX{    position: relative; width:32%;    overflow: hidden; padding:3rem;   background: #232326; padding-bottom:320px; margin-bottom:-320px;
}

.ff-list li .TEXTBOX h1{display:block; color:#a5845f; font-size:1rem;   font-family:"ITCAvantGardeStd" }
.ff-list li .TEXTBOX h2{ color:#C9CACA; font-size:1.5rem; margin-bottom: 1rem;   font-weight: 100;  }
.ff-list li .TEXTBOX p{ display:block; color:#9FA0A0; font-size:0.875rem;  margin-bottom: 0rem;    }
.ff-list li .TEXTBOX span{  display:block;color:#9FA0A0; font-size:0.75rem;     position: absolute;
    bottom: 1rem; }
.ff-list .tabox{   position: absolute;bottom: 2%;
    left: 2%;
    font-size: 0.75rem;
	width:30%;
	color:#9FA0A0;
	display:block
}
.ff-list .taboxright{   position: absolute;bottom: 2%;
    right: -3%;
    font-size: 0.75rem;
	width:32%;
	color:#9FA0A0;
		display:block;


}

.ff-list .taboxright ul { width:80%; display:flex; position:relative;}
.ff-list .taboxright li {
    float: left;
    text-align: left;
    display: inline;
		min-width:24%;
    width: auto;
    overflow: hidden;
    clear: none;	margin-bottom:1.25rem;
	    flex: 1 1 auto;
		width:33%

	
}


.ff-list .taboxright li:nth-of-type(1){ margin-left:.7rem; white-space: nowrap;}

.ff-list .tabox ul {  width:90%; display:flex; position:relative;}
.ff-list .tabox li {
    float: left;
    text-align: left;
    display: inline;
		min-width:24%;

    width: auto;
    overflow: hidden;
    clear: none;
	margin-bottom:1.25rem;
	    flex: 1 1 auto;
		width:33%

}
.ff-list .tabox li:nth-of-type(1){ margin-left:1.5rem; white-space: nowrap;}

.ff-list li a:hover img{ opacity: .3; transform: scale(1.1,1.1);}
.ff-list li a:hover .fa-txt{ opacity: 1; font-size: 0.9rem;    font-family:"ITCAvantGardeStd" }

.oursevice-box{}
.oursevice-box .title {
    text-align: left;
}
.containerAFTERSALE-box{ padding-bottom: 3rem;}
.containerAFTERSALE-box .title {
    text-align: left;
	color:#fff;
}



.oursevice-list{ font-size: 0;}
.oursevice-list li{ float:left; font-size: 1rem; text-align: center;  margin-top: 0rem;    width: 50%;    background:#5B5B5B;
    padding: 8rem  3rem;
    color: #fff;

	}
	
	
	
.oursevice-list .libg{ float:left; font-size: 1rem; text-align: center;  margin-top: 0rem;    width: 50%;    background:#232326;
    color: #fff;

	}	
	


.oursevice-list li i{font-size:7rem;transition: all .4s;}
.oursevice-list li h3{ font-size: 3rem; color: #F13A3A; margin-top: -1rem;}
.oursevice-list li p{ color: #999;}
.oursevice-list li:hover i{
	 color: #F13A3A;
}

.brand-box{ 
	background: url("../img/ban.jpg") center top; background-attachment: fixed; background-size: cover; 
}
.brand-box .box1{padding: 4rem 1rem;max-width: 75rem; margin: 0 auto; }
.brand-box h2{text-align: center; color: #fff; font-size: 2rem; background: rgba(0,0,0,.4); padding: 1rem 0;}
.brand-box h2 span{ color: #F13A3A; font-size: 3rem;}
.brand-box h2 strong{ display: block;}
.customers-list .item{ position: relative; margin: 0 .5rem; overflow: hidden;}
.customers-list .item img{ width: 100%; height: auto; display: block;}
.customers-box{padding-bottom: 3rem;}
.customers-box .title { text-align:left}
.customers-list .item .name-t{ background: #fff; height: 3rem; line-height: 3rem; text-align: center;box-shadow: 0 2px 6px #000;}
.customers-abs{ text-align: center; position: absolute;left: 0; top: 0; bottom: 3rem; right: 0; background: rgba(0,0,0,0);transition: all .4s; }
.customers-abs h3{ padding-top: 40%;color: hsla(0,0%,100%,0); font-size: 3rem; font-weight: 400;transition: all .4s; }
.customers-abs p{color: hsla(0,0%,100%,0);transition: all .4s; font-size: 2rem; }
.customers-list .item a:hover .customers-abs{background: rgba(0,0,0,.8);}
.customers-list .item a:hover .customers-abs h3{color: hsla(0,0%,100%,1); font-size: 1.5rem;}
.customers-list .item a:hover .customers-abs p{color: hsla(0,0%,100%,1);font-size: 1rem;}


.location-box{padding-bottom: 1.5rem;}
.location-box title{padding-top: 1.5rem;}



.sjzt-pc-responsibility {
    border: 0
}
.sjzt-pc-responsibility .item-bock {
width: calc(19.999%);
padding-right: 10px;
padding-top: 10px;
    border: 0;
    float: left;
}

.sjzt-pc-responsibility .item-bock:nth-of-type(5n) {/*padding-right: 0;*/
}
.sjzt-pc-responsibility .item-bock:nth-of-type(10n) {/*padding-right: 0;*/
}
.sjzt-pc-responsibility .item-bock:nth-of-type(15n) {/*padding-right: 0;*/
}
.sjzt-pc-responsibility .item-bock .img {
    position: relative;
    width: 100%;
    max-width: 100%;
    overflow: hidden;    margin: 0 auto; text-align:center;
	    height: 218px;
	
	}
	

	
	
	
.sjzt-pc-responsibility .item-bock .img .img1 {
    position: relative;
    width: 100%;
    max-width: 100%;
    overflow: hidden;    margin: 0 auto;
		
		filter: url(blur.svg#blur); /* FireFox, Chrome, Opera */
    
    -webkit-filter: blur(1px); /* Chrome, Opera */
       -moz-filter: blur(1px);
        -ms-filter: blur(1px);    
            filter: blur(1px);
    
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=1, MakeShadow=false); /* IE6~IE9 **/
}
.sjzt-pc-responsibility .item-bock .img:hover  img {
  /*  filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    opacity: .3;*/
    transform: scale(1.1,1.1);
}


.sjzt-pc-responsibility .item-bock:nth-of-type(6n) {
border-right: 0;}
.sjzt-pc-responsibility .item-bock .img .img-content {
    width: 100%;
height: 100%;    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.4);
    
    padding: 20px;
	padding-top: 56px;
	overflow:hidden;
}
.sjzt-pc-responsibility .item-bock .img .img-content h1 {
  	width: auto; 
	margin:0 auto  
}
.sjzt-pc-responsibility .item-bock .img .img-content h1 img{
max-height:44px;}

.sjzt-pc-responsibility .item-bock .img .img-content h2 {
    line-height: 1;
    border-bottom: 1px solid #fff;
	width:14%; 
	margin:0 auto  ;
	    margin-top: 16px;
		
}


.sjzt-pc-responsibility .item-bock .img .img-content h4 {
    color: #fff;
    font-size: 18px;
    line-height: 1;
    margin-top: 16px;
	font-weight:100
}

  
.sjzt-pc-responsibility .item-bock .img .img-content .classh4 {
    color: #fff;
    font-size: 18px;
    line-height: 1;
    margin-top: 46px;
	font-weight:100
}

  .sjzt-pc-responsibility .casemore .img .img-content  h4{    color: #a5845f;
    font-size: 16px;
    font-weight: 300;
    background: url(../img/arr_bg.png) no-repeat right center;
    height: 24px;
    line-height: 24px;
    margin: 0 auto;
    width: 90px;
    margin-top: 40px;}

.sjzt-pc-responsibility .item-bock .img .img-content p {
    color: #fff;
    font-size: 12px;
    line-height: 24px;
}

#owl-demo2 .owl-controls{ /*margin-top: 1.5rem !important;*/}
#owl-demo3 .owl-controls{ margin-top: .5rem !important;}
.line-box{width: 1px;  margin-top:3rem;}

.prodcutsbox li .bigimg{ max-width:100%}

.lx-box{ display: block;    margin-top: 0rem;}
.lx-box-index{ display: block;    margin-top: 0rem;}
.lx-list{ font-size: 0;  margin-bottom:2REM;text-align:left; }
.lx-list li{ display: inline-block; border:0px #ddd solid; font-size: 1rem; vertical-align:top}
.lx-list .liw0{ display: inline-block; width: 25%; }
.lx-list .liw1{ display: inline-block; width: 29%; border:0px #ddd solid; font-size: 14px;}
.lx-list .liw2{ display: inline-block; width: 20%; border:0px #ddd solid; font-size: 14px;}
.lx-list .liw3 { display: inline-block; width: 71%; border:0px #ddd solid; font-size: 14px; padding-top:12px;}
.lx-list .liw3 .footerright{ display: inline-block; width: 38%; float:right; min-height:62px;}
.lx-list li + li{/* margin-left: 1rem; */}
.lx-list li h1{  /*font-size: 1.375rem; */display:block; text-align:left; color:#fff;   font-family:"ITCAvantGardeStd" }
.lx-list li .dafter {
    content: '';
    left: 0%;
    width: 34px;
    margin-left: 0px;
    height: 4px;
	margin:2rem 0;
    background: #a6845f;
}





.lx-list li i{  font-size: 4rem; padding: 0 1rem; }
.lx-list li p{ padding-top: 0rem; text-align:right; font-size: 0.875rem;}
.lx-list li p span{ display: block; font-size: 0.875rem; color: #999; }
.lx-list li p span ul{  }
.lx-list li span li {
    display: inline-block;
    border-right: 0px solid #3e3e3e;
    border-top: 0px;
    border-bottom: 0px;
    font-size: 1rem;
    text-align: center;
   /* width: 90px;*/ padding: 0 .5rem;
/*	*/  width: calc(100%/5 - 0.5rem);
position:relative;
	
}

.lx-list li span .lifirst {
    display: inline-block;
    border-left: 0px solid #868688;
border-top: 0px;
    border-bottom: 0px;
    font-size: 1rem;
    /* padding: 0 10px 0 20px; */
    text-align: center;
}

.lx-list li span .lilast {
    display: inline-block;
    border-left: 0px solid #868688;
    border-right: 0px solid #868688;
    border-top: 0px;
    border-bottom: 0px;
    font-size: 1rem;
    /* padding: 0 10px 0 28px; */
    text-align: center;
}
.lx-box-width { padding:0 1rem}
.topmenu-box-width { padding:0 1rem}

.footer{
	background: #111111;
	padding: 3rem 0 0.05rem 0;
    color: #a4a4a4;
    font-size: 14px;
		text-align: left;
}
.footer a {
		padding: 2rem 0;
color: #a4a4a4;
	font-size: 14px;
	text-align: center;
}

.guidepages_logo{ width:100%; height:80px; line-height:80px; color:#949494; position:absolute; top:16%; text-align:center; font-size:14px; }
.guidepages_bottom{ width:100%; height:auto; line-height:24px; color:#949494; position:absolute; bottom:10px; text-align:center; font-size:14px; }

.footer .copyright{ width:100%; background: #000000; height:60px; line-height:60px; color:#949494;     overflow: hidden;}
.footer .copyrighttext{clear:both;text-align:right}

.footer .footerleft{ width:100%; float:none;}
.footer .footerright{ width:100%; float:none; line-height:62px;}
.footer .footerright1{ width:100%; float:none; display: block; line-height:28px; margin-top:12px;}
.footer .footerright2{ width:100%; float:none; display:none; line-height:28px;}


.lx-list li span .item1:hover .urcode {
    bottom: 140%;
    display: block;
}
.lx-list li span .item1 .urcode {
   width: 150px;
    height: 150px;
    background-color: #fff;
    padding: 14px;
    border-radius: 0px;
    box-shadow: 0 4px 6px #323436;
    margin-left: -78px;
    bottom: 180%;
    left: 50%;
    display: none;
}

.lx-list li span .item1 .urcode:after {
    width: 0;
    height: 0;
    border-top: 8px solid #fff;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    margin-left: -4px;
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 100%;
    content: '';
}
.lx-list li span .item1 .ascode {
    width: 150px;
    height: 150px;
    background-color: #fff;
    padding: 14px;
    border-radius: 0px;
    box-shadow: 0 4px 6px #323436;
    margin-left: -74px;
    bottom: 180%;
    left: 50%;
    display: none;
}

.lx-list li span .item1:hover .ascode {
    bottom: 140%;
    display: block;
}

.lx-list li span .item1 .ascode:after {
    width: 0;
    height: 0;
    border-top: 8px solid #fff;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    margin-left: -4px;
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 100%;
    content: '';
}


.lx-list li span .item1:hover .ascode {
    bottom: 140%;
    display: block;
}


.lx-list li span .item2 .qrcode {
    width: 150px;
    height: 150px;
    background-color: #fff;
    padding: 14px;
    border-radius: 0px;
    box-shadow: 0 4px 6px #323436;
    margin-left: -78px;
    bottom: 180%;
    left: 50%;
    display: none;
}
.lx-list li span .item2:hover .qrcode {
    bottom: 140%;
    display: block;
}
.lx-list li span .item2 .qrcode:after {
    width: 0;
    height: 0;
    border-top: 8px solid #fff;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    margin-left: -4px;
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 100%;
    content: '';
}


.lx-list li span .item3:hover .wrcode {
    bottom: 140%;
    display: block;
}
.lx-list li span .item3 .wrcode {
    width: 150px;
    height: 150px;
    background-color: #fff;
    padding: 14px;
    border-radius: 0px;
    box-shadow: 0 4px 6px #323436;
    margin-left: -78px;
    bottom: 180%;
    left: 50%;
    display: none;
}

.lx-list li span .item3 .wrcode:after {
    width: 0;
    height: 0;
    border-top: 8px solid #fff;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    margin-left: -4px;
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 100%;
    content: '';
}

.lx-list li span .item4:hover .drcode {
    bottom: 140%;
    display: block;
}
.lx-list li span .item4 .drcode {
    width: 150px;
    height: 150px;
    background-color: #fff;
    padding: 14px;
    border-radius: 0px;
    box-shadow: 0 4px 6px #323436;
    margin-left: -78px;
    bottom: 180%;
    left: 50%;
    display: none;
}

.lx-list li span .item4 .drcode:after {
    width: 0;
    height: 0;
    border-top: 8px solid #fff;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    margin-left: -4px;
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 100%;
    content: '';
}


.trans {
    -webkit-transition: all 300ms ease 0s;
    -moz-transition: all 300ms ease 0s;
    -ms-transition: all 300ms ease 0s;
    -o-transition: all 300ms ease 0s;
    transition: all 300ms ease 0s;
}
.absolute {
    position: absolute;
    z-index: 9999;
}





.b-nav{ padding: 1rem 0; text-align: center; border-top: 1px #313a43 solid;}
.b-nav a{ display: inline-block; padding: 0 2rem; color: #8b939d;}
.b-nav a:hover{ color: #FBC600;}

.page{ padding: 3rem 1rem;}
.page-tit{ text-align: center; font-size: 1.75rem; font-weight: 400;}
.sub-list{ text-align: center; padding-top: 1rem; border-bottom: 1px #dfdfdf solid; padding-bottom: 1.5rem;  font-size: 0;}
.sub-list li{ display: inline-block; font-size: 1rem;}
.sub-list li a{ display: inline-block; padding: .3rem 2rem;    border: 1px solid #dfdfdf; margin: 0 0.5rem; border-radius: 5rem;}
.sub-list li a:hover,.sub-list li.active a{ background: #FBC600; color: #fff;border-color: #FBC600;}

.al-list{ padding-top: 2rem; font-size: 0;}
.al-list li{ display: inline-block; width: 25%; position: relative; transition: all .4s;}
.al-abs{text-align: center;  position: absolute; 
background: rgba(0,0,0,0); z-index: 10; left: 0;top: 0; bottom: 0; right: 0;
 border: 10px solid hsla(0,0%,100%,0);background-clip: padding-box;transition: all .4s;}
.al-abs span{transition: all .4s ease .2s; position: absolute; left: 50%;font-size: 2rem; top: 50%; transform: translate(-50%,-50%); width: 100%; color: hsla(213,0%,100%,0);}
.al-list li a{ display: inline-block; overflow: hidden;}
.al-list li:hover img{ transform: scale(1.2,1.2);}
.al-list li:hover .al-abs{background: rgba(0,0,0,.6);border: 10px solid hsla(0,0%,100%,.5) }
.al-list li:hover span{color: hsla(213,0%,100%,1);font-size: 1rem;}

.page-ajax{ text-align: center;}
.page-ajax a{ font-size: 1rem; display: inline-block; padding: 1rem 2rem 1rem; position: relative;}
.page-ajax a:hover{ color: #FBC600;}
.page-ajax a i{ display: inline-block;}
.page-ajax a i:after{
	content: '';
	border: 5px solid transparent;
	border-top-color: #666;
	width: 0;
	height: 0;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -5px;	
}
.page-ajax a:hover i:after{ border-top-color: #FBC600;}

.al-tit{ padding: 2rem 0 1rem; text-align: left;}
.al-tit h1{ font-size: 1.75rem;font-weight: 400;}
.al-tit h1 span{ display: inline-block; margin-left: 1rem; font-size: 0.875rem; color: #999; }
.al-dbox{ padding-top: 2rem;}

.l-box{
	width: 73%;
    background: #fff;
    box-shadow: 0 0 6px rgba(0,0,0,.1);
    padding: 1.5rem;
}

.r-box{
	    background: #fff;
    box-shadow: 0 0 6px rgba(0,0,0,.1);
    padding: 1.5rem;
    width: 25%;
}
.r-box .al-list li{ width: 100%;}


.product-title {
    font-size: 1rem;
    line-height: 1.875;
    font-weight: 400;
    border-bottom: 1px solid #e4eaec;
    padding: 0 0 .5rem 1rem;
    position: relative;
}
.product-title:before{
	content: '';
	 width: 7rem;
	 height: 2px;
	 background: #333;
	 position: absolute;
	 left: 0;
	 bottom: -1px;
}

.text-box{ padding-top: 1rem; font-size: .875rem;}
.xm-mx{ padding-top: 1rem;}
.mt1{ margin-top: 1rem;}

.new-list{ }
.new-list li{color: #666;  padding: 1.5rem 0; border-bottom: 1px #ddd solid;}
.new-list li span{ margin-right: 1rem; color: #666; text-align: center; background: #f2f2f2;  float: left; width: 5.25rem; height: 5.25rem;}
.new-list li span strong{ font-size: 1.5rem; padding-top: 1rem;}
.new-list li p{ font-size: .875rem; height: 3.125rem; overflow: hidden;}
.new-list li a{padding-bottom: .3rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size: 1.125rem; color: #333; display: block;}
.new-list li a:hover{ color: #FBC600;}

.n-title{ padding-bottom: 1.2rem; border-bottom: 1px #DFDFDF solid; text-align: center;}
.n-title h1{ font-size: 2rem; font-weight: 400;}
.n-title .inf{ color: #999; font-size: .875rem;}

.news-txt{ padding-top: 1.5rem; font-size: 0.875rem;}
.news-txt img{ display: inline-block; margin: .5rem auto;}

.ab-txt .value-box{ background-attachment: inherit; background-size:cover;}
.txt01{ max-width: 40rem; margin: 2rem auto; text-align: center; font-size: .875rem; line-height: 2rem;}

.map{ margin: 2rem 0;}
.nav-logo{ position: absolute;display: none;}
.nav-logo span{ width:30px; height: 4px; background: #333; display: block; margin-bottom: 6px;}

.mobile-nav{ height: 100%; background: #242424; position: fixed; right: -200px; top: 3.25rem; width: 200px; overflow: hidden; display: none ;}
.mobile-nav ul{ padding: 15px 0;}
.mobile-nav a{ display: block; border-bottom:1px #666 solid; height: 40px; line-height: 40px; padding-left: 5px; color: #fff; padding: 0 25px; font-size: 15px;}
.mobile-nav a:active{ background: #fff; color: #242424;}


/*scrollbar*/


::-moz-selection {
	background: #a5845f;
	color: #aaa
}

::selection {
	background: #a5845f;
	color: #aaa
}

::-webkit-scrollbar {
	width: 8px
}

::-webkit-scrollbar-track {
	background: #232326
}

::-webkit-scrollbar-thumb {
	background: #a5845f
}

::-webkit-scrollbar-thumb:window-inactive {
	background: #a5845f
}

::-webkit-scrollbar-thumb:vertical:hover {
	background: #a5845f
}

/*bottom more icon*/


.icon-weixin {
    background: url(../img/wx_icon.png) no-repeat;
    width: 46px;
    /* margin: 0 10px; */
    vertical-align: middle;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    margin: 0 auto;
}
.icon-weibo {
    background: url(../img/wb_icon.png) no-repeat;
    width: 46px;
    vertical-align: middle;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    margin: 0 auto;
}
.icon-dyin{ background: url(../img/dy_icon.png) no-repeat;
    width: 46px;
    /* margin: 0 10px; */
    vertical-align: middle;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    margin: 0 auto;
}

.icon-taobao {
    background: url(../img/taobao_icon.png) no-repeat;
    width: 46px;
    vertical-align: middle;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    margin: 0 auto;
}

/*event*/
.icon-view{ background:url("../img/com_icon.png") no-repeat; background-position:-42px -6px; width:174px; margin:0 10px;     vertical-align: middle;display: inline-block;  height:42px; line-height:42px; margin:0 auto; display:block; clear:both;transform: scale(0.8,0.8);}
.fa-txt{
	font-size: 1.6rem;
	position: absolute;
	z-index: 10;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	color: #a6845f;
	opacity: 0;
	transition: all .4s;
	    text-align: center;
		font-weight:bold;
}
.fa-txt3{
	font-size:  1.6rem;
	position: absolute;
	z-index: 10;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	color: #a6845f;
	    margin-left: -35px;
	opacity: 0;
	transition: all .4s;
	    text-align: center;
}

.LIFE-list .item .fa-img{ min-height:auto}

.fa-txt2{
	position: relative;
		    text-align: left;
		background:#f5f5f5;
		padding:14px;
}

.fa-txt2 h1{ font-size:16px; color:#383838; font-weight:bold;}
.fa-txt2 h2{ font-size:16px; color:#383838; font-weight:bold;}

.fa-txt2 .writer{ font-size:14px; color:#383838; font-weight:100;}
.fa-txt2 .time{ font-size:14px; color:#383838; font-weight:100;}



.tab {
    margin: 16px auto;
    background:none;
	}
.tab .list > li {
    float: left;
}
.tab .list > li  {
    display: block;
    padding: 6px 0;
    text-align: center;
}

.tab .list > li .box {
	    display: block;
    padding:  0.8rem 1.2rem;
    text-align: center;
    font-size: 0.85rem;
	border:1px solid #a6845f;
	color: #a6845f;
	margin-right:  0.8rem;
}

.tab .list > li .box:hover {
	    display: block;
    padding:  0.8rem 1.2rem;
    text-align: center;
    font-size: 0.85rem;
	border:1px solid #a6845f;
	color: #fff;
	margin-right:  0.8rem;
	background:#a6845f
}



.search {
    width: auto;
    margin: 0 auto;
    float: right;    padding-top: 34px;
}
.search .key {
    float: left;
    width: 255px;
    height: 35px;
    padding: 0 9px;
    border: medium none;
    line-height: 35px;
    color: #fff;
 background:#898989;	
  display:inline;
  -webkit-appearance:none !important;
border-radius: 0 !important;
	
}

.search .go {
    float: right;
    width: 35px;
    height: 35px;
    border: medium none;
    text-indent: -9999px;
background: url(../img/fd.png) no-repeat center center #232325;
 width:35px;

    cursor: pointer;
	-webkit-appearance:none !important;
border-radius: 0 !important;
}

/*banner*/



	 .img-fill {
    height: 100vh;
    width: 100%;
    display: block;
    overflow: hidden;
    position: relative;
    text-align: center;
}
	.bannerinfobox{position: absolute;
    width: 92%;
    height: 100%;
    top: 0px;
    left: 4%;
    line-height: 100vh;
    text-align: left;}		
		.bannerinfobox > div {
    display: inline-block !important;
    vertical-align: middle;
}		



@-webkit-keyframes banner_inside {
    from {
        -webkit-transform: scale(1.23);
                transform: scale(1.23);
    }
    to {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}
@-moz-keyframes banner_inside {
    from {
        -moz-transform: scale(1.23);
             transform: scale(1.23);
    }
    to {
        -moz-transform: scale(1);
             transform: scale(1);
    }
}
@-o-keyframes banner_inside {
    from {
        -o-transform: scale(1.23);
           transform: scale(1.23);
    }
    to {
        -o-transform: scale(1);
           transform: scale(1);
    }
}
@keyframes banner_inside {
    from {
        -webkit-transform: scale(1.23);
           -moz-transform: scale(1.23);
             -o-transform: scale(1.23);
                transform: scale(1.23);
    }
    to {
        -webkit-transform: scale(1);
           -moz-transform: scale(1);
             -o-transform: scale(1);
                transform: scale(1);
    }
}
.banners-pc .slick-slide h1 {
    font: 36px/50px "ITCAvantGardeStd-Bold";
    color: #fff;
    -webkit-animation: fadeOutRight 1s both;
    animation: fadeOutRight 1s both;
    margin: 0;
    padding: 0;
}


	.banners-pc .slick-active h1{-webkit-animation: fadeInRight 1s both 1s;
    animation: fadeInRight 1s both 1s;}
	
.banners-pc .slick-slide p {
  margin: 0;
    padding: 0;
    font: 20px/30px "Microsoft YaHei","PingHei","Helvetica Neue","Helvetica"; 
    color: #fff;
     -webkit-animation: fadeOutUp 1s both;
    animation: fadeOutUp 1s both;
	padding-top:1.5rem;
	font-weight:300;
	display:none
}	
	
	.banners-pc .slick-active p {-webkit-animation: fadeInUp 1s both 2s;
    animation: fadeInUp 1s both 2s;
		display: block
}

	
	
	
/*aboutus*/			
			
			
.aboutus-box{ padding-bottom: 3rem;}
.aboutus-box .title {
    text-align: left;
}
.aboutus-list{ font-size: 0;}
.aboutus-list li{ float:left; font-size: 1rem; text-align: left;    width: 50%; 
    padding: 0rem 0 .5rem 0rem;
    color: #898989;
	}
	
	.aboutus-list .enfont p{font-size: 0.815rem;}
	
	
.aboutus-list .libg{ float:left; font-size: 1rem; text-align: center;   width: 50%;   
    padding: 5rem 0 5rem 0rem;
    color: #898989;

	}	
	.aboutus-box .libg0 .aboutus-list .profilepic{ background:#fff;}
.aboutus-list .profilepic,.aboutus-list .profilepic li{ padding-top:0px;}
	.aboutus-list .profilepic li img{ width:100%}
	.aboutus-list-box{ background:none; }
	.aboutus-box .libg0{ display: none;}


.aboutus-list li i{font-size:7rem;transition: all .4s;}
.aboutus-list li h3{ font-size: 3rem; color: #F13A3A; margin-top: -1rem;}
.aboutus-list li p{ color: #999; margin-bottom:1.5rem; }
.aboutus-list li:hover i{
	 color: #F13A3A;
}
		
		.sy-about{  background:#fff;}

 .aboutus-box .abpic {height:100%;background-size: cover;z-index: 8; float:right; margin:0}
 .aboutus-box .abpic .paly-box {position: relative;width: 100%; height: 100%;display: table; z-index: 9;}
 .aboutus-box .abpic .paly-box a.paly { width: 70px; height: 70px; background-image:url(../img/move_paly.png); position: absolute; margin: 0 auto; left: 0; right: 0; top: 50%; margin-top: -35px;background-repeat: no-repeat; background-position: 0 0;}
 .aboutus-box .abpic .paly-box a.paly:hover {background-image:url(../img/move_paly.png);background-repeat: no-repeat; opacity: 0.7;   }
 .aboutus-box .info { width: 65.6%; line-height: 2em; font-size: 14px; color: rgb(153, 153, 153); padding-right:20px; margin-top: -30px; text-indent: 2em; text-align: left;}
 .aboutus-box .more {width: 120px; height: 40px; display: block; margin-top: 40px;}
 .aboutus-box .more a { text-align: center; line-height: 40px; color: #97abb8;
    background-color: #fff;
    border: 1px solid #b6c4cd;
    border-radius: 5px;
    box-shadow: 0 0 12px rgba(182,196,205,.4); font-size: 14px;color:#97abb8;display: block;transition: all ease-out 0.3s;}
 .aboutus-box .more a:hover {color: #fff;
    background-color: #ec681c;
    border-color: #ec681c;
    box-shadow: 0 0 12px rgba(3,130,219,.4);}
	

.paddingr{ padding-right:1rem;}
.paddingl{ padding-left:1rem;}

.searchmb{ margin-top:none; padding:none;}



.profile-list{
}
.profile-list li{
	clear: both;
    display: inline-block;
    position: relative;
    overflow: hidden;
    float: left;
    margin-bottom: 0rem;
    width: 100%;
}

.profile-list li .IMGBOX{     position: relative; width:70%; height:28.75rem; overflow: hidden;
}

.profile-list li  .IMGBOX img{ width: 100%;max-width: 100%;vertical-align: top;display:block;}

.profile-list li .TEXTBOX{    position: relative; width:30%;    overflow: hidden; padding:3rem; 
}

.profile-list li .TEXTBOX h1{ color:#fff; font-size:1rem;   font-family:"ITCAvantGardeStd" }
.profile-list li .TEXTBOX h2{ color:#C9CACA; font-size:1.5rem;  }
.profile-list li .TEXTBOX p{ color:#9FA0A0; font-size:0.875rem;  height:16rem; }
.profile-list li .TEXTBOX span{ color:#9FA0A0; font-size:0.75rem;  }


.profile-list li a:hover img{ opacity: .3; /*transform: scale(1.2,1.2);*/}
.profile-list li a:hover .fa-txt{ opacity: 1; font-size: 1.25rem;    font-family:"ITCAvantGardeStd" }
.profile-list li .fa-txt3{ opacity: 1; }


 #owl-demo3 .owl-controls {
    margin-top: -4.5rem !important;
}
	#owl-demo3 .owl-controls .owl-page span{    width: 6px;
    height: 6px; background:#FEFFFF }
	#owl-demo3  .owl-controls .owl-page.active span, #owl-demo3 .owl-controls.clickable .owl-page:hover span{ background:#FDC401}	
	
	
 #owl-demo4 .owl-controls {
    margin-top: -4rem !important;
}
	#owl-demo4 .owl-controls .owl-page span{    width: 6px;
    height: 6px; background:#FEFFFF }
	#owl-demo4  .owl-controls .owl-page.active span, #owl-demo4 .owl-controls.clickable .owl-page:hover span{ background:#FDC401}	

			/*aboutus-ourteam*/			
	
		.gray { 
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    
    filter: grayscale(100%);
	
    filter: gray;
}

	
.ourteam-list{
}
.ourteam-list li{
	clear: both;
    display: inline-block;
    position: relative;
    background:#d3d3d3;
    overflow: hidden;
    float: left;
    width: 100%;
}
.ourteam-list .libg{
	clear: both;
    display: inline-block;
    position: relative;
    background: #e6e6e6;
    overflow: hidden;
    float: left;
    width: 100%;
}
.ourteam-list li .IMGBOX{     position: relative; width:50%;overflow: hidden; text-align:center
}

.ourteam-list li .IMGBOX img{   width: auto;max-width: 100%; vertical-align: bottom;display:block;
}


.ourteam-list li:hover  .IMGBOX{     position: relative; width:50%; overflow: hidden; text-align:center
}

.ourteam-list li img{ -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    
    filter: grayscale(100%);
	
    filter: gray;
	
	margin:0 auto;}

.ourteam-list li:hover  img{ -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    
    filter: none;
}
.ourteam-list li .TEXTBOX2 { opacity: 0; display:none; }
.ourteam-list li .TEXTBOX{ padding:8% 0% 0% 15%;  position: relative; width:50%;overflow: hidden; }
.ourteam-list li .TEXTBOX li{ width: auto; float:left;background:none; display:inline; clear:none; text-align:left; padding-left:1rem; }
.ourteam-list li .TEXTBOX .nameen{ font-size:3rem; border-right:1px solid #A2A2A4; height:3rem; line-height:3rem; padding-right:1rem; font-weight: bold ; display:inline-block; background:none; font-family:'ITCAvantGardeStd-Demi';}

.ourteam-list li .TEXTBOX h1{ color:#4D4C4A; font-size:2rem; height:2rem; line-height:3rem;  font-family:'Microsoft YaHei'; font-weight:100;}
.ourteam-list li .TEXTBOX h2{ color:#4D4C4A; font-size:0.875rem;  font-weight:100; padding-top: 0.875rem;}
.ourteam-list li .TEXTBOX p{ color:#4D4C4A; font-size:0.875rem; font-weight:100;  font-family:'Microsoft YaHei'; }
.ourteam-list li .TEXTBOX span{ color:#4D4C4A; font-size:0.75rem;  }
.ourteam-list li:hover  .TEXTBOX { opacity: 0; display:none;}
.ourteam-list li:hover  .TEXTBOX2 { opacity: 1; display: block; padding:9% 0% 0% 15%;  position: relative; width:50%;overflow: hidden; }
	.ourteam-list li:hover  .TEXTBOX2 > div {  display: inline-block !important;
    vertical-align: middle;}


.ourteam-list li .TEXTBOX2 p{ color:#4D4C4A; font-size:0.875rem; font-weight:100;  font-family:'Microsoft YaHei'; }


.ourteam-list li a:hover img{ opacity: 1; transform: scale(1.02,1.02);}
.ourteam-list li a:hover .fa-txt{ opacity: 0; font-size: 1.25rem;    font-family:"ITCAvantGardeStd" }


	
			
			/*aboutus-MANAGEMENT IDEA*/			
			
			
.idea-box{ padding-bottom: 3rem;}
.idea-box .title {
    text-align: center;
}
.idea-list{ font-size: 0; overflow:hidden;}
	.idea-boxbg{ background: none; padding:0rm 0}

.idea-list-boxleft{ width:100%; float:none}
.idea-list-boxright{ width:100%; float:none}
.idea-list li{ float:left; font-size: 1rem; text-align: left;  margin-top: -1rem;  width: calc(100%/3);
 border-right:1px solid #7F7F7F; 
 border-bottom:none; 

    padding: 5rem 3rem 5rem 3rem;
    color: #898989;
	overflow:hidden;    margin-bottom: -320px;
    padding-bottom: 320px;

	}
	.idea-list li:nth-child(3n){ border-right:0; border-bottom:0}
.idea-list .libg{ float:left; font-size: 1rem; text-align: center;  margin-top: -1rem;    width: 50%;   
    padding: 5rem 0 5rem 3rem; background:#3E3A39;
    color: #898989;

	}	
	
.idea-list li i{font-size:7rem;transition: all .4s;}
.idea-list li h1{ font-size: 1.375rem; color: #000000; margin-top: -1rem; margin-left:2rem; width:360px; height: 165px ; line-height:115px; font-family:"ITCAvantGardeStd" ; text-indent:42px;
}

.idea-list li .bg01{background:url("../img/com_icon.png") no-repeat ; background-position: -6px -86px;   }
.idea-list li .bg02{background:url("../img/com_icon.png") no-repeat ; background-position: -360px -86px;   }
.idea-list li .bg03{background:url("../img/com_icon.png") no-repeat ; background-position: -738px -86px;   }

.idea-list li h2{ font-size: 1.25rem; color: #323333; margin-top: -1rem; font-weight:100}
.idea-list li h3{ font-size: 3rem; color: #F13A3A; margin-top: -1rem;}
.idea-list li span{ min-height:7.2rem; display:block}
.idea-list li p{ color: #999;}
.idea-list li:hover i{
	 color: #F13A3A;
}
			
						/*aboutus-DAILY LIFE*/			

.LIFE-list {
    margin-top: 2rem;
}
.LIFE-list li{
	clear: none;
    display: inline-block;
    position: relative;
    overflow: hidden;
    float: left;
    margin-bottom: 1rem;
 width: calc(98%/3);
 	margin-right:1%;
}

.LIFE-list  li:nth-child(3n){	margin-right:0rem;}


.LIFE-list li  img{ width: 100%;max-width: 100%;height: 100%;max-height: 100%;vertical-align: top;display:block;}


.LIFE-list li a:hover img{ opacity: .3; transform: scale(1.2,1.2);}
.LIFE-list li a:hover .fa-txt{ opacity: 1; font-size: 1.25rem;    font-family:"ITCAvantGardeStd" }


.about-team-btn{ display:block}
.about-team-btnnews{ display:none}
.LIFE-list .lastitem{display:none;
}
.LIFE-list .newsitem{display:none;
}

/*.videp-open{  overflow-y: scroll;  }
*/
.videp-open{      max-width: 1334px;  }


.event-open .layui-layer-content {width: 100%; padding-bottom: 52%; height: 0; background: #fff; -webkit-overflow-scrolling: touch;  
    overflow-y: scroll;  }
.event-open .layui-layer-setwin {position: absolute; right: -50px; top: 0; font-size: 0; line-height: initial; width: 50px; height: 50px; background:none;}
.event-open .layui-layer-setwin .layui-layer-close2 { position: absolute; right: -10px; top: 0; width: 50px; height: 50px; margin-left: 0;background: url(../img/eventoff.png) no-repeat;background-position: 0px 0px; cursor: pointer;}
.event-open .layui-layer-setwin .layui-layer-close2:hover {background-position: 0px 0px; opacity: 1;}

#videoBox {max-height: 550px; overflow: hidden; position: relative;}
#videoBox .paly {position: absolute;top: 0; right: 0; height: 100%; width: 100%;}
#videoBox .paly a {position: absolute;top: 50%; width:80px; height: 80px; margin: -40px auto 0;background-image: url(../img/about_paly.png);background-repeat: no-repeat;background-position: 0 0; left: 0; right: 0; z-index: 99;}


.mobile{
	width:100%;
}
.mobile-inner{
	width:100%;
	position:relative;
}
.mobile-inner-header{
	background-color: rgba(255,255,255,255.7);
	width:100%;
	height:3.25rem;
	position:fixed;
	top:0px;
	left:0px;
	z-index:999;
}
.mobile-inner-header-icon{
	color: #666666;
height:52px; line-height:52px;	font-size:25px;
	text-align: right;
	float:right;
	width: 50px;
	position: relative;
	margin-right: -15px;
/*	margin-right: 5%;
*/	/*-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	-o-transition: background 0.5s;
	transition: background 0.5s;*/
}
.mobile-inner-header-icon:hover{
/*	background-color: rgba(255,255,255,0.2);
*/	cursor: pointer;
}
.mobile-inner-header-icon span{
	    position: absolute;
    left: calc((100% - 16px) / 2);
    top: calc((100% - 9px) / 2);
    width: 20px;
    height: 2px;
    background: #fefefe;
    display: block;
    margin-bottom: 1px;
    border-radius: 50px;
}
.mobile-inner-header-icon span:nth-child(1){
transform: translateY(1px) rotate(0deg);
	}
.mobile-inner-header-icon span:nth-child(2){
transform: translateY(2px) rotate(0deg);
	}
	

.mobile-inner-header-icon span:nth-child(3){
transform: translateY(6px) rotate(0deg);
	}
	


	
.mobile-inner-header-icon-click span:nth-child(1){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: clickfirst;
	}		
.mobile-inner-header-icon-click span:nth-child(2){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: clicksecond;
	}
	
.mobile-inner-header-icon-click span:nth-child(3){
display:none	}
	


@keyframes clickfirst {
  0% {
	  transform: translateY(4px) rotate(0deg);
	  
  }

  100% {
    transform: translateY(0) rotate(45deg);
  }
}	



@keyframes clicksecond {
  0% {
	  transform: translateY(-4px) rotate(0deg);
  }

  100% {
    transform: translateY(0) rotate(-45deg);
  }
}	

.mobile-inner-header-icon-out span:nth-child(1){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: outfirst;
	}		
.mobile-inner-header-icon-out span:nth-child(2){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: outsecond;
	}
	
.mobile-inner-header-icon-out span:nth-child(3){
display: block	}

@keyframes outfirst {
  0% {
    transform: translateY(0) rotate(-45deg);
  }

  100% {
    transform: translateY(-4px) rotate(0deg);
  }
}	



@keyframes outsecond {
  0% {
    transform: translateY(0) rotate(45deg);
  }

  100% {
    transform: translateY(1px) rotate(0deg);
  }
}

.mobile-inner-nav{
	background-color: rgba(0,0,0,1);
	width: 100%;
	position:fixed;
	top:3.25rem;
	left:0px;
	display:none;
	z-index:9999;
	height:100%;
	padding-top:5%;
}


.mobile-inner-nav dt{     display: inline-block;
    margin-left: 6%;
    vertical-align: top;
    padding-top: 25px;

}
.mobile-inner-nav dd{  	width: 80%;
	margin-left: 2%;  display: inline-block;   


}
.mobile-inner-nav i {
    font-weight: bold;
    /* color: #a5845f; */
    font-size: 0;
    width: 20px;
    border-top: 3px solid #a5845f;
    margin-top: 0;
			display: block;

}

.mobile-inner-nav a{
	display: block;
	line-height: 50px;
	text-decoration: none;
	color: #FFFFFF;
	border-bottom: solid 1px rgba(255,255,255,0.3);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	font-family:"ITCAvantGardeStd"
}
.mobile-inner-nav h1{
		display: block;
padding-top:10px;
	line-height: 14px;
	text-decoration: none;
	color: #A6A6A6;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	font-weight:100;
	font-size:8px;
	font-family:'Microsoft YaHei';
}
.menuadd dt {   display: inline-block;
    margin-left: 12.8%;
    vertical-align: top;
    padding-top: 25px;}
.menuadd dt i{ border:0}
.menuadd dd {
	width: 70%;
	margin-left: 0%;  display: inline-block;   
padding-top:10px;
	line-height: 14px;
	text-decoration: none;
	color: #BFBFBF;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	font-weight:100;
	font-size:10px;
	font-family:'Microsoft YaHei';}
	
.menuadd dd a{	border:0; font-weight:100;	line-height: 14px;	color: #BFBFBF;font-family:'Microsoft YaHei';

}

.mobile-inner-nav a:hover{
	color: rgba(255,255,255,0.4);
	border-bottom: solid 1px rgba(255,255,255,0.2);
}


/*详情页面*/

.infotoppic{ margin:0 auto; padding:0;    position: relative;}
.infotoppic img { width:100%; }




.infotoptext{position: absolute;  bottom: 5%;
  left:0; width:100%;
}

.infotoptext h1{ bottom:2rem; color:#fff; font-size:3rem; text-align:left; width:94%; max-width:1340px; margin:0  auto; padding:0 1rem }

.infobox{    position: relative; width:100%;    overflow: hidden; padding:2rem 0rem 0rem 0rem; 
}
.infobox img { width:100%; max-width:100%; }

.infobox .__bg_gif{ width:36px; max-width:100%; }
.infoboxcom{    position: relative; width:100%;    overflow: hidden; padding:rem; color:#898989;
}


.infobox h1{ color:#a5845f; font-size:2rem; font-weight:bold;   font-family:"Microsoft YaHei","PingHei","Helvetica Neue","Helvetica"; text-align:left; border-bottom:0;padding-bottom:0.2rem; margin-bottom:0.2rem; }
.infobox h2{ color:#4C4948; font-size:1.12rem;    font-weight: bold; margin-top:1.12rem;  text-align:left; border-bottom:0;padding-bottom:0.2rem; margin-bottom:0.2rem;  }

.infobox h3{ color:#C9CACA; font-size:1.12rem;    font-weight: bold; margin-top:1.12rem;  text-align:left; border-bottom:0;padding-bottom:0.2rem; margin-bottom:0.2rem;  }

.infoboxtabox{border-bottom:1px #f6f6f6 solid ; width:100%; clear:both;}
.infobox .pageline{border-top:1px #f6f6f6 solid ; width:100%; clear:both; margin-top:1.5rem;margin-bottom:3rem;}

.infobox .pageline ul li{ width:50%;margin-top:.5rem;}
.infobox .pageline .pre{
font-family:'ITCAvantGardeStd-Bold'; font-weight: bold; float:left; font-size:1.125rem; color:#4E4A49;  text-align:left;vertical-align:middle}
.infobox .pageline .next{ font-family:'ITCAvantGardeStd-Bold'; font-weight: bold;color:#4E4A49; float:right; font-size:1.125rem; text-align:right; vertical-align:middle}
.leftjiantou{     background: url(../img/leftarr.png) no-repeat; background-size:85%; width:20px; height:20px; display:inline-table;vertical-align:middle}
.rightjiantou{     background: url(../img/rightarr.png) no-repeat; background-size:85%; width:20px; height:20px; display:inline-table;vertical-align:middle}


.infoboxtabox ul { width:100%; height:3rem; 	
}
.infoboxtabox   li {color:#868686; 
    float: left;
    text-align: left;
    display: inline; margin-right:2rem;    overflow: hidden;
    clear: none;
	width: auto;
	font-size:.75rem;
	
}



.infoboxtabox   li:first-child{    text-align: left;
 }
.infoboxtabox   li:nth-child(2){    text-align: center;
 }
.infoboxtabox   li:nth-child(3){    text-align: right;
 }

/*50em=16x50=800px*/

.tabbg {width: auto;
    background:none;
	}
	.videp-open .layui-layer-content {width: 100%; padding-bottom:0%; height: 0; background: #111;}
.videp-open .layui-layer-setwin {position: absolute; right: -42px; top: 0; font-size: 0; line-height: initial; width: 42px; height: 42px; background: #444;}
.videp-open .layui-layer-setwin .layui-layer-close2 { position: absolute; right: 4px;
    top: -4px; width: 42px; height: 42px; margin-left: 0;background: url(/skin/images/off.png) no-repeat;background-position: 0px 0px; cursor: pointer;}
.videp-open .layui-layer-setwin .layui-layer-close2:hover {background-position: 0px -50px;}
#videoBox {max-height: 550px; overflow: hidden; position: relative;}
#videoBox .paly {position: absolute;top: 0; right: 0; height: 100%; width: 100%;}
#videoBox .paly a {position: absolute;top: 50%; width:80px; height: 80px; margin: -40px auto 0;background-image: url(/skin/images/about_paly.png);background-repeat: no-repeat;background-position: 0 0; left: 0; right: 0; z-index: 99;}

	

@media screen and (max-width:1500px){
.infotoptext h1{ bottom:2rem; color:#fff; font-size:3rem; text-align:left; width:94%; max-width:1240px; margin:0  auto; padding:0 1rem }

.containerbox{ width: 100%; max-width:1340px;background: #fff; margin: 0 auto; overflow:hidden;}
.container{ width: 94%; max-width:1240px; margin: 0 auto; padding: 0 1rem; }
.tab {
    margin: 32px auto;
    background: none;
}



}

@media screen and (max-width:1400px){
.infotoptext h1{ bottom:2rem; color:#fff; font-size:3rem; text-align:left; width:94%; max-width:1140px; margin:0  auto; padding:0 1rem }

.containerbox{ width: 100%; max-width:1240px;background: #fff; margin: 0 auto; overflow:hidden;}
.container{ width: 94%; max-width:1140px; margin: 0 auto; padding: 0 1rem; }
.tab {
    margin: 32px auto;
    background: none;
}
}

@media screen and (max-width:1280px){
.infotoptext h1{ bottom:2rem; color:#fff; font-size:3rem; text-align:left; width:94%; max-width:1040px; margin:0  auto; padding:0 1rem }

.containerbox{ width: 100%; max-width:1140px;background: #fff; margin: 0 auto; overflow:hidden;}
.container{ width: 94%; max-width:1040px; margin: 0 auto; padding: 0 1rem; }

.ff-list li .TEXTBOX{    position: relative; width:32%;    overflow: hidden; padding:1.5rem;   background: #232326; padding-bottom:320px; margin-bottom:-320px;
}
.ff-list li .TEXTBOX h2{ color:#C9CACA; font-size:1.25rem; margin-bottom: 1rem;   font-weight: 100;  }
.ff-list .taboxright li:nth-of-type(1) {
    margin-left: 0rem;
}
.ff-list .tabox li:nth-of-type(1) {
    margin-left: 0rem;
}
.tab {
    margin: 32px auto;
    background:none;
	}
}

.ff-list .taboxright li ,.ff-list .tabox li {
		min-width:15%;
}

@media screen and (max-width:1200px){
.infotoptext h1{ bottom:2rem; color:#fff; font-size:3rem; text-align:left; width:94%; max-width:1040px; margin:0  auto; padding:0 1rem }

.containerbox{ width: 100%; max-width:1140px;background: #fff; margin: 0 auto; overflow:hidden;}
.container{ width: 94%; max-width:1040px; margin: 0 auto; padding: 0 1rem; }
.tab {
    margin: 32px auto;
    background: none;
}
}


.oursevice-box .title .classspan4{ display:none
}

.afterservice_info-box{ padding:3rem 0}
.rich_media_content { max-width:677px; margin:0 auto}

/** iPad **/
@media only screen and (min-width: 768px) and (max-width: 1024px) {


#HoverTreeScroll {
    height: 90px;
    margin-bottom: 10px;
    overflow: hidden;
}
.join-box .tabbg {
    padding: 10px;
}
.villisinfo {
    width: 36%;
    display: inline-block;
    background: url(../img/villisinfobg.jpg) #1e1b1c no-repeat center top;
    background-size: over;
    overflow: hidden;
    padding: 10px 20px 0px 20px;
    color: #fff;
}
.villisinfo h6 {
    font-size: 20px;
    font-weight: 400;
    margin: 14px 0;
}
.div3{ padding-top:2rem;}
.logo img {
     margin-top: 1.1rem;
}
.width50new {
    width: 65%;
}
.width50 {
    width: 35%;
}

.location-box .title {
    padding-top: 1rem;
    margin-bottom: 1rem;
    text-align: left;
    padding-bottom: 1rem;
}
.nav{ display:none}
.nav-logo {
    display: block;
}
.mobile-inner-nav {
    top: 5rem;}
.mobile-inner-header-icon {
    height: 5rem;
    line-height: 5rem;}
.compropic {
    width: 100%;
    display: inline-block;
    position: relative;
    float: right;
    border: 1px solid #a5845f;
    border-left: 1px solid #a5845f;
    border-bottom: 0;
    background: #fff;
    min-height: auto;
    clear: both;
}
.companyinfo {
    width: 100%;
    display: inline-block;
    float: left;
    background: url(../img/companyinfobg.jpg) #1e1b1c no-repeat center top;
    background-size: over;
    overflow: hidden;
    padding: 40px 20px 20px 20px;
    color: #fff;
}
.brandbox_text p {
    padding: 0px 0px 0px 00px;
    width: 100%;
}
.infotoptext h1{ bottom:2rem; color:#fff; font-size:3rem; text-align:left; width:94%; max-width:840px; margin:0  auto; padding:0 1rem }

.containerbox{ width: 100%; max-width:940px;background: #fff; margin: 0 auto; overflow:hidden;}
.container{ width: 94%; max-width:840px; margin: 0 auto; padding: 0 1rem; }


/*banner*/


	 .img-fill {
    height: 100vh;
    width: 100%;
    display: block;
    overflow: hidden;
    position: relative;
    text-align: center;
}
	.bannerinfobox{position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    line-height: 100vh;
    text-align: left;}		
		.bannerinfobox > div {
    display: inline-block !important;
    vertical-align: middle;
}		

.banners-mb .slick-slide h1 {
    font: 30px/50px "ITCAvantGardeStd-Bold";
    color: #fff;
    -webkit-animation: fadeOutRight 1s both;
    animation: fadeOutRight 1s both;
    margin: 0;
    padding: 0;
}
	.banners-mb .slick-active h1{-webkit-animation: fadeInRight 1s both 1s;
    animation: fadeInRight 1s both 1s;}
	
.banners-mb .slick-slide p {
  margin: 0;
    padding: 0;
    font: 15px/30px "Microsoft YaHei","PingHei","Helvetica Neue","Helvetica";
    color: #fff;
     -webkit-animation: fadeOutUp 1s both;
    animation: fadeOutUp 1s both;
		padding-top:1rem;

		display:none

}	
	
	.banners-mb .slick-active p {-webkit-animation: fadeInUp 1s both 2s;
    animation: fadeInUp 1s both 2s;
		display: block;
}

	
	
			

.container {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 4%;
}

.tab {
    margin: 32px auto;
    background:none;
	}
	
	.searchmb{ margin-top:5.75rem; padding:0 2%;}

	
/* 导航指示*/

.sy-abwelbox{ display:block;}
.sy-abwel-bottom{ display:none}
.ny-abwelbox{ display: block;}
.sy-abtxt{ width: 100%; background: #efefef; padding:4% ; margin-top:0rem;}
.sy-abwelbox{ display:block;    width: 100%; background:#fff;
}
.sy-abwel{  width: 90%;} 
.sy-abwel-bottom{ display:none}

.ny-abwelbox{ display: block;  width: 100%; background:#fff;}
.ny-abwel {  width: 90%;} 
.sy-abtxt{ width: 100%; background: #efefef; padding:8% ; margin-top:0rem;}

.sy-abtxt h1 {
    font-size: 2.2rem;
    line-height: 3rem;
    padding-bottom: .5rem;
    font-family: "ITCAvantGardeStd-Bold";
}
.sy-abtxt h2 {
    font-size: 1.3rem;
    padding-bottom: .5rem;
    font-weight: 400;
}

.sy-abtxt p{  padding-top: 1rem;}


.sy-abwel h1 {
    font-size: 1.4rem;
    line-height: 2rem;
    padding-bottom: .5rem;
    padding-top: .5rem;
    padding-left: 2rem;
    color: #a6845f;
    background: #232326;
    display: block;
    float: left;
    width: 80%;
    text-align: left;
    font-family: "ITCAvantGardeStd-Bold";
}
.sy-abwel h2 {
    font-size: .85rem;
    line-height: 1.2rem;
    padding-bottom: .25rem;
    margin-top: 1.3rem;
    padding-top: .25rem;
    font-weight: 100;
    color: #fff;
    background: #5b5b5b;
    display: block;
    float: left;
    width: 20%;
    text-align: center;
}



.ny-abwel h1 {
    font-size: 1.4rem;
    line-height: 2rem;
    padding-bottom: .5rem;
    padding-top: .5rem;
    padding-left: 2rem;
    color: #a6845f;
    background: #232326;
    display: block;
    float: left;
    width: 70%;
    text-align: left;
    font-family: "ITCAvantGardeStd-Bold";
}
.ny-abwel h2 
 {
    font-size: .85rem;
    line-height: 1.2rem;
    padding-bottom: .25rem;
    margin-top: 1.3rem;
	    padding-top: .25rem;
    font-weight: 100;
    color: #fff;
    background: #5b5b5b;
    display: block;
    float: left;
    width: 30%;
    text-align: center;
    padding: .25rem 1rem;
}



.oursevice-list li{ width:100%;    padding: 6rem 3rem;

}
	.oursevice-list .libg{ width:100%}
.oursevice-list li img { max-width:90%}

	.brand-box h2{ font-size: 1.5rem; font-weight: 400;}
	.value-txt{ width: 70%; margin: 0 auto;}
	.lx-list{ padding-bottom:4.5rem;}
	.lx-list li{ width: calc(50% - .5rem); margin-bottom: 1rem;}
	.lx-list li:nth-child(3){
		margin-left: 0;
		float:right;
	}	
	.lx-list li ul li:nth-child(3){
		margin-left: 0;
		float:none;
	}
	
	.ab-btn{text-align: center;}
	.ab-btn a{ width: 50%; max-width: 10rem;}
	.al-list li{ width: 50%;}
	.lx-list li {width:100%;}
	.lx-list li span ul li{width: calc(100%/4 - 1rem);}
	
	.l-box{ width: 100%;padding: 1rem;}
	.r-box{ width: 100%; margin-top: 1rem;padding: 1rem;}
	.al-dbox .al-list li{ width: 50%;}
	.sjzt-pc-responsibility .item-bock {
    width: calc(100%/3 - 0.5rem);
    padding: 0px;
    border:0;
	margin-right:0.5rem;    margin-bottom: 0.5rem;
    float: left;
}
	.sjzt-pc-responsibility .item-bock .img {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
	    height: 182px;

}
	.sjzt-pc-responsibility .item-bock .img .img1 {
  width: 100%;
}	
	.sjzt-pc-responsibility .item-bock .img .img-content img {
    width: auto;
}
.sjzt-pc-responsibility .item-bock:nth-of-type(3n) {
border-right: 0;}
.ab-btn a {
    width: 36%;}
	
	/*关于我们－团队*/
.ourteam-list li .TEXTBOX{ padding:8% 0% 0% 8%;  position: relative; width:50%;overflow: hidden; }

	/*关于我们－经营理念*/
	
	.idea-boxbg{ background:#EFEFEF; padding:1.5rm 0}
	.idea-list-boxleft{ width:35%; float:left}
	
.idea-list li .idea-list-boxleft	 .bg01 {
    background: url(../img/01bg.png) no-repeat;
	 background-size:80%; background-size:contain;}
.idea-list li .idea-list-boxleft	 .bg02 {
    background: url(../img/02bg.png) no-repeat;
	 background-size:80%; background-size:contain;}
	 .idea-list li .idea-list-boxleft	 .bg03 {
    background: url(../img/03bg.png) no-repeat;
	 background-size:80%; background-size:contain;}

.idea-list li .idea-list-boxleft		 h1 {
    font-size: 0.9rem;
    color: #000000;
    margin-top: -1rem;
    margin-left: 0;
    width: 100%;
    height: auto;
    line-height:auto;
    font-family: "ITCAvantGardeStd-Bold";
    text-indent: 1px;
	letter-spacing:0px;
} 
	 .idea-list li span {
    min-height: 2.2rem;
    display: block;
    font-size: 9px;
}
	 
	.idea-list-boxright{ width:65%; float:left}

	
	.idea-list li{ float:left; font-size: 1rem; text-align: left;  margin-top: -1rem;  width: 100%;
	border-right: none;
 border-bottom:1px solid #C4C4C4; 
    padding: 5rem 0.5rem 5rem 0.5rem;
    color: #898989;

	}

	
/*案例*/

.case-btn a{  width: 30%; background: #fff; border:1px  solid #232326; color: #232326;}

.case-btn a:hover{ border:1px  solid #a6845f;}

.ff-list li .TEXTBOX {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 1rem 1.5rem;
	   background: #232326; height: auto;padding-bottom:0; margin-bottom:-0;padding-bottom: 1rem;
	
}
.ff-list li .IMGBOX {
    position: relative;
    width: 100%;
    height:auto;
    overflow: hidden;
}

.ff-list li .TEXTBOX h1{ display: none;}
.ff-list li .TEXTBOX span { display: none;}
	.lx-list .liw1{ width: 100%; margin-left: 0 !important;}
	.lx-list .liw2{ width: 100%; margin-left: 0 !important;}
	.lx-list .liw3{ width: 100%; margin-left: 0 !important;}
.ff-list .tabox{ display: none;}
.ff-list .taboxright{ display: none;}

.footer{/* margin-top:3rem;*/}

.footer ,.footer a{
    font-size: .5rem;

}
.footer .footerleft{ width:27%; float:left;}

.footer .lx-list li h1{ font-size:0.9rem;}
.footer .lx-list li .dafter{    margin: 0.5rem 0;}
.footer .footerright{ width:73%; float:left; font-size:9px;}

.footer .footerright1{ width:73%; float:left; display:none;line-height: 30px;}
.footer .footerright2{ width:73%; float:left; display:block; font-size:9px;line-height: 30px;}


.videp-open .layui-layer-setwin {position: absolute; right: 0px; top: -50px; font-size: 0; line-height: initial; width: 50px; height: 50px; background:none;}
.event-open .layui-layer-setwin {position: absolute; right: 16px; top: 0; font-size: 0; line-height: initial; width: 50px; height: 50px; background:none;}
.event-open .layui-layer-content {width: 100%; padding-bottom: 90%; height: 0; background: #fff;}
.event-open .layui-layer-setwin .layui-layer-close2 { position: absolute; right:0; top: 0; width: 50px; height: 50px; margin-left: 0;background: url(../img/eventoff2.png) no-repeat;background-position: 0px 0px; cursor: pointer;}




}
/** iPhone **/
@media only screen and (min-width: 320px) and (max-width: 767px) {



body p{	line-height:180%;
}


.jointitle {
    font-size: 22px;
    clear: both;
}

.join-box p {
    font-size: 0.9rem;
}
.sjzt-pc-responsibility .item-bock .img .img-content .classh4 {
    color: #fff;
    font-size: 18px;
    line-height: 1;
    margin-top: 16px;
	font-weight:100
}



.hovertreebox {
    margin: 0 auto;
    overflow: hidden;
   padding: 0px; 
}
.companyinfo p {
    font-size: 14px;
    line-height: 22px;
    font-weight: 100;
    color: #fff;
}
.brandbox_text p {
    padding: 0px 0px 0px 0;
    width: 100%;
}

.brandbox_text {
    color: #fff;
    padding: 0;
    line-height: 22px;
    font-size: 14px;
}
.width50{ width:40%}
.width50new{ width:60%}

.compropic {
    width: 100%;
    display: inline-block;
    position: relative;
    float: right;
    border: 1px solid #a5845f;
    border-left: 1px solid #a5845f;
    border-bottom: 0;
    background: #fff;
    min-height: auto;
	clear:both
}.companyinfo {
    width: 100%;
    display: inline-block;
    float: left;
    background: url(../img/companyinfobg.jpg) #1e1b1c no-repeat center top;
    background-size: over;
    overflow: hidden;
    padding: 40px 20px 20px 20px;
    color: #fff;
}
.video {
    width: 100%;
    display: inline-block;
    position: relative;
    float: left;
}
.video img{ width:100%}
.villisinfo{    width: 100%; padding:40px 20px 10px  20px
}
.villisinfo h6{ font-size:20px; font-weight:200; margin:20px 0;}

.join-box {padding-bottom: 3rem;padding-top: 3rem; color:#fff; padding-left:0rem}


/*bottom more icon*/

.icon-user {
    background: url(../img/men_icon.png) no-repeat;
    width: 36px;
    vertical-align: middle;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    margin: 0 auto;background-size: 50% 50%;    /* 通过百分比设置 */
			background-size: contain;      /* 覆盖:图片成比例填满盒子。可用于适配 */
}
.icon-weixin {
    background: url(../img/wx_icon.png) no-repeat;
    width: 35px;
    /* margin: 0 10px; */
    vertical-align: middle;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    margin: 0 auto;background-size: 50% 50%;    /* 通过百分比设置 */
			background-size: contain;      /* 覆盖:图片成比例填满盒子。可用于适配 */
}
.icon-weibo {
    background: url(../img/wb_icon.png) no-repeat;
    width: 36px;
    vertical-align: middle;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    margin: 0 auto;background-size: 50% 50%;    /* 通过百分比设置 */
			background-size: contain;      /* 覆盖:图片成比例填满盒子。可用于适配 */
}
.icon-dyin{ background: url(../img/dy_icon.png) no-repeat;
    width: 34px;
    /* margin: 0 10px; */
    vertical-align: middle;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    margin: 0 auto;background-size: 50% 50%;    /* 通过百分比设置 */
			background-size:contain;      /* 覆盖:图片成比例填满盒子。可用于适配 */
}


.lx-list li span .item4:hover .drcode {
    bottom: 140%;
    display: block;
}

.lx-list li span .item2 .qrcode {
    margin-left: -38px;
}

.lx-list li span .item2 .qrcode:after {
    width: 0;
    height: 0;
    border-top: 8px solid #fff;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    margin-left: -49px;
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 100%;
    content: '';
}

.lx-list li span .item1 .urcode{
    margin-left: -98px;
}
.lx-list li span .item3 .wrcode{
    margin-left: -98px;
}
.lx-list li span .item4 .drcode {
      width: 150px;
    height: 150px;
    background-color: #fff;
    padding: 14px;
    border-radius: 0px;
    box-shadow: 0 4px 6px #323436;
    margin-left: -88px;
    bottom: 180%;
    left: 50%;
    display: none;
}

.lx-list li span .item4 .drcode:after {
    width: 0;
    height: 0;
    border-top: 8px solid #fff;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    margin-left: 0px;
    position: absolute;
    z-index: 1;
    left: 44%;
    top: 100%;
    content: '';
}



.infoboxtabox   li {color:#727071; 
    float: left;
    text-align: left;
    display: inline; margin-right:0;    overflow: hidden;
    clear: none;
	width:calc(100%/3);
	font-size:.75rem;
	font-weight:100;
	
}

.infoboxtabox   li:first-child{    text-align: left;    white-space: nowrap;
 }
.infoboxtabox   li:nth-child(2){    text-align: center;    white-space: nowrap;
 }
.infoboxtabox   li:nth-child(3){    text-align: right;    white-space: nowrap;
 }

.paddingr{ padding-right:none;}
.paddingl{ padding-left:none;}

.ff-list li .TEXTBOX h2 {
    color: #232226;
/*    margin-bottom: 0rem;
*/    font-weight: 100;
}

.infobox .pageline{border-top:0px #f6f6f6 solid ; width:100%; clear:both; margin-top:1.5rem;margin-bottom:1.5rem;}


.infobox h1{ color:#4C4948; font-size:1.2rem; font-weight:100;   font-family:"Microsoft YaHei","PingHei","Helvetica Neue","Helvetica";  text-align:left; border-bottom:0px solid #C0C0C0; padding-bottom:.5rem; margin-bottom:.1rem; }
.infobox h2{ color:#4C4948; font-size:1rem;    font-weight: 100; margin-top:1.12rem; text-align:center; border-bottom:none solid #C0C0C0; padding-bottom:1rem; margin-bottom:1rem; 


  display: table;
   box-sizing: border-box;
    width: 100%;
    line-height: 32px;
    background-color: #fff;
    white-space: nowrap;
    border-spacing: 10px 0;
  
  
  
  }

.infoboxbg h2:before , .infoboxbg h2:after{
    display: table-cell;
    content: '';
    width: 50%;
    background: -webkit-linear-gradient(#C0C0C0,#C0C0C0) repeat-x left center;
    background: linear-gradient(#C0C0C0,#C0C0C0) repeat-x left center;
    background-size: 1px 1px;
}


.infobox h3{ }

.infotoptext h1{ bottom:2rem; color:#fff; font-size:1.54rem; text-align:left; width:94%; max-width:1340px; margin:0  auto; }

.line-box {
    width: 1px;
    margin-left: 50%;
    background: #9f9f9f;
    height: 8rem;
    margin-top: 2rem;
	clear: both;
	display:block;
}

.ff-list li .TEXTBOX h2 {
    font-size: 0.85rem;
	height: 1.2rem;
	line-height:1.2rem;
	    margin-bottom: 0.2rem;
		    font-weight: bold;
}

/*banner*/


	 .img-fill {
    height: 100vh;
    width: 100%;
    display: block;
    overflow: hidden;
    position: relative;
    text-align: center;
}
	.bannerinfobox{position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    line-height: 100vh;
    text-align: left;}		
		.bannerinfobox > div {
    display: inline-block !important;
    vertical-align: middle;
}		

.banners-mb .slick-slide h1 {
    font: 24px/32px "ITCAvantGardeStd-Bold";
    color: #fff;
    -webkit-animation: fadeOutRight 1s both;
    animation: fadeOutRight 1s both;
    margin: 0;
    padding: 0;
	
}
	.banners-mb .slick-active h1{-webkit-animation: fadeInRight 1s both 1s;
    animation: fadeInRight 1s both 1s;}
	
.banners-mb .slick-slide p {
  margin: 0;
    padding: 0;
       font: 14px/24px "Microsoft YaHei","PingHei","Helvetica Neue","Helvetica";

    color: #fff;
     -webkit-animation: fadeOutUp 1s both;
    animation: fadeOutUp 1s both;
		padding-top:0.75rem;

		display:none

}	
	
	.banners-mb .slick-active p {-webkit-animation: fadeInUp 1s both 2s;
    animation: fadeInUp 1s both 2s;
		display: block
}

/*banner*/
.banners-mb .slick-slide .text8{  font: 20px/22px "ITCAvantGardeStd-Bold";
}
.banners-mb .slick-slide #centeralign8 .desc{ font:11px/14px  "Microsoft YaHei";}

.container {




    max-width: 100%;
    margin: 0 auto;
    padding: 0 4%;
}


.title h1 {
    font-size: 1.65rem;
    line-height:1.65rem;
}
.title p {
    color: #999;
    font-size: 0.8rem;
    padding: 1rem 0;
}

@media (max-width: 1200px) {

.lx-list .liw3 .footerright {
    width: 50%;
}
.aftersale-box .item-bock{float:left; border:0px solid #f5f5f5; width:calc(50%); text-align:center;    height: 242px;}

/*
.aftersale-box .fr{ float:none}
  a.cost:link{padding-top:92px;padding-left:410px;  text-align:left;
   }
 a.cost:hover/*,a.cost:visited{ padding-top:92px;padding-left:410px;  color:#fff;text-align:left;	}
*/  }

/* 导航指示*/

.sy-abwelbox{ display:block;    width: 100%; background:#fff;
}
.sy-abwel{  width: 90%;} 
.sy-abwel-bottom{ display:none}

.ny-abwelbox{ display: block;  width: 100%; background:#fff;}
.ny-abwel {  width: 90%;} 
.sy-abtxt{ width: 96%; background: #efefef; padding:8% ; margin-top:0rem;}

.sy-abtxt h1 {
    font-size: 1.8rem;
    line-height: 2rem;
    padding-bottom: 1.5rem;
    font-family: "ITCAvantGardeStd-Bold";
}
.sy-abtxt h2 {font-size: 1rem;
    padding-bottom: .5rem;
    font-weight: 400;
}

.sy-abtxt p{  padding-top: 0.5rem;    font-size: 0.8rem;}


.sy-abwel h1 {
    font-size: 1.4rem;
    line-height: 2rem;
    padding-bottom: .5rem;
    padding-top: .5rem;
    padding-left: 2rem;
    color: #a6845f;
    background: #232326;
    display: block;
    float: left;
    width: 80%;
    text-align: left;
    font-family: "ITCAvantGardeStd-Bold";
}
.sy-abwel h2 {
    font-size: .85rem;
    line-height: 1.2rem;
    padding-bottom: .25rem;
    margin-top: 1.3rem;
    padding-top: .25rem;
    font-weight: 100;
    color: #fff;
    background: #5b5b5b;
    display: block;
    float: left;
    width: 20%;
    text-align: center;
}



.ny-abwel h1 {
    font-size: 1.4rem;
    line-height: 2rem;
    padding-bottom: .5rem;
    padding-top: .5rem;
    padding-left: 2rem;
    color: #a6845f;
    background: #232326;
    display: block;
    float: left;
    width: 70%;
    text-align: left;
    font-family: "ITCAvantGardeStd-Bold";
}
.ny-abwel h2 
 {
    font-size: .85rem;
    line-height: 1.2rem;
    padding-bottom: .25rem;
    margin-top: 1.3rem;
	    padding-top: .25rem;
    font-weight: 100;
    color: #fff;
    background: #5b5b5b;
    display: block;
    float: left;
    width: 30%;
    text-align: center;
    padding: .25rem 1rem;
}




.oursevice-list li{ width:100%;    padding: 3.4rem  3rem;}
	.oursevice-list .libg{ width:100%}
.oursevice-list li img { max-width:80%}
.ab-btn a {
    display: inline-block;
    margin-top: 1rem;
     border: 1px solid #fff;
    color: #fff;
    text-align: center;
	  min-width: 18%;
    width: auto;
    padding: 0 10px; height: 1.4rem;
    line-height: 1.4rem;font-size: 12px;
	
	
}
	.brand-box h2{ font-size: 1.5rem; font-weight: 400;}
	.value-txt{ width: 70%; margin: 0 auto;}
	.lx-list li{ width: calc(50% - .5rem); margin-bottom: 0.5rem;}
	.lx-list li:nth-child(3){
		margin-left: 0;
				float:none;

	}	
	.al-list li{ width: 50%;}
	.lx-list{  padding-bottom: 0.5rem;}

	.lx-list li {width:100%;}
	.lx-list li span ul li{width: calc(100%/5 - 0.5rem);
    padding: 0 0.1rem;}
	
	.l-box{ width: 100%;padding: 1rem;}
	.r-box{ width: 100%; margin-top: 1rem;padding: 1rem;}
	.al-dbox .al-list li{ width: 50%;}
	.sjzt-pc-responsibility .item-bock {
    width: calc(100%/2 - 0.5rem);
    padding: 0px;
    border:0;
	    margin-right: 0.5rem;
    float: left;    margin-top: 0.5rem;
}
	.sjzt-pc-responsibility .item-bock .img {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
		height:152px

}



	.sjzt-pc-responsibility .item-bock .img .img1 {
    width: 100%;
}	

.sjzt-pc-responsibility .item-bock .img .img-content {

    padding-top: 56px;
}.sjzt-pc-responsibility .item-bock .img .img-content h2 {

    margin-top: 8px;
}.sjzt-pc-responsibility .item-bock .img .img-content h4 {
   
    margin-top: 8px;
}
	.sjzt-pc-responsibility .item-bock .img .img-content img {
    max-width: 70%;
}



  .sjzt-pc-responsibility .casemore .img .img-content  h4{   
    margin-top: 45px;}

.sjzt-pc-responsibility .casemore .img .lastitem h4 {
    margin-top: 15px;
}

.sjzt-pc-responsibility .item-bock:nth-of-type(3n) {
border-right: 0;}


/*案例*/
.tab .list{  /*width: 80%;*/
/*    margin: 0.8rem auto;
*/    float: none !important;
 }
.search {
       width: 60%;
    margin: 1rem auto;
    float: none !important;
	clear:both;
	height:1.5rem;
    /* float: none !important; */
	display:none
}
.infobox{    position: relative; width:100%;    overflow: hidden; padding:0rem; 
}

.infobox img { width:100%; max-width:100%; }
.infotoppic{ margin-top:3.25rem;}
.infotoppic img{ width: 100%;max-width: 100%;vertical-align: top;display:block;}
.search .key {
    float: left;
    width:  calc(100% - 35px); 
    height: 35px;
    padding: 0 9px;
    border: medium none;
    line-height: 35px;
    color: #fff;
 background:#898989;	
  display:inline;
  
	
}
.infobox .pageline .pre , .infobox .pageline .next{    font-size: .85rem;}
.search .go{ float:left; display:inline}
.case-btn a{     min-width: 18%;
    width: auto;
    padding: 0 10px;  background:none; border: 1px solid #a5845f; color: #232326;height: 1.4rem;
    margin-top: 1rem;
    margin-bottom: 2rem;
    line-height: 1.4rem;font-size: 12px;}
.case-btn a:hover{ border:1px  solid #a6845f;}

.ff-list li {
    clear: both;
    display: inline-block;
    position: relative;
    overflow: hidden;
    float: left;
    margin-bottom: 0rem;
    width: 100%;
}

.ff-list li .TEXTBOX {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 1rem 1.5rem;
	   background: #fff; height: auto;padding-bottom:0; margin-bottom:-0;

}
.ff-list li .IMGBOX {
    position: relative;
    width: 100%;
    height:auto;
    overflow: hidden;
}

.ff-list li .TEXTBOX h1{ display: none;}
.ff-list li .TEXTBOX span { display: none;}
.ff-list li .TEXTBOX p{    margin-bottom: 0.6rem;
    height: 68px;
    overflow: hidden;
	    font-size: 0.75rem;

  }

.ff-list .tabox{ display: none;}
.ff-list .taboxright{ display: none;}

.tab .list > li .box {
	    display: block;
    padding: 0 0.8rem 0 0;
    text-align: left;
    font-size: 0.75rem;
	}

.videp-open .layui-layer-setwin {position: absolute; right: 0px; top: -50px; font-size: 0; line-height: initial; width: 50px; height: 50px; background:none;}
.event-open .layui-layer-setwin {position: absolute; right: 16px; top: 0; font-size: 0; line-height: initial; width: 50px; height: 50px; background:none;}
.event-open .layui-layer-content {width: 100%; padding-bottom: 90%; height: 0; background: #fff;}
.event-open .layui-layer-setwin .layui-layer-close2 { position: absolute; right:0; top: 0; width: 50px; height: 50px; margin-left: 0;background: url(../img/eventoff2.png) no-repeat;background-position: 0px 0px; cursor: pointer;}

.layui-layer-iframe {
     overflow-y:visible;
    -webkit-overflow-scrolling: touch;
}
.videp-open .layui-layer-setwin .layui-layer-close2 {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 50px;
    height: 40px;
    margin-left: 0;
    background: url(../img/eventoff2.png) no-repeat;
    background-position: 0px 0px;
    cursor: pointer;
}

.videp-open .layui-layer-setwin .layui-layer-close2:hover {background-position: 0px -0px;}

.footer{/* margin-top:3rem;*/}

.footer ,.footer a{
    font-size: .5rem;

}
.footer .footerleft{ width:25%; float:left;}

.footer .lx-list li h1{ font-size:0.9rem;}
.footer .lx-list li .dafter{    margin: 0.5rem 0; width:24px;}
.footer .footerright{ width:100%; float:left; font-size:14px;}

.lx-list .liw3 .footerright {
    display: inline-block;
    width: 100%;
    float: left;
    min-height: 62px;
}
.footer .copyrighttext{clear:both;text-align:left}

.lx-list li p{text-align:left;    padding-top: 0rem;}

.footer .footerright1{ width:100%; float:left; display:block}


.container { 
    max-width: 100%;
    margin: 0 auto;
    padding: 0 2%;
}

.lx-box-width {
    padding: 20px 0;
}
.topmenu-box-width { padding:0 6%}

.tab{ /*width:100%; background:#fff;    padding: 2rem 0;*/
}
.profilebox{   padding:  0;}

.tabbg {width: 100%;
margin:0 auto;
	padding:0 4%;
	}
	.join-box .tabbg {	padding:0 4%;
}
.join-box  img{ width:100%}

.searchmb{ margin-top:3.25rem; padding:0 2%;}

.oursevice-list li{ width:100%}
	.oursevice-list .libg{ width:100%}
.sy-abtxt{ width: 100%;}
	.sy-abtxt{ width: 100%; font-size: .875rem;}
	.brand-box h2{ line-height: 3rem;}
	.brand-box h2 span{ display: none;}
	.brand-box h2 strong{ display: inline-block;font-weight: 400;}
	.value-txt{ width: 100%;}
	.value-txt h2{ font-size: 1.5rem;}
	.b-nav a{ padding: 0 .5rem;}
	.value-txt{  padding:3rem 1rem}
	.lx-list .liw1{ width: 100%; margin-left: 0 !important;}
	.lx-list .liw2{ width: 100%; margin-left: 0 !important;}
	.lx-list .liw3{ width: 100%; margin-left: 0 !important;}
.lx-box{ display:none;    margin-top: 2rem;}
.lx-box-index{ display: block;    margin-top: 2rem;}
	.title{ padding-top: 1rem; margin-bottom: 1rem;}
	.location-box .title{ padding-top: 1rem; margin-bottom: 1rem;}
	.title h2{ font-size: 1.25rem; border-bottom: 0px #f6f6f6 solid}
	.title h3{ font-size: 1.2rem; border-bottom: 0px #f6f6f6 solid}
	.title h4{ font-size: .85rem; border-bottom: 0px #f6f6f6 solid}
	.case-box,.oursevice-box,.customers-box{ padding-bottom: 1rem;}
	.brand-box .box1{ padding: 2rem 1rem;}
	.sub-list li{ width: 50%; margin-bottom: 1rem;}
	.sub-list li a{ width: 90%; padding: .3rem 0;}
	.new-list li span{ display: none;}
	.new-list li{ padding: 1rem 0;}
	.nav{ display: none;}
	.nav-logo{ display: block;}
	.navbar{ height: 3.25rem; min-height:3.25rem}
.logo img {
    height: 2rem; margin-top: .6rem;
}
	.ad{ margin-top: 3.25rem;}
	.service-list li,.oursevice-list li{ margin-top: 0rem;}	
	
		/*关于我们－公司简介*/
		
		.sy-about{  background:#EFEFEF;}
.aboutus-list-box{  background:#ffffff; padding:0 4%; padding-top:1rem;}
.aboutus-list-box2{   padding:0}

.aboutus-box {
  padding-bottom: 2rem;
}

	.aboutus-list-box .aboutus-list li {
    float: left;
    font-size: .85rem;
    text-align: left;
    width: 100%;
    padding: 1rem 0;
    color: #898989;
    margin-bottom: -0.75rem;
	
}

	.aboutus-list-box2 .aboutus-list li {
    float: left;
    font-size: .85rem;
    text-align: left;
    width: 100%;
    padding:0;
    color: #898989;
    margin-bottom: -0.75rem;
	
}
		.aboutus-list .enfont p{font-size: 1rem;}

		.aboutus-box .libg0{ display: block;    margin-bottom: 1.5rem;clear:both;  }
	.aboutus-box .libg0 .aboutus-list .profilepic{ min-height:200px;height:200px; background:#3E3A39}

		.aboutus-box .libg0 .aboutus-list .profilepic{ width: 100%;max-width: 100%; vertical-align: top;display:block;}
		.aboutus-box .libg0 .aboutus-list .profilepicbg{ background:none; display:block; clear:both; }


#owl-demo4 .owl-controls {
    margin-top: -1.5rem !important;
}


	/*关于我们－经营理念*/
	
	.idea-boxbg{ background:#EFEFEF; padding:1.5rm 0}
	.idea-list-boxleft{ width:40%; float:left}
	
.idea-list li .idea-list-boxleft	 .bg01 {
    background: url(../img/01bg.png) no-repeat;
	 background-size:80%; background-size:contain;}
.idea-list li .idea-list-boxleft	 .bg02 {
    background: url(../img/02bg.png) no-repeat;
	 background-size:80%; background-size:contain;}
	 .idea-list li .idea-list-boxleft	 .bg03 {
    background: url(../img/03bg.png) no-repeat;
	 background-size:80%; background-size:contain;}

.idea-list li .idea-list-boxleft		 h1 {
    font-size: 0.8rem;
	    color: #000000;
    margin-top: 0;
    margin-left: 0;
    width: 100%;
        height: 5rem;
    line-height: 5rem;
    font-family: "ITCAvantGardeStd-Bold";
    text-indent: 1px;
    letter-spacing: -0.5px;
	white-space:nowrap;
} 
	 .idea-list li span ,.idea-list li p{
    min-height: 2.2rem;
    display: block;
    font-size: 9px;
}


	.idea-list-boxright{ width:60%; float:left;    padding-left: 2%;}

	
	.idea-list li{ float:left; font-size: 1rem; text-align: left;  margin-top: -1rem;  width: 100%;
	border-right: none;
 border-bottom:1px solid #C4C4C4; 
    color: #898989;
	padding-bottom:1rem;
	margin-bottom:-1rem;
    padding: 5rem 0.5rem 2.5rem 0.5rem;

	}
							/*aboutus-ourteam*/			

	
.ourteam-list li .TEXTBOX{ padding:10% 0% 0% 3%;  position: relative; width:50%;overflow: hidden; }
.ourteam-list li .TEXTBOX li{    padding-left: 0.5rem;
}
.ourteam-list li .TEXTBOX .nameen {
    font-size: 1.25rem;
    border-right: 1px solid #A2A2A4;
    height: 1.25rem;
    line-height: 1.25rem;
    padding-right: 0.5rem;
    font-weight: bold;
    display: inline-block;
    background: none;
}
	
.ourteam-list li .TEXTBOX h1{ color:#4D4C4A; font-size:1rem;     height: 1.55rem;
    line-height: 1.25rem;
  font-family:'Microsoft YaHei'; font-weight:100;display: inline-block;}
.ourteam-list li .TEXTBOX h2{ color:#4D4C4A; font-size:9px; line-height:0.9rem; padding-top:.2rem; font-weight:100; }
.ourteam-list li .TEXTBOX p{ color:#4D4C4A; font-size:9px;line-height:0.9rem; font-weight:100; }
.ourteam-list li:hover  .TEXTBOX2 { opacity: 1; display: block; padding:10% 0% 0% 5%;  position: relative; width:50%;overflow: hidden; }
	.ourteam-list li:hover  .TEXTBOX2 > div {  display: inline-block !important;
    vertical-align: middle;}

	
	.ourteam-list li .TEXTBOX2 p{     color: #4D4C4A;
    font-size: 9px;
    font-weight: 100;
    max-height: 108px;
    overflow: hidden;
    line-height: 100%;
    letter-spacing: 0px;
 font-family:'Microsoft YaHei';
    padding-right: 15px;
}

	
	
							/*aboutus-DAILY LIFE*/			

	
.LIFE-list{justify-content: space-between; overflow:hidden; margin-bottom:2rem;

}
.LIFE-list li{
    clear: none;
    display: inline-block;
    position: relative;
    background: #f5f5f5;
    overflow: hidden;
    float: left;
    margin-bottom: 1%;
    width: calc(98%/2);
    margin-right: 1%;
}

.LIFE-list li:nth-child(3n) {
    margin-right: 1%;
}

.LIFE-list .lastitem {display:block; overflow:hidden; height:0  
}

.about-team-btn2{   width: 100%;    display: inline-block; text-align:center; left:auto;
    bottom: 50%;
	margin-bottom:-1.125rem;
    padding-top: 50%;
}


.about-team-btn2 a{    background: none;
    border: 1px solid #a7a7a7;
    color: #686868;
    display: inline-block;
/*    height: 2.125rem;
*/	    padding: 0 20px;
	       height: 1.75rem;
    line-height: 1.75rem;
    font-size: 12px;

}

.about-team-btn2 a:hover {
    background: #a6845f;
    border: 1px solid #a6845f;
    color: #fff;
}
.about-team-btn{ display:none}
.about-team-btnnews{ display:block}
.LIFE-list li  img{ width: 100%;max-width: 100%;vertical-align: top;display:block;}


.LIFE-list li a:hover img{ opacity: .3; transform: scale(1.2,1.2);}
.LIFE-list li a:hover .fa-txt{ opacity: 1; font-size: 1.25rem;    font-family:"ITCAvantGardeStd" }
.LIFE-list .item .fa-img {
    min-height: auto;
}
.fa-txt2 h1{ font-size:14px; color:#383838; font-weight:bold;}
.fa-txt2 h2 {
    font-size: 12px;
    color: #383838;
    font-weight: 200;
    height: 36px;
    overflow: hidden;
    line-height: 18px;
    display: inline-block;
}.fa-txt2 .time{ font-size:12px; color:#383838; font-weight:200;}

	.lx-list li span .item1 .ascode  {
    margin-left: -92px;
}

	.lx-list li span .item2 .qrcode {
    margin-left: -48px;
}

.location-box .title .width50 {
    width: 100%;
}
.location-box .title .width50new {
    width: 100%;
}
}



	
		.banners-pc { clear: both;  height:100vh;    overflow: hidden;  }
		.banners-pc .frame { height:100%;     background: no-repeat center center; background-size: cover; position:relative; padding: 0 8%;}

		.banners-mb { display: none; clear: both; height: 100vh;    overflow: hidden;  }
		.banners-mb .frame {  height:100%;   background: no-repeat center center; background-size: cover;  position:relative;  padding: 0 8%;}

		@media (max-width: 1024px) {
			.banners-pc {display: none;}
			.banners-mb {display: block;}
		}

.lencot{ padding:12px 0; float:right;}
.lencot a{ float:left; height:47px; width:67px; line-height:47px; text-align:center; display:block; border-right:1px solid #ddd; color:#d13f91; font-weight:bold;}
.secloc{ margin-left:10px;  position:relative;}
.secloc span{ display:block;height:47px; width:47px; background:url(../img/fd.png) no-repeat center center; cursor:pointer;}
.secloc p { position: absolute; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2); right: 5px; top: 4.8rem; width: 200px; height: 35px; display:none;}
.secloc p .od01 {    width: 165px;    border: none;    height: 35px;    padding: 0 8px;    float: left;    font-size: 14px;}
.secloc p .od02 { width: 35px;height: 35px; float: left; border: none; cursor: pointer; background: #f9f9f9 url(../img/fd.png) no-repeat center center;}

.slick-dots .slick-active{ border:1px solid #a5845f; padding:6px; border-radius:50px;}




/*banner图样式*/
.banner {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.banner picture img {
    -webkit-animation: banner_inside 20s ease 1 forwards;
       -moz-animation: banner_inside 20s ease 1 forwards;
         -o-animation: banner_inside 20s ease 1 forwards;
            animation: banner_inside 20s ease 1 forwards;
}
@-webkit-keyframes banner_inside {
    from {
        -webkit-transform: scale(1.23);
                transform: scale(1.23);
    }
    to {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}
@-moz-keyframes banner_inside {
    from {
        -moz-transform: scale(1.23);
             transform: scale(1.23);
    }
    to {
        -moz-transform: scale(1);
             transform: scale(1);
    }
}
@-o-keyframes banner_inside {
    from {
        -o-transform: scale(1.23);
           transform: scale(1.23);
    }
    to {
        -o-transform: scale(1);
           transform: scale(1);
    }
}
@keyframes banner_inside {
    from {
        -webkit-transform: scale(1.23);
           -moz-transform: scale(1.23);
             -o-transform: scale(1.23);
                transform: scale(1.23);
    }
    to {
        -webkit-transform: scale(1);
           -moz-transform: scale(1);
             -o-transform: scale(1);
                transform: scale(1);
    }
}

.banner_txt{text-align:left;position: absolute;top: 55%;z-index: 9;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%); width: 100%;}
 .banner_txt1{font-family: "ITCAvantGardeStd";font-size:24px;width:100%;font-weight:bold;text-align:left;left:0;color:#fff;
    -webkit-animation: fadeInUp4 1.4s .4s ease both;
    -o-animation: fadeInUp4 1.4s .4s ease both;
       animation: fadeInUp4 1.4s .4s ease both;
    -moz-animation: fadeInUp4 1.4s .4s ease both;
}
.banner_txt2{width:90%;font-size:14px;line-height:24px;color:#ffffff;margin-top:15px;-webkit-animation:fadeInUp5 1.4s .8s ease both;
    -o-animation:fadeInUp5 1.4s .8s ease both;
   animation:fadeInUp5 1.4s .8s ease both;
    -moz-animation:fadeInUp5 1.4s .8s ease both;text-align:left;left:0;
}




@media (max-width: 1200px) {
  .banner {
    position: relative;
    height: 50vh;
  }
  .banner img.img-responsive {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    min-width: 100%;
    max-width: none;
    height: 100%;
    animation: none;
  }
}
@media (max-width: 768px){

  .banner {
      position: relative;
      height: auto;
  }

  .banner img.img-responsive {
    position: relative;
    left: 0;
    transform: translateX(0%);
    min-width: 0;
    width: 100%;
    max-width: none;
    animation: none;
  }

}


@media (min-width: 768px){
    .banner_txt{top:55%}
     .banner_txt1{font-family: "ITCAvantGardeStd";font-size:36px;}
    .banner_txt2{font-size:16px;width:600px;margin-top:20px;line-height:30px;}
}
@media (min-width:992px) {
    .banner_txt{top:57%}
     .banner_txt1{font-family: "ITCAvantGardeStd";font-size:40px;}
    .banner_txt2{width:800px;}
}
@media (min-width:1110px) {
    .banner_txt{top:55%}
}
@media (min-width:1200px) {
     .banner_txt1{font-family: "ITCAvantGardeStd";font-size:45px;}
    .banner_txt2{width:800px;margin-top:25px;line-height:30px;}   
}
@media (min-width:1440px) {
    .banner_txt{top:55%}
     .banner_txt1{font-family: "ITCAvantGardeStd";font-family: "ITCAvantGardeStd";font-size:55px;}
    .banner_txt2{    margin-top: 0px;
    font-size: 28px;}
    
}
@media (min-width:1770px) {
    .banner_txt{top:50%}
    
}
@media (min-width: 768px) {
  .fix-nav-btm {
    display: none;
  }
}

.tab .list > li .on{ font-weight:bold;  display: block;
    padding:  0.8rem 1.2rem;
    text-align: left;
    font-size: 0.85rem;
	border:1px solid #a6845f;
	color: #fff;
	margin-right:  0.8rem;
	background:#a6845f}
	
	
	
	

/*guidepages图样式*/

.guidepages {
    position: relative;
    width: 100%;
    overflow: hidden;
/*	height:100%;
*/	height:100vh;
background:#151515;
}
.guidepages picture img {
    -webkit-animation: guidepages_inside 20s ease 1 forwards;
       -moz-animation: guidepages_inside 20s ease 1 forwards;
         -o-animation: guidepages_inside 20s ease 1 forwards;
            animation: guidepages_inside 20s ease 1 forwards;
			height:100%;
			width:100%;
}
@-webkit-keyframes guidepages_inside {
    from {
        -webkit-transform: scale(1.16);
                transform: scale(1.16);
    }
    to {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}
@-moz-keyframes guidepages_inside {
    from {
        -moz-transform: scale(1.16);
             transform: scale(1.16);
    }
    to {
        -moz-transform: scale(1);
             transform: scale(1);
    }
}
@-o-keyframes guidepages_inside {
    from {
        -o-transform: scale(1.16);
           transform: scale(1.16);
    }
    to {
        -o-transform: scale(1);
           transform: scale(1);
    }
}
@keyframes guidepages_inside {
    from {
        -webkit-transform: scale(1.16);
           -moz-transform: scale(1.16);
             -o-transform: scale(1.16);
                transform: scale(1.16);
    }
    to {
        -webkit-transform: scale(1);
           -moz-transform: scale(1);
             -o-transform: scale(1);
                transform: scale(1);
    }
}

.guidepages_txt{text-align:left;position: absolute;top: 55%;z-index: 9;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%); width: 100%;}
 .guidepages_txt1{font-family: "ITCAvantGardeStd";font-size:24px;width:100%;font-weight:bold;text-align:left;left:0;color:#fff;
    -webkit-animation: fadeInUp4 1.4s .4s ease both;
    -o-animation: fadeInUp4 1.4s .4s ease both;
       animation: fadeInUp4 1.4s .4s ease both;
    -moz-animation: fadeInUp4 1.4s .4s ease both;
}
.guidepages_txt2{width:90%;font-size:14px;line-height:24px;color:#ffffff;margin-top:15px;-webkit-animation:fadeInUp5 1.4s .8s ease both;
    -o-animation:fadeInUp5 1.4s .8s ease both;
   animation:fadeInUp5 1.4s .8s ease both;
    -moz-animation:fadeInUp5 1.4s .8s ease both;text-align:left;left:0;
}



	

.guidepages-pc-responsibility {
    border: 0
}
.guidepages-pc-responsibility .item-bock {
width: calc(24.99%);
    padding: 20px;
    border: 0;
    float: left;
	text-align:center;
	line-height:24px;
}
.guidepages-pc-responsibility .item-bock .img {
    position: relative;
    width: auto;
    max-width: 100%;
    overflow: hidden;    margin: 0 auto; text-align:center;
}
.guidepages-pc-responsibility .item-bock .img img {
    position: relative;
    width: auto;
    max-width: 100%;
    overflow: hidden;    margin: 0 auto;
}


.guidepages-pc-responsibility .item-bock:nth-of-type(6n) {
border-right: 0;}
.guidepages-pc-responsibility .item-bock .img .img-content {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.6);
    transition: -webkit-transform .3s linear;
    transition: transform .3s linear;
    -webkit-transform: translateY(200px);
    -ms-transform: translateY(200px);
    transform: translateY(200px);
    padding: 20px;
}
.guidepages-pc-responsibility .item-bock .img .img-content h1 {
  	width:2%; 
	margin:0 auto  
}


.guidepages-pc-responsibility .item-bock .img .img-content h2 {
    line-height: 1;
    border-bottom: 1px solid #fff;
	width:2%; 
	margin:0 auto  
}


.guidepages-pc-responsibility .item-bock .img .img-content h4 {
    color: #fff;
    font-size: 18px;
    line-height: 1;
    border-bottom: 1px solid #fff;
    padding-bottom: 18px;
    margin-bottom: 18px;
}


.guidepages-pc-responsibility .item-bock .img .img-content p {
    color: #fff;
    font-size: 12px;
    line-height: 24px;
}



@media (max-width: 1200px) {
  .guidepages {
    position: relative;
    height: 100vh;
  }
  
  .guidepages-pc-responsibility .item-bock {
width: calc(49.99%);
    padding: 10px;
}
  
  .guidepages img.img-responsive {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    min-width: 100%;
    max-width: none;
    height: 100%;
    animation: none;
  }
  
}
@media (max-width: 768px){

.guidepages-pc-responsibility .item-bock {
width: calc(98.99%);

}
.guidepages_logo {
    
    top: 11%;
}
.guidepages_logo img{ width:220px; }

  .guidepages {
      position: relative;
      height: 100vh;
  }

  .guidepages img.img-responsive {
    position: relative;
    left: 0;
    transform: translateX(0%);
    min-width: 0;
    width: 100%;
    max-width: none;
    animation: none;
	height:100vh;
  }

.guidepages_bottom {
   
    font-size: 12px;
}


}


@media (min-width: 768px){
    .guidepages_txt{top:55%}
     .guidepages_txt1{font-family: "ITCAvantGardeStd";font-size:36px;}
    .guidepages_txt2{font-size:16px;width:600px;margin-top:20px;line-height:30px;}
}
@media (min-width:992px) {
    .guidepages_txt{top:42%}
     .guidepages_txt1{font-family: "ITCAvantGardeStd";font-size:40px;}
    .guidepages_txt2{width:800px;}
}
@media (min-width:1110px) {
    .guidepages_txt{top:55%}
}
@media (min-width:1200px) {
     .guidepages_txt1{font-family: "ITCAvantGardeStd";font-size:45px;}
    .guidepages_txt2{width:800px;margin-top:25px;line-height:30px;}   
}
@media (min-width:1440px) {
    .guidepages_txt{top:55%}
     .guidepages_txt1{font-family: "ITCAvantGardeStd";font-family: "ITCAvantGardeStd";font-size:55px;}
    .guidepages_txt2{    margin-top: 0px;
    font-size: 28px;}
    
}
@media (min-width:1770px) {
    .guidepages_txt{top:50%}
    
}
@media (min-width: 768px) {
  .fix-nav-btm {
    display: none;
  }
}

A.wfont:link{ color:#fff; font-weight:bold; text-decoration:underline;}
A.wfont:hover,A.wfont:visited{ color:#fff; font-weight:bold; text-decoration:underline;}

a.guidepagesbox:link{min-height:96px; min-width:96px; display:block; padding-top:114px; font-size:16px; color:#dbdbdb;
}

a.guidepagesbox:hover,a.guidepagesbox:visited{/*color:#a5845f;*/
}

 a.HomePage:link{ background:url(../img/HomePage.png) no-repeat center top;  cursor:pointer;}
 a.HomePage:hover,a.homepage:visited{ background:url(../img/HomePage_hover.png) no-repeat center top;  cursor:pointer;}
 
 a.Products:link{ background:url(../img/Products.png) no-repeat center top;  cursor:pointer;}
 a.Products:hover,a.Products:visited{ background:url(../img/Products_hover.png) no-repeat center top;  cursor:pointer;}
 
 a.CooperationCase:link{ background:url(../img/CooperationCase.png) no-repeat center top;  cursor:pointer;}
 a.CooperationCase:hover,a.CooperationCase:visited{ background:url(../img/CooperationCase_hover.png) no-repeat center top;  cursor:pointer;}
 
 a.JoinInvestment:link{ background:url(../img/JoinInvestment.png) no-repeat center top;  cursor:pointer;}
 a.JoinInvestment:hover,a.JoinInvestment:visited{ background:url(../img/JoinInvestment_hover.png) no-repeat center top;  cursor:pointer;}
 
 a.MuiscServices:link{ background:url(../img/MuiscServices.png) no-repeat center top;  cursor:pointer;}
 a.MuiscServices:hover,a.MuiscServices:visited{ background:url(../img/MuiscServices_hover.png) no-repeat center top;  cursor:pointer;}
 
 
 @media (max-width: 1200px) {
  
  .guidepages_logo {
    top: 9%;
}
  
   a.HomePage:link{ background-size:84px;padding-top:92px;  }
 a.HomePage:hover,a.homepage:visited{background-size:84px;padding-top:92px; }

   a.Products:link{ background-size:84px;padding-top:92px;  }
 a.Products:hover,a.Products:visited{background-size:84px;padding-top:92px; }

   a.CooperationCase:link{ background-size:84px;padding-top:92px;  }
 a.CooperationCase:hover,a.CooperationCase:visited{background-size:84px;padding-top:92px; }

   a.JoinInvestment:link{ background-size:84px;padding-top:92px;  }
 a.JoinInvestment:hover,a.JoinInvestment:visited{background-size:84px;padding-top:92px; }

   a.MuiscServices:link{ background-size:84px;padding-top:92px;  }
 a.MuiscServices:hover,a.MuiscServices:visited{background-size:84px;padding-top:92px; }

}
@media (max-width: 768px){

.guidepages_logo {
    top: 8%;
}
  .guidepages-pc-responsibility .item-bock{ text-align:left; padding:0}
  
   .guidepages-pc-responsibility .item-bock .img-content{     width: 220px;
    margin: 0 auto;}
   a.HomePage:link{background:url(../img/HomePage.png) no-repeat left top;   background-size:64px;padding-top:6px;padding-left:82px;    }
 a.HomePage:hover,a.homepage:visited{ background:url(../img/HomePage_hover.png) no-repeat left top;background-size:64px;padding-top:6px;padding-left:82px;  }

   a.Products:link{background:url(../img/Products.png) no-repeat left top;   background-size:64px;padding-top:6px; padding-left:82px;  }
 a.Products:hover,a.Products:visited{ background:url(../img/Products_hover.png) no-repeat left top;background-size:64px;padding-top:6px;padding-left:82px;  }

   a.CooperationCase:link{background:url(../img/CooperationCase.png) no-repeat left top;   background-size:64px;padding-top:6px;padding-left:82px;   }
 a.CooperationCase:hover,a.CooperationCase:visited{ background:url(../img/CooperationCase_hover.png) no-repeat left top;background-size:64px;padding-top:6px;padding-left:82px;  }

   a.JoinInvestment:link{ background:url(../img/JoinInvestment.png) no-repeat left top;  background-size:64px;padding-top:6px; padding-left:82px;  }
 a.JoinInvestment:hover,a.JoinInvestment:visited{ background:url(../img/JoinInvestment_hover.png) no-repeat left top;background-size:64px;padding-top:6px; padding-left:82px; }

   a.MuiscServices:link{ background:url(../img/MuiscServices.png) no-repeat left top;  background-size:64px;padding-top:6px;  padding-left:82px; }
 a.MuiscServices:hover,a.MuiscServices:visited{ background:url(../img/MuiscServices_hover.png) no-repeat left top; background-size:64px;padding-top:6px;padding-left:82px;  }



}
@media only screen and (max-width: 767px) and (min-width: 320px){

.banner {
    position: relative;
    height: 40vh;
}

.banner_txt1 {
    font-family: "ITCAvantGardeStd";
    font-size: 28px;
    width: 100%;
     font-weight: 200;
    text-align: left;}
	
.banner_txt2 {
    font-size: 20px;    margin-top: 7px;}
	
	
	
	.tab .list > li .box {
    display: block;
    padding: 0.5rem 1.2rem;
    text-align: left;
    font-size: 0.85rem;
    border: 1px solid #a6845f;
    color: #a6845f;
    margin-right: 0.8rem;
}
		.tab .list > li .box:hover {    padding: 0.5rem 1.2rem;
}

.tab .list > li .on {
    
    color: #fff;
  
}	
	
	
	
	
	
	
	
.lencot {
    padding: 2px 0;
    float: right;
	    margin-right: -0.5rem; /*补充视觉差*/
}

.topmenu-box-width {
    padding: 0 2%;
}

.footer .copyright {line-height: 1rem;
    padding-top: .6rem;
    font-size: .5rem;   overflow: hidden;}

}


.aftersale-box{clear: both;position: relative;    padding-bottom: 3rem;
    padding-top: 3rem;}

.aftersale-box .item-bock{float:left; border:0px solid #f5f5f5; width:calc(25%); text-align:center;  line-height: 32px;}
.aftersale-box .item-bock:hover{float:left; border:0px solid #a6845f;  text-align:center; color: #a6845f }

.aftersale-box .item1{ /*width:426px; height:242px;margin-right:10px; */ background:url(../img/atanytime.png) no-repeat center top;   background-size:96px; }
.aftersale-box .item1:hover{ /*width:426px; height:242px; margin-right:10px; */  background:url(../img/atanytime_hover.png) no-repeat center top;  background-size:96px;}
.aftersale-box .item2{ /*width:426px; height:242px;*/background:url(../img/anywhere.png) no-repeat  center top;   background-size:96px; }
.aftersale-box .item2:hover{ /*width:426px; height:242px;*/ background:url(../img/anywhere_hover.png) no-repeat  center top;background-size:96px;}
.aftersale-box .item3{/* width:862px; height:258px;margin-top:10px;*/background:url(../img/solve.png) no-repeat center top;   background-size:96px; }
.aftersale-box .item3:hover{/* width:862px; height:258px;margin-top:10px;*/background:url(../img/solve_hover.png) no-repeat  center top;background-size:96px;}
.aftersale-box .item4{ /*width:436px; height:510px;*/background:url(../img/cost.png) no-repeat  center top;   background-size:96px; }
.aftersale-box .item4:hover{ /*width:436px; height:510px;*/background:url(../img/cost_hover.png) no-repeat  center top;   background-size:96px; }

.aftersale-box .item4 .pc{display:block;}
.aftersale-box .item4 .mb{display:none;}

a.aftersalesbox:link {
    min-height: 111px;
    min-width: 111px;
	height:100%;
	width:100%;
    display: block;
    padding-top: 110px;
    font-size: 16px;
    color: #303030;
	
}
a.aftersalesbox:hover {
  
    font-size: 16px;
    color: #a6845f;
	
}

@media (max-width: 768px){
.width862 {
    width: 100%;
}
a.aftersalesbox:link {
  
	margin:0;
}

/*.aftersale-box .item1{ width:100%; height:242px; clear:both; margin-bottom:10px; background:url(../img/atanytime.png) no-repeat center top;   background-size:96px; }
.aftersale-box .item2{ width:100%; height:242px; clear:both; margin-bottom:10px;  background:url(../img/anywhere.png) no-repeat center top;   background-size:96px; }
.aftersale-box .item3{ width:100%; height:242px; clear:both; margin-bottom:10px;  background:url(../img/solve.png) no-repeat center top;   background-size:96px;}
.aftersale-box .item4{ width:100%; height:242px; clear:both; margin-bottom:10px;  background:url(../img/cost.png) no-repeat center top;   background-size:96px; }
.aftersale-box .item1:hover{ width:100%; height:242px; clear:both; margin-bottom:10px; background:url(../img/atanytime_hover.png) no-repeat #a6845f 92px center; background-size:96px;}
.aftersale-box .item2:hover{ width:100%; height:242px; clear:both; margin-bottom:10px;  background:url(../img/anywhere_hover.png) no-repeat #a6845f 92px center; background-size:96px;}
.aftersale-box .item3:hover{ width:100%; height:242px; clear:both; margin-bottom:10px;  background:url(../img/solve_hover.png) no-repeat #a6845f 92px center; background-size:96px;color:#fff }
.aftersale-box .item4:hover{ width:100%; height:242px; clear:both; margin-bottom:10px;  background:url(../img/cost_hover.png) no-repeat #a6845f 92px center; background-size:96px;}
   a.atanytime:link{ padding-top:90px;padding-left:212px;  }
 a.atanytime:hover,a.atanytime:visited{ padding-top:90px;padding-left:212px; }
   a.anywhere:link{ padding-top:90px;padding-left:212px;  }
 a.anywhere:hover,a.anywhere:visited{ padding-top:90px;padding-left:212px; }
   a.solve:link{ padding-top:90px;padding-left:212px;  }
 a.solve:hover,a.solve:visited{ padding-top:90px;padding-left:212px; }
   a.cost:link{ padding-top:90px;padding-left:212px;  }
 a.cost:hover/*,a.cost:visited{ padding-top:90px;padding-left:212px; }

 .aftersale-box .item4 .pc{display:block;}
.aftersale-box .item4 .mb{display:none;}

*/}


.design-topic{position:relative;width:100%;    margin-top: 3rem;}
.design-topic .design-info{float:left;position:relative;margin-bottom:10px;}
.design-topic .design-info a{display:block;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden; }.design-topic .image-wrapper{height:0}.design-topic .design-info img{transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s}
.design-topic .design-info:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}.design-topic .design-info[data-index='0']{ overflow:hidden;width:25%}.design-topic .design-info[data-index='0'] .image-wrapper{padding-top:100%}
.design-topic .design-info[data-index='1']{ overflow:hidden;width:37.5%;padding-right:10px;padding-left:10px;box-sizing:border-box}.design-topic .design-info[data-index='1'] .image-wrapper{width:100%;padding-top:47.714%}.design-topic .design-info[data-index='2']{ overflow:hidden;width:37.5%}.design-topic .design-info[data-index='2'] .image-wrapper{width:100%;padding-top:63.889%}.design-topic .design-info[data-index='3']{ overflow:hidden;width:25%;float:none;position:absolute;left:0;bottom:0}
.design-topic .design-info[data-index='3'] .image-wrapper{width:100%;padding-top:65.417%}.design-topic .design-info[data-index='4']{ overflow:hidden;float:none;position:absolute;bottom:0;left:25%;padding-right:10px;padding-left:10px;width:37.5%;box-sizing:border-box}
.design-topic .design-info[data-index='4'] .image-wrapper{width:100%;padding-top:65.714%}.design-topic .design-info[data-index='5']{ overflow:hidden;float:right;width:37.5%}.design-topic .design-info[data-index='5'] .image-wrapper{width:100%;padding-top:46.389%}
.design-topic .design-info[data-index='1'] a,.design-topic .design-info[data-index='4'] a{left:10px;right:10px}.design-group{width:100%}.design-group .design-group-l{width:24%;float:left}.design-group .design-group-c{width:37.2%;float:left;margin-left:.675%}
.design-group .design-group-r{width:37.45%;float:right}
.design-group-c img,.design-group-l img,.design-group-r img{position:absolute}
.design-group-l .design-link.first{height:330px}
.design-group-l .design-link.second{height:240px}
.design-group-c .design-link.first{height:260px}
.design-group-c .design-link.second{height:310px}
.design-group-r .design-link.first{height:320px}
.design-group-r .design-link.second{height:250px}
.design-group .design-link{position:relative;display:block;overflow:hidden;line-height:0}.cover-inner,.index-kgl-type span img{position:absolute}

@media screen and (min-width:1460px){.design-group-l .design-link.first{height:480px}.design-group-l .design-link.second{height:314px}.design-group-c .design-link.first{height:334px}.design-group-c .design-link.second,.design-group-r .design-link.first{height:460px}.design-group-r .design-link.second{height:334px}}.design-group .design-link .cover{width:100%;height:100%;position:absolute;top:-100%;left:0;background-color:rgba(0,190,141,.8);filter:progid: DXImageTransform.Microsoft.gradient(startColorstr=#7f11bc90, endColorstr=#7f11bc90);color:#fff;text-align:center}.cover-inner{width:100%;top:50%;left:0;height:34px;margin-top:-17px;line-height:20px}.cover-title{display:block;font-size:20px}.cover-num{display:block;margin-top:25px;font-size:16px}.design-group-c .design-link+.design-link,.design-group-l .design-link+.design-link,.design-group-r .design-link+.design-link{margin-top:18px}
}

@media only screen and (min-device-width : 767px) and (max-device-width : 1023px){ /* style兼容ipad横屏 ：
 */ }

@media only screen and (min-device-width : 767px) and (max-device-width : 1023px) and (orientation : landscape){ /* style兼容ipad竖屏 ：
 */
 .nav {
    display: none;
}
 .nav-logo {
    display: block;
}
 
   
  .sjzt-pc-responsibility .casemore .img .img-content  h4{   
    margin-top: 25px;}

  }


.fa-txt3 {
    font-size: 1.6rem;
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    color: #a6845f;
    margin-left: -35px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    transition: all .4s;
    text-align: center;
}
.fa-txt3 {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}


 .paly-box {
    position: relative;
    width: 100%;
    height: 100%;
    display: table;
    z-index: 9;
}

.paly-box a.paly {
    width: 70px;
    height: 70px;
    background-image: url(../img/move_paly.png);
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    margin-top: -35px;
    background-repeat: no-repeat;
    background-position: 0 0;
	background-size: contain;
}
/** iPhone **/
@media only screen and (min-width: 320px) and (max-width: 767px) {
.design-topic .design-info[data-index='1']{ overflow:hidden;width:100%;padding-right:0px;padding-left:0px;box-sizing:border-box}

.design-topic .design-info[data-index='10']{ overflow:hidden;width:100%;padding-right:0px;padding-left:0px;box-sizing:border-box}
.design-topic .design-info[data-index='10'] .image-wrapper{width:100%;padding-top:47.714%}
.design-topic .design-info[data-index='10'] a{left:10px;right:10px}

  .sjzt-pc-responsibility .casemore .img .img-content  h4{   
    margin-top: 5px;}

h1 {
    font-size: 1.1em;
}
.afterservice_info-box {
    padding: 3rem 0;
}

.banner img.img-responsive {
    height: auto;
}

.LIFE-list .newsitem {display:block; 
}
.join-box {padding-bottom: 5rem;}
.join-boxpadding2 {padding-bottom: 10rem;}

.music-box {
    padding-bottom: 0;
    padding-top: 0;
}

.secloc p {
    width: 280px;
}
.secloc p .od02 {
    float: right;
}

.secloc p .od01 {
    width: 243px;
   
}

.tab .list > li {
    min-width: 33.33%;}

	
	.tab .list > li .box {
    text-align: center;
}
	

.div3{ padding-top:1.5rem;}

.lx-list .liw0 {
    display: inline-block;
    width: 100%;
}
.lx-list .liw0 img { width:56%
}
a.aftersalesbox:link {
  
	margin:0;
	    padding-left: 150px;
	    padding-top: 38px;
    line-height: 22px;
	
}
.aftersale-box .item1{ background:url(../img/atanytime.png) no-repeat 42px center;   background-size:96px; }
.aftersale-box .item2{ background:url(../img/anywhere.png) no-repeat 42px center;   background-size:96px; }
.aftersale-box .item3{ background:url(../img/solve.png) no-repeat 42px center;   background-size:96px;}
.aftersale-box .item4{ background:url(../img/cost.png) no-repeat 42px center;   background-size:96px; }
.aftersale-box .item1:hover{background:url(../img/atanytime_hover.png) no-repeat 42px center; background-size:96px;}
.aftersale-box .item2:hover{ background:url(../img/anywhere_hover.png) no-repeat 42px center; background-size:96px;}
.aftersale-box .item3:hover{ background:url(../img/solve_hover.png) no-repeat 42px center; background-size:96px;color:#fff }
.aftersale-box .item4:hover{ background:url(../img/cost_hover.png) no-repeat 42px center; background-size:96px;}
   a.atanytime:link{   width: 100%;
    text-align: left;  }
 a.atanytime:hover,a.atanytime:visited{   width: 100%;
    text-align: left; }
   a.anywhere:link{   width: 100%;
    text-align: left;  }
 a.anywhere:hover,a.anywhere:visited{   width: 100%;
    text-align: left; }
   a.solve:link{     width: 100%;
    text-align: left;}
 a.solve:hover,a.solve:visited{   width: 100%;
    text-align: left; }
   a.cost:link{   width: 100%;
    text-align: left;  }
 a.cost:hover/*,a.cost:visited*/{  }

.aftersale-box .item-bock{width:100%;height:122px; clear:both;margin-bottom:10px;    background-position: 58px center;
    background-size: 76px;}

.aftersale-box .item-bock:hover{width:100%;height:122px; clear:both;margin-bottom:10px;    background-position: 58px center;
    background-size: 76px;}

.case-box {
    padding-bottom: 0.5rem;    padding-top: 2rem;
}
.title {
    padding-top: 2rem;}
.aftersale-box {
  
    padding-bottom: 1rem;
    padding-top: 1rem;
}
.lx-list {
    font-size: 0;
     margin-bottom: 0; 
    text-align: left;
}

.aftersale-box .item4 .pc{display:block;}
.aftersale-box .item4 .mb{display:none;}

}
@media (device-width:320px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone4/4s/5/5s */



.guidepages-pc-responsibility {
    border: 0;
    margin-top: 10%;
}


.guidepages_txt {
    top: 52%;}
.guidepages-pc-responsibility .item-bock .img-content {
    width: 220px;
    margin: 0 auto;
    overflow: hidden;
    height: 74px;
}
.navbar{ position:absolute;}
.infotoptextmbtop{ display:block; position: absolute;  top: 0.5rem;
  left:2%; width:100%;
  z-index:999; color:#fff; font-weight:bold;
}.infotoptextmbtop h1{ font-size:1.25rem; }

.infotoptext{ display:none}
.navbar .logo ,.navbar  .mobile-inner-header-icon{ display:block;}

#videopic {height:100%;background-size: cover;z-index: 8; margin-top:0.5rem; margin-bottom:1rem; position:relative;}
 #videopic .paly-box a.paly { width: 70px; height: 70px; background-image:url(../static/img/move_paly.png); position: absolute; margin: 0 auto; left: 0; right: 0; top: 50%; margin-top: -35px;background-repeat: no-repeat; background-position: 0 0;}

	#ckplayer_a1 { width: 100%; height: 100%; position: relative;min-height:220px; clear:both; left: 0; top: 0; margin-top:0rem; margin-bottom:1rem}

.navbar,footer,.lx-box { display: block; }
/*.infoboxbg{ background:#232227; width:100%; }
*/

.infoboxbg{ background:#fff; /*width:100%; */}
.infoboxbg h1{ color:#232325; margin-top:1rem; font-weight:bold;  }
.infoboxbg h2{ color:#4C4948; }

.infoboxbg h2:before,
.infoboxbg h2:after{
    display: table-cell;
    content: '';
    width: 50%;
    background: -webkit-linear-gradient(#C0C0C0,#C0C0C0) repeat-x left center;
    background: linear-gradient(#C0C0C0,#C0C0C0) repeat-x left center;
    background-size: 1px 1px;
}
.infoboxbg p{ margin-bottom:1.5rem;}

.infoboxbg .infoboxtabox {

    border-bottom: 0px #FDD100 solid;
    width: 100%;
    clear: both;
/*	font-size:8px;
*/}


.infobox h2{ color:#4C4948; }

.infobox h2:before,
.infobox h2:after{
    display: table-cell;
    content: '';
    width: 50%;
    background: -webkit-linear-gradient(#C0C0C0,#C0C0C0) repeat-x left center;
    background: linear-gradient(#C0C0C0,#C0C0C0) repeat-x left center;
    background-size: 1px 1px;
}


.infoboxtabox li {
  /*  margin-right: 1.5rem;*/}



.ny-abwel h1 {

    width: 65%;
}

.ny-abwel h2 {

    width: 35%;
}
.container {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 4%;
}
/* 导航指示*/

.sy-abwelbox{ display:block;  width: 100%; background:#fff;}
.sy-abwel-bottom{ display:none}
.sy-abwel{  width: 90%;} 
.ny-abwelbox{ display: block;  width: 100%; background:#fff;}
.ny-abwel {  width: 90%;} 

.sy-abtxt{ width: 96%; background: #efefef; padding:8% ; margin-top:0rem;}

.oursevice-list li{ width:100%}
	.oursevice-list .libg{ width:100%}
.oursevice-list li img { width:90%}

	.brand-box h2{ font-size: 1.5rem; font-weight: 400;}
	.value-txt{ width: 70%; margin: 0 auto;}
	.lx-list li{ width: calc(50% - .5rem); margin-bottom: 1rem;}
	.lx-list li:nth-child(3){
		margin-left: 0;				float:none;

	}	
	.ab-btn{text-align: center;}
	.ab-btn a{ width: 50%; max-width: 10rem;}
	.al-list li{ width: 50%;}
	.lx-list li {width:100%;}
	.lx-list li span ul li{width: calc(100%/4 - 1rem);}
	
	.l-box{ width: 100%;padding: 1rem;}
	.r-box{ width: 100%; margin-top: 1rem;padding: 1rem;}
	.al-dbox .al-list li{ width: 50%;}
	.sjzt-pc-responsibility .item-bock {
    width: calc(100%/3);
    padding: 0px;
    border-right: 1px solid #EEE;
    border-bottom: 1px solid #EEE;
    float: left;
}
	.sjzt-pc-responsibility .item-bock .img {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}
	.sjzt-pc-responsibility .item-bock .img .img1 {
    width: 100%;
}	
	.sjzt-pc-responsibility .item-bock .img .img-content img {
    width: auto;
}	
.sjzt-pc-responsibility .item-bock:nth-of-type(3n) {
border-right: 0;}


/*案例*/

.case-btn a{  width: 35%; background: none; border:1px  solid #232326; color: #232326;}
.ff-list li .TEXTBOX {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 1rem 1.5rem;
}
.ff-list li .IMGBOX {
    position: relative;
    width: 100%;
    height:auto;
    overflow: hidden;
}

.ff-list li .TEXTBOX h1{ display: none;}
.ff-list li .TEXTBOX span { display: none;}

.ff-list li .TEXTBOX p{ margin-bottom: 0rem;  }
.ff-list .tabox{ display: none;}
.ff-list .taboxright{ display: none;}

.lx-box{/* display:none;*/    margin-top: 2rem;}
.footer{/* margin-top:3rem;*/}

.footer ,.footer a{
    font-size: .5rem;

}

.container {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 4%;
}

.oursevice-list li{ width:100%}
	.oursevice-list .libg{ width:100%}
.oursevice-list li img { width:90%}
.sy-abtxt{ width: 100%;}
	.sy-abtxt{ width: 100%; font-size: .875rem;}
	.brand-box h2{ line-height: 3rem;}
	.brand-box h2 span{ display: none;}
	.brand-box h2 strong{ display: inline-block;font-weight: 400;}
	.value-txt{ width: 100%;}
	.value-txt h2{ font-size: 1.5rem;}
	.b-nav a{ padding: 0 .5rem;}
	.value-txt{  padding:3rem 1rem}
	.lx-list .liw1{ width: 100%; margin-left: 0 !important;}
	.lx-list .liw2{ width: 100%; margin-left: 0 !important;}
	.lx-list .liw3{ width: 100%; margin-left: 0 !important;}
.lx-box{/* display:none;*/}
	.title{ padding-top: 1rem; margin-bottom: 1rem;}
	.title h2{ font-size: 1.4rem; border-bottom: 0px #f6f6f6 solid}
	.title h3{ font-size: 1.6rem; border-bottom: 0px #f6f6f6 solid}
	.title h4{ font-size: 1rem; border-bottom: 0px #f6f6f6 solid}
	.case-box,.oursevice-box,.customers-box{ padding-bottom: 0rem;}
	.brand-box .box1{ padding: 2rem 1rem;}
	.sub-list li{ width: 50%; margin-bottom: 1rem;}
	.sub-list li a{ width: 90%; padding: .3rem 0;}
	.new-list li span{ display: none;}
	.new-list li{ padding: 1rem 0;}
	.nav{ display: none;}
	.nav-logo{ display: block;}
	.navbar{ height: 3.25rem;}
.logo img {
    height: 1.75rem;
    margin-top: .75rem;
}	.ad{ margin-top: 3.25rem;}
	.service-list li,.oursevice-list li{ margin-top: -2.5rem;}

}