@charset "utf-8";
/* CSS Document */

* {margin: 0;padding: 0;color: #333;font-size: 14px;letter-spacing: 1px;font-family: "Microsoft JhengHei","Microsoft YaHei", Arial, sans-serif !important;
}
img{display: block;border: 0}
ul {list-style: none;}
a{text-decoration:none;cursor:pointer;outline:none}
a:hover{color: #e8ba56}
ul,ol,li{list-style: none}
h1,h2,h3,h4{font-weight: normal}

input{outline: none;}
input[type="text"] {
-webkit-appearance: none;
}
input[type="password"] {
-webkit-appearance: none;
}
input[type="button"] {
-webkit-appearance: none;
}
input[type="submit"] {
-webkit-appearance: none;
}

.xingiugaisj{display: none}
.dianaoduanxianshi{display: block}
.sp_header{display: none}
.youce_kf{display: none}

.shoucen{max-width: 768px;width: 100%;margin: 0 auto;padding-top: 56px}
	.shouji-1 img{display: block;width: 100%;height: auto;}
	.sec3{width: 100%;position: relative;}
	.w-newsList3{position: relative; overflow:hidden;}
	.w-newsList3 .swiper-slide.swiper-slide-active .img img{ transform:scale(1); -webkit-transform:scale(1);}
	.dswqwe1 img{display: block;margin: 0 auto;width: 100%;height: auto;}
	.shouji_nav{width: 100%;height: 60px;background: #201f1f;position: fixed;top: 0;margin: 0 auto;left: 0;z-index: 9}
	.shouji_nav_cen{max-width: 768px;margin: 0 auto}
	.shouji_nav_logo img{display: block;height: 50px;padding: 5px 8%}
	.shouji_nav_logo{float: left;}
	.shouji_nav_more{float: right;background: #333}
	.shouji_nav_more a{display: block;padding: 19px;width: 24px;}
.sp_header{height:60px;overflow:hidden;background:#201f1f;position:fixed;z-index:999;max-width:768px;width: 100%}
.sp_logo{float:left;height:60px}
.sp_logo img{margin:auto;max-height:50px;display: block;width: auto;padding: 5px 8%}
.sp_nav{width:27px;float:right;position:relative;cursor:pointer;height:30px;background: #333;padding: 15px}
.sp_nav span{display:block;background:#fff;width:27px;height:2px;position:absolute;left:15px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:20px}
.sp_nav span:nth-of-type(2){top:30px}
.sp_nav span:nth-of-type(3){top:40px}
.sp_nav_se span:nth-of-type(1){top:30px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:30px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:999;background:rgba(0,0,0,0.6);width:100%;height:100%;font-size:14px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:60px}
.sjj_nav_cen{width: 70%;float: right;background: #fff;height: auto;}
.sjj_nav_cen_1{overflow: hidden;padding: 13px 3%;width: 94%;border-bottom: 1px solid #ddd}
.sjj_nav_cen_1 .op1{display: block;float: left;border-radius: 20px}
.sjj_nav_cen_1 .op2{display: block;float: right;}
.sjj_nav_cen_1 span{display: block;float: left;color: #d7b262;line-height: 20px;font-size: 15px;margin-left: 3px;font-weight: bold}
	.sjj_nav_cen_2{width: 94%;padding: 10px 3%;border-bottom: 4px solid #eee;overflow: hidden}	
	.sjj_nav_cen_2 dt{font-weight: bold;letter-spacing: 0;margin-bottom: 10px}
	.sjj_nav_cen_2 img{display: block;margin: 0 auto;}
	.sjj_nav_cen_2 span{display: block;text-align: center;letter-spacing: 0;margin-top: 5px}
	.sjj_nav_cen_2 li{float: left;width: 33.33333%;padding: 12px 0}
	.sjj_nav_cen_3{border-bottom: 0}
	.youce_kf{position: fixed;bottom: 40%;right: 5px;z-index: 99}
	.youce_kf a{border-radius: 5px;background: #fff;width:95px;text-align: center;padding: 10px 0;display: block;margin-bottom: 10px;box-shadow: 1px 1px 5px #999;letter-spacing: 0;font-size:
	15px;font-family: "微软雅黑"!important}
	
	.dbbaojia{position: fixed;bottom: 0;background: #fff;border-radius: 7px 7px 0 0;z-index: 99;width: 100%;padding: 8px 0;box-shadow: 3px 0px 12px #999;max-width: 768px;}
	.dbbaojiacen{padding: 0 3%;width: 94%;overflow: hidden}
	.dbbaojiacen1{width: 100%;overflow: hidden;padding: 10px 0;border-bottom: 1px solid #eee}
	.dbbaojiacen1 dt{float: left;letter-spacing: 0;line-height: 31px}
	.dbbaojiacen1 dd{float: right;width: calc(100% - 95px)}
	.dbbaojiacen1 dd span{display: block;float: left;background: #eee;border:1px solid #ccc;border-radius: 3px;width: 75px;margin-right: 6px;text-align: center;letter-spacing: 0;padding: 5px 0}
	.dbbaojiacen1 input{display: block;border: 1px solid #ccc;line-height: 31px;border-radius: 3px;width: 231px;padding-left: 10px}
	.dbbaojiacen2 a{display: block;color: #fff;text-align: center;width: 100%;border-radius: 5px;line-height: 50px;background: #d7b262;font-size: 16.5px;margin-bottom: 5px;font-weight: bold}
/*	.kong_height{height: 167px}
*/	.dbbaojiacen1 dd span:nth-child(3){margin-right: 0}
.dbbaojiacen1 dd .on{background: #d7b262}



.xz_header{background: #000;position: fixed;left: 0;z-index: 9999999;width: 100%;top: 0;height: 100px;}	
	.xz_logo{float: left;}
	.xz_right{float: right;width: 1130px;margin-top: 45px}
	.xz_navlist{float: left;margin-right: 0px}
	.xz_navlist li{float: left;}
	.xz_navlist li a{color: #fff;font-size: 16px;border-bottom: 1px solid #000;margin-bottom: 22px;font-weight: bold;display: block;margin-right: 60px;height: 32px;transition: all 0.5s ease}
	.xz_navlist .on a{border-bottom: 1px solid #d7b262;}
	.xz_wx{float: left;width: 100px}
	.xz_wx span{display: block;color: #fff;font-size: 16px;background: url(../images/wx.png) no-repeat left center;padding-left: 35px;cursor: pointer;}
	.fewsa{width: 100%;background: #fff;display: none;transition: all 0.5s ease}
	.fewsali{border-bottom: 1px dashed #999!important}
	.fewsali a{color: #333!important;border: 0!important;display: block;padding: 14px 0 14px 0px!important;height: 23px!important;line-height: 23px!important;margin-right: 0!important;margin-bottom: 0!important;letter-spacing: 0;text-align: center}
	.fewsali:last-child{border-bottom: 0!important}
	.xz_navlist li:hover .fewsa{display: block}
	.xz_navlist li:hover a{border-bottom: 1px solid #d7b262;}
	.fewsali:hover{background: #fac75b}
	.xlweixin{width: 100px;padding-top: 35px;display: none;transition: all 0.5s ease}
	.xlweixin img{display: block;width: 100%;height: auto}
	.xz_wx:hover .xlweixin{display: block}
	.xz_tel{position: absolute;top: 9px;right: 5%;margin-right: 20px}
	.xz_tel img{display: block;float: left;width: 20px;height: 20px;margin-right: 8px}
	.xz_tel span{display: block;float: left;color: #d7b262;font-size: 15px;font-family: "arial";letter-spacing: 0;font-weight: bold}


.servicebanner{background: url(../images/banner6.jpg) no-repeat center center!important;}
.pinzhibanner{background: url(../images/banner5.jpg) no-repeat center center!important;}
.gongyilist{width: 96%;overflow: hidden;margin: 0 auto;margin-bottom: 50px}
.gongyilist li{float: left;width: 23%;margin: 10px 1%}
.gongyilist li img{display: block;width: 100%;height:auto}
.gongyilist li p{width: 100%;text-align: center;font-size: 17px;background: #edc361;color: #fff;padding: 10px 0}
.beauty_life_title_info p{
    font-size: 16px;
    color: #fff;
    color: #fff;
    margin-top: 10px;
}
.beauty_life_title {
    font-size: 40px;
	color: #fff;
	font-weight: bold;
	padding-bottom: 40px;
}
.beauty_life_box {
    width: 94%;
    background: url(../images/pinzhi_bg1.jpg) no-repeat center bottom;
	text-align: center;
	padding: 80px 0;
	margin: 0 auto;
	margin-bottom: 40px
}

.index-server-items{overflow: hidden;margin-top: 75px;margin-bottom: 95px}
.index-server-items ul li {
    text-align: center;
    float: left;
    width: 11.111%;
}

.index-server-items ul li .icon {
    width: 53px;
    height: 49px;
    object-fit: scale-down;
    margin: 0 auto;
    display: block;
}

.index-server-items ul li p {
    line-height: 30px;
    padding: 15px 0 15px;
    color: #6e6e6e;
    text-align: center;
	font-size: 16px
}
.index-server-items ul li .number {position: relative;}
.index-server-items ul li .number span {
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 50%;
    display: inline-block;
    border: 1px solid #818181;
    color: #818181;
    background: #fff;
	transition: all 0.5s
}

.index-server-items ul li .number::before, .index-server-items ul li .number::after {
    position: absolute;
    top: 50%;
    display: block;
    content: '';
    width: 35%;
    border-top: 1px dashed #808080;
}
.index-server-items ul li:nth-child(1) .number::before{
    position: absolute;
    top: 50%;
    display: none;
    content: '';
    width: 35%;
    border-top: none
}

.index-server-items ul li:nth-child(9) .number::after{
    position: absolute;
    top: 50%;
    display: none;
    content: '';
    width: 35%;
    border-top: none
}
.index-server-items ul li .number::after {right: 0;}
.index-server-items ul li:hover .number span{background: #f0ca6d;color: #fff;border: 1px solid #f0ca6d;}
.index-server-items ul li:hover p{color: #f0ca6d}


.nyyoushi{width: 98%;margin: 0 auto;overflow: hidden}
.vs_box {
    width: 96%;
    height: 503px;
    overflow: hidden;
    background: url(../images/pinzhi_bg.png) no-repeat center;
	
	margin: 0 auto;
	margin-top: 45px;
}
.vs_main {
    width: 100%;
    height: 503px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.vs_left {
    width: 478px;
    height: 503px;
    text-align: right;
}
.vs_old {
    margin-top: 112px;
    font-size: 40px;
    font-weight: bold;
    color: #333;
    text-align: right;
}
.vs_info {
    font-size: 18px;
    color: #767676;
    margin-top: 12px;
}
.vs_item1 {
    text-align: center;
    font-size: 16px;
    color: #fff;
    background-color: #666;
    height: 50px;
    line-height: 50px;
    margin-top: 47px;
	padding: 0 15px
}
.vs_item1 span {
    padding: 0 16px;color: #fff
}
.vs_item2 {
    text-align: right;
    font-size: 18px;
    color: #cbcbcb;
    margin-top: 50px;
}
.vs_item2_info {
    margin: 10px 0 8px 0;
}
.vs_middle {
    text-align: center;
    width: 150px;
}

.vs_right {
    width: 478px;
    height: 503px;

}
.vs_right .vs_old {
    margin-top: 112px;
    font-size: 40px;
    font-weight: bold;
    color: #fff;
    text-align: left;
}



.vs_right .vs_info {
    font-size: 18px;
    color: #fff;
}
.vs_right .vs_item1 {
    text-align: left;
    text-indent: 21px;
    font-size: 16px;
    color: #232323;
    background-color: #fff;
    height: 50px;
    line-height: 50px;
    margin-top: 47px;
}
.vs_right .vs_item2 {
    text-align: left;
    font-size: 18px;
    color: #eee1b5;
    margin-top: 50px;
}


.ny_ys_li {
    width: 14%!important;
	background: #f2f2f2;
	margin: 0 1%!important;
	padding: 0 2%!important;
	text-align: center;
	height: 295px
}
.ny_ys_li img{width: 48px!important;height: 48px!important}

.s1{float: right!important}
.pinshi_3 li{overflow: hidden;}
.pinshi_3 dt{float: left;width: 50%;position: relative;}
.oprer{position: absolute;top: 50%;margin-top: -32px;left: 50%;margin-left: -77px; border: 1px solid #f0ca6d;width: 140px;height: 50px;padding: 6px}
.oprer span{display: block;width: 140px;height: 50px;background: #f0ca6d;text-align: center;color: #fff;font-size: 16px;line-height: 50px;} 
.pinshi_3 dt img{display: block;width: 100%;height: auto}
.pinshi_3 dd{float: left;margin-left: 3%;width: 44%;padding-top: 40px}
.pinshi_3 dd h1{font-size: 28px;font-weight: bold;margin-bottom: 15px}
.pinshi_3{width: 90%;overflow: hidden;margin: 0 auto}
.des span {
    position: absolute;
    top: 5px;
    left: 12px;
    color: #333;
    font-weight: bold;
    display: block;
}
.des p {
    clear: both;
    display: inline-block;
    margin-top: 20px;
    border: 1px dotted #ccc;
    line-height: 30px;
    font-size: 16px;
    padding: 5px 10px 5px 45px;
    border-radius: 2px;
    position: relative;
	letter-spacing: 0
}
.ser2{background: #f0ca6d;}
.ser2 .des p{color: #fff;border: 1px solid #fff;}
.ser2 .des span{color: #fff}
.ser2 h1{color: #fff}
.pinshi_1{font-size: 35px;font-weight: bold;text-align: center;margin: 50px 0 15px;overflow: hidden}
.pinshi_2{width: 60px;height: 3px;background: #f0ca6d;margin: 0 auto;margin-bottom: 50px;}

.qq{background: url(../images/about_bg.jpg) repeat-x top center;padding-top: 50px;margin-top: 50px}
.container{margin:0 auto;width: 90%;max-width: 1750px;overflow: hidden}

/*head*/
.header{width: 100%;overflow: hidden;background: #fff;position: fixed;top: 0;padding: 14px 0;z-index: 9999;transition: all 0.3s}
.headerleft{float: left;width: 40%;margin-top: 16px;}
.headerleft li{float: left;margin-right: 35px}
.headerleft li a{font-size: 16px;transition: all 0.3s;padding-bottom: 8px;border-bottom: 1px solid #fff;display: block}
.headerleft li a:hover{padding-bottom: 8px;border-bottom: 1px solid #333;color: #000}
.headerlogo{float: left;width: 20%;padding: 0 }
.headerlogo img{display: block;height: 55px;width: auto;margin: 0 auto}
.headerright{float: right;margin-top: 16px}
.headerright li{float: left;margin-left: 35px}
.headerright li a{font-size: 16px;transition: all 0.3s ease;padding-bottom: 8px;border-bottom: 1px solid #fff;display: block}
.headerright li a:hover{padding-bottom: 8px;border-bottom: 1px solid #333;color: #000}


/*banner*/
.ban { position: relative; z-index: 3; width: 100%; overflow: hidden;margin-top: 76px }
.ban img { display: block; width: 100%; }
.ban .swiper-pagination { bottom: 1.5rem; }
.ban .swiper-pagination-bullet {width: .8rem; opacity: 1; height: .8rem; margin: 0 .4rem !important; border: 1px solid #fff}
.ban .swiper-pagination-bullet-active { border-radius: 0.4rem; opacity: 1; background: #fff; }


.common_tit{width: 100%;overflow: hidden;background: #f2f2f2;padding: 35px 0}
.contit b{font-size: 29px;display: block;float: left;font-weight: normal}
.contit span{margin-left: 15px;font-size: 16px;display: block;float: left;line-height: 38px}
.whitebg{background: #fff}
.whitefont{background: none;padding: 0}
.whitefont b{color: #fff}
.whitefont span{color: #fff}

/*家装case*/
.jzcase{overflow: hidden;margin-top: 50px}
.protoplist{display: flex;justify-content: space-between}
.protop1{float: left;width: 39.6%;margin-right:0}
.protop1 li{width: 100%;cursor: pointer;transition: all 0.3s;position: relative}
.protop1 li dt{width: 100%;overflow: hidden}
.protop1 li img{display: block;width: 100%;height: auto;transition: all 0.3s}
.protop1 li span{position: absolute;top: 0px;left: 0;background: rgba(0,0,0,0);display: block;width: 100%;height: 100%;transition: all 0.3s}
.protop1 li dd{position: absolute;bottom: 4%;left: 4%;width: 0%;transition: all 0.5s ease-out;border: 1px solid #fff;border-color: rgba(255,255,255,0); text-align: center;height: 0;display: block}
.protop1 li h1{font-size: 17px;position: absolute;top: 43%;color: #fff;left: 0;transition: all 0.5s!important ;display: none;text-align: center;width: 100%}
.protop1 li h2{width: 20px;height: 1px;background: #fff;position: absolute;top: 51%;left: 50%;margin-left: -10px; transition: all 0.5s ;display: none;}

.protop1 li:hover span{background: rgba(0,0,0,0.4)}
.protop1 li:hover dd{display: block;width: 92%;border-color: rgba(255,255,255,1);height: 92%;}
.protop1 li:hover h1{display: block}
.protop1 li:hover h2{display: block}
.protop1 li:hover img{transform: scale(1.1)}


.indexprolist{width:60.4%; overflow: hidden;float: left}
.indexprolist li{width: 31.8333333%;float: left;position: relative;margin-left: 1.5%;cursor: pointer;transition: all 0.3s;margin-bottom: 1.5%}
.indexprolist li dt{width: 100%;overflow: hidden}
.indexprolist li img{display: block;width: 100%;height: auto;transition: all 0.3s}
.indexprolist li span{position: absolute;top: 0px;left: 0;background: rgba(0,0,0,0);display: block;width: 100%;height: 100%;transition: all 0.3s}
.indexprolist li dd{position: absolute;bottom: 5%;left: 5%;width: 0%;transition: all 0.5s ease-out;border: 1px solid #fff;border-color: rgba(255,255,255,0); text-align: center;height: 0;display: block}
.indexprolist li h1{font-size: 17px;position: absolute;top: 43%;color: #fff;left: 0;transition: all 0.5s!important ;display: none;text-align: center;width: 100%}
.indexprolist li h2{width: 20px;height: 1px;background: #fff;position: absolute;top: 57%;left: 50%;margin-left: -10px; transition: all 0.5s ;display: none;}

.indexprolist li:hover span{background: rgba(0,0,0,0.4)}
.indexprolist li:hover dd{display: block;width: 90%;border-color: rgba(255,255,255,1);height: 90%;}
.indexprolist li:hover h1{display: block}
.indexprolist li:hover h2{display: block}
.indexprolist li:hover img{transform: scale(1.1)}


/*about*/
.indexabout{background: #f2f2f2;overflow: hidden;margin-top: 50px}

.indexaboutleft{
    width: 50%;
    box-sizing: border-box;
    padding-left: 5%;
    padding-right: 2%;
    padding-top: 4%;
	float: left;
    display: inline;
}

.indexaboutright{
    width: 50%;
    overflow: hidden;
	float: right
}

.indexaboutright img{display: block;width: 100%;height: auto;cursor: pointer}
.ht {
    font-size: 36px;
    color: #2b2b2f;
    line-height: 48px;
}

.ht span {
    display: block;
	font-size: 36px;
    color: #2b2b2f;
    line-height: 48px;
}

.indexaboutleft i {
    display: block;
    width: 48px;
    height: 3px;
    background-color: #2a292f;
    margin: 24px 0 40px;
}

.ct {
    font-size: 22px;
    color: #666;
}
.learnmore {
    display: block;
    width: 198px;
    height: 50px;
    line-height: 50px;
    margin-top: 30px;
    border: 2px #b4b4b4 solid;
    position: relative;
    transition: all 0.5s ease 0s;
}
.learnmore .btntx {
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 18px;
    box-sizing: border-box;
    display: block;
    font-size: 14px;
    color: #979797;
    width: 100%;
    height: 100%;
    background: transparent url(../images/learnarr.png) no-repeat 160px center;
    background-size: 8px 14px;
    z-index: 2;
    transition: all 0.5s ease 0s;
}
.learnmore .btnbg {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #555555;
    transition: width 0.5s ease 0s;
    z-index: 1;
}
.learnmore:hover {
  border-color: #d7b262;
  transition: all 0.5s ease 0s;
}
.learnmore:hover .btntx {
  color: #fff;
  background: #d7b262 url(../images/learnarrcur02.png) no-repeat 120px center;
  background-size: 8px 14px;
  transition: all 0.5s ease 0s;
}
.learnmore:hover .btnbg {
  width: 100%;
  transition: width 0.5s ease 0s;
}


/*工装case*/


.index_gzcase {width: 100%;margin: 0px auto 0 auto;overflow: hidden;}
.mr_frbox {overflow: hidden; margin: 0 auto;position: relative}
.mr_frBtnL {cursor: pointer;display: block;position: absolute;top: 45%;left: 5%;z-index: 999}
.mr_frUl {height: auto;overflow: hidden;}
.mr_frBtnR {cursor: pointer;position: absolute;top: 45%;right: 5%;z-index: 999}
.mr_frUl ul li {
  float: left;
  width: 465px;
  overflow: hidden;
  margin-right: 23px;
	position: relative;
	transition: all 0.3s;
	cursor: pointer

}

.mr_frUl ul li span{position: absolute;left: 10%;top: 25%;line-height: 40px;color: #fff;font-size: 17px;display: none;transition: all 0.6s;width: 80%;background: url(../images/jt01.png) no-repeat bottom center;padding-bottom: 50px;background-size: 35px;text-align: center;cursor: pointer}
.mr_frUl ul li:hover span{display: block}
.mr_frUl ul li img { width: 100%;transition: all 0.5s;}
.mr_frUl ul li:hover img{transform: scale(1.25)}
.mr_frUl ul li b{position: absolute;top: 0;left: 0;background: rgba(0,0,0,0);transition: all 0.6s;width: 100%;height: 100%}
.mr_frUl ul li:hover b{background: rgba(0,0,0,0.4)}



/*服务流程*/
.row{margin: 0 auto;}
.col-md-4 {
    width: auto;
	float: left;
	margin-left: 1.5%
}
.mt20 {width: 32.333%;float: left;
	margin-left: 1.5%}
.mt20:nth-child(1){margin-left: 0}
.mt20:nth-child(4){margin-left: 0}
.advantage_dl {
    position: relative;
    width: 100%;
    float: left;
    border-radius: 3px;
    padding: 25px 0;
    background: #f1f1f1;
	margin-bottom: 15px
}
.ad_name {
    font-size: 21px;
    color: #222222;
    margin-top: 0px;
    font-weight: normal;
    margin-bottom: 15px;
}
.advantage_dl dt {
    position: absolute;
    left: 20px;
    top: 45px;
}

.advantage_dl dd {
    float: left;
    margin-left: 85px;
    margin-right: 15px;
}
.advantage_dl dt img {
    width: 90%;
}
.ad_con {
    font-size: 13px;
    color: #767676;
    line-height: 25px;
	height: 50px
}
.newsleft{float: left;margin-bottom: 30px}
.newsright{float: right;width: calc(100% - 356px);margin-top: 15px;margin-bottom: 30px}
.newsright li{float: left;width: 47%;margin-left: 3%;margin-bottom: 24px;border-bottom: 1px solid #f2f2f2;padding-bottom: 24px}
.n1{font-size: 17px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
.n2{color: #999;margin: 12px 0}
.n3{line-height: 24px;color: #666;text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;}

.newsright li:nth-child(5){border: 0}
.newsright li:nth-child(6){border: 0}

.n1:hover{color: #d7b262}

/*底部*/
.foot{width: 100%;overflow: hidden;background: #333;padding: 50px 0 40px;}
.footcen dt{color: #fff;font-size: 16px;margin-bottom: 20px}
.footcen a{color: #c3c3c3;line-height: 24px;font-size: 12.5px}
.footcen a:hover{color: #fff;}
.foot1{float: left;width: calc((100% - 350px)/5)}
.foot1 img{margin-top: 40px}
.foot2{float: left;width: 350px}
.foot2 span{color: #c3c3c3;display: block;float: left}
.foot2 img{color: #c3c3c3;display: block;float: left;margin-right: 10px}
.qw{overflow: hidden;margin-bottom: 10px;display: flex;align-items: center}

.foot3{float: right}
.foot3 img{display: block;width: 140px;height: 140px}

.footcopyright{background: #282828;padding: 15px 0;}
.as{color: #c3c3c3;text-align: center}

.newDiv_index:nth-child(7){margin-bottom: 0}
.newDiv_index:nth-child(8){margin-bottom: 0}

.link{margin-top: 35px;color: #fff;}
.link a{color: #c3c3c3;margin-right: 15px}
.link a:hover{color: #fff;margin-right: 15px}

.kefu{position: fixed;right: 0;top: 40%;z-index: 999}
.kefuli{border-radius: 3px;background: #d7b262;padding: 10px 6px;margin-bottom: 2px}
.kefuli img{display: block;margin: 0 auto}
.kefuli span{color: #fff;letter-spacing: 0;display: block;text-align: center;margin-top: 3px}
.kefuli label{color: #fff;letter-spacing: 0}


/*底部浮动广告*/

.mask {
	position: fixed;
	bottom: 0;
	left:100%;
	width: 100%;
	height: 100px;
	background: url("../images/4772e66619c0f19b5b4d21b132b4a717.jpg")  no-repeat scroll center;
	z-index: 1001;
}
.closeee{
	background: url("../images/closesanjiao.png")  no-repeat center center;z-index:99999
}
.mask .gotoCenter {
	display: block;
	width: 1000px;
	height: 140px;
	margin: 0 auto;
}
.mask .closeee {
	position: absolute;
	top: 0;
	right: 20px;
	margin-left: 0px;
	width: 40px;
	height: 100%;
	cursor: pointer;
}
.clickarea{
	position: absolute;
	top: 0;
	left: 0px;
	margin-left: 0px;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.thumbnail {
	position: fixed;
	right: 0px;
	bottom: 48%;
	width: 126px;
	height: 126px;
	cursor: pointer;
	left:0
	/*display: none;*/
}
@-webkit-keyframes rotate {
	from {-webkit-transform:rotate(0deg);}
	to {-webkit-transform:rotate(360deg);}
}
	
.clickarea input{width:240px;line-height:50px;background:#585757;border:0;border-radius:5px;color:#999}
.rewq{width:90%;margin:0 auto;position:relative;margin-top:26px;}
.sq{margin-left:250px;padding-left:10px;}
	
input::-webkit-input-placeholder { color: #999;font-size: 15px;}
input::-moz-placeholder { color: #999;font-size: 15px;}
input::-ms-input-placeholder {color: #999;font-size: 15px;}   
.st{margin-left:15px;padding-left:10px;}
.se{color:#fff!important;background:#d7b262!important;margin-left:15px;font-size:15px;cursor: pointer}
.df{color:#fff;font-size:23px;font-family:"Arial";position:absolute;bottom:0px;right:0;margin-top: 5px}
.df span{color:#d7b262;font-size:26px;font-weight: bold;}	
.sa{position: absolute;left:0;bottom:0px}
	

/*优势*/

.index_yswwe{display: flex;justify-content: space-between}
.index_ys{margin-top: 40px;/*background: #333;padding: 50px 0*/}
.index_ys_1{float: left;width: 12%;background: #d7b262;padding: 40px 4%}
.index_ys_2{float: right;width: 79%;border-right: 1px solid #eee;border-left: 1px solid #eee}
.index_ys_1 dt{color: #fff;font-size: 22px;font-weight: bold;text-align: center}
.index_ys_1 dd{color: #fff;font-size: 40px;font-weight: bold;text-align: center;margin-top: 8px}


.index_ys_li{float: left;width: 300px!important;background: #fff;margin-right: 0px!important;border: 1px solid #eee;border-left:0;text-align: center}
.index_ys_li img{width: 48px!important;height: 48px!important}
.ys1 img{display: block;margin: 0 auto;padding: 30px 0}
.ys2{font-size: 22px;}
.ys3{font-size: 14px;color: #999;margin-top: 25px;margin-bottom: 35px}
.index_ys ul{border-right: 1px solid #eee}




/*业主心声*/
.bg-grey {
	width: 100%;
	height: auto;
	padding: 76px 0;
	background: url(../images/yz_bg.jpg) no-repeat center center;
}

h2.title {
	text-align: center;
	font-size: 24px;
	color: #333;
	line-height: 24px;
	padding-bottom: 24px;
	position: relative;
}
h2.title:after {
	position: absolute;
	left: 50%;
	width: 46px;
	height: 1px;
	margin-left: -23px;
	background-color: #0c9;
	bottom: 0;
	content: '';
}
p.subtitle {
	margin-top: 18px;
	text-align: center;
	font-size: 16px;
	color: #666;
	line-height: 30px;
}
.tab-block {
	width: 100%;
	background-color: #FFF;
}

.tab-block .tab-buttons {
	width: 100%;
	background-color: #f2f2f2;
	overflow: hidden;
	
}
.tab-block .tab-buttons .tab-button {
	width: 11.111111%;
	float: left;
	position: relative;
	cursor: pointer;
	padding: 19px 0;
	height: 100px;
	
}
.tab-block .tab-buttons .tab-button.cur {
	background-color: #fff;
	color: #333
}
.tab-block .tab-buttons .tab-button.cur:after {
	content: '';
	position: absolute;
	top: -1px;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: #d7b262
}
.tab-block .tabs {
	width: 100%;
}
.tab-block .tabs .tab-item {
	width: 94%;
	height: 100%;
	padding: 40px 3% 50px;
	display: none
}
.tab-block .tabs .tab-item.active {
	display: block
}

.uie-1{font-size:34px;font-weight:bold;color: #333}
.uie-1:hover{color: #d7b262}
.uie-2{font-size:16px;line-height: 24px;margin: 25px 0 35px;color: #666}
.uie-3{overflow: hidden;}
.uie-3 img{display: block;float: left;width: 30.333%;margin-right: 2%;margin-left: 1%}
.tab-button img{display: block;width: 65px;height: 65px;border-radius: 100px;margin: 0 auto;border: 2px solid #333;transition: all 0.1s}
.tab-block .tab-buttons .tab-button.cur img{border: 2px solid #d7b262;width: 70px;height: 70px;}
.tab-button span{display: block;font-size: 14px;text-align: center;margin-top: 5px;}


/*视频弹窗*/
.pop-video {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background-color: rgba(0,0,0,.9);
}

    .pop-video .cont {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        max-width: 930px;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .pop-video .video1 {
        height: 100%;
        width: 100%;
    }

    .pop-video .tit {
        position: absolute;
        top: 0;
        left: 0;
        width: 94%;
        line-height: 40px;
        padding: 0 3%;
    }

        .pop-video .tit h4 {
            color: #fff;
            font-weight: normal;
            font-size: 18px;
        }

    .pop-video .close {
        position: absolute;
        top: 0;
        right: 0;
        width: 40px;
        height: 40px;
        background: url(../images/icon-close.png) no-repeat center center;
        cursor: pointer;
        z-index: 2;
    }


/*内页banner*/
.nybanner{background: url(../images/banner1.jpg) no-repeat center center;padding: 130px 0;color: #fff;font-size: 35px;font-weight: bold;text-align: center;margin-top: 83px}
.nybanner4{background: url(../images/banner4.jpg) no-repeat center center;}
.nybanner7{background: url(../images/banner7.jpg) no-repeat center center;}
.ny-nav{background: #fff;width: 100%;overflow: hidden;border-bottom: 1px solid #eee}
.ny-nav-a{float: left;}
.ny-nav-a a{display: block;width: 150px;font-size: 17px;padding: 20px 0;float: left;}
.ny-nav-a a.on{color: #f0ca6d;font-weight: bold}
.ny-nav-location{float: right;padding: 20px 0;color: #666}
.ny-nav-location a{color: #666}
.ny-content{background: #f7f7f7;width: 100%;overflow: hidden;}
.gongsijian{background: #fff;margin-top: 50px;margin-bottom: 50px}
.gongsijian-0{width: 160px;height: 5px;background: #f0ca6d;}
.gongsijian-1{font-size: 34px;font-weight: bold;padding: 40px 3%}
.gongsijian-1 i{width: 60px;height: 2px;background: #ddd;display: block;margin-top: 12px;}
.gongsijian-2{overflow: hidden;padding: 0 3% 60px}
.gongsijian-2 dt{float: left;width: calc(100% - 450px);line-height: 27px;font-size: 15px;}
.gongsijian-2 dd{float: right;}


.shipin{overflow: hidden;padding: 60px 0;cursor: pointer}
.shipin img{display: block;width: 100%;height: auto}

.main-content{padding: 0 3% 30px;overflow: hidden}

.ny-case-tit{overflow: hidden;width: 600px;margin: 0 auto;padding: 40px 0}
.ny-case-tit a{width: 194px;text-align: center;display: block;float: left;font-size: 18px;background: #f2f2f2;line-height: 55px;margin: 0 3px}

.ny-case-tit a.on{background: #f0ca6d;color: #fff}

.caselist{width: 100%;overflow: hidden;margin-bottom: 20px}
.caselist li {float: left;width: 24%;margin: 0 0.5% 20px 0.5%}
.caselist li dt{width: 100%;overflow: hidden;}
.caselist li dt img{display: block;width: 100%;height: auto;transition: all 0.5s ease}
.caselist li dd{font-size: 16px;padding: 15px 0;text-align: center;transition: all 0.5s ease}
.caselist li:hover dt img{transform: scale(1.1)}
.caselist li:hover dd{margin-left: 10px;}


.case_view{width: 100%;overflow: hidden;background: #f7f7f7;padding-top: 30px;padding-bottom: 30px}
.case_view_left{float: left;width: 68%;background: #fff;padding: 2%}
.case_view_right{float: right;width: 22%;background: #fff;padding: 2%}
.neirong{width: 100%;overflow: hidden;font-size: 14px;line-height: 27px;border-top: 1px solid #f1f1f1;padding-top: 26px}
.neirong img{max-width: 100%;margin: 10px 0}
.neirong p{font-size: 14px;line-height: 27px;}
.neirong p img{max-width: 100%;margin: 10px 0}

.case_view_left h1{font-size: 27px;font-weight: bold}
.location{margin-bottom: 30px}
.location a,.location{color: #666;font-size: 14px;}
.miaoshu{color: #999;margin: 19px 0}

.casetuijan_tit{font-size: 22px;font-weight: bold;margin-bottom: 20px}
.casetuijan_ul li{margin-bottom: 20px}
.casetuijan_ul li img{display: block;width: 100%;}
.casetuijan_ul li span{display: block;margin-top: 8px;font-size: 15px}



.teamlist{overflow: hidden}
.teamlist_li{background: #fff;overflow: hidden;width: 94%;padding: 45px 3%}
.teamlist_li_1{overflow: hidden;}
.teamlist_li_1 dt{float: left;width: 30%;margin-right: 3%}
.teamlist_li_1 dd{float: left;width: 67%}
.teamlist_li_1 dd b{display: block;font-size: 25px;margin-bottom: 15px}
.teamlist_li_1 dd span{display: block;line-height: 25px}
.teamlist_li_1 dt img{display: block;width: 100%;height: auto}
.teamlist_li_2{overflow: hidden;margin-top: 15px;width: 100%}
.teamlist_li_2 a{display: block;float: left;width: 24%;margin-right: 1%;margin-bottom: 1%;overflow: hidden}
.teamlist_li_2 a img{display: block;width: 100%;overflow: hidden;transition: all 0.5s}
.teamlist_li_2 a:hover img{transform: scale(1.1)}
.teamlist_li .rwfr{width: 100%;border-bottom: 1px solid #f0ca6d;display: block;margin: 45px 0}
.teamlist_li .rwfr label{display: block;width: 200px;color: #fff;background:#f0ca6d;line-height: 45px;text-align: center;font-size: 17px;margin: 0 auto}

.teamlist_lia{float: left;background: #fff;width: 28.33%;padding: 1.5%;margin: 0 0.5% 20px}

.teamlist_lia dt{width: 100%;overflow: hidden}
.teamlist_lia dt img{display: block;width: 100%;height: auto;transition: all 0.5s ease}
.teamlist_lia dd b{font-size: 20px;display: block;margin: 15px 0 10px 0;transition: all 0.5s ease}
.teamlist_lia dd span{font-size: 14px;display: block;line-height: 21px}

.teamlist_lia:hover dt img{transform: scale(1.1)}
.teamlist_lia:hover dd b{margin: 15px 0px 10px 10px;color: #f0ca6d}

.col-sm-4 {
    width: 32.33333333%;
	float: left;
	margin-left: 1.5%;
	margin-bottom: 15px
		
}
.col-sm-4:nth-child(3n+1){margin-left: 0}
.col-sm-4:nth-child(1){margin-left: 0}
.col-sm-4:nth-child(4){margin-left: 0}
.col-sm-4:nth-child(7){margin-left: 0}
.col-sm-4:nth-child(10){margin-left: 0}
.col-sm-4:nth-child(13){margin-left: 0}
.col-sm-4:nth-child(16){margin-left: 0}
.col-sm-4:nth-child(19){margin-left: 0}

.item {
    width: 100%;
	margin-bottom: 10px;
}
.item>a {
    display: block;
    overflow: hidden;
	height: 300px
}
.item img {
    width: 100%;
    object-fit: cover;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
/*.item img:hover{transform: scale(1.1)}
*/
.item .bt {
    width: 100%;
    margin-top: 20px;
    position: relative;
	margin-bottom: 35px;
}
.item .bt .date {
    width: 64px;
    height: 121px;
    position: absolute;
    left: 0;
}
.item .bt .date .t {
    height: auto;
    background: #373737;
    text-align: center;
    padding: 6px 0;
}

.item .bt .date .t b {
    display: block;
    color: #fff;
    font-weight: normal;
    line-height: 32px;
    font-size: 27px;
}
.item .bt .date .t span {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 13px;
    margin-top: 8px;
}
.item .bt .r {
    padding-left: 80px;
}
.item .bt .r h5 a {
    margin-top: 0px;
    display: block;
    color: #000;
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.item .bt .r p {
    line-height: 20px;
    color: #727272;
    font-size: 13px;
    max-height: 84px;
    overflow: hidden;
    margin: 0;
}

.item .bt .r h5 a:hover{color: rgba(215,178,98,1)}

#news_center{margin-top: 30px}
.nycen{width: 100%;overflow: hidden;background: #fff;}
.nycenreww{overflow: hidden;margin: 0 auto;max-width: 1920px;margin-bottom: 30px}
.nynewslist {
    width: 72%;
    overflow: hidden;
    float: left;
    background: #f7f7f7;
}
.righcene {
    width: 25%;
    float: right;
}
.righttit {
    font-size: 20px;
    padding: 0 0 25px;
    overflow: hidden;
}
.bqrm {
    width: 100%;
    overflow: hidden;
    margin-top: 00px;
}
.bqrm a {
    padding: 5px 14px;
    border-radius: 3px;
    border: 1px solid #ccc;
    margin-right: 20px;
    font-size: 15px;
    display: block;
    float: left;
    margin-bottom: 15px;
    color: #666;
}
.tuijianul {
    width: 96%!important;
    background: #fff;
}
.nynewslist {
    width: 72%;
    overflow: hidden;
    float: left;
}
.tuijianul ul {
    padding-left: 0!important;
    width: 100%!important;
    margin-top: 0!important;
}
.nynewslist ul {
    width: 97.5%;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 20px;
    padding-left: 2.5%;
}

.nynewslist ul li {
    padding: 0px 0% 15px 0;
    width: 100%;
    overflow: hidden;
    margin-bottom: 15px;
    transition: all 0.3s;
    border-bottom: 1px solid #eee;
}
.tuijianul .nynewslist_li_text {
    width: 100%;
}
.nynewslist_li_text_tit a {
    font-size: 18px;
    display: block;
    transition: all 0.3s;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
	color: #d7b262
}
.nynewslist_li_text_wz {
    margin-top: 10px;
    color: #666;
    line-height: 20px;
    display: -webkit-box;
    font-size: 14px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.righttit span {
    width: 4px;
    height: 20px;
    background: #d7b262;
    display: block;
    float: left;
}
.righttit label {
    display: block;
    float: left;
    line-height: 20px;
    margin-left: 8px;

    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
	font-size: 18px
}
.proviewtit {
    text-align: center;
    font-size: 28px;
    padding: 20px 0 10px;
    overflow: hidden;
	width: 85%;
	margin: 0 auto
}

.texingtitle {
    text-align: center;
    margin: 15px 0 25px;
    overflow: hidden;
    border: 1px solid #eee;
    line-height: 45px;
    color: #999;
	font-size: 14px;
}
.texingcen {font-size: 14px; line-height: 30px;padding: 0 4%}
.texingcen img{max-width: 100%}
.texingcen p img{max-width: 100%}
.texingcen p{font-size: 14px;line-height: 30px;}
.proviewsx{padding: 4%;font-size: 14px;}
.proviewsx a{color: #999;font-size: 14px;}

.nynewslist_li_text_date{color: #999;margin-top: 10px}

.contact_cen{overflow: hidden;padding: 90px 0}
.contact_cen_li{float: left;width: 33%;border-right: 1px solid #ccc;}
.c1{font-size: 29px;}
.c2{width: 30px;height: 2px;background: #666;margin: 20px 0 30px}
.c3{font-size: 25px;font-weight: bold;}
.c4{line-height: 25px;margin-top: 25px}

.li2{text-align: center}
.li2 .c2{margin: 0 auto;margin-top: 20px;margin-bottom: 30px}
.li2 .c5{display: block;margin: 0 auto;width: 150px;height: 150px;margin-top: 25px}

.li3{border: 0}
.c6 input{width: 47%;border: 1px solid #999;margin-top: 15px;height: 30px;padding-left: 3%}
.c7 input{width: 51%;height: 40px;border: 0;background: #f0ca6d;margin-top: 20px;border-radius: 5px;font-size: 16px}

.telnav{display: none;overflow: hidden}
.telbanner{display: none}
.tel_bottom{display: none}



@media (max-width:1700px){
		.sq{margin-left:230px;}
	    .clickarea input{width:220px;}
	}
	
@media (max-width:1645px){
		.sq{margin-left:210px;}
	    .clickarea input{width:200px;}
	.pinshi_3{width: 100%}
	}
@media (max-width:1580px){
	.xz_navlist li a{margin-right: 50px}
	.xz_right{width: 1050px;}
}
@media (max-width:1530px){
		.sq{margin-left:200px;}
	    .clickarea input{width:190px;}
	.pinshi_3 dd h1{margin-bottom: 0}
	.des p{line-height: 25px}
	
	.xz_navlist li a{margin-right: 40px}
	.xz_right{width: 970px;}
	
	}
@media (max-width:1470px){
		.sq{margin-left:175px;}
	    .clickarea input{width:175px;}
	.vs_middle{width: 80px}
	
	}
@media (max-width:1365px){
	    .clickarea input{width:170px;}
	.rewq{width:90%}
	.sq{margin-left:185px;}
	}
@media (max-width:1335px){
	    .clickarea input{width:160px;}
		.xz_navlist li a{margin-right: 30px}
		.xz_right{width: 890px;}
	}

@media (max-width:1285px){
	    .clickarea input{width:150px;}
	.pinshi_3 dd{padding-top: 20px}
	.vs_left{width: 48%}
	.vs_right{width: 48%}
	.vs_middle{width: 4%}
	}
@media (max-width:1245px){
	    .clickarea input{width:140px;}
	.des p{margin-top: 12px}
	.xz_navlist li a{margin-right: 20px}
		.xz_right{width: 810px;}
	}
@media (max-width:1190px){
	    .clickarea input{width:130px;}
	.st,.se{margin-left:12px;}
	.rewq{width:94%}
	.mask .closeee{left:0}
	.des p{font-size: 15px}
	}


@media (max-width:1400px){
	.indexaboutleft{padding-left: 3%}
	.indexaboutleft i{margin: 15px 0 30px;}
	.mr_frUl ul li{width: 420px}
	.index_ys_1{padding: 40px 2%;width: 16%}
	.index_ys_li{width: 270px!important}
}
@media (max-width:1350px){
	.ct{font-size: 20px}
	.gongyilist li p{font-size: 15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
}

@media (max-width:1280px){

	.ad_con{height: auto}
	.ht span{font-size: 28px}
	.ct{font-size: 18px}
	.indexaboutleft{padding-top: 3%}
	.indexaboutleft i{margin: 10px 0 20px;}
	.foot3 img{width: 120px;height: 120px}
	.vs_item1 span{padding: 0 3px}
}

@media (max-width:1170px){
	.headerleft li{margin-right: 30px;}
	.headerright li{margin-left: 30px;}
}
@media (max-width:1120px){
	.headerright li{margin-left: 25px;}
	.headerleft li{margin-right: 25px;}
	.headerlogo img{display: block;height: auto;width: 100%}
	
}

@media (max-width:1120px){
	.container{width: 94%}
	.xz_wx{display: none}
	.xz_right{width: 710px}
}



@media (max-width:1024px){
	.xz_header{width: 1024px}
	.vs_right .vs_old,.vs_old{font-size: 30px}
	.mask{display: none}
	.telnav{display: none;position: fixed;top: 0;z-index: 9999;background: #fff;width: 100%}
	.header {display: none}
	.telnav img{display: block;margin: 0 auto;height: 60px;margin-bottom: 8px;margin-top: 5px}
	.telnav li{float: left;background: #f0ca6d;width: 25%;text-align: center}
	.telnav li a{color: #fff;font-size: 16px;padding: 10px 0;display: block;border-left: 1px solid #f6db9b}
	.indexaboutleft{width: 95%;padding: 4%!important}
	.indexaboutright{width: 100%;margin-top: 19px;padding-left: 0%}
	.igt_page_text{width: 60%!important}
}
@media (max-width:768px){
	.index_ys_2{display: none}
	.pinshi_3 dt{width: 100%;height: 60px}
	.pinshi_3 dt img{height: 200px;display: none}
	.pinshi_3 dd{width: 94%;margin-bottom: 20px}
	.oprer{margin-top: 0;top: 0;height: 42px}
	.pinshi_1{font-size: 28px;margin: 30px 0 15px;}
	.pinshi_2{margin-bottom: 30px}
	.oprer span{height: 42px;line-height: 42px;}
	.pinshi_3 dd h1{text-align: center}
	.ser2{margin-bottom: 25px}
}

@media (max-width:768px){
	.vs_box{height: auto}

	.vs_item1,.vs_right .vs_item1{padding: 5px 0;height: auto;line-height: 25px}
	.pcbanner{display: none}
	.telbanner{display: block}
	
	.telbanner{margin-top: 103px}
	.common_tit{padding: 15px 0}
	.contit b{font-size: 25px}
	.protoplist{display: inherit}
	.indexprolist{display: inherit;width: 100%;margin-top: 3%}
	.protop1{width: 100%}
	.indexprolist li{width: 49.5%;margin-left: 0;margin-right: 1%;margin-bottom: 1%}
	.indexprolist li:nth-child(2n+2){margin-right: 0}
	.jzcase{margin-top: 3%}
	.index_ys_1 {
    padding: 40px 0;
    width: 100%;
		text-align: center}
	.index_yswwe{display: inherit}
	.index_ys_2{width: 100%}
	.index_ys{margin-top: 20px}
	.index_ys_li{width: 372px!important;margin-top: 10px;border-left: 1px solid #eee!important}
	.indexabout{margin-top: 20px}
	.qq{padding-top: 20px;margin-top: 0}
	
	.w-imgText .imTB{margin-top: 35px!important}
	.igt_page_text{width: 70%!important;}
	.igt_page_text li .item_span .num{font-size: 8vw!important}
	.mt20{width: 100%;margin-left: 0;}
	.tab-block .tab-buttons .tab-button{width: 25%;height: 70px;padding: 10px 0}
	.tab-button img{height: 45px;width: 45px}
	.tab-block .tab-buttons .tab-button.cur img{width: 50px;height: 50px}
	.tab-button span{margin-top: 0}
	.bg-grey{padding: 35px 0}
	.contit span{margin-left: 0}
	.newsleft{display: none}
	.newsright{width: 100%}
	.newsright li{width: 100%;margin-left: 0;margin-bottom: 12px;padding-bottom: 12px}
	.foot1{display: none}
	.foot3{display: none}
	.nybanner{font-size: 24px;padding: 60px 3%}
	.nybanner{margin-top: 103px}
	.ny-nav-a a{width: 25%}
	.ny-nav-a{width: 100%}
	.ny-nav-location{display: none}
	.gongsijian{margin-top: 25px}
	.gongsijian-1{padding: 25px 3%;font-size: 29px}
	.gongsijian-2 dt{width: 100%}
	.gongsijian-2 dd{width: 100%}
	.gongsijian-2 dd img{display: block;width: 100%}
	.shipin{padding: 20px 0;display: none}
	.ny-case-tit a{width: 100%;margin-bottom: 1px}
	.ny-case-tit{width: 100%;padding: 25px 0}
	.caselist li{width: 49%;}
	.case_view_left{width: 96%;padding: 15px 2%}
	.case_view_right{width: 96%;margin-top: 10px}
	.location{margin-bottom: 20px}
	.case_view{padding-top: 20px;padding-bottom: 0}
	.teamlist_lia{width: 91%;padding: 4%}
	.teamlist_li_1 dt{width: 100%;margin-right: 0}
	.teamlist_li_1 dd{width: 100%;margin-top: 15px}
	.teamlist_li_2 a{width: 100%;margin-bottom:3%}
	.col-sm-4{margin-left: 0;width: 100%;margin-bottom: 0px}
	.nynewslist{width: 100%}
	.righcene{width: 100%;margin-top: 25px}
	.texingcen{line-height: 24px}
	.texingcen p{line-height: 24px}
	.contact_cen{padding: 40px 0}
	.contact_cen_li{width: 100%;}
	.li2{text-align: left;border-top: 1px solid #eee;margin-top: 25px;padding-top: 25px;}
	.li2 .c2{margin: inherit;margin-top: 20px;
    margin-bottom: 30px;}
	.c6 input{width: 96%}
	.c7 input{width: 99%}
	
	.tel_bottom{width: 94%;position: fixed;bottom: 15px;margin-left: 3%;background: #f2f2f2;border-radius: 100px;height: 45px;display: none;z-index: 999999}
	.tel_bottom_1{float: left;width: 50%;font-size: 16px;line-height: 45px}
	.tel_bottom_1 img{display: block;float: left;margin-left: 30px;margin-right: 5px;margin-top: 12px}
	.tel_bottom_3{float: right;font-size: 16px;line-height: 45px;margin-right: 30px}
	.tel_bottom_3 img{display: block;float: left;margin-right: 5px;margin-top: 12px}
	.tel_bottom_2{position: fixed;bottom: 5px;width: 66px;height:66px;border-radius: 80px;background: #f0ca6d;left: 50%;margin-left: -33px;color: #fff;text-align: center;font-size: 12px;}
	.tel_bottom_2 img{display: block;margin: 0 auto;margin-top: 12px}
	.tel_bottom_2 a{color: #fff;letter-spacing: 0}
	.tel_bottom_1 a,.tel_bottom_3 a{font-size: 15.5px}
	.kefu{display: none}
	.indexabout{background: #fff}
	.bt{margin-top: 10px}
	
	
	.nybanner{margin-top: 0;padding: 110px 3% 60px;}
	.sp_header{display: block}
	.xingiugaisj{display: block}
	.dianaoduanxianshi{display: none}
	.xz_header{display: none}
	.youce_kf{display: block}
	.link{display: none}
	.foot{padding: 30px 0}

}

@media (max-width:750px){
	.gongsijian-2{padding: 0 3% 60px;}
	.teamlist_li{padding: 30px 3% 0}
	.vs_right .vs_old, .vs_old {
    font-size: 22px;margin-top: 35px;
}
	.gongyilist li{width: 31.3333%;}
	.index-server-items ul li{width: 33.33333%;margin-bottom: 20px}
	.index-server-items ul li p{padding: 6px 0 5px}
	.index-server-items{margin-top: 40px;margin-bottom: 40px}
	.beauty_life_title{font-size: 28px}
	.beauty_life_title_info p{font-size: 15px}
	.beauty_life_box,.gongyilist,.vs_box{width: 100%}
	
	.index-server-items ul li:nth-child(4) .number::before{
    position: absolute;
    top: 50%;
    display: none;
    content: '';
    width: 35%;
    border-top: none
}
	
	.index-server-items ul li:nth-child(7) .number::before{
    position: absolute;
    top: 50%;
    display: none;
    content: '';
    width: 35%;
    border-top: none
}

.index-server-items ul li:nth-child(3) .number::after{
    position: absolute;
    top: 50%;
    display: none;
    content: '';
    width: 35%;
    border-top: none
}
	
	.index-server-items ul li:nth-child(6) .number::after{
    position: absolute;
    top: 50%;
    display: none;
    content: '';
    width: 35%;
    border-top: none
}
	
	.ny_ys_li{width: 94%!important;height: auto;margin-bottom: 15px!important}
	.gongsijian{width: 100%;margin-bottom: 0}
	
}


