/* CSS Document */
/*
Theme Name:北京-中盛亚华科技有限公司
Theme URI: http://www.bjzsgroup.com/
Description: 爱永设计的作品。
Author: 爱永设计
Time: 2026-04-16 11:50
Author URI: http://www.aysheji.com/
Version: 1.0
License: 爱永设计许可认证
License URI: http://www.aysheji.com/
Tags: 网站建设,网站模板,网站营销
*/
img{ max-width:100%;}

.clear{ clear:both;}


.swiper-wrapper{
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.swiper-slide{-webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
}


.nav-list{}
.nav-list li{ position:relative;}
.nav-list li .sub-menu{ position:absolute; width:100%; top:58px; left:-5px; z-index:99999; padding:10px; background:#787878;  transition: all 0.5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
-o-transition: all .5s; display:none;
-ms-transition: all .5s; opacity:0; }
.nav-list li .sub-menu:before{ position:absolute; top:-18px;  content: ""; display:block;  border: 10px solid transparent; border-bottom-color:#787878; left:40px;
}
.nav-list li .sub-menu li{ line-height:30px; float:none;}
.nav-list li .sub-menu li a{ color:#fff; display:block; padding-right:0; text-align:center; font-size:14px;}
.nav-list li .sub-menu li a:hover{ color:#f00;}

.nav-list li.current_page_item a,.nav-list li.current-menu-item a,.nav-list li.current-menu-parent a,.nav-list li.current-page-ancestor a,.nav-list li.current-category-ancestor a,.nav-list li.current-post-ancestor a, .nav-list .current-anli-ancestor a{ color:#e60012;}

.header-phone{ background:url(images/top_phone.png) no-repeat left center; color:#333; display:inline-block; height: 30px;
line-height: 30px;padding-left: 40px;}

@media(min-width:1024px){
	.nav-list li:hover .sub-menu{opacity:1; }
}

.imorebtn{ text-align:center; margin-top:40px;}
.imorebtn a{ position:relative;}
.imorebtn a i{ width:26px; height:26px; display:block; border-radius:100%; border:#f00 2px solid; position: absolute; left:-5px; top:-3px;}
.imorebtn a i:before{ background:#f00; content:""; display:block; width:10px; height:10px; position:absolute; left:6px; top:6px; border-radius:100%; }
.imorebtn a img{ vertical-align:middle; margin-right:5px;}
.imorebtn a:hover{ color:#e60012;}

.erjibanner{ position:relative;}
.erjibanner img{ width:100%;}


.iadbg{ background-image:url(images/iadbg.jpg); background-position:center center; background-repeat:no-repeat; background-size:cover; padding:100px 0 100px 0; margin-top:100px;}

.iad{ display:flex; justify-content:flex-end; max-width:90%; margin:0 auto;}
.iadcon{ width:45.8%;}
.iadlogo{}
.iadlogo img{ display:block; margin:0 auto;}
.iadlogotext{ color:#fff; text-align:center; font-size:18px; margin-top:20px;}
.iadtext{ margin-top:50px;}
.iadtext p{ color:#fff; font-size:16px; line-height:34px;}
.adimg{ margin-top:130px;}
.adimg img{ max-width:100%;}

.iyoushi{ position:relative;}
.iyoushilist{ overflow:hidden; width: 90%; margin: 0 auto;}

.pro-list__full.iyoushi article{ position:absolute; width:100%; bottom:0; left:0; background:rgba(0,0,0,0.5); padding:10px 0;}
.pro-list__full.iyoushi article h1{ text-align:center; color:#fff;}

.iyoushi .iyoushibtn a { width:50px; height:50px; position:absolute; top: 50%; margin-top:-25px; z-index:3;}
.iyoushi .iyoushibtn a.iyoushiprve{ left:0%; background:url(images/arrow-l.png) no-repeat center center #ccc; border-radius: 100%; }
.iyoushi .iyoushibtn a.iyoushinext{ right:0%; background:url(images/arrow-r.png) no-repeat center center #ccc; border-radius: 100%; }

.ikehuanlibg{ background:#f1f1f1; padding:80px 0;}

.inewsvideotab{ margin-top:20px;}
.inewsvideotab span{ padding:0 15px; line-height:33px; border:#ccc 1px solid; border-radius:10px; display:inline-block; font-size:16px; cursor:pointer;}
.inewsvideotab span:nth-child(1){ margin-right:15px;}
.inewsvideotab span.current{ color:#ca0000; border:#ca0000 1px solid; }

.inewsvideoqh{ margin-top:40px;}
.inewsvideoqh .inewsvideoitem{ display:none;}
.inewsvideoqh .inewsvideoitem:nth-child(1){ display:block;}

.ivideolist{ display:flex;}
.ivideolist .myivideoitems{ width:23.5%; margin:0 2% 0 0;}
.ivideolist .myivideoitems:nth-child(4n){ margin-right:0;}


.inewslist ul{ display:flex; flex-wrap:wrap; justify-content:space-between;}
.inewslist li{ width:48.5%; margin-bottom:30px;}
.inewslist li a{ display:flex; justify-content:space-between; overflow:hidden; border-radius:10px;}
.inewslist li a .inewsimg{ width:45%; height:220px; overflow:hidden;}
.inewslist li a .inewsimg img{width:100%; height:100%; object-fit: cover;object-position: center; transition: all 0.3s;}
.inewslist li a .inewstext{ width:55%; background:#f5f5f5; padding:20px; position:relative;}
.inewslist li a .inewstext:before{ content:""; display:block; width:0%; height:100%; background:#ca0000; position:absolute; left:0; top:0; z-index:0; transition: all 0.3s;}
.inewstextnr{ position:relative; z-index:2;}
.inewslist li a .inewstext h3{ font-size:22px; color:#333; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; transition: all 0.4s;}
.inewslist li a .inewstext .inewsdesc{ font-size:14px; line-height:26px; color:#555; margin:10px 0; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; transition: all 0.4s;}
.inewslist li a .inewstext .inewsbtn{ margin-top:20px; display:flex; justify-content:space-between; font-size:14px; color:#666; transition: all 0.4s;}

.inewslist li a:hover .inewstext:before{ width:100%;}
.inewslist li a:hover .inewstext h3{ color:#fff;}
.inewslist li a:hover .inewstext .inewsdesc{ color:#f5f5f5;}
.inewslist li a:hover .inewstext .inewsbtn{ color:#eee;}
.inewslist li a:hover .inewsimg img{transform: scale(1.1);}

.index-sec__item2 .pro-list__full.iyoushi li{ margin-bottom:0;}

@media(max-width:1360px){
	.iadbg{ padding:60px 0;}
	.adimg{ margin-top:60px;}
	.iadtext p{ font-size:14px; line-height:26px;}
}

@media(max-width:1060px){
	.adimg{ margin-top:30px;}
	.iadlogotext{ font-size:16px;}
	.iadtext{ margin-top:20px;}
}
@media(max-width:768px){
    .ikehuanlibg{ padding:40px 0;}
	.iadbg{ background-position:center right; padding:40px 0; margin-top:40px;}
	.iadcon{ width:100%;}
	.imorebtn{ margin-top:20px;}
	.header-phone{ margin:0 24px;}
	
	.inewslist li{ width:100%;}
	.inewslist li:last-child{ margin-bottom:0;}
	.inewslist li a .inewsimg{ height:120px;}
	.inewslist li a .inewstext{ padding:10px;}
	.inewslist li a .inewstext h3{ font-size:14px;}
	.inewslist li a .inewstext .inewsdesc{ font-size:12px; -webkit-line-clamp: 2; line-height: 22px;}
	.inewslist li a .inewstext .inewsbtn{ font-size:12px;}
	
	.iyoushilist{ width:100%;}
	.iyoushibtn{ display:none;}
	
	.imorebtn a{ font-size:14px;}
	
	.index-sec__item2 .pro-list__full.iyoushi li{ margin-bottom:0;}
	
	.pro-list__full.iyoushi article{ padding:5px 0;}
	.pro-list__full.iyoushi article h1{ font-size:12px;}
	
	
	.ivideolist{flex-wrap: wrap;}
	.ivideolist .myivideoitems{ width:49%; margin-bottom:2%;}
	.ivideolist .myivideoitems:nth-child(2n){ margin-right:0;}
	
}



.home-tabs{position: absolute;bottom: 15px;width: 100%}
.home-tab-box{margin: 0 auto;border-bottom: 1px solid #a4a4a4}
.home-tab-box>a{display: inline-block;color: rgba(255, 255, 255, .8);font-family: founderLT;font-weight: bold;font-size: 16px;padding-bottom: 8px;margin-left: 15px;margin-right: 15px;margin-bottom: -3px;transition: all ease-in-out .2s;}
.home-tab-box>a.active{color: #ab934f;border-bottom: 6px solid #ab934f;}
.home-tab-box>a:hover, .home-tab-box>a:focus{color: #ab934f;border-bottom: 6px solid #ab934f;}


.ivideolist .myivideoitems a:before{ content:""; display:block; width:50px; height:50px; background:url(images/videobtn.png) no-repeat rgba(0,0,0,0.6); border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; position:absolute; top:50%; left:50%; z-index:24; margin:-25px 0 0 -25px;}
.ivideolist .myivideoitems a .text-center{ display:none;}

@media(max-width:640px){
	.home-tab-box{ max-width:96%;}
	.home-tab-box>a{ margin:0 5px;}
}


#pageabc{
	text-align:center;
	margin:0 0 5% 0;
	clear:both;
	height:auto;
	overflow:hidden;
	color:#333;
	line-height:23px;
	text-align:center;
}
#pageabc a.noallowed {
    cursor: not-allowed;
}
#pageabc span,#pageabc a{
	font-size:12px;
	color:#666666;border-radius:4px;transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;-o-transition-duration: .5s;
	padding:4px 12px;
	border:1px solid #e4e4e4;
	text-decoration:none;
	margin:3px 5px;
	display:inline-block;
	text-align:center;
}
#pageabc a:hover,#pageabc a.current{
	color:#fff;
	background-color:#0076c0;
	border:1px solid #0076c0;
}



/*装修服务*/
.w1050 {
    max-width: 1050px;
    margin: 0 auto;
}
.titlB{text-align: center;margin-bottom:30px;}
.titlB h5{font-size:32px;color: #000;line-height:1;padding-bottom:15px;position: relative;}
.titlB h5:before{width: 72px;height: 3px;content: '';background:#000;position: absolute;left: 50%;margin-left:-36px;bottom:0;}
.serF1{margin-top:20px;}
.serF1 .topBox{background:url(images/sBG1.jpg) no-repeat;height: 181px;padding-top:45px;position: relative;text-align: center;margin-bottom:35px;}
.serF1 .topBox:before{width: 58px;height: 58px;content: '';background:url(images/slogo.png) no-repeat;position: absolute;left: 50%;margin-left:-29px;top: -29px;}
.serF1 .topBox p{display: inline-block;font-size:16px;color: #000;font-weight:bold;line-height:1;border-bottom:1px solid #000;margin-bottom:20px;}
.serF1 .bomBox{margin-bottom:45px;}
.serF1 .bomBox ul{text-align: center;}
.serF1 .bomBox li{display: inline-block;vertical-align: middle;margin: 0 25px;}
.serF1 .bomBox li .iconB{line-height:45px;margin-bottom:5px;}
.serF1 .bomBox li h5{font-size:16px;clear: #000;margin-bottom:10px;}
.serF1 .bomBox li p{font-size:12px;color: #000;}
.serF2{margin-bottom: 50px;}
.serF2 .titlB{background-repeat: no-repeat;background-position:center center;padding: 95px 0 170px;margin-bottom:0;}
.serF2 .titlB h5{color: #c0a062;}
.serF2 .titlB h5:before{background:#c0a062;}
.serF2 ul{margin-top: -45px;padding: 0 15px;}
.serF2 li{float: left;width: 28.5%;background: #000;color: #c0a062;margin-right:7.25%;padding: 40px;padding-bottom:30px;min-height: 494px;}
.serF2 li:nth-child(3n){margin-right:0;}
.serF2 li h5{text-transform:uppercase;font-size:20px;font-weight:normal;margin-bottom:12px;}
.serF2 li h1{font-size: 24px;font-weight:normal;margin-bottom:20px;}
.serF2 li span{display: inline-block;width: 85px;line-height:40px;border:2px solid #c0a062;text-align: center;font-size:16px;font-weight:bold;margin-bottom:10px;}
.serF2 li p{font-size: 12px;line-height:20px;margin-bottom:12px;}
.serF3{margin-bottom:40px;}
.serF3 .styleSlide{}
.serF3 .styleSlide .hd{margin-bottom:12px;}
.serF3 .styleSlide .hd li{float: left;width: 16.66%;line-height:32px;border:1px solid #aaa;text-align: center;color: #999;font-size:16px;cursor: pointer;}
.serF3 .styleSlide .hd li span{font-size:12px;text-transform:uppercase;}
.serF3 .styleSlide .hd li.on,.serF3 .styleSlide .hd li:hover{color: #c0a062;}
.serF3 .styleSlide .bd{padding: 15px;border:1px solid #c0a062;padding-bottom:5px;}
.serF3 .styleSlide .bd .itemBox{}
.serF3 .styleSlide .bd .itemBox .imgSlide{}
.serF3 .styleSlide .bd .itemBox .imgSlide .big{float: left;width: 81%;}
.serF3 .styleSlide .bd .itemBox .imgSlide .small{float: right;width: 18%;}
.serF3 .styleSlide .bd .itemBox .imgSlide .small li{margin-bottom:6px;}
.serF3 .styleSlide .bd .itemBox .imgSlide .small li:last-child{margin-bottom:0;}
.serF4{margin-bottom:60px;}
.serF4 .desList{padding: 0 80px;}
.serF4 .desList .item{position: relative;margin-bottom:12px;}
.serF4 .desList .item .imgBox{float: left;}
.serF4 .desList .item .txtBox{position: absolute;right: 0;top: 50%;transform: translate(0, -50%);width: 526px;height: 301px;background:url(images/tBG.jpg) no-repeat;}
.serF4 .desList .item .txtBox p{font-size:16px;line-height:28px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 78%;}
.serF4 .desList .item:nth-child(3) .txtBox p{width: 96%;}
.serF4 .desList .item:nth-child(even) .imgBox{float: right;}
.serF4 .desList .item:nth-child(even) .txtBox{right: auto;left: 0;}
.serF5{margin-bottom:60px;}
.serF5 .seBan{margin-bottom:32px;}
.serF5 .seBan img{ width:100%;}
.serF5 .factBox{position: relative;}
.serF5 .factBox .item{margin-bottom:25px;}
.serF5 .factBox .item .imgBox{float: left;width: 56%;padding: 7px;border:1px solid #878787;text-align: center;}
.serF5 .factBox .item .txtBox{position: relative;float: right;width: 37%;padding-top: 15px;}
.serF5 .factBox .item .txtBox span{font-size:34px;color: #000;position: absolute;top: 0;right: 0;}
.serF5 .factBox .item .txtBox h5{font-size:16px;color: #000;margin-bottom:12px;}
.serF5 .factBox .item .txtBox p{font-size:12px;color: #000;line-height:20px;}
.serF5 .factBox .more{display: block;font-size:12px;color: #000;position: absolute;bottom:0;right: 0;}
.serF5 .factBox .more:hover{color: #c0a062;}
.serF6{margin-bottom:55px;}
.serF6 .stoneBox{}
.serF6 .stoneBox .item{background:#f3f5f7;margin-bottom:18px;}
.serF6 .stoneBox .item .imgBox{}
.serF6 .stoneBox .item .txtBox{height: 80px;padding: 12px 8%;}
.serF6 .stoneBox .item .txtBox h5{font-size:16px;color: #000;margin-bottom:5px;}
.serF6 .stoneBox .item .txtBox p{font-size:12px;color: #000;line-height:20px}
.serF6 .stoneBox .leftB{float: left;width: 38.5%;}
.serF6 .stoneBox .righB{float: right;width: 58.5%;position: relative;}
.serF6 .stoneBox .righB .more{display: block;font-size:12px;color: #000;position: absolute;bottom:35px;right: 28px;}
.serF6 .stoneBox .righB .more:hover{color: #c0a062;}
.serF7{}
.serF7 .pimBox{margin-top:-40px;}
.serF7 .pimBox .item{margin-bottom:45px;position: relative;}
.serF7 .pimBox .item .imgBox{float: right;}
.serF7 .pimBox .item .txtBox{position: absolute;background:#f3f5f7;width: 325px;height: 125px;top: 30%;left: 20%;padding: 30px;}
.serF7 .pimBox .item .txtBox span{position: absolute;font-size:34px;color: #c0a062;top: 50%;transform: translate(0, -50%);right: -95px;}
.serF7 .pimBox .item .txtBox h5{font-size:16px;color: #000;margin-bottom:8px;}
.serF7 .pimBox .item .txtBox p{font-size:12px;color: #000;line-height:20px}

.serF7 .pimBox .item:nth-child(even) .imgBox{float: left;}
.serF7 .pimBox .item:nth-child(even) .txtBox{left: auto;right: 20%;}
.serF7 .pimBox .item:nth-child(even) .txtBox span{right: auto;left: -95px;}
.serF7 .cantBtn{display: block;width: 170px;line-height:45px;font-size:16px;color: #fff;font-weight:bold;text-align: center;background:#c0a062;float: right;margin-right:135px;}


.banner-info{
	position: absolute;
	width: 100%;
	text-align: center;top: 40%;
	color: #fff
}
.ban-title{
	font-family: founderMAX;
	letter-spacing: 1px;
	display: inline-block;font-size: 30px;
letter-spacing: 2px;
}
.ban-border{
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.ban-det{
	line-height: 35px;font-size: 16px;
}

.tech-inner-model {
    padding-top: 20px;
}

.col-eight {
    width: 12.5%; float:left;
}
.inner-align {
    text-align: center;
}
.sub-model {
    padding:25px 0 0 0;
}
.inner-width {
    width: 100%;
    margin: 0 auto;
}
.model-title-border {
    text-align: center;
}
.model-title-border > a{
	font-size: 18px;
	color: #000;
	font-family: founderMAX;
	letter-spacing: 1px;
	line-height: 28px;
	padding: 2px 1px 1px;
	border-top: 1px solid #a8a8a8;
	border-bottom: 1px solid #a8a8a8
}
.model-subtitle-box{
	margin: 15px 0 30px; line-height:30px;
}
.model-subtitle-box a{
	font-family: founderLT;
	font-weight: bold;
}
.model-subtitle{
	text-align: center;
	color: #656565;
	line-height: 20px;
	font-family: founderLT;
	font-weight: bold
}
.inner-width{
	width: 100%;
	margin:  0 auto
}
.inner-align{
	text-align: center
}
.inner-align-left{
	text-align: left
}
.inner-align-right{
	text-align: right
}
.open-img{ width:50%;}



.list_resourcepage {
    background: url(images/news_pagebg.jpg) no-repeat center top;
    padding-top: 73px;
}
.inner_title {
    text-align: center;
    margin-bottom: 60px;
}.inner_title em {
    display: block;
    height: 50px;
    line-height: 50px;
    margin-bottom: 23px;
    font-size: 44px;
    color: #333333;font-style: normal;
}
.inner_title i {
    display: block;
    width: 30px;
    height: 3px;
    background: #e83428;
    margin: 0 auto;
}
.resource_culture {
    padding-top: 16px;
    padding-bottom: 654px;
    background: url(images/resource_topbg.png) no-repeat center bottom;
}
.w_1230 {
    width: 90%;
    margin: 0 auto;
    max-width: 1230px;
}.resource_title {
    text-align: center;
}
.resource_title b {
    display: block;
    line-height: 41px;
    text-transform: uppercase;
    font-size: 30px;
    color: #333333;
}.resource_title i {
    display: block;
    line-height: 31px;
    font-size: 18px;
    color: #999999;
    text-transform: uppercase;
}.resource_culture .txt {
    padding-top: 27px;
    font-size: 14px;
    color: #666666;
    line-height: 28px;
    width: 51.22%;
    margin: 0 auto;
    max-width: 630px;
    text-align: center;
}.resource_train {
    background: url(images/resource_bg2.jpg) no-repeat center top;
    padding-top: 106px;
    padding-bottom: 125px;
}
.resource_train .resource_title b {
    color: #fcfdfd;
}.resource_train .txt {
    font-size: 14px;
    color: #fff;
    line-height: 2;
    text-align: center;
}

.js_train { width: 72.52%; margin: 0 auto; position: relative; }
.js_train li { float: left; text-align: center; }
.js_train li .bg { background: #fff; border-radius: 50%; width: 100%; height: 0; padding-bottom: 100%; text-align: center; position: relative; margin-bottom: 19px; }
.js_train li .bg:before{  position: absolute; left: 0;top: 0;right: 0;bottom: 0;content: ""; background: #fff; border: 5px solid #E83428;border-radius: 50%;  transform:scale(1.05); opacity: 0; visibility:hidden; 
transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s; }
.js_train li:hover .bg:before{  transform:scale(1);-webkit-transform:scale(1); opacity: 1; visibility:visible;}
.js_train li .bg em { display: block; width: 30.43%; margin: 0 auto 21px; }
.js_train li .bg em img { width: 100%; max-width: 70px; }
.js_train li .bg span b { display: block; margin-bottom: 4px; font-size: 24px; color: #333333; }
.js_train li .bg span i { display: block; text-transform: uppercase; font-size: 14px; color: #999999; }
.js_train li .wrap { position: absolute; top: 50%; width: 100%; transform: translateY(-50%); padding-top:0;}
.js_train li .detail { font-size: 14px; color: #fff; line-height: 26px; overflow: hidden; }
.js_train .swiper-pagination { display: none; }


.resource_train .txt {
    font-size: 14px;
    color: #fff;
    line-height: 2;
    width: 42.28%;
    margin: 0 auto;
        margin-top: 0px;
        margin-bottom: 0px;
    text-align: center;
    margin-top: 47px;
    margin-bottom: 84px;
}.resource_welfare {
    margin-bottom: 88px;
    padding-top: 65px;
}.resource_welfare .txt {
    font-size: 14px;
    color: #666666;
    line-height: 2;
    text-align: center;
    max-width: 786px;
    width: 90%;
    margin: 26px auto 62px;
}.resource_welfare .img {
    text-align: center;
}.resource_welfare .img img {
    max-width: 563px;
    width: 100%;
}
.recurit_wrap table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    margin-top: 45px;
    margin-bottom: 56px;
}
.recurit_wrap table thead tr {
    background: #666666;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
}.recurit_wrap table td:nth-child(1), .recurit_wrap table th:nth-child(1) {
    width: 27%;
    padding-left: 3.82%;
    box-sizing: border-box;
}
.recurit_wrap table thead tr th {
    color: #fff;line-height: 57px;
}
.recurit_wrap table th {
    height: 57px;
}.recurit_wrap table td, .recurit_wrap table th {
    text-align: left;
    color: #666666;
    font-size: 14px;
}.recurit_wrap table td {
    font-size: 15px;
    color: #555555;
}.recurit_wrap table td { padding:20px 0;
    height: 60px; line-height:22px;
}.recurit_wrap table a {
    color: #555555;
    display: block;
    font-size: 14px;
}.recurit_wrap table tbody tr {
    border-bottom: 1px solid #ececec;
}.recurit_wrap table {
    border-collapse: collapse;
}

.videolist{}
.videolist li a figure{ position:relative;}
.videolist li a figure:before{ content:""; display:block; width:50px; height:50px; background:url(images/videobtn.png) no-repeat rgba(0,0,0,0.6); border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; position:absolute; top:50%; left:50%; z-index:2; margin:-25px 0 0 -25px;}

.contactnr{ margin-top:5%; padding:3%; border:#ccc 1px solid;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

.model-subtitle-box p{ margin-bottom:10px;}


/*新增视频页面*/
.videoslist{ margin-top:30px;}
.videoslist ul{ display:flex; flex-wrap:wrap;}
.videoslist li{ width:23.5%; margin:0 2% 2% 0;}
.videoslist li:nth-child(4n){ margin-right:0;}
.videoslist li a{ display:block; position:relative;}
.videoslist li a:before{ content:""; display:block; width:50px; height:50px; background:url(images/videobtn.png) no-repeat rgba(0,0,0,0.6); border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; position:absolute; top:50%; left:50%; z-index:2; margin:-25px 0 0 -25px;}
.videoslist li a .videosimg{ width:100%; height:260px;}
.videoslist li a .videosimg img{ width:100%; height:100%; object-fit: cover;object-position: center; transition:all 0.5s;}
.videoslist li a .videostext{ position:absolute; left:0; bottom:0; height:45px; background:rgba(0,0,0,0.5); width:100%;}
.videoslist li a .videostext h3{ font-size:16px; color:#fff; text-align:center; line-height:45px;}


/*弹出的视频*/
.vboxbg{width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 999999;background: rgba(0, 0, 0, .8); display:none;}
.vbox{ width: 95%;  max-width: 1000px;  max-height: 90vh;  position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);}
.vbox .vbox-close{  position: absolute;  z-index: 9999999; right:-30px; top:-30px; display: block;width: 28px;  height: 28px;  background-size: 100% auto;cursor: pointer; color:#fff; font-size:30px; border:#fff 2px solid; border-radius:100%; text-align: center; line-height: 23px;}
.vbox video{ display:block; max-width:100%; width:auto; max-height:600px; margin:0 auto;}

.no-scroll{overflow: hidden;}


.pro-list__full{ margin-top:30px;}

.productslist{}
.productslist ul{ display:flex; flex-wrap:wrap; justify-content:space-between;}
.productslist li{ width:49.5%; margin-bottom:30px;}
.productslist li a{ display:block;}
.productslist li a .porductsimg{ width:100%; height:400px; overflow:hidden;}
.productslist li a .porductsimg img{ width:100%; height:100%; object-fit: cover;object-position: center; transition:all 0.5s;}
.productslist li a .productstext{ background-color: rgba(245,245,245,0.8); padding:30px;}
.productslist li a .productstext h3{ font-size:32px; line-height:40px;}
.productslist li a .productstext .productsdesc{color: rgba(17,17,17,0.8); height:90px; line-height:30px; margin:20px 0; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.productslist li a:hover .porductsimg img{ transform: scale(1.1);}
.productslist li a:hover .productstext h3{ color:#e60012;}
.productslist li a:hover .productstext{background:#eee;}

.footer-main, .header-main{ max-width:1200px; margin:0 auto;}

.nd-right__area, .pd-right__area{ position: sticky; top:110px; z-index: 9;
  background: #fff;}

/*详情页-视频*/
.wp-video{ width:100% !important; margin-bottom:20px;}
.wp-video video{ width:100%; height:auto;}


@media(max-width:1200px){
	.vbox{ width:80%;}
}
@media(max-width:768px){
	.list_resourcepage{ padding-top:5%;}
	.inner_title{ margin-bottom:8%;}
	.inner_title em{ font-size:24px;}
	.js_train{ overflow:hidden;}
	.resource_culture{ background-size:cover; padding:10% 0 100% 0;}
	.resource_culture .txt{ width:100%;}
	.resource_train{ background-size:cover; padding:5% 0;}
	.resource_welfare{ padding-top:8%; margin-bottom:8%;}
	.resource_welfare .txt{ width:100%;}
	.resource_welfare .img img{ max-width:100%;}
	.recurit_wrap table{ margin-top:8%;}
	.resource_train .txt{ width:100%;}
	.recurit_wrap table thead tr th{ text-align:center;}
	.recurit_wrap table td{ font-size:12px; text-align:center;}
	
	
	/*装修服务*/
	.serF1 .topBox{border-right:#666 1px solid;}
	.serF1 .topBox p{ border-bottom:none; line-height:1.3rem;}
	.serF1 .bomBox li{ margin-bottom:5%;}
	
	.serF2 .titlB h5{ font-size:18px;}
	.w1050{ max-width:100%;}
	.serF2 li{ width:100%; float:none; margin-right:0; min-height:inherit; margin-bottom:5%; padding:5%;}
	
	
	.serF3 .styleSlide .hd li span{ display:none;}
	
	.serF4 .desList{ padding:0 0%;}
	.serF4 .desList .item .imgBox{ float:none;}
	.serF4 .desList .item .txtBox{ position:relative; width:100%;transform: translate(0,0%); background:none; border:#666 1px solid; margin-top:5%; height:auto; padding:5%;}
	.serF4 .desList .item .txtBox p{ position:relative; left:auto; top:auto; transform: translate(0%, 0%); width:100%;}
	.serF4 .desList .item:nth-child(2n) .imgBox{ float:none;}
	
	.serF5 .factBox .item .imgBox{ width:100%; float:none;}
	.serF5 .factBox .item .txtBox{ width:100%; float:none; margin-top:5%;}
	
	.serF6 .stoneBox .item .txtBox{ height:auto;}
	
	.serF6 .stoneBox .leftB, .serF6 .stoneBox .righB{ width:100%; float:none;}
	.serF6 .stoneBox .leftB{ height:auto; overflow:hidden;}
	.serF6 .stoneBox .leftB .item{ width:49%; float:left; margin-right:2%;}
	.serF6 .stoneBox .leftB .item:nth-child(2n){ margin-right:0;}
	
	.serF7 .pimBox .item .txtBox span, .serF7 .pimBox .item:nth-child(2n) .txtBox span{ right:3%;}
	.serF7 .pimBox .item .imgBox, .serF7 .pimBox .item:nth-child(2n) .imgBox{ float:none;}
	.serF7 .pimBox .item .txtBox{ position:relative; width:100%; top:auto; left:auto; padding:5%; height:auto;}
	.serF7 .pimBox .item:nth-child(2n) .txtBox{ right:auto;}
	.serF7 .pimBox .item:nth-child(2n) .txtBox span{ left:auto;}
	.serF7 .pimBox .item .txtBox p{ width:90%;}
	.serF7 .cantBtn{ margin:0 auto; float:none;}
	
	.sub-model{	padding:5% 0 0 0;}
	.col-eight{ width:25%; margin-bottom:2%;}
	
	
	
	
	
	.videoslist{ margin-top:10px;}
	.videoslist li{ width:49%;}
	.videoslist li:nth-child(2n){ margin-right:0;}
	.videoslist li a .videosimg{ height:150px;}
	.videoslist li a .videostext h3{ font-size:14px;}
	
	
}
@media(max-width:640px){

    .productslist li{ width:100%;}
    .productslist li a .porductsimg{ height:auto;}
    .productslist li a .productstext{ padding:15px;}
    .productslist li a .productstext h3{ font-size:18px;}
    .productslist li a .productstext .productsdesc{ font-size:14px; margin-top:10px; line-height:22px; height:66px;}
}