@charset "utf-8";
/* CSS Document */

/*===============公共样式====================*/

:root{    
	--main_color:#9C1D24;        /* #023A91主色 */
	--main_color_rgb:2,58,145 ;  /*rgba*/
    --second_color:#29D874;      /* 副色 */ 
}

body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,p,form,img,select,figure{margin:0; padding:0;}
body{background:#fff; color: #333;  font-size:14px; font-family:"PingFang SC", PingHei, STHeitiSC-Light, "Myriad Set Pro", "Lucida Grande", "Helvetica Neue", Helvetica, "microsoft yahei", SimHei,
 tahoma, Arial, Verdana, sans-serif; overflow-x:hidden;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-overflow-scrolling:touch;/*安卓和 IOS html5 动画卡顿解决方案*//* overflow-x:hidden; */line-height: 1; }
a{text-decoration:none; color:#333; outline-style:none;}
a:hover{ color:var(--main_color);}
a,input,img,:focus{ -webkit-tap-highlight-color:transparent; mayfish:expression(this.onfocus=this.blur); cursor:handbblr:expression(this.onFocus=this.blur());/*IE使用*/ outline-style:none;/*FF使用*/ }
ul,li{list-style:none;}
.clear{clear:both;}
img{border:0;}
.bottom_blank{height:.6rem;}
.mt20{margin-top:.2rem;}

/*===============滚动条美化=====================*/
body::-webkit-scrollbar {width: 10px !important;}
body::-webkit-scrollbar-track {background-color: #f3f3f3;}
body::-webkit-scrollbar-track-piece {background-color: #f3f3f3;-webkit-border-radius: 4px;}
body::-webkit-scrollbar-thumb {background-color: #ddd;border: solid 1px #C0C0C0;border-radius: 4px;}
body::-webkit-scrollbar-corner {background-color: #ddd;}
body::-webkit-resizer {background-repeat: no-repeat;background-position: bottom right;}
body::-webkit-scrollbar-thumb:hover {background-color: #F3F3E0;}
::-webkit-scrollbar {width: 15px;}
@media screen and (max-width:768px) {
body::-webkit-scrollbar {width:0px !important;}
::-webkit-scrollbar {width:0px;}

.mt20{margin-top:12px;}
}

/*=====================图片放大=====================*/
.picShow img{transition:0.3s all;}
.picShow img:hover,.picShow a:hover img{ transform:scale(1.05); }


/*===================网站主体宽度======================*/
.only_pc_show{ display:block;}
.only_m_show{display:none;}
.main{width: 90%; margin: auto; max-width: 1280px;}
img.pic_cover{width:100%; height:100%;object-fit:cover; display:block;}

@media screen and (max-width:768px) {
.main{width:100%; padding:0 0; box-sizing:border-box;}
.only_pc_show{ display:none;}
.only_m_show{ display:block;}
}

/*===================网站flex布局======================*/
.flex_space{display:flex;justify-content:space-between; flex-wrap:wrap;}
.flex_start{display:flex;justify-content: flex-start;flex-wrap:wrap;}
.t_center{display:flex; flex-direction:column; justify-content:center;align-items:center;}
.t_left_center{display:flex; flex-direction:column; justify-content:center;}
.t_right_center{display:flex; flex-direction:column; justify-content:center; align-items:flex-end;}
.t_center_nowrap{display:flex; justify-content:center;align-items:center;}

/*===================文字省略======================*/
.ellipsis1 {overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.ellipsis2 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.ellipsis3 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;}
.ellipsis4 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-overflow: ellipsis;}

/*头部*/
.header{z-index:900;width: 100%; position:fixed;/* background:#fff; box-shadow: 0 2px 10px rgba(0,0,0,0.1);*/ transition:0.5s all; box-sizing:border-box;}
.header{}
/*.header:before{ content:""; position:absolute; bottom:0; left:0; width:0; height:1px; background:rgba(255,255,255,0.2); transition:1s}
.header.on:before{ width:100%}*/
.header .logo {height:.68rem; transition:0.5s all; margin-right:40px;}
.header .logo img{display:block; height:28px; filter: grayscale(100%) brightness(6000%);}

.bodymouse .logo img,
.header_scroll .logo img{filter: grayscale(100%) brightness(100%);}

/*城市*/
.city{margin-right:30px;}
.city a{ color:#fff; margin-right:.15rem; font-size:12px; opacity:0.68;}
.city a.big{ font-size:15px; opacity:0.9;}
.header_scroll .city a,.bodymouse .city a{ color:#000;}


/*下拉菜单*/
.navBox { box-sizing:border-box; position:relative; transition:0.5s all;}
.navBox .nav{display:flex; height:100%;}
.navBox .nav li { position: relative;}
.navBox .nav li>a {padding: 0 17px; position: relative; height:100%; display:flex; justify-content:center;align-items:center; }
.navBox .nav li>a .txt {position: relative;z-index: 2; color:#fff;transition:0.5s all; }
.navBox .nav li.active>a .txt{color:#000; font-weight:600; }
/* .navBox .nav>li>a:after{ content:''; display:block; z-index:-1; width:100%; height:0; position:absolute; left:0; bottom:0; background:var(--main_color); transition:0.5s all;} */
/* .navBox .nav>li:hover>a:after{height:100%; left:0; bottom:0;} */

.bodymouse .nav li>a .txt,
.header_scroll .nav li>a .txt{color:#000;}



.subNavbox{white-space: nowrap; min-width:125%; position:absolute; top:100%;left:50%;background:#fff; -webkit-transform:translate(-50%,10px);-ms-transform:translate(-50%,20px);transform:translate(-50%,20px); border-radius:10px;padding:.1rem 15px;opacity:0; pointer-events:none; transition:all .5s;box-shadow:0 1px 20px rgba(0,0,0,.15);}
.subNavbox:after{content:"";position:absolute;bottom:100%;left:50%;border-style:solid;margin-left:-7px;border-width:7px;border-color:transparent transparent #fff;}
.subNavbox p:not(:last-of-type){border-bottom:1px solid #e8e8e8}
.subNavbox a{display:block;position:relative; padding:.15rem 0; -webkit-transition:color .3s cubic-bezier(.645,.045,.355,1);-ms-transition:color .3s cubic-bezier(.645,.045,.355,1);transition:color .3s cubic-bezier(.645,.045,.355,1); text-align: center; }
.subNavbox a:before{content:"";position:absolute;top:7px;bottom:7px;left:-15px;width:3px;background: var(--main_color);-webkit-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);-webkit-transition:-webkit-transform .3s cubic-bezier(.162,.85,.45,1);transition:transform .3s cubic-bezier(.162,.85,.45,1);}
.subNavbox a.active,.subNavbox a:hover{color:var(--main_color)}
.subNavbox a.active:before,.subNavbox a:hover:before{-ms-transform-origin:top;-webkit-transform-origin:top;transform-origin:top;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.subNavbox.active{pointer-events:all;-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%);-webkit-transition-delay:.1s;-ms-transition-delay:.1s;transition-delay:.1s;opacity:1; }

/*======================电话======================*/
.header .tel{ color:#fff; font-size:18px; transition:0.5s all; font-weight:bold;}
.header .tel svg{width:18px; fill:#fff; margin-right:6px; transition:0.5s all;}

.bodymouse .tel,
.header_scroll .tel,.header_white .tel{ color:#000;}
.bodymouse .tel svg,
.header_scroll .tel svg,
.header_white .tel svg{fill:#000;}


/*鼠标经过header*/
.bodymouse .header{ background:#fff;}


/*header下拉*/
.header_scroll {background:#fff; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);transition: all .4s ease;}


/*======================手机菜单按钮======================*/
.m_nav_btn{width: 30px;height: 30px;transition: 0.3s;cursor: pointer;border:none;padding: 0;outline: none;background:none; margin-top:15px; display:block;}
.m_nav_btn .line{position: relative;display: block;width: 25px;height: 3px;margin: 0px auto 0;background:var(--main_color);border-radius:3px;}
.m_nav_btn .line:before,.m_nav_btn .line:after{content: '';width: 100%;height: 3px;left: 0;position: absolute;background:var(--main_color);border-radius:3px;transition-duration: 0.3s,0.3s;transition-delay: 0.1s,0s;}
.m_nav_btn .line:before{transition-property: bottom,transform;bottom: 8px;}
.m_nav_btn .line:after{transition-property: top,transform;top: 8px;}
.m_nav_btn_active .line {background: transparent;-webkit-transition-delay: 0s,0s;-moz-transition-delay: 0s,0s;-ms-transition-delay: 0s,0s;-o-transition-delay: 0s,0s;transition-delay: 0s,0s}
.m_nav_btn_active .line:after,.m_nav_btn_active .line:before {-webkit-transition-delay: 0s,.1s;-moz-transition-delay: 0s,.1s; -ms-transition-delay: 0s,.1s; -o-transition-delay: 0s,.1s; transition-delay: 0s,.1s}
.m_nav_btn_active .line:before {bottom: 0px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)}
.m_nav_btn_active .line:after {top:0px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}

/*======================手机搜索图标======================*/
.m_serch{ width:50px; height:62px;}
.m_serch a{height:100%;}
.m_serch a svg{width:18px; fill:#333;}

.m_top_blank{ display:none;}

@media screen and (max-width:768px) {
.header{ height:60px; box-shadow: 0 2px 20px rgba(0,0,0,0.25); padding: 0 15px;}
.header .logo{height:60px;}
.header .logo img{ height:25px; filter: grayscale(0%) brightness(100%);}
.header_scroll.header:before{ background:rgba(0,0,0,0);}

.city{margin-right:0px;}
.city a{ color:#000; margin-right:10px; font-size:12px;}
.city a.big{ font-size:15px;}


.header .tel{display:none;}

.header_right,.navBox{display:none;}
.m_header_right{display:block;}
.m_top_blank{height:60px; display:block;}


.m_header_scroll{background:#fff; box-shadow: 0 2px 5px rgba(0,0,0,0.1);}
.m_header_scroll .top_serch a svg{fill:#999;}
.m_header_scroll .logo img{filter: grayscale(0%) brightness(100%);}
.m_header_scroll .logo .txt h2{color:#000;}
.m_header_scroll .logo .txt p{color:#888; }

	

/*======================手机弹出菜单======================*/
.m_tc_box{position: fixed;top:60px;left: 0;bottom: 0;right: 0;background: #fff;z-index:98; display:none;}
.m_tc_box .wrapper {position: absolute;left: 0;right: 0;height: 100%;padding:15px; box-sizing:border-box;overflow-x: hidden;overflow-y: auto;z-index: 110;}

/*搜索表单*/
.m_search_box {width:100%;  position: relative;border: 1px solid #e1e6f0; overflow:hidden; border-radius:3px; margin-bottom:10px; margin-top:20px;}
.m_search_box .search-btn {position: absolute;top:0px;right:0px;width:50px ;height:100%;}
.m_search_box form {height:46px;}
.m_search_box form input[type="text"] {width: 100%;height: 100%;background:rgba(255,255,255,0.8); box-sizing: border-box;padding: 0 50px 0 15px;border: none; font-size:15px;}
.m_search_box form input[type="submit"]{display: inline-block;width:30px;height:30px; background: url('../images/zoom.png') no-repeat center; border:none; background-size:23px auto;}

/*手机下拉菜单*/
.m_menu{overflow-x: hidden;overflow-y: auto;}
.m_menu .nav1 ul{ padding:0 0 0 30px; display:none; background-color:#fff;}
.m_menu .item{border-bottom: 1px solid #efefef; padding:16px 10px; font-size:16px;}
.m_menu .item i{float:right; color:#ccc; transition:0.3s all;}
.m_menu .item.active> i{ -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.m_menu .item.curr a,.m_menu .item a:hover{color:var(--main_color);}


/*电话*/
.m_tel{text-align:center; margin-top:35px; font-size:20px; font-family:din; color:#fff; background:var(--main_color); padding:15px; border-radius:5px; letter-spacing:1px;} 
.m_tel i{ font-size:18px; margin-right:5px;}
}




/*======================轮播图======================*/
#banner {width:100%;  position:relative; z-index:0;}
#banner .swiper-slide { overflow: hidden;} 
#banner .swiper-slide .pic{height:100vh;}
#banner .swiper-button-prev{ background:url(../images/banner_right1.png) center no-repeat; opacity:.8; left:1%;} 
#banner .swiper-button-next{ background:url(../images/banner_left1.png) center no-repeat; opacity:.8; right:1%;} 

#banner .swiper-slide .txt{ position:absolute;z-index: 999;left:0;top:0; width:100%; height:100%; text-align:center;/*text-shadow:rgba(0,0,0,0.3) 0px 1px 10px;*/}
#banner .swiper-slide .txt h3{font-size:2.2vw; color:#fff; margin-bottom:.35rem;line-height:1.8; letter-spacing:.3rem; border-top:solid 1px #fff;border-bottom:solid 1px #fff; padding:.1rem .1rem .1rem .3rem; transform:translateY(200px);opacity:0; transition:all 0.3s; font-family:'Misans'; text-align:center;}
#banner .swiper-slide .txt p{font-size:1.5vw; color:#fff; transform:translateY(200px);opacity:0;transition:all 0.6s; letter-spacing:.08rem;}

#banner .swiper-slide-active .txt h3,
#banner .swiper-slide-active .txt p{transform:translateY(0px);opacity:1; transition-delay:1s;}

	
/*左右切换按钮*/	
.draw_h{ width:60px!important; height:60px!important; display:block; border-radius: 50%; box-sizing:border-box;} 
.draw_h:before{ content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; border: 2px solid rgba(255,255,255,.5); background:none; box-sizing:border-box;border-radius: 50%;} 
svg.drawcircle{position:absolute;top:0;left:0;overflow: inherit;display: block;pointer-events: none;} 
svg.drawcircle circle {
 fill: none; box-sizing:border-box;
 stroke-width: 2;
 stroke: none;
 stroke-dasharray: 0 , 188.49;
 stroke-dashoffset:188.49;
 transition: all .3s linear 0s;	 
} 
.draw_h:hover svg.drawcircle circle { 
 stroke:#fff;
 stroke-dasharray:188.49 , 0;
 stroke-dashoffset:188.49;
 -webkit-transition: all .7s cubic-bezier(0.11, 0.57, 0.58, 1);
 transition: all .7s cubic-bezier(0.11, 0.57, 0.58, 1); 
} 
.draw_h .icon { fill: #626262; vertical-align: middle; transition:.3s;
 position: absolute;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%); 
} 
.draw_h:hover .icon{ fill:#0081cc;} 


/*分页器*/
#banner .swiper-pagination{bottom:.2rem; left:50%; transform:translateX(-50%);}
#banner .swiper-pagination-bullet {width:22px;height: 5px;border-radius:5px;background: rgba(255, 255, 255, .8);opacity: 1;position: relative;margin: 0 3px !important;}
#banner .swiper-pagination-bullet:before{content: "";position: absolute;top: 0;left: 0;background:var(--main_color);width: 0;height: 5px;z-index: 1;transition: 0s; border-radius:5px;}
#banner .swiper-pagination-bullet-active:before{width: 100%;transition: all 5s ease; border-radius:3px;}

@media screen and (max-width:768px) {
#banner {}	
#banner .swiper-slide .pic{height:240px; position:relative;}
#banner .swiper-slide{display: block;}
#banner .swiper-slide .txt { box-sizing:border-box; }
#banner .swiper-slide .txt h3{ font-size:20px; margin-top:0px; margin-bottom:15px;}
#banner .swiper-slide .txt p{font-size:15px; }
#banner .draw_h{display:none;}
#banner .swiper-pagination{bottom:auto; top:215px; text-align:center;}
#banner .swiper-pagination-bullet {width:30px;}
}	



/*================加载咨询弹窗=====================*/
.am_offcanvas{ position:fixed; width:100%;}
.preloader {position: fixed;top:0;left: 0; right:0; bottom:0; z-index: 9999; transition:all ease 300ms; pointer-events: none;  filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;transform:scale(1.1);}
.preloader .bg{background:rgba(0, 0, 0, 0.6); position:absolute; top:0;left: 0; right:0; bottom:0; z-index: 0;}
.preloader.active{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;  pointer-events: auto;transform:scale(1);}
.preloader .box{width:800px; background:#fff; border-radius:25px; overflow:hidden; position:relative; z-index:2;}
.preloader .left{width:50%;}
.preloader .right{width:50%; box-sizing:border-box; position:relative; padding:25px 35px;}
.preloader .right .tc_close{width:20px;height:20px; position:absolute; right:25px; top:25px; cursor:pointer;}
.preloader .right .tc_close img{width:100%; display:block;}
.preloader .right .tit{ text-align:center; margin:50px 0 25px; color:#000;}
.preloader .right .tit h3{ font-size:25px; font-weight:normal; margin-bottom:10px; }
.preloader .right .tit h5{ font-size:14px; font-weight:normal; }
.preloader .right dl{ margin-bottom:16px; height:52px; background:#f5f5f5; border-radius:5px; overflow:hidden;}
.preloader .right dt{ width:80px; text-align:right;}
.preloader .right dd{ flex:1;}
.preloader .right dd input,.preloader .right dd select{ height:30px; border:0; background:none; color:#555; width:96%; padding:0 10px; box-sizing:border-box;}
.preloader .right .submit{background: #d9000f; height:50px; border-radius:5px; font-size:15px; font-weight:700; color:#fff; border:0; width:100%; cursor: pointer;}




/* 算一算装修花多少钱表单 */
.in_form_box{ height: 100px; background: #1F2E45;}
.in_form_box.fiexd{ position:fixed; left:0; bottom:0; width:100%; z-index:9999; box-sizing: border-box;}
.in_form_box .txt{ color: #fff;}
.in_form_box .txt h5{ font-size: .22rem; font-weight: normal; margin-bottom: .1rem;}
.in_form_box .txt p i{ margin-right:5px;}
.in_form_box .txt p span{font-size: .2rem; color: #f90; margin: 0 5px; font-family: Misans;}

.in_form_box .box ul{ border-radius: 6px; overflow: hidden;}
.in_form_box .box li{ background: #fff; width:1.6rem; font-size: .15rem; color:#888; border-right: solid 1px #ccc; position: relative;}
.in_form_box .box li:last-child{ border-right: 0; }
.in_form_box .box li i{ position: absolute; left: 12px; top: 12px; font-size: 16px; color:#999;}
.in_form_box .box li input{width:100%; height:40px; padding:0 5px 0 35px; outline:none; box-sizing:border-box; border:0; font-size:.15rem;}
.in_form_box .box li select{height:40px; padding:0 10px; outline:none; box-sizing:border-box; border:0; font-size:.15rem; color: #666;}
.in_form_box .box .sub_btn{ width:100px; height:40px; border:0; cursor:pointer; outline:none; border-radius:6px; background:var(--main_color); color: #fff; margin-left: .1rem;}
@media screen and (max-width:768px) {
.in_form_box{ height:auto; padding: 20px 15px; }
.in_form_box.fiexd{ position:static;}
.in_form_box .txt {width: 100%; text-align: center; margin-bottom: 15px;}
.in_form_box .txt h5{ font-size:18px; margin-bottom:10px;}
.in_form_box .txt p span{font-size:16px;}

.in_form_box .box ul{ border-radius:0; }
.in_form_box .box li{ width:100%; font-size:15px; border-right:0; margin-bottom: 10px; border-radius: 5px; overflow: hidden;}
.in_form_box .box li i{ position: absolute; left: 10px; top: 12px; font-size: 18px;}
.in_form_box .box li input{width:100%; height:44px; font-size:15px;}
.in_form_box .box li select{height:40px; width: 66%; background: none; font-size:15px; }
.in_form_box .box .sub_btn{ width:100%; height:44px; margin-left:0; font-size: 16px;}
	
}
	
/* 首页切换案例 */
.in_case{margin: .8rem auto 0; text-align: center;}
.in_case .tab{display: inline-block; border-bottom: solid 1px #e4e4e4; margin-bottom: .5rem; }
.in_case .tab a{ display: inline-block; height:28px; color:#000; position: relative; margin-right:.56rem;}
.in_case .tab a:last-child{ margin-right:0;}
.in_case .tab a.active{ font-weight:bold;}
.in_case .tab a:after{ content: ''; width:0; height: 2px; transition: 0.5s all; background: var(--main_color); display: block; position: absolute; left: 50%; bottom:-1px;}
.in_case .tab a:hover:after,.in_case .tab a.active:after{ width:100%; left:0;}
@media screen and (max-width:768px) {
.in_case .tab{}	
.in_case .tab a{height:26px;}
}

/* list */
.in_case .item li{overflow: hidden; position: relative; }
.in_case .item li:before{ content: ''; width: 100%; height: 100%; transition:0.3s all; opacity: 1; background: rgba(0, 0, 0, 0.15); position: absolute; left: 0; right: 0;top: 0;bottom: 0; z-index: 1;}
.in_case .item li:hover:before{ opacity: 1;}
.in_case .item li .pic{ }
.in_case .item li img{transition: 0.6s all;}
.in_case .item li:hover img{ transform: scale(1.05);}
.in_case .item li .txt{ position: absolute; left:0; right: 0; bottom: 20%; text-align:center; z-index: 2; color: #fff; transition:0.6s all; opacity: 1;}
.in_case .item li:hover .txt{ bottom:20%; opacity: 1;}
.in_case .item li .txt h3{ font-size:25px; opacity:0.8; }
.in_case .item li .txt p{ margin: .25rem 0; opacity:0.8;}
.in_case .item li .txt .more_btn a{ width: 1rem; line-height: .4rem; margin: 0 .1rem; display: inline-block; text-align:center; color: #fff; border: solid 1px rgba(255,255,255,0.6);}
.in_case .item li .txt .more_btn a:hover{ border:solid 1px var(--main_color); background: var(--main_color);}
@media screen and (max-width:768px) {
.in_case .item li .pic{ }
.in_case .item li:hover .txt{ bottom:20px;}
.in_case .item li .txt h3{ font-size:14px;}
.in_case .item li .txt p{ font-size:13px; margin:10px 0 0;}
.in_case .item li .txt .more_btn{display: none;}	
}
	
/*分页器*/
.in_case_box{padding-bottom: .68rem!important;}
.myarr{bottom:0;width:100%; position: absolute;}
.myarr a{ display: block; position: relative; margin-left: .68rem;}
.myarr a:before{ content: ''; width: .32rem; height: 2px; background: #888; position: absolute; left: -.5rem; top: 50%; }
.myarr .swiper-pagination{ position: relative;}
.myarr .swiper-pagination-bullet {width:2px;height:2px; background:#333;border: solid 2px #333;opacity: 1;position: relative;margin: 0 6px !important; transition: 0.5s all;}
.myarr .swiper-pagination-bullet-active{ width:10px;height:10px;background:#fff; border: solid 2px var(--main_color);}


/*===========页面通用标题=============*/
.page_tit{padding:.8rem 15px .5rem; text-align:center;}
.page_tit h2{ font-size:.36rem; color:#000;}
.page_tit .line { width:.3rem;height: 4px;background:var(--main_color); margin-top: .25rem; border-radius:5px;}
.page_tit p{font-size:.16rem; color:#666; margin-top:.2rem; line-height:1.6;}

@media screen and (max-width:768px) {
.page_tit h2{ font-size:20px;}	
.page_tit p{font-size:14px; margin-top:10px; line-height:1.5;}
.page_tit p br{display:none;}
}


/* 标题 */
.main_tit{margin: 1.15rem 0 .6rem;}
@media screen and (max-width:768px) {
.main_tit{margin: 1rem 0 .5rem; padding: 0 15px;}
.main_tit img{height: 25px;}	
}

/* 首页设计师 */
.in_team{padding:0 0 .68rem 0; position: relative; overflow: hidden;}
.in_team .con{width:53%; margin: 0;}
.in_team .right{width:40%; display:flex; flex-direction:column; justify-content:flex-end;}
.in_team .con li .pic{height:9rem;}
.in_team .con li img{width:100%; height:100%; object-fit: cover; display: block;}

@media screen and (max-width:768px) {
.in_team{padding:0 15px .68rem 15px; }
.in_team .con{width:55%; margin: auto; margin-bottom: 20px;}
.in_team .right{width:100%;}

.in_team .con li .pic{height:280px;}
}
	
/* 设计师介绍 */
.in_team .right .item{display: none;}
.in_team .right .item.active{display:block;}
.in_team .shuzi{text-align: center; margin-bottom: .66rem;}
.in_team .shuzi .line{position: relative;}
.in_team .shuzi .line:after{ content: ''; width: 1px; height: 70%; background: #ccc; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.in_team .shuzi i{ font-size: .3rem; font-style: normal; font-weight: bold;}
.in_team .shuzi i sup{ font-size: .18rem; margin-left: 5px; }
.in_team .shuzi p{ margin-top: 10px; font-size: 12px;}
@media screen and (max-width:768px) {
.in_team .shuzi i{ font-size:22px; }
.in_team .shuzi i sup{ font-size: 12px; margin-left:3px; }
}

.in_team .right .tit{ border-bottom: solid 2px #e4e4e4; width: 80%; }
.in_team .right .tit h2{ font-size: .22rem; font-weight: normal;  position: relative; padding-bottom: .1rem; margin-right: .1rem; color: #000; display: inline-block;}
.in_team .right .tit h2:after{content: ''; width: 100%; height: 2px; background: var(--main_color); position: absolute;left: 0; bottom: -2px; }
.in_team .right h5{ font-size: 14px; margin:.15rem 0 .25rem;}
.in_team .right .desc{line-height: 1.8; margin-bottom: .25rem; width: 80%; font-size: 13px; max-height: 235px; overflow: hidden;}
.in_team .right .info{ line-height: 1.6; font-style: italic; color: #999; margin-bottom: .25rem; width: 80%; text-align: justify; font-size: 13px;}
.in_team .right .info span{ font-size: .22rem; color: #333; font-weight: lighter; }
.in_team .right .item a{display:flex; align-items: center; margin-bottom: .5rem;}
.in_team .right .item a img{ margin-left:.1rem;}
.in_team .tabs2 { height:1.6rem; position:relative;}
.in_team .tabs2 a{width:23%; display: block; height:100%;}

@media screen and (max-width:768px) {
.in_team .right .tit{ width:90%; }
.in_team .right .tit h2{ font-size:20px; padding-bottom:10px; margin-right:10px;}
.in_team .right h5{ margin:15px 0 20px;}
.in_team .right .desc{ margin-bottom:25px; width: 90%;}
.in_team .right .info{ margin-bottom:25px; width: 90%;}
.in_team .right .info span{ font-size:20px; }
.in_team .right .item a{ margin-bottom:30px;}
.in_team .right .item a img{ margin-left:6px;}
.in_team .tabs2 { height:108px;}
}

/* 通用更多按钮 */
.in_more{ margin: .5rem 0 0;}
.in_more a{ display: block; position: relative; margin-left: .5rem;}
.in_more a:before{ content: ''; width: .32rem; height: 2px; background: #888; position: absolute; left: -.5rem; top: 50%; }


/* 工程保障 */
.in_gcbz{}
.in_gcbz li{width: 25%; position: relative;}
.in_gcbz li:before{ content: ''; position: absolute; top: 0; width: 100%; height: 0; background: rgba(0,0,0,0.36); transition: .8s all;}
.in_gcbz li:hover:before{ height: 100%; }
.in_gcbz li .txt1{ position: absolute; left: 0; width: 100%; bottom: 20%; text-align: center; color: #fff; transition: 0.4s all; opacity: 1;}
.in_gcbz li:hover .txt1{ opacity: 0; bottom: 35%;}
.in_gcbz li .txt1 h3{ font-size:25px;}
.in_gcbz li .txt1 h5{ font-size:14px; margin: .25rem 0; font-weight: normal; text-transform: uppercase;}
.in_gcbz li .txt1 .more_btn a{ width: 1rem; line-height: .36rem; margin: 0 .1rem; font-size: .14rem; display: inline-block; text-align:center; color: #fff; border: solid 1px rgba(255,255,255,0.6);}
.in_gcbz li .txt1 .more_btn a:last-child{ border:solid 1px #fff; background:#fff; color: #333;}

.in_gcbz li .txt2{position: absolute; left: 0; top: 10%; right: 0; bottom: 0; padding: 0 15%; text-align: center; color: #fff; opacity: 0;transition: 0.5s all;}
.in_gcbz li:hover .txt2{ opacity: 1; top: 0; transition-delay:0.6s; }
.in_gcbz li .txt2 h3{ font-size: .3rem; margin-bottom:.25rem; position: relative; opacity:0.8;}
.in_gcbz li .txt2 .desc{ font-size: .14rem; text-align: justify; line-height: 2;position: relative; opacity:0.8;}
.in_gcbz li .txt2 .desc p{ margin-bottom: .25rem; }
.in_gcbz li .txt2 a{position: relative; color: #fff; margin-top: .25rem;}
@media screen and (max-width:768px) {
.in_gcbz li{width:100%;}
/*.in_gcbz li .pic{height:450px; overflow:hidden;}*/
.in_gcbz li .txt1 h3{ font-size:16px;}
.in_gcbz li .txt1 h5{ margin:10px 0; font-size: 12px;}
.in_gcbz li .txt1 .more_btn{display: none;}

.in_gcbz li .txt2{padding: 0 15px; }
.in_gcbz li .txt2 h3{ font-size: 16px; margin-bottom:15px; }
.in_gcbz li .txt2 .desc{ font-size:12px; line-height:1.6;}
.in_gcbz li .txt2 .desc p{ margin-bottom: 12px; }	
}


/* 空间改造 */
.in_kjgz{ padding-bottom: .68rem; position: relative; overflow: hidden;}
.in_kjgz .con { height:86vh;}
.in_kjgz .con li video{width:100%; height:100%; display:block; object-fit:cover;}
.in_kjgz .con li { position: relative;}
.in_kjgz .con li .txt{ color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); text-align: center;}
.in_kjgz .con li .txt h3{ font-size: .25rem; margin-bottom:.15rem;}
.in_kjgz .con li .txt p{ margin-bottom:.15rem;}
.in_kjgz .con li .txt a{width: 1.25rem; line-height: .4rem; font-size: .14rem; display: inline-block; color: #fff; border: solid 1px rgba(255,255,255,0.6);}
.in_kjgz .con li img{ transition: 0.5s all;}
.in_kjgz .con li:hover img{ transform: scale(1.05);}
.in_kjgz .tabs3{ margin-top: 20px;}
.in_kjgz .tabs3 a{ margin: 0 6px; overflow: hidden;}
.in_kjgz .tabs3 img{ height: 1.68rem; transition: 0.5s all;}
.in_kjgz .tabs3 a:hover img{transform: scale(1.1);}
@media screen and (max-width:768px) {
.in_kjgz .con li { max-height:auto; }	
.in_kjgz .con { height:260px;}
.in_kjgz .con li .txt h3{ font-size:18px; margin-bottom:10px;}
.in_kjgz .con li .txt p{ margin-bottom:12px;}
.in_kjgz .con li .txt a{width:115px; line-height:33px; font-size:14px; }
.in_kjgz .tabs3 a{ margin: 0 5px; overflow: hidden;}
.in_kjgz .tabs3 img{ height:auto; width: 100%; }
}

/*发展历程*/
.page_fazhan{ margin:1rem auto;}
.page_fazhan li{width:23%; border-radius:.2rem; overflow:hidden; box-shadow: 0px 5px 16px 0px rgba(0, 0, 0, 0.15);}
.page_fazhan li .pic{ min-height:.8rem; position:relative; background:#666; overflow:hidden;}
.page_fazhan li .pic img{ transition:0.5s all;}
.page_fazhan li:hover .pic img{ transform:scale(1.1);}
.page_fazhan li .pic h5{ position:absolute; left:0; top:0; height:100%; width:100%; color:#fff; font-size:.25rem;}
.page_fazhan li .txt{ padding:.2rem .1rem; text-align:center;}
.page_fazhan li .txt h3{ font-size:.18rem; line-height:1.3; margin-bottom:.1rem;}
.page_fazhan li .txt p{ color:#666;}

@media screen and (max-width:768px) {
.page_fazhan{ margin:30px auto; padding:0 15px; box-sizing:border-box;}
.page_fazhan li{width:100%; border-radius:10px; margin-bottom:20px;}
.page_fazhan li .pic{height:100px;}
.page_fazhan li .pic h5{font-size:22px;}
.page_fazhan li .txt{ padding:15px 10px;}
.page_fazhan li .txt h3{ font-size:18px; margin-bottom:10px;}
}


/*匠心工艺*/
.page_jxgy{ background:#222; padding:1rem 0 .8rem 0;}
.page_jxgy h3{ font-size:.32rem; color:#fff; margin-bottom:.25rem; font-weight:normal;}
.page_jxgy .left p{ font-size:.18rem; color:#fff; line-height:1.8;}
.page_jxgy .right{width:50%; padding:0 100px; overflow:hidden; position:relative;}
.page_jxgy .right .gy_list{overflow:hidden;}

/*按钮切换*/	
#gy_btn .swiper-button-prev {background: url(../images/focus_btn_prev.png) no-repeat; background-size: cover;}
#gy_btn .swiper-button-next {background: url(../images/focus_btn_next.png) no-repeat; background-size: cover;}
#gy_btn .swiper-button-prev,#gy_btn .swiper-button-next { width:64px;height: 64px; outline:none;  opacity:.5; transition:0.3s all;}
#gy_btn .swiper-button-prev:hover,#gy_btn .swiper-button-next:hover{ opacity:1; transform:scale(1.05);}
/*分页器*/
#gy_btn .swiper-pagination-bullet{width: 12px;height: 12px; display: inline-block; border-radius: 50%; background:#ddd; transition: all .5s ease;opacity: 1.0;}
#gy_btn .swiper-pagination-bullet-active{background:#FF5F2A; opacity: 1.0;}
#gy_btn .swiper-pagination{ text-align:center; width:100%;}
#gy_btn .swiper-pagination span{margin:0 3px;}
@media screen and (max-width:768px) {
.page_jxgy .main{ padding:0 15px; }
.page_jxgy{ padding:50px 0 50px 0;}
.page_jxgy h3{ font-size:18px; margin-bottom:15px; text-align:center;}
.page_jxgy .left {width:100%;}
.page_jxgy .left p{ font-size:15px; text-align:center; line-height:1.5;}
.page_jxgy .right{width:100%; padding:0; margin-top:15px;}
#gy_btn .swiper-button-prev,#gy_btn .swiper-button-next { width:52px;height: 52px; }

}


/*工艺细节*/
.page_gyxj{ margin-bottom:1rem;}
.page_gyxj .item{ margin-bottom:.25rem;}
.page_gyxj li{width:23%;}
.page_gyxj li .pic{ overflow:hidden;}
.page_gyxj li .pic img{ transition:0.5s all;}
.page_gyxj li:hover .pic img{ transform:scale(1.1);}
.page_gyxj li .txt{ font-size:.16rem; text-align:center; line-height:2.6; background:var(--main_color); color:#fff;}
.page_gyxj .item:nth-child(2n) li .txt{background:#e8e8e8; color:#333;}
@media screen and (max-width:768px) {
.page_gyxj{ margin-bottom:30px; padding:0 15px;}
.page_gyxj .item{ margin-bottom:0;}
.page_gyxj li{width:48%; margin-bottom:15px;}
.page_gyxj li .txt{ font-size:14px;}
}



/*供应链*/
.page_gyl{}
.page_gyl li{ position:relative;}
.page_gyl li .pic{ text-align:right;}
.page_gyl li:nth-child(2n) .pic{ text-align:left;}
.page_gyl li .pic img{ height:4.6rem; }
.page_gyl li .txt{ position:absolute; width:4.6rem; left:.5rem; top:0; height:100%;}
.page_gyl li:nth-child(2n) .txt{ left:auto; right:.5rem;}
.page_gyl li .txt h2{ font-size:.25rem;}
.page_gyl li .txt h3{ font-size:15px; margin:.2rem 0 .3rem;}
.page_gyl li .txt p{ line-height:1.8; text-align:justify;}
@media screen and (max-width:768px) {
.page_gyl li .pic img{ height:auto; width:100%; }
.page_gyl li .txt{ position:relative; width:100%; left:0; top:0; height:auto; padding:20px 15px; box-sizing:border-box;}
.page_gyl li:nth-child(2n) .txt{ left:auto; right:0;}
.page_gyl li .txt h2{ font-size:17px;}
.page_gyl li .txt h3{ font-size:14px; margin:10px 0 15px;}
.page_gyl li .txt p{ line-height:1.6; color:#666;}

}

/*供应商*/
.page_gys_logo{ padding:0 3.6%; box-sizing:border-box;}
.page_gys_logo li{ width:20%; padding:.2rem .4rem; box-sizing:border-box;}
.page_gys_logo li img{ width:100%;}
@media screen and (max-width:768px) {
.page_gys_logo{ padding:0 0; box-sizing:border-box;}
.page_gys_logo li{ width:20%; padding:10px 5px; }

}
.page_gys{ margin:.68rem auto .5rem;}
.page_gys li{ width:48.5%; margin-bottom:.35rem; border: solid 1px #e8e8e8; box-shadow: 0px 5px 16px 0px rgba(0, 0, 0, 0.15);}
.page_gys li .pic{ overflow:hidden; /*box-shadow: 0px 5px 16px 0px rgba(0, 0, 0, 0.15);*/ }
.page_gys li .pic img{ transition:0.5s all;}
.page_gys li:hover .pic img{ transform:scale(1.05);}
.page_gys li .txt{ font-size:.18rem; text-align:center; padding:.2rem 0;}
@media screen and (max-width:768px) {
.page_gys li .txt{ font-size:14px;padding:15px 0;}

}


/*============================工程团队======================== */
.gctd_list{}
.gctd_list li{width:48.6%; margin-bottom:.4rem; box-shadow: 0px 5px 16px 0px rgba(0, 0, 0, 0.15);}
.gctd_list li .pic{width:40%; overflow:hidden;}
.gctd_list li .pic img{ transition:0.3s all;}
.gctd_list li:hover .pic img{ transform:scale(1.05);}
.gctd_list li .txt{width:60%; padding:.4rem .4rem .25rem; box-sizing:border-box;}
.gctd_list li .txt h3{ font-size:.26rem; font-weight:normal; margin:0 0 .2rem 0;}
.gctd_list li .txt h3 span{ font-size:.18rem; color:#C09167; margin-left:.1rem;}
.gctd_list li .txt p{ line-height:1.8; margin-bottom:5px; color:#888;}
.gctd_list li .txt p span{color:#333; font-weight:bold;}
.gctd_list li .txt .yuyue{ margin-top:.25rem; text-align:right;}
.gctd_list li .txt .yuyue a{ width:1rem; line-height:.36rem; background:var(--main_color); color:#fff; text-align:center; display:inline-block; border-radius:.1rem; transition:0.3s all;}
.gctd_list li .txt .yuyue a:hover{ opacity:0.68;}

@media screen and (max-width:768px) {
.gctd_list{ padding:0 15px; box-sizing:border-box;}
.gctd_list li{width:100%; margin-bottom:25px;}
.gctd_list li .pic{width:40%; overflow:hidden;}
.gctd_list li .txt{width:60%; padding:20px 15px 15px; box-sizing:border-box;}
.gctd_list li .txt h3{ font-size:18px; margin:0 0 10px 0;}
.gctd_list li .txt h3 span{ font-size:15px; margin-left:5px;}
.gctd_list li .txt p{ line-height:1.6; margin-bottom:2px; color:#888;}
.gctd_list li .txt .yuyue{ margin-top:12px;}
.gctd_list li .txt .yuyue a{ width:100px; line-height:32px; border-radius:5px; }

}


/*============================全景======================== */
.qj_list{}
.qj_list li{width:48.6%; margin-bottom:.25rem; transition:0.3s all;}
.qj_list li:hover{box-shadow: 0px 5px 16px 0px rgba(0, 0, 0, 0.15); }

.qj_list li .pic{overflow:hidden; height:4rem; background:#000;}
.qj_list li .pic img{ transition:0.3s all;}
.qj_list li:hover .pic img{ transform:scale(1.1); opacity:0.8;}
.qj_list li .txt{ padding:.25rem .25rem; box-sizing:border-box;}
.qj_list li .txt h3{ font-size:.22rem; font-weight:normal; margin:0 0 .15rem 0; color:#000;}
.qj_list li .txt p{color:#888;}


@media screen and (max-width:768px) {
.gctd_list{ padding:0 15px; box-sizing:border-box;}
.gctd_list li{width:100%; margin-bottom:25px;}
.gctd_list li .pic{width:40%; overflow:hidden;}
.gctd_list li .txt{width:60%; padding:20px 15px 15px; box-sizing:border-box;}
.gctd_list li .txt h3{ font-size:18px; margin:0 0 10px 0;}
.gctd_list li .txt h3 span{ font-size:15px; margin-left:5px;}
.gctd_list li .txt p{ line-height:1.6; margin-bottom:2px; color:#888;}
.gctd_list li .txt .yuyue{ margin-top:12px;}
.gctd_list li .txt .yuyue a{ width:100px; line-height:32px; border-radius:5px; }

}


/*===================在施工地======================*/
.zsgd_box .item{margin:.6rem 0;background:#fff; transition:all .5s;position:relative;}
.zsgd_box .item:before{content:'';position:absolute;width:100%;height:1px;border-bottom:1px solid rgba(204,204,204,.35);bottom:-31px;left:0;}
.gd_pic{width:40%;position:relative;overflow:hidden;}
.gd_pic li{overflow:hidden;}
.gd_pic li img{width:100%;display:block;}
.gd_pic .draw_h {width:50px !important;height: 50px !important;text-align:center;line-height:50px;}
.gd_pic .draw_h i{color:#fff;font-size:30px;position:relative; z-index:222;}
.gd_pic .draw_h:before{background:rgba(0,0,0,.5);border:none;}
.gd_pic .swiper-button-next,.gd_pic .swiper-button-prev{opacity:1;background-image:none!important;}
.gd_pic .swiper-button-next.swiper-button-disabled, .gd_pic .swiper-button-prev.swiper-button-disabled{opacity:1!important;}

.zsgd_box .txt{width:60%;padding:.3rem .3rem;box-sizing:border-box;}
.zsgd_box .txt h3{font-weight:normal;font-size:.3rem;color:#000;}
.zsgd_box .txt a{display:inline-block;width:1.6rem;line-height:.46rem;background:var(--main_color);color:#fff;text-align:center;font-size:16px;transition:all .5s;}
.zsgd_box .txt .tag {margin:.35rem 0 .5rem;}
.zsgd_box .txt .tag dd{display:inline-block;font-size:16px;margin-right:.3rem;}
.zsgd_box .txt .tag dd i{margin-right:8px;color:#CF9E5C;}
.zsgd_box .txt .tag dd:last-child{margin-right:0;}
.sdjd_box{position:relative;}
.sdjd_box:before{content:'';position:absolute;width:100%;height:2px;background:rgba(204,204,204,.4);top:0;left:0;}
.sdjd_box li{width:20%;text-align:center;margin-top:40px;font-size:.18rem;position:relative;}
.sdjd_box li:before{position:absolute;content:'';width:13px;height:13px;border-radius:100%;top:-46px;left:50%; transform:translateX(-50%);background:rgba(165,159,159,1); z-index:2;}
.sdjd_box li:after{position:absolute;content:'';width:25px;height:25px;border-radius:100%;top:-52px;left:50%; transform:translateX(-50%);background:rgba(165,159,159,0); z-index:1;}

.sdjd_box li.active{font-weight:bold;color:var(--main_color);}
.sdjd_box li.active:before{background:var(--main_color);}
.sdjd_box li.active:after{background:rgba(165,159,159,.3);}

.zsgd_box .item:hover{box-shadow: 0px 5px 16px 0px rgba(0, 0, 0, 0.3);}
.zsgd_box .item a:hover{background:#CF9E5C;}



@media only screen and (max-width: 768px){
.zsgd_box .item{margin:15px 15px 20px;box-sizing:border-box;background:#f2f2f2;}
.zsgd_box .item:before{display:none;}
.gd_pic{width:100%;}
.gd_pic .draw_h {width:40px !important;height: 40px !important;line-height:40px;}
.gd_pic .draw_h i{font-size:18px;}

.zsgd_box .txt{width:100%;padding:20px 15px 25px;}
.zsgd_box .txt h3{font-size:18px;}
.zsgd_box .txt a{width:80px;line-height:32px;border-radius:32px;font-size:13px;}
.zsgd_box .txt .tag {margin:20px 0 20px;}
.zsgd_box .txt .tag dd{font-size:14px;margin-right:10px;margin-bottom:10px;}
.zsgd_box .txt .tag dd i{margin-right:5px;}


.sdjd_box li{margin-top:25px;font-size:12px;}
.sdjd_box li:before{width:10px;height:10px;top:-29px;}
.sdjd_box li:after{width:20px;height:20px;top:-33.5px;}	
}










/* 润邦品牌 */
.in_brand{ padding-bottom: .68rem; position: relative; overflow: hidden;}
.in_brand li{}
.in_brand li .pic{width: 50%; position: relative;  background:#000;}
.in_brand li .pic video{width:100%; height:100%;}
.in_brand li .pic .play_btn{ position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.in_brand li .txt{width: 50%; background-color: #f5f5f5; padding: .6rem 0 .6rem .6rem; box-sizing: border-box; position: relative;}
.in_brand li .txt .en{ font-size: 1.5rem; position: absolute; right: 0; bottom:-10px; color: #e2e2e2; line-height: 1; font-weight:bold; text-transform: uppercase;}
.in_brand li .txt h3{ font-size: .25rem; margin-bottom: .3rem;}
.in_brand li .txt .desc{ line-height: 1.8;}
.in_brand li .txt .desc p{ margin-bottom: .25rem;}
.in_brand li .txt a{display:flex; align-items: center; margin-top: .5rem;}
.in_brand li .txt a img{ margin-left:.1rem;}
@media screen and (max-width:768px) {
.in_brand li .pic{width:100%;}
.in_brand li .txt{width:100%; padding: 25px 15px 25px 15px; }
.in_brand li .txt .en{ font-size: 1.5rem; position: absolute; right: 0; bottom:-10px; color: #e2e2e2; line-height: 1; font-weight:bold; text-transform: uppercase;}
.in_brand li .txt h3{ font-size:16px; margin-bottom:15px;}
.in_brand li .txt .desc{ font-size: 13px;}
}

/* 润邦文化 */
.in_news{ padding:0 0 .68rem; position: relative; overflow: hidden; margin-bottom: 1rem; text-align: center; box-sizing: border-box;}
.in_news .tab{display: inline-block; border-bottom: solid 1px #e8e8e8; margin-bottom: .5rem; }
.in_news .tab a{ display: inline-block; height:30px; margin-right:.4rem; font-size:15px; font-weight: bold; position: relative;}
.in_news .tab a:last-child{ margin-right:0; }
.in_news .tab a:after{ content: ''; width:0; height: 2px; transition: 0.5s all; background: var(--main_color); display: block; position: absolute; left: 50%; bottom:-1px;}
.in_news .tab a:hover:after,.in_news .tab a.active:after{ width:100%; left:0;}
@media screen and (max-width:768px) {
.in_news{ padding:0 15px .68rem;}
.in_news .tab{width: 100%; }	
.in_news .tab a{height:26px; margin: 0 8px; font-size:14px;}
}

.in_news .left{width: 5.2rem; position: relative; overflow: hidden;}
.in_news .left .time{position: absolute; width: 56px; height: 56px; background: var(--main_color); color: #fff; left: 0; top:0; font-size: 10px; z-index:2;}
.in_news .left .time span{ font-size: .22rem; font-weight: bold; margin-bottom: 5px;}
.in_news .left .txt{ position: absolute; left: 0; bottom: 0; line-height: 42px; width: 100%; padding: 0 15px; box-sizing: border-box; background: rgba(0, 0, 0, 0.68); color: #fff; text-align: left;}
.in_news .left img{ transition: 0.5s all;}
.in_news .left:hover img{ transform: scale(1.05);}

.in_news .mid{width: calc(100% - 9rem);}
.in_news .mid li{ margin: .25rem 0;}
.in_news .mid li .time{width: .66rem; height: .66rem; background: #c0c0c0; color: #fff; font-size: 12px;transition: 0.5s all;}
.in_news .mid li .time span{ font-size: .22rem; font-weight: bold; margin-bottom: 5px;}
.in_news .mid li:hover .time{ background: var(--main_color); }
.in_news .mid li .txt{width: calc(100% - .66rem); padding-left: .2rem; box-sizing: border-box; text-align: left;}
.in_news .mid li .txt h3{ font-size: 17px;  line-height:1.5;}
.in_news .mid li .txt p{}

.in_news .right{width:2.8rem; overflow: hidden;}
.in_news .right li {width:100%;}
.in_news .right li:first-child{ margin-bottom: .2rem;}
.in_news .right li p{margin-top: .1rem;}
.in_news .right .pic{overflow:hidden;height:1.5rem; border-radius:.1rem;}

@media screen and (max-width:768px) {
.in_news .left{width:100%; margin-bottom: 15px;}
.in_news .left .time{ font-size:11px;}
.in_news .left .time span{ font-size:20px;}	

.in_news .mid{width:100%;}
.in_news .mid li{ margin:10px 0;}
.in_news .mid li .time{ font-size: 12px; width:56px; height:56px;}
.in_news .mid li .time span{ font-size:20px;}
.in_news .mid li .txt{width: calc(100% - 56px); padding-left: .2rem; }
.in_news .mid li .txt h3{ font-size: 14px; }
.in_news .mid li .txt p{ font-size: 13px;}

.in_news .right{width:100%; flex-direction:row; margin-top: 20px;}
.in_news .right li{ width: 48%;}
.in_news .right li:first-child{ margin-bottom:0; margin-right: 4%;}
.in_news .right li p{margin-top: .1rem;}
.in_news .right .pic{height:100px; }

}








/*================底部=====================*/
.foot_bg{ width: 100%;background: #191919; padding: 0.8rem 0 1.25rem 0; }
.foot_bg .main{max-width:1100px;}
.footer_nav{}
.footer_nav dt{line-height:2.5;/*height:35px; margin-bottom:15px;*/ position:relative;/* border-bottom:solid 1px rgba(255,255,255,0.2);*/ text-align: center;}
/*.footer_nav dt:after {width: 20px;height: 2px;position: absolute;left: 0;bottom: -1px;content: '';background:var(--main_color);}*/
.footer_nav dt a{color:rgba(255,255,255,.8); transition:0.5s all; }
.footer_nav dd {text-align:center;}
.footer_nav dd a{color:rgba(255,255,255,.8); transition:0.5s all; display:block;  line-height:2.5;}
.footer_nav a:hover{ color:var(--main_color);}
@media screen and (max-width:768px) {
.foot_bg{ padding: 0.8rem 0 .6rem 0; }
.footer_nav{width:100%; padding: 0 15px; box-sizing: border-box;}
.footer_nav dl{width: 31%;}
.footer_nav dt{height:35px; line-height: 35px;  text-align: center; margin-bottom:12px; border:solid 1px rgba(255,255,255,0.15);}
.footer_nav dt a{font-size:14px;color:rgba(255,255,255,.8);}
.footer_nav dt:after { display: none;}
.footer_nav dd {display: none;}	
}
/* 自媒体图标 */
.f_tubiao{ margin-top:.68rem; text-align: right;}
.f_tubiao li{ display: inline-block; margin-left: .25rem;}
.f_tubiao li img{ height:.3rem; filter: grayscale(100%) brightness(1000%); opacity: 0.6;}
@media screen and (max-width:768px) {
.f_tubiao{ margin-top:.5rem; text-align: center;}	
.f_tubiao li{margin:0 .12rem;}
.f_tubiao li img{ height:22px;}
}
/* 底部联系 */
.f_lianxi {margin-top:.68rem; color:rgba(255,255,255,0.68)}
.f_lianxi .left{width: calc(100% - 230px);}
.f_lianxi .left li{ margin-right: .5rem;}
.f_lianxi .left li:last-child{ margin-right: 0;}
.f_lianxi .left li .ico{ margin-right: .2rem;}
.f_lianxi .left li .ico svg{ height: .25rem; fill:#fff; opacity: 0.68;}
.f_lianxi .left li h5{  margin-bottom: 6px; font-weight: normal;}
.f_lianxi .left li p{ line-height: 1.5;}

.f_ewm {color:rgba(255,255,255,0.68); width: 190px;}
.f_ewm li{width:90px; text-align:center;}
.f_ewm li img{width: 100%; margin-bottom: .1rem;}
@media screen and (max-width:768px) {
.f_lianxi {margin-top:.5rem;}
.f_lianxi .left{width:100%;}
.f_lianxi .left li{ margin-right:0; width:100%; margin-bottom: 10px; justify-content:center; flex-wrap:nowrap;}
.f_lianxi .left li .ico svg{ height:16px;}
.f_lianxi .left li h5{ display: none;}

.f_ewm {width: 200px; margin: .3rem auto 0;}
.f_ewm li{width:90px; font-size: 13px;}
.f_ewm li img{margin-bottom:10px;}	
}

/* 底部版权 */
.copyright{ background: #000; color:rgba(255,255,255,0.68); padding: .2rem 0; font-size: 13px;}
.copyright img{ height: 16px;margin: 0 .1rem 0 .15rem;}
.copyright a{color:rgba(255,255,255,0.68);}
.copyright a:hover{ text-decoration: underline;}
.copyright p{ margin: 0 .1rem;}
@media screen and (max-width:768px) {
.copyright{ display:block; padding:10px; font-size: 13px;}
.copyright p{width:100%; margin: 0 .1rem; text-align:center; line-height: 1.8;}	
}



/*二级页面 banner*/
.page_ban{ width:100%; position:relative; overflow:hidden;  }
.page_ban .pic {animation: o-scale 20s linear infinite; overflow:hidden;}
.page_ban .pic img{width:100%; height:100%;object-fit:cover; display:block;}

.page_ban .txt{position:absolute; left:0; top:0; bottom:0; right:0;  z-index:9; }
.page_ban .txt h2 { font-size:.48rem; color:#fff; margin-bottom:.15rem; margin-top: .2rem;}
.page_ban .txt .en { font-size:.16rem; color:rgba(255,255,255,.68); }
.page_ban .txt .line {width:.5rem; height:3px; background: rgba(255,255,255,.68); margin: .5rem 0 .4rem; }
.page_ban .txt p { font-size:.25rem; font-weight:500; color:#fff; line-height: 1.8; }

@media screen and (max-width:768px) {
.page_ban .pic{}
.page_ban .txt{left:15px; right:15px; text-align: center;}
.page_ban .txt h2 { font-size:22px; margin-bottom:10px; margin-top:15px;}
.page_ban .txt .en { font-size:12px;}
.page_ban .txt .line {width:25px; height:2px; background:#fff; margin:20px auto 15px; }
.page_ban .txt p { font-size:16px; line-height: 1.6; }
}
@keyframes o-scale {
    0%,85%,100%{
        transform: scale(1);
    }
    50%{
        transform: scale(1.06);
    }
}

/*位置*/
.sub_weizhi{height:60px; background:#f4f5f7; border-bottom:solid 0px #e8e8e8; position:relative; z-index:9;/*box-shadow: 0 1px 5px rgba(0,0,0,0.1);*/}
.sub_weizhi .weizhi{ color:#333; height: 100%; position: relative;  display:flex; align-items:center;}
.sub_weizhi .weizhi a{color:#333;}
.sub_weizhi .weizhi i.ico { margin-right:10px;}
.sub_weizhi .weizhi i.ico svg {height: 20px;width: 20px; fill:#333;}
.sub_weizhi .weizhi span{margin:0 5px;}

@media screen and (max-width:768px) {
.sub_weizhi{height:36px; background:#f8f8f8; border-bottom:solid 1px #e8e8e8;padding:0 15px;box-sizing:border-box;}
.sub_weizhi .weizhi{ font-size:14px;}
.sub_weizhi .weizhi i.ico {margin-right:10px;}
.sub_weizhi .weizhi i.ico svg {width: 16px;}
}

/*位置搜索*/
.wz_serch{position:relative;width:2.8rem;}
.wz_serch input{width:100%; padding:15px 15px; outline:none; border-radius:5px; box-sizing:border-box; height:30px; border:solid 1px #ddd;}
.wz_serch .btn{ position:absolute; right:0; top:0px;}
.wz_serch .btn i{font-style:normal;}
.wz_serch .btn button{ width:50px; height:30px; border:0; cursor:pointer; outline:none; border-radius:0 5px 5px 0; background: url('../images/icon_search.png') no-repeat center;}
@media screen and (max-width:768px) {
.wz_serch{ display:none;}
}


/* 子栏目 */
.page_sbunav{ margin: .6rem 0 .6rem; text-align: center;}
.page_sbunav ul{ border-bottom: solid 1px #e4e4e4; }
.page_sbunav ul a{display: inline-block; height:28px; color:#000; position: relative; margin-right:.56rem;}
.page_sbunav ul a:last-child{ margin-right:0;}
.page_sbunav ul a.active{ font-weight:bold;}
.page_sbunav ul a:after{ content: ''; width:0; height: 2px; transition: 0.5s all; background: var(--main_color); display: block; position: absolute; left: 50%; bottom:-1px;}
.page_sbunav ul a:hover:after,.page_sbunav ul a.on:after{ width:100%; left:0;}
@media screen and (max-width:768px) {
.page_sbunav ul{width: 100%; }	
.page_sbunav ul a{height:26px; margin: 0 6px;}
}
	
/*========================图文列表==============================*/
.pic_art_list li{ padding-bottom:.3rem; margin-bottom:.3rem; border-bottom:solid 1px #e8e8e8; transition:0.3s all;}
.pic_art_list li a{transition:0.3s all;}
.pic_art_list li .pic{width:25%; overflow:hidden;}
.pic_art_list li .pic img{width:100%; height:100%; objtct-fit:cover; display:block; transition: all 0.5s ease;}
.pic_art_list li:hover .pic img{ transform:scale(1.1); }
.pic_art_list li .txt{ width:72%; }
.pic_art_list li.nopic .txt{ width:100%; }

.pic_art_list li .txt h3{font-size:.22rem;line-height:1.5; font-weight:normal; margin-bottom:.2rem;}
.pic_art_list li .txt .time{ font-size: .16rem; color: #888; margin-bottom:.2rem;}
.pic_art_list li .txt .desc{font-size:.16rem;line-height:1.8;color:#777; }


@media screen and (max-width:768px) {
.pic_art_list { padding: 0 15px;}
.pic_art_list li .pic{width:36%; min-height:86px; border-radius:5px; overflow:hidden; order:1;}
.pic_art_list li .txt{width:60%;order:0; justify-content:center;flex-direction:column;}
.pic_art_list li .txt{margin-top:0px;}
.pic_art_list li .left{ width:100%; }
.pic_art_list li .right{ width:100%; display:block;}
.pic_art_list li .txt h3{font-size:15px; margin-bottom:0;}
.pic_art_list li .txt .desc,.pic_art_list li .txt .more{ display:none;}
.pic_art_list li .txt .time{margin:15px 0 0 0; font-size:13px; letter-spacing:0; font-family:Arial, Helvetica, sans-serif;}
}


/*==============条件筛选====================*/
.tjsx_box{background:#fff;margin:.5rem 0 .5rem; box-sizing:border-box;}
.tjsx_box2{display:none;}
.tjsx_box dl{margin-bottom:.1rem;}
.tjsx_box dl:last-child{border-bottom:0;}
.tjsx_box dt{width:50px; font-weight:bold; box-sizing:border-box;line-height:42px; }
.tjsx_box dt i{ display:none;}
.tjsx_box dd{width:calc(100% - 50px);}
.tjsx_box a{margin-right:5px;display: inline-block;overflow: hidden;height: 30px;line-height: 30px; padding: 0 .1rem;margin-top: 6px; color:#666;border-radius:4px; transition:all .3s;}
.tjsx_box a.active{background:var(--main_color);color:#fff;}
.tjsx_box a:hover{background:#e8e8e8;color:#333;}
.tjsx_box a.active1{ color:var(--main_color);}
.tjsx_box a span{ margin-left:3px;}

.tjsx_team dt{width:100px;} 
.tjsx_team dd{width:calc(100% - 100px);}

@media only screen and (max-width: 768px){
.tjsx_box{display:none;}
.tjsx_box2{border:0; padding:0; margin:0; position:relative; display:flex;justify-content:space-between; flex-wrap:wrap;} 
.tjsx_box2 dl{width:33.3%; border-bottom:0;}
.tjsx_box2 dt {width:100%; font-weight:normal; line-height:36px; background:#fff; border-bottom:solid 1px #e8e8e8; text-align:center; border-right:0; margin-bottom:10px;font-size:15px;}
.tjsx_box2 dt i{ display:inline-block; margin-left:0; transition:0.3s all; transform:rotate(0deg);}
.tjsx_box2 dl.active dt{ color:var(--main_color);}
.tjsx_box2 dl.active dt i{ transform:rotate(180deg);}
	
.tjsx_box2 dd{position:absolute; width:100%; padding:15px; box-sizing:border-box; left:0; top:35px; background:#fff; box-shadow: 1px 3px 10px 0 rgba(88, 88, 88, 0.2); margin-bottom:5px; display:none; z-index:22;}
.tjsx_box2 dd a{padding:0;margin-bottom:8px;font-size:13px;width:23%; margin-right:2.5%; float:left; height:30px;line-height:30px; background:#f6f6f6; text-align:center; display:inline-block; border-radius:5px;}
.tjsx_box2 dd a:nth-child(4n){ margin-right:0;}
.tjsx_box2 a.active1{ color:var(--main_color);}

}


/*==========================润邦作品============================*/
.case_list{margin-bottom:.3rem;}
.case_list li{width:31.3%;margin-right:3%;background:#fff;overflow:hidden;border-radius:5px;margin-bottom:.4rem; transition:all .3s;}
.case_list li:nth-child(3n){margin-right:0;}
.case_list li .pic{overflow:hidden;}
.case_list li .pic img{width:100%;display:block;transition:all .3s;}
.case_list li .txt{padding:.25rem .2rem ;box-sizing:border-box;}
.case_list li .txt .left{width:calc(100% - .9rem);position:relative;}
.case_list li .txt h3{font-weight:normal;font-size:.18rem; }
.case_list li .txt p{ color:#a39c9c;margin-top:.15rem;}
.case_list li .txt dd{position:absolute;bottom:0;left:0;}
.case_list li .txt dd i{margin-right:8px;}
.case_list li .txt .right{width:.8rem;}
.case_list li .txt .right .img{overflow:hidden;width:.8rem;height:.8rem;border-radius:100%;margin-bottom:.15rem;}
.case_list li .txt .right .img img{width:100%;height:100%;object-fit:cover;}
.case_list li .txt .right span{display:block;width:100%;text-align:center;}
.case_list li:hover{box-shadow: 0px 5px 16px 0px rgba(0, 0, 0, 0.15);}
.case_list li:hover .pic img{ transform:scale(1.1,1.1);}

@media only screen and (max-width: 768px){
.case_list{margin-bottom:15px;padding: 0 15px; box-sizing:border-box;}
.case_list li{width:100%;margin-right:0;margin-bottom:20px; background:#f5f5f5;}
.case_list li .txt{padding:20px 15px ;}
.case_list li .txt .left{width:calc(100% - 80px);}
.case_list li .txt h3{font-size:17px;}
.case_list li .txt p{font-size:13px;margin-top:15px;}
.case_list li .txt dd{font-size:13px;}
.case_list li .txt dd i{margin-right:5px;}
.case_list li .txt .right{width:70px;}
.case_list li .txt .right .img{width:70px;height:70px;margin-bottom:15px;}
.case_list li .txt .right span{font-size:13px;}	
}


/*==========================润邦设计师============================*/
.team_list{margin:.8rem 0 .3rem;}
.team_list .item{width:49%;background:#fff;overflow:hidden;border-radius:5px;padding:.2rem .2rem;box-sizing:border-box;box-shadow: 0px 5px 16px 0px rgba(0, 0, 0, 0.15);margin-bottom:.4rem;}
.team_list .sjs .pic{width:220px;overflow:hidden;}
.team_list .sjs .pic img{width:100%;display:block;}
.team_list .sjs .txt{width:calc(100% - 235px);position:relative;}
.team_list .sjs .txt .tit{margin-bottom:.25rem;}
.team_list .sjs .txt h3{width:calc(100% - 90px);font-size:.25rem;color:#000; font-weight:normal;margin-top:3px;}
.team_list .sjs .txt h3 strong{font-size:16px;color:var(--second_color);font-weight:normal;}
.team_list .sjs .txt .yuyue{width:80px;line-height:32px;background:var(--main_color);border-radius:5px;text-align:center;transition:all .3s;}
.team_list .sjs .txt .yuyue a{color:#fff;  }
.team_list .sjs .txt .yuyue:hover{background:var(--second_color);}
.team_list .sjs .txt span{display:block;color:#b1aaae;margin-bottom:15px;}
.team_list .sjs .txt span strong{color:#131212; margin-right:5px;}
.team_list .sjs .txt p{display:block;color:#b1aaae;margin-bottom:12px;}
.team_list .sjs .tag{position:absolute;bottom:20px;left:0;}
.team_list .sjs .tag dl{display:inline-block;padding:0 .2rem;box-sizing:border-box;text-align:center;position:relative;}
.team_list .sjs .tag dl:before{position:absolute;content:'';width:1px;height:45px;background:#999898;right:0;top:50%; transform:translateY(-50%);}
.team_list .sjs .tag dl:first-child{padding-left:0;}
.team_list .sjs .tag dl:last-child{padding-right:0;}
.team_list .sjs .tag dl:last-child:before{display:none;}
.team_list .sjs .tag dd{font-size:15px;color:#131212;margin-bottom:10px;}
.team_list .sjs .tag dt{font-size:.2rem;color:var(--second_color);}
.team_list .anli{margin-top:20px;}
.team_list .anli li{width:32%;margin-right:2%;}
.team_list .anli li:nth-child(3n){margin-right:0;}
.team_list .anli li .pic{overflow:hidden;}
.team_list .anli li img{width:100%;display:block; transition:all .3s;}
.team_list .anli li p{text-align:center;color:#1f1e1f;margin-top:10px;transition:all .3s;}
.team_list .anli li:hover img{transform:scale(1.1,1.1);}
.team_list .anli li:hover p{color:var(--main_color);}

@media only screen and (max-width: 768px){
.team_list{margin:15px 0 15px;padding: 0 15px; box-sizing:border-box;}
.team_list .item{width:100%;padding:15px 15px;margin-bottom:20px;}
.team_list .sjs .pic{width:100%;height:340px;overflow:hidden;}
.team_list .sjs .pic img{width:100%;height:100%;object-fit:cover;display:block;}
.team_list .sjs .txt{width:100%;margin-top:15px;}
.team_list .sjs .txt .tit{margin-bottom:20px;}
.team_list .sjs .txt h3{width:calc(100% - 90px);font-size:22px;margin-top:5px;}
.team_list .sjs .txt h3 strong{font-size:14px;}
.team_list .sjs .txt .yuyue{width:80px;line-height:30px;}
.team_list .sjs .txt .yuyue a{font-size:14px;}

.team_list .sjs .txt span{margin-bottom:15px;}
.team_list .sjs .txt span strong{font-size:14px;}
.team_list .sjs .txt p{margin-bottom:10px;}
.team_list .sjs .tag{position:static;margin-top:25px;}
.team_list .sjs .tag dl{padding:0 20px;}
.team_list .sjs .tag dl:before{height:35px;}
.team_list .sjs .tag dd{font-size:14px;color:#131212;margin-bottom:5px;}
.team_list .sjs .tag dt{font-size:15px;color:var(--second_color);}
.team_list .anli{margin-top:25px;}
.team_list .anli li{width:48.3%;margin-right:10px;margin-bottom:15px;}
.team_list .anli li:nth-child(3n){margin-right:auto!important;}
.team_list .anli li:nth-child(2n){margin-right:0;}
.team_list .anli li p{font-size:12px;}
.team_list .anli li:hover img{transform:scale(1.1,1.1);}
.team_list .anli li:hover p{color:var(--main_color);}

}


/*==========================品牌介绍============================*/
.brand_box { background:url(../images/brand_bg1.jpg) no-repeat bottom center;padding:1rem 0 1rem; background-size:cover;}
.brand_box .pic,.brand_box .txt{width:48.5%;}
.brand_box .pic{position:relative;}
.brand_box .pic .img{overflow:hidden;border-radius:10px;}
.brand_box .pic .img img{width:100%;display:block; transition:all .5s;}
.brand_box .play{position:absolute;top:50%;left:50%; transform:translate(-50%,-50%);}
.brand_box .play  img{transition:all .5s;}
.brand_box  .txt .tit{border-bottom:1px solid rgba(204,204,204,1);}
.brand_box  .txt .tit h3{display:inline-block;font-weight:normal;font-size:.36rem;color:#282828;position:relative;padding-bottom:.15rem;}
.brand_box  .txt .tit h3:before{position:absolute;content:'';bottom:-1px;left:0;width:100%;height:2px;background:var(--main_color);}
.brand_box  .txt .con{margin-top:.2rem;}
.brand_box  .txt .con p{line-height:1.8;text-align:justify;color:#282828;margin-bottom:15px;}
.brand_box .pic:hover .img img{ transform:scale(1.1,1.1);}
/*.brand_box .pic:hover .play img{ transform:rotate(360deg);}*/

.aboutbar{width: 100%; height:3.8rem;overflow-y: auto;padding-right:.25rem;}
.aboutbar::-webkit-scrollbar {width: 2px;height: 4px;}
.aboutbar::-webkit-scrollbar-thumb {border-radius: 5px;background:#666;}
.aboutbar::-webkit-scrollbar-track {border-radius: 0;background: #ededed;}
.aboutbar p{font-size:0.15rem;color: #555;line-height:2.2;margin-bottom:16px;text-align: justify;text-justify: distribute;}



@media only screen and (max-width: 768px){
.brand_box {padding:20px 15px 30px; box-sizing:border-box;}
.brand_box .pic,.brand_box .txt{width:100%;}
.brand_box .pic{margin-top:10px; order:2;}
.brand_box .play  img{width:50px;}

.brand_box  .txt{order:1;}
.brand_box  .txt .tit h3{font-size:18px;padding-bottom:10px;}
.brand_box  .txt .con{margin-top:10px;}
.brand_box  .txt .con p{margin-bottom:10px;}	

.aboutbar{height:auto; padding-right:0m;}
.aboutbar p{font-size:14px;}

}


/*==========================发展历程============================*/
.fzlc_box{background:url(../images/fzlc.jpg) no-repeat center;padding:1rem 0 1.2rem; background-size:cover;}
.fzlc_box .pic{overflow:hidden;}
.fzlc_box .pic img{width:100%;display:block;}
.fzlc_box .txt h3{font-weight:normal;background: linear-gradient(to bottom, #ebbe7b, #f7f0cf);background-clip: text !important;color: transparent;font-size:.36rem; letter-spacing:4px;text-align:center;margin-bottom:1rem;}

@media only screen and (max-width: 768px){
.fzlc_box{ padding:40px 15px 50px; box-sizing:border-box;}
.fzlc_box .txt{top:15%; font-size:18px; letter-spacing:0;margin-bottom:40px;}	
}


/*==========================品牌文化============================*/
.culture_box{ background:url(../images/qywh.jpg) no-repeat center;padding:1rem 0 1rem; background-size:cover;}
.culture_box h2{font-weight:normal;font-size:.36rem;color:#282828; text-align:center;}
.culture_box span{display:block;font-size:.16rem;color:#636363;text-align:center;margin:.3rem 0 .8rem;}
.culture_box li{width:22%;text-align:center;}
.culture_box li .pic{overflow:hidden;}
.culture_box li .pic img{width:80%;display:block; transition:all 1s;}
.culture_box li .txt h3{font-size:.28rem;font-weight:normal;color:#595959;margin:.3rem 0 .15rem;}
.culture_box li .txt p{color:#595959;line-height:1.6;}
.culture_box li:hover .pic img{ transform:rotateY(180deg);}

@media only screen and (max-width: 768px){
.culture_box{ padding:30px 15px; box-sizing:border-box;}
.culture_box h2{font-size:18px;}
.culture_box span{font-size:13px;line-height:1.6;margin:10px 0 25px;}
.culture_box li{width:48%;margin-bottom:20px;}
.culture_box li .txt h3{font-size:17px;margin:15px 0 10px;}
.culture_box li .txt p{color:#595959;line-height:1.6;font-size:13px;}	
.culture_box li .txt p br{display:none;}
}


/*==========================文章内容页============================*/
.page_con{width:calc(100% - 340px);}
.page_con .tit{padding-bottom:.3rem;border-bottom:1px solid #e8e8e8;margin-bottom:.3rem;}
.page_con .tit h1{font-weight:normal;font-size:.3rem;color:#000;text-align:center;}
.page_con .tit ul{text-align:center;margin-top:.2rem;}
.page_con .tit dl{display:inline-block;color:#8f8c8c;font-size:16px;padding:0 15px;}
.page_con .con p{font-size:.16rem;line-height:1.8; text-align:justify;color:#767676;margin-bottom:25px;overflow:hidden;}
.page_con .con p img{width:100%;display:block;}
.page_con .share img{height:35px;display:block;}
.page_con .show_pre_next{border-top:1px solid #e8e8e8;margin:.5rem 0;border-bottom:1px solid #e8e8e8;}
.page_con .show_pre_next li{width:33.3%;padding:.15rem .1rem;box-sizing:border-box;color:#595959;}
.page_con .show_pre_next li a{color:#595959;}
.page_con .show_pre_next li:nth-child(2){border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8;text-align:center;}
.page_con .show_pre_next li:nth-child(3){text-align:right;}
.page_con .show_pre_next li:nth-child(1) i{margin-right:5px;}
.page_con .show_pre_next li:nth-child(2) i{margin-right:10px;}
.page_con .show_pre_next li:nth-child(3) i{margin-left:5px;}
.page_con .show_pre_next li:hover a{color:var(--main_color);}

.page_side{width:260px;}
.page_side .tit{color:#626262;font-size:.2rem;margin-bottom:.2rem;}
.page_side li{margin-bottom:.25rem;}
.page_side li .pic{overflow:hidden;}
.page_side li .pic img{width:100%;display:block;}
.page_side li .txt h3{font-weight:normal;color:#2f2f2f;font-size:.18rem;margin:.2rem 0 .1rem;}
.page_side li .txt span{color:#646464;}


@media only screen and (max-width: 768px){
.page_con{width:100%;padding:0 15px 10px; box-sizing:border-box;}
.page_con .tit{padding-bottom:15px;line-height:1.4;margin-bottom:15px;}
.page_con .tit h1{font-size:20px;color:#000;text-align:center;}
.page_con .tit ul{margin-top:10px;}
.page_con .tit dl{font-size:13px;padding:0 5px;}
.page_con .con p{font-size:14px;margin-bottom:10px;}
.page_con .share img{height:20px;}

.page_con .show_pre_next{margin:20px 0;border-bottom:none;}
.page_con .show_pre_next li{width:100%;padding:10px 10px;border-bottom:1px solid #e8e8e8;}
.page_con .show_pre_next li:nth-child(2){border:none;text-align:left;border-bottom:1px solid #e8e8e8;}
.page_con .show_pre_next li:nth-child(3){text-align:left;}


.page_side{width:100%;padding:0 15px 20px; box-sizing:border-box;}
.page_side .tit{font-size:17px;margin-bottom:15px;}
.page_side li{margin-bottom:20px;}
.page_side li .txt h3{font-size:16px;margin:15px 0 10px;}
.page_side li .txt span{color:#646464;}	
}



/*==========================润邦作品2============================*/
.case_list2 li{width:49%;overflow:hidden;box-shadow: 0px 5px 16px 0px rgba(0, 0, 0, 0.15);position:relative;margin-bottom:.35rem; cursor:pointer;}
.case_list2 li:before{position:absolute;content:'';left:-1rem; top:50%; transform:translateY(-50%);width:0;height:4rem;background:rgba(0,0,0,.45);border-radius:100%;transition: all .5s;opacity:0;}
.case_list2 li .pic{overflow:hidden; height:315px;}
.case_list2 li .pic img{width:100%; height:100%; object-fit:cover; display:block; }
.case_list2 li .txt{position:absolute;width:2.2rem;left:20px;top:50%; transform:translateY(-50%);opacity:0;transition: all .5s;}
.case_list2 li .txt h3{font-weight:normal;font-size:.18rem;color:#fff;margin-top:.2rem;width:100%; text-align:center; opacity:0.8;}
.case_list2 li .txt p{color:#fff;margin:.15rem 0 .2rem;width:100%;text-align:center;opacity:0.8;}
.case_list2 li .txt .btn img{width:40px;}

.case_list2 li .txt .img{width:.8rem;height:.8rem;border-radius:100%;border:2px solid #fff;overflow:hidden;}
.case_list2 li .txt .img img{width:100%;height:100%;object-fit:cover;display:block;}
.case_list2 li .sjs b{display:inline-block;text-align:center;color:#fff;margin-top:10px; font-weight:normal;}

.case_list2 li:hover:before{width:4rem;opacity:1;}
.case_list2 li:hover .txt{opacity:1;}



@media only screen and (max-width: 768px){
.case_list2{padding:0 15px; box-sizing:border-box;}
.case_list2 li{width:100%;margin-bottom:20px;}
.case_list2 li:before{left:-80px; width:300px;height:300px;opacity:1;}
.case_list2 li .pic{height:220px;}
.case_list2 li .txt{width:200px;left:0;opacity:1;}
.case_list2 li .txt h3{font-size:16px;margin-top:10px;}
.case_list2 li .txt p{font-size:13px;margin:10px 0 15px;}
.case_list2 li .txt .btn img{display:none;}

.case_list2 li .txt .img{width:50px;height:50px;}
.case_list2 li .sjs b{margin-top:5px; }
	
}


/*==========================润邦作品grid布局============================*/
.case_list_grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:.35rem}
.case_list_grid li{overflow:hidden;box-shadow: 0px 5px 16px 0px rgba(0, 0, 0, 0.15);position:relative; cursor:pointer;}
.case_list_grid li:before{position:absolute;content:'';left:-1rem; top:50%; transform:translateY(-50%);width:0;height:4rem;background:rgba(0,0,0,.45);border-radius:100%;transition: all .5s;opacity:0;}
.case_list_grid li .pic{overflow:hidden; height:315px;}
.case_list_grid li .pic img{width:100%; height:100%; object-fit:cover; display:block; }
.case_list_grid li .txt{position:absolute;width:2.2rem;left:20px;top:50%; transform:translateY(-50%);opacity:0;transition: all .5s;}
.case_list_grid li .txt h3{font-weight:normal;font-size:.18rem;color:#fff;margin-top:.2rem;width:100%; text-align:center; opacity:0.8;}
.case_list_grid li .txt p{color:#fff;margin:.15rem 0 .2rem;width:100%;text-align:center;opacity:0.8;}
.case_list_grid li .txt .btn img{width:40px;}

.case_list_grid li .txt .img{width:.8rem;height:.8rem;border-radius:100%;border:2px solid #fff;overflow:hidden;}
.case_list_grid li .txt .img img{width:100%;height:100%;object-fit:cover;display:block;}
.case_list_grid li .sjs b{display:inline-block;text-align:center;color:#fff;margin-top:10px; font-weight:normal;}

.case_list_grid li:hover:before{width:4rem;opacity:1;}
.case_list_grid li:hover .txt{opacity:1;}



@media only screen and (max-width: 768px){
.case_list_grid{grid-template-columns:1fr; gap:20px;}	
.case_list_grid{padding:0 15px; box-sizing:border-box;}
.case_list_grid li{width:100%; }
.case_list_grid li:before{left:-80px; width:300px;height:300px;opacity:1;}
.case_list_grid li .pic{height:220px;}
.case_list_grid li .txt{width:200px;left:0;opacity:1;}
.case_list_grid li .txt h3{font-size:16px;margin-top:10px;}
.case_list_grid li .txt p{font-size:13px;margin:10px 0 15px;}
.case_list_grid li .txt .btn img{display:none;}

.case_list_grid li .txt .img{width:50px;height:50px;}
.case_list_grid li .sjs b{margin-top:5px; }
	
}




/*==========================润邦作品内容页============================*/
.fenxiang{ position:relative;color:#727272;}
.fenxiang i{font-size:.22rem;color:#727272;}
.fenxiang .ewm{ position:absolute;width:1.2rem;border:1px solid rgba(204,204,204,1);top:24px;left:0; display:none;}
.fenxiang .ewm img{ width:100%;}
.fenxiang:hover .ewm{display:block;}

.case_show_box{padding:.8rem 0 .3rem;}
.case_show_box .left{width:calc(100% - 320px);}
.case_show_box .con{position:relative;height:7.4rem; overflow:hidden;background:#212121;}
.case_show_box .con .item{width:100%;height:calc(100% - .0rem);position:absolute;top:0;left:0;}
/*--.case_show_box .con .item li img{max-width:100%;max-height:100%;display:block;}*/
.case_show_box .con .item li img{max-width:100%;max-height:100%;display:block;}

.case_show_box .left .desc{ position:absolute;bottom:0;left:0;width:100%;background:#191919;padding:.3rem .3rem ;box-sizing:border-box; z-index:22;}
.case_show_box .left .desc strong{display:block;margin-bottom:15px;color:#fff;font-size:16px;}
.case_show_box .left .desc p{line-height:1.6;color:#fff;text-align:justify;}

.case_show_box .con .sy{ position:absolute; left:0; right:0;bottom:2.2rem; z-index:6; opacity:1;}
.case_show_box .con .sy img{ max-width:100%;}


.case_show_box .con .item .draw_h {width:50px !important;height: 50px !important;}
.case_show_box .con .item .swiper-button-next{background: url(../images/banner_left1.png) center no-repeat;opacity: .8;right: 1%;}
.case_show_box .con .item .swiper-button-prev{background: url(../images/banner_right1.png) center no-repeat; opacity: .8;left: 1%;}
.case_show_box .con .item .swiper-button-next,.case_show_box .con .item .swiper-button-prev{opacity:1; }

.case_show_box .tabs1{position:absolute;bottom:0;left:0;width:100%;background:rgba(0,0,0,.45); z-index:222;}
.case_show_box .tabs1 a{width:14.2%;line-height:1rem;color:#fff;font-size:.24rem;text-align:center;}
.case_show_box .tabs1 a.active{background:var(--main_color);}

.case_show_box .right{width:285px;}
.case_show_box .right .pic{overflow:hidden;}
.case_show_box .right .pic img{width:100%;display:block;}
.case_show_box .right .btn_yy a{display:block;width:100%;line-height:.46rem;background:var(--main_color);color:#fff;text-align:center;border-radius:4px;margin:.15rem 0 .3rem;font-size:.2rem;font-weight:bold;}
.case_show_box .right .wz h3{color:#454041;font-size:.25rem;margin-bottom:.15rem;}
.case_show_box .right .wz h3 strong{font-weight:normal;font-size:.18rem;margin-left:15px;}
.case_show_box .right .wz span{display:block;color:#0a0204;line-height:1.8;}
.case_show_box .right .txt{padding:0;box-sizing:border-box;margin-top:.25rem;}
.case_show_box .right .txt h4{color:#272424;font-size:.17rem;margin-bottom:.15rem;}
.case_show_box .right .txt p{margin-bottom:0.1rem;color:#6a6565;}
.case_show_box .right .txt p strong{color:#272424;margin-right:20px;}

.case_show_anli li{width:49%;box-shadow: 0px 5px 16px 0px rgba(0, 0, 0, 0.15);background:#fff;margin-bottom:.35rem;}
.case_show_anli li .pic{width:55%;overflow:hidden; }
.case_show_anli li .pic img{width:100%;height:100%;object-fit:cover;display:block; transition:all .5s;}
.case_show_anli li:hover .pic img{ transform:scale(1.1,1.1);}

.case_show_anli li .txt{width:45%;padding:.3rem .3rem;box-sizing:border-box; position:relative;}
.case_show_anli li .txt span{display:block;width:40px;height:4px;background:var(--main_color);}
.case_show_anli li .txt h3{font-size:.16rem;color:#3c3737;font-weight:normal;margin:.1rem 0 .15rem;}
.case_show_anli li .txt dd{color:#61595a;line-height:1.6;}
.case_show_anli li .sjs{width:.65rem;height:.65rem;text-align:center;margin:.3rem 0;}
.case_show_anli li .sjs .img{idth:100%;height:100%;overflow:hidden;border-radius:100%;}
.case_show_anli li .sjs img{width:100%;height:100%;object-fit:cover;}
.case_show_anli li .sjs p{color:#3c3737;margin-top:10px;}
.case_show_anli li .txt .btn{position:absolute;right:.2rem;bottom:.2rem;}
.case_show_anli li .txt .btn img{width:35px;}

@media only screen and (max-width: 768px){
.fenxiang{height:36px;line-height:36px;}
.fenxiang i{font-size:16px;}
.fenxiang .ewm{width:80px;height:80px;left:-8px;top:30px;}

.case_show_box{padding:25px 15px; box-sizing:border-box;}
.case_show_box .left{width:100%;}
.case_show_box .con{height:auto; position:relative; }
.case_show_box .left .desc{padding:15px 10px 15px; position:relative;}
.case_show_box .left .desc strong{margin-bottom:5px;}
.case_show_box .left .desc p{line-height:1.6;color:#fff;text-align:justify;}
.case_show_box .con .item { position:relative; height:100%;}
.case_show_box .con .item .draw_h {width:35px !important;height: 35px !important;}
.case_show_box .con .item .swiper-button-next,.case_show_box .con .item .swiper-button-prev{top:45%;background-size:25px auto}

.case_show_box .tabs1 a{line-height:60px;font-size:14px;}

.case_show_box .right{width:100%;margin-top:20px;}
.case_show_box .right .btn_yy a{line-height:42px;margin:15px 0 20px;font-size:15px;}

.case_show_box .right .wz h3{font-size:22px;margin-bottom:10px;}
.case_show_box .right .wz h3 strong{font-size:15px;margin-left:10px;}
.case_show_box .right .txt{padding:0;margin-top:20px;}
.case_show_box .right .txt h4{font-size:15px;margin-bottom:20px;}
.case_show_box .right .txt p{margin-bottom:15px;font-size:13px;}
.case_show_box .right .txt p strong{margin-right:15px;}	
	
.case_show_anli{padding:0 15px;box-sizing:border-box;}	
.case_show_anli li{width:100%;margin-bottom:20px;}
.case_show_anli li .pic{width:100%;order:1;}

.case_show_anli li .txt{width:100%;padding:20px 20px;order:2;}
.case_show_anli li .txt span{width:35px;}
.case_show_anli li .txt h3{font-size:17px;margin:10px 0 15px;}

.case_show_anli li .sjs{width:50px;height:50px;margin:20px 0;}
.case_show_anli li .txt .btn{right:20px;bottom:20px;}
.case_show_anli li .txt .btn img{width:30px;}
	
	
}


/*==========================设计师列表2============================*/
.sjs_grid{display:grid; grid-template-columns:repeat(2,1fr); gap:.35rem }
.sjs_list_box li{ overflow:hidden;position:relative; box-shadow: 0px 5px 16px 0px rgba(0, 0, 0, 0.15);}
.sjs_list_box li .pic{overflow:hidden;}
.sjs_list_box li .pic img{width:100%;display:block; transition:all .5s;}
.sjs_list_box li .txt{position:absolute;left:10%;top:50%; transform:translateY(-50%);text-align:right;transition:all .5s; width:45%;}

.sjs_list_box li .txt h3{ color:#fff;font-size:.2rem;display:inline-block;/*padding-bottom:10px;border-bottom:2px solid var(--main_color);*/margin-bottom:.15rem;text-align:right;}
.sjs_list_box li.qianse .txt h3{color:#000;}
.sjs_list_box li .txt .con{height:80px; overflow:hidden;}
.sjs_list_box li .txt p{color:rgba(255,255,255,.5);line-height:2;text-align:right;}
.sjs_list_box li.qianse .txt p{color:#555;}
.sjs_list_box li .txt .name img{height:.45rem;margin-top:.15rem;}
.sjs_list_box li .btn{position:absolute;right:5%;top:10%; }
.sjs_list_box li:hover .pic img{ transform:scale(1.1,1.1);}
.sjs_list_box li:hover .txt{left:8%;}


@media only screen and (max-width: 768px){
.sjs_grid{ grid-template-columns:1fr; gap:20px }
.sjs_list_box{padding:0 15px; box-sizing:border-box;}
.sjs_list_box li{width:100%;}
.sjs_list_box li .txt{width:80%;left:15px;top:50%; transform:translateY(-50%);text-align:left;}
.sjs_list_box li .txt h3{font-size:16px;margin-bottom:10px;padding-bottom:5px;text-align:left;}
.sjs_list_box li .txt .con{height:56px;}
.sjs_list_box li .txt p{font-size:12px;line-height:1.6;text-align:left;}
.sjs_list_box li .txt .name img{height:25px;margin-top:10px;}
.sjs_list_box li .btn{display:none;}
}



/*==========================设计师内容页============================*/
.sjs_show_box{padding:.8rem 0 .3rem;}
.sjs_show_box .pic{width:600px;overflow:hidden;}
.sjs_show_box .pic img{width:100%;display:block;}
.sjs_show_box .txt{width:calc(100% - 700px);position:relative;}
.sjs_show_box .txt .tit{padding-bottom:10px;border-bottom:2px solid #bcbcbc;margin:.3rem 0;}
.sjs_show_box .txt .tit h3{display:inline-block;font-size:.34rem;color:#282828;position:relative;}
.sjs_show_box .txt .tit h3:before{position:absolute;content:'';bottom:-12px;left:0;width:100%;height:2px;background:var(--main_color);}
.sjs_show_box .txt .tit h3 strong{font-weight:normal;font-size:.2rem;color:#312e2e;margin-left:15px;}
.sjs_show_box .txt .tit span{display:inline-block;font-size:.16rem;color:#595252;margin-left:25px;}
.sjs_show_box .txt .con dl{margin-bottom:.25rem;}
.sjs_show_box .txt .con dl strong{display:inline-block;color:#000;margin-bottom:10px;}
.sjs_show_box .txt .con dl p{text-align:justify;line-height:1.8;color:#595757;}
.sjs_show_box .txt .btn a{display:block;width:120px;line-height:36px;border-radius:4px;background:var(--main_color);color:#fff;text-align:center;margin-top:.3rem;transition:all .5s;}
.sjs_show_box .txt .btn a:hover{border-radius:36px;}
.sjs_show_box .txt .sjs{position:absolute;bottom:0;left:0;}
.sjs_show_box .txt .sjs li{width:23.5%;margin-right:2%;overflow:hidden;}
.sjs_show_box .txt .sjs li:nth-child(4n){margin-right:0;}
.sjs_show_box .txt .sjs li img{width:100%;display:block; transition:all .5s;}
.sjs_show_box .txt .sjs li:hover img{ transform:scale(1.1,1.1);}


@media only screen and (max-width: 768px){
.sjs_show_box{padding:30px 15px 20px;box-sizing:border-box;}
.sjs_show_box .pic{width:100%;}
.sjs_show_box .txt{width:100%;margin-top:10px;position:static;}
.sjs_show_box .txt .tit{margin:15px 0;}
.sjs_show_box .txt .tit h3{font-size:20px;}
.sjs_show_box .txt .tit h3 strong{font-size:14px;margin-left:10px;}
.sjs_show_box .txt .tit span{font-size:13px;margin-left:20px;}
.sjs_show_box .txt .con dl{margin-bottom:15px;}
.sjs_show_box .txt .con dl strong{margin-bottom:5px;}
.sjs_show_box .txt .con dl p{}
.sjs_show_box .txt .btn a{margin-top:20px;}
.sjs_show_box .txt .sjs{position:static;margin-top:25px;}
.sjs_show_box .txt .sjs li{width:23.5%;margin-right:2%;overflow:hidden;}
.sjs_show_box .txt .sjs li:nth-child(4n){margin-right:0;}
.sjs_show_box .txt .sjs li img{width:100%;display:block;}	
}


/*===设计师预约弹窗====*/
.tc{transition:all ease 300ms;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999999; display:flex; flex-direction:column; justify-content:center;align-items:center;}
.tc{ pointer-events: none;  filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;transform:scale(1.1);}
.tc.act{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;  pointer-events: auto;transform:scale(1);}
.tc-bg {height: 100%;background: rgba(0,0,0,.8);position: absolute;top: 0;left: 0;width: 100%;z-index: 0;}

.yuyue_order{width:5.5rem; height:5.8rem; padding:.5rem .5rem; background:#fff; border-radius:10px; box-sizing:border-box; position:absolute; top:0; left:0; right:0; bottom:0; z-index:2; margin:auto;}
.yuyue_order .close{position:absolute; top:20px; right:10px; cursor:pointer;}

.yuyue_order .tit{text-align:center;margin:10px 0 30px;}
.yuyue_order .tit h3{font-size:.36rem;color:var(--main_color);margin-bottom:20px;}
.yuyue_order .tit p strong{font-size:16px;color:var(--main_color);}
.yuyue_order .info{ line-height:1.8; font-size:.16rem; color:#888; border-bottom:solid 1px #ddd; padding-bottom:.25rem; margin-bottom:.25rem;}

.yuyue_order ul{display:flex; justify-content:space-between; flex-wrap:wrap;}
.yuyue_order li{text-align:center;font-size:14px; margin-bottom:.15rem; width:100%;}
.yuyue_order li i{color:var(--main_color);margin-right:5px;}
.yuyue_order input,.yuyue_order select{padding:.15rem;width:100%; box-sizing:border-box;outline:none;
    border: 1px solid rgba(204,204,204,.65);
    border-radius: 2px; font-size:14px;
}
.yuyue_order textarea{padding:.2rem;width:100%; box-sizing:border-box;border: 1px solid rgba(204,204,204,.65); height:1.25rem; border-radius: 2px; font-size:14px; font-family:"微软雅黑";}
.yuyue_order .form-group {width:100%;}
.yuyue_order .form-group input{width:49%; margin-right:1%;  margin-bottom:.2rem;}

.yuyue_order .submit{ border:none; font-size:.18rem; cursor:pointer; text-align:center; color:#fff; background:var(--main_color); border-radius: 3px; transition:0.3s all; width:100%; height:.5rem; line-height:.5rem;margin:20px 0 10px;}
.yuyue_order .submit:hover{}
@media screen and (max-width:768px) {
.yuyue_order{width:85%; height:auto; padding:25px 15px 20px; border-radius:5px; position:absolute; top:50%; transform:translateY(-40%); left:0; right:0; bottom:auto; z-index:2;box-sizing:border-box;}
.yuyue_order .close{ top:15px; right:15px; }
.yuyue_order .info{ line-height:1.8; font-size:12px; height:auto; margin-bottom:10px; border-bottom:0;}

.yuyue_order .tit{margin:10px 0 20px;}
.yuyue_order .tit h3{font-size:20px;margin-bottom:15px;}
.yuyue_order .tit p strong{font-size:14px;color:var(--main_color);}

.yuyue_order li{width:100%;font-size:10px; margin-bottom:10px; width:100%;}

.yuyue_order input,.yuyue_order select{padding:12px 15px; border-radius: 3px; font-size:14px;}
.yuyue_order .submit{ border:none; font-size:16px; width:100%; height:40px;margin:10px 0 10px; }
.yuyue_order textarea{padding:12px 15px;width:100%; box-sizing:border-box;border: 1px solid rgba(0,0,0,.1); height:120px; border-radius: 3px; font-size:14px; font-family:"微软雅黑";}

}






/*分页*/
.pages_num {padding:20px 0px; text-align:center; font-size:13px;margin-top:20px;}
.pages_num a {display:inline-block; width:30px; height:30px; line-height:30px; background:#e8e8e8; margin:0 1px;text-align:center; margin-bottom:10px;}
.pages_num a.a1 { background:#e8e8e8; width:60px; padding:0; }
.pages_num a.page_view {background:var(--main_color); color:#fff;}
.pages_num a:hover{background:var(--main_color);  color:#fff; text-decoration:none; }
.pages_go { line-height:30px;overflow:hidden; margin-left:5px;}
.pages_go .input1 {margin-right: 5px; height:28px;width:25px; text-align:center; background:#fff; border:solid 1px #ddd;}
.pages_go .sure_btn { margin:-1px 0 0 0px; background:var(--main_color); cursor:pointer; color:#666; height: 32px; width:50px; border: 0px solid #ddd;font-size: 13px; color: #fff;}
.pages_go .sure_btn:hover{background:var(--main_color);  color:#fff; }