.profile-list .prodcutsbox li { width:50%}
.profile-list .prodcutsbox .layui-tab .layui-tab-title li { width:auto;min-width: 65px;
    padding: 0 15px;}

.profile-list .prodcutsbox .layui-tab .layui-tab-content {
    padding: 10px;
      min-height: 500px;
  max-height: 500px;
    overflow-y: auto;
}

.profile-list li{ clear:none;}
.pc{ display:block}
.mb{ display:none}
.clspage  li{
    display: inline-block;
    min-width: 45px;
    width: auto;
    height: 45px;
    margin-bottom: 5px;
	    margin-left: 2px;

}

.clspage  li a{ 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}
.clspage  li a:hover{ display:inline-block; width:45px; width:auto; height:45px;  padding:0 20px; background:#a5845f; color:#fff;line-height:45px; text-align:center}


.nav ul li .div1 .p1  {  width: 55%;  margin:0  auto; text-align:right; padding: 1rem 0; }
.nav ul li .div1 .p1 .subimgcls {     display: inline-block; width: auto;  }
.nav ul li .div1 .p1 .subimgcls .subimgcls8{ display:block;    margin-bottom: 1.25rem;}
.nav ul li .div1 .p1 .subimgcls .subimgcls9{ display:block;}
.nav ul li .div1 .p1 .subimgcls .subimgcls10{ display:block;}
.nav ul li .div1 .p1 .subimgcls .subimgcls61{ display:block;}
.nav ul li .div1 .p1 a:after{ border-right:1px solid #303030;}
.nav ul li .div1 .p1 a{ margin-right:3%}


.imgdiv5{top: 341px;}
.img1{height: 100%; margin-left: -119px; display: inline;}
.img2{width: 100%; margin-top: -65px; display: inline;}
.img3{height: 100%; margin-left: -10px; display: inline;}
.img4{height: 100%; margin-left: -3px; display: inline;}
.img5{height: 100%; margin-left: -3px; display: inline;}
.img6{height: 100%; margin-left: -72px; display: inline;}


.nav{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.nav ul li{width:10.28%;transition:all .3s}
.nav ul li .a1{display:block;text-align:center;font-size:16px;color:#a8a8a8;transition:all .3s}
.nav ul li:hover .a1{color:#a5845f;transition:all .3s}
.nav ul li .div1{display:none;background:#111;width:100%;left:0px;position:absolute;top:5rem;z-index:100}
.nav ul li .div1 .p1{/*width:57.4%;float:right;height:65px;line-height:65px*/}
.nav ul li .div1 .p1 img{ display:none;}
.nav ul li .div1 .p1 .subimgcls0{ display: block; width:100px}
.nav ul li .div1 .p1 a{color:#a8a8a8;font-size:14px;text-transform:uppercase;background:url(../images/1_26.jpg) center bottom no-repeat;display:inline-block;height:65px;line-height:65px;transition:all .5s}

.nav ul li .div1 .p1 a:hover{background:url(../images/1_27.jpg) center bottom no-repeat;color:#a5845f}
.nav ul li .mad3 .p1 .pad{margin-left:30%}
.nav ul li .mad4 .p1 .pad{margin-left:44%}
.nav ul li .mad5 .p1 .pad{margin-left:45%}
.nav ul li .mad6 .p1{text-align:right}
.a_txt{display:none}

.LIFE-list .item .fa-img {
    min-height: auto;
    height: 260px;
    overflow: hidden;
}

.layui-tab-brief>.layui-tab-title .layui-this {
    color: #a6845f;
}
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after {
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #a6845f;
	}

.layui-tab-title .layui-this:after {
    position: absolute;
    left: 0;
    top: -1px;
    content: '';
    width: 100%;
    height: 41px;
    border-width: 1px;
    border-style: solid;
    border-bottom-color: #fff;
    border-radius: 2px 2px 0 0;
    box-sizing: border-box;
    pointer-events: none;
}



.videp-open .layui-layer-content {width: 100%; padding-bottom: 0%; height:auto; background: #333;}
.videp-open .layui-layer-setwin {position: absolute; right: -50px; top: 0; font-size: 0; line-height: initial; width: 50px; height: 50px; background: #444;}
.videp-open .layui-layer-setwin .layui-layer-close2 { position: absolute; right: 0; top: 0; width: 50px; height: 50px; 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;}

/*小于1600大于1200稍微调整下字体*/
@media screen and (max-width: 1600px) and (min-width:1200px) {
.nav ul li .a1{font-size:14px}
.nav ul li .div1 .p1 a{font-size:12px}
.foot_top ul{margin-left:60px}
.nav ul li .div1 .p1{width:58.1%}
}
/*移动端导航*/
@media screen and (max-width: 1024px) and (min-width: 0px){
.head{display:none}
.moblie_head{display:block;height:44px;background:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:9999;border-bottom:1px solid #ddd}
.moblie_head .lf{padding-top:10px;padding-left:5%}
.moblie_head .lf img{height:24px}
.moblie_head .rg{padding-right:5%;padding-top:14px}
.moblie_head .rg a img{height:16px;vertical-align:top}
.div3{position:absolute;width:100%;right:0px;top:0px;background:#111111;height:100%;z-index:100;right:0}
.div3 ul{padding-left:5%;padding-right:5%}
.div3 ul li{border-bottom:1px solid #000000}
.div3 ul li a{display:block;height:45px;color:#a8a8a8;line-height:45px;padding-left:5%;font-size:16px}
.div3 ul li a:hover{display:block;height:45px;color:#a5845f;line-height:45px;padding-left:5%;font-size:16px}
.div3 ul li .a_js2{background:url(../images/plus.png) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.div3 ul li .a_js2_on{background:url(../images/reduce.jpg) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.div3 ul li .a_txt2{display:none}
.div3 ul li .a_txt2 a{height:40px;line-height:40px;font-size:14px}
}

/** ipad pro 横屏 **/
@media only screen and (min-width:  1024px) and (max-width: 1366px) {
.event-open {
    margin-top: 1.8%;
	}
.imgdiv5{top: 170px;}

}

/** iPad **/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.sjzt-pc-responsibility .item-bockmore {
    width: calc(100% - 0.5rem);
   
}
.pc{ display:block}
.mb{ display:none}

.storybg{ display:none}
.scenebox{ display:none}

.profile-list li img {
    width: 100%;
}


.imgdiv5{top: 130px;}

.img1{height: 100%; margin-left: -119px; display: inline;}
.img2{width: 100%; margin-top: -65px; display: inline;}
.img3{height: 100%; margin-left: 0px; display: inline; width:100%;}
.img4{    height: 100%;
    margin-left: -3px;
    display: inline;
    width: 100%;}
.img5{height: 100%;
    margin-left: 0;
    display: inline;
    margin-top: 10px;
    width: 100%;}
.img6{    height: 100%;
    margin-left: -2px;
    display: inline;
    width: 100%;}

}


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


.clspage li ,.clspage .pageinfo{
    display: inline-block;
    min-width: 18%;
    width: auto;
    height: 1.4rem;
    margin-bottom: 5px;
}

.clspage li a ,.clspage .pageinfo{
    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;
}

.clspage li a:hover {
    background: #a5845f;
    color: #fff;
        display: inline-block;
    min-width: 18%;
    width: auto;
    height: 1.4rem;
      line-height: 1.4rem;
  margin-bottom: 5px;
    text-align: center;
}


.videp-open .layui-layer-content {width: 100%; padding-bottom: 0%; height:auto; background: #333;}
.videp-open .layui-layer-setwin {
    position: absolute;
    right: 0;
    top: -42px;
    font-size: 0;
    line-height: initial;
    width: 42px;
    height: 42px;
    background: none;
}.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;}


.pc{ display:none}
.mb{ display:block}
.mbsycj{margin-bottom: 2rem;
}


.LIFE-list .item .fa-img {
    min-height: auto;
    height: 120px;
    overflow: hidden;
}
.width100{ width:100%}
.brandtext{ text-align:left;}
.join-box .tabbg {
    padding: 0; 
}
.guidepages-pc-responsibility .item-bock .img-content {
    width: 220px;
    margin: 0 auto;
    height: 82px;
}

.storybg{ display:none}
.scenebox{ display:none}
.design-topic {
    margin-top: 1rem;
}
.imgdiv5{top: 55px;}

.img1{height: 100%; margin-left: -19px; display: inline;}
.img2{width: 100%; margin-top: -35px; display: inline;}
.img3{height: 100%; margin-left: 0px; display: inline; width:100%;}
.img4{    height: 100%;
    margin-left: -3px;
    display: inline;
    width: 100%;}
.img5{height: 100%;
    margin-left: 0;
    display: inline;
    margin-top: 10px;
    width: 100%;}
.img6{    height: 100%;
    margin-left: -2px;
    display: inline;
    width: 100%;}

}

 @media only screen and (device-width:375px) and (device-height:812px) and (-webkit-device-pixel-ratio:3) {
  body:after {
   content: '';
 z-index: 9998;
 position: fixed;
 left: 0;
  bottom: -.68rem;
  width: 100%;
  height: .68rem;
  background: #fff
  }
 }
 @media (max-width: 1200px) {
.nav ul li {
    width: 14%;
}}