@charset "utf-8";
* { word-wrap: break-word; outline: none; margin: 0; padding: 0; }
body { min-width: 1200px; margin: 0; padding: 0; font-size: 14px; line-height: 24px; background: #f4f4f4; -webkit-text-size-adjust: none; color: #3e3a39; font: 14px "helvetica neue", helvetica, "pingfang sc", 微软雅黑, tahoma, arial, sans-serif !important; }
section, ul, ol, li, dl, dt, dd, p, form, input, button, select, h1, h2, h3, h4 { margin: 0; padding: 0; }
input, select, textarea, button { font-size: 14px; line-height: 16px; font-family: inherit; }
img { border: 0; user-select: none; }
a img { pointer-events: auto; }
ul, ol, li { list-style-type: none; }
cite, em, i { font-style: normal; }
a { cursor: pointer; color: #3e3a39; text-decoration: none; transition: color 0.3s linear 0s, background-color 0.3s linear 0s; }
/*元素过度效果*/
.case-list li, .designer-list li, .floating_kf dl dd, .tab .tab-nav li, .pinpai .container .content .box, .start-product-content, .gundong .artlist li { -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s }
.index_tab1 .active, index_tab1 .indextab { animation-duration: 0.5s; -webkit-animation: fade-in 0.5s; }
/*元素过度效果*/
::-webkit-scrollbar {
 width: 10px;
	/*滚动条宽度*/
	height: 10px/*滚动条高度*/
}


/*定义滚动条轨道 内阴影 圆角*/

::-webkit-scrollbar-track {
	/*滚动条的背景区域的内阴影*/
	box-shadow: 0px;
	/*滚动条的背景区域的圆角*/
	border-radius: 0px;
	/*滚动条的背景颜色*/
	background-color: #333;
}


/*定义滑块 内阴影 圆角*/

::-webkit-scrollbar-thumb {
	/*滚动条的内阴影*/
	box-shadow: 0px;
	/*滚动条的圆角*/
	border-radius: 10px;
	/*滚动条的背景颜色*/
	background-color:#f00;
}
}
a:hover { color: #f68318; text-decoration: none; }
.imga { display: block; }
.imga img { display: block; width: 100%; }
.imgh { position: relative; width: 100%; height: 0; padding-top: 75%; }
.imgh img, .trbl { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.fl { float: left; display: inline; }
.fr { float: right!important; }
.cl { clear: both; }
.tc { text-align: center; }
.tl { text-align: left; }
.tr { text-align: right; }
.fb { font-weight: bold; }
.fn { font-weight: normal; }
.submit { cursor: pointer; }
.red, .red a, a.red { color: #d80b19; }
.f3e, .f3e a, a.f3e { color: #3e3a39; }
.fff, .fff a, a.fff { color: #ffffff; }
.f44, .f44 a, a.f44 { color: #444444; }
.f66, .f66 a, a.f66 { color: #666666; }
.f88, .f88 a, a.f88 { color: #888888; }
.f99, .f99 a, a.f99 { color: #999999; }
.f3e a:hover, a.f3e:hover, .fff a:hover, a.fff:hover, .f44 a:hover, a.f44:hover, .f66 a:hover, a.f66:hover, .f88 a:hover, a.f88:hover, .f99 a:hover, a.f99:hover { color: #d80b19; }
h3, .f18 { font-size: 18px; }
.f16 { font-size: 16px; }
h4, .f14 { font-size: 14px; }
.f12 { font-size: 12px; }
.fari { font-family: arial, helvetica, sans-serif; }
.tran, .scale img { transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -moz-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.scale:hover img { transform: scale(1.06); }
.clearfix, .column { zoom: 1; }
.clearfix:after, .column:after { content: "."; display: block; clear: both; height: 0; font: 0/0 sans-serif; visibility: hidden; }
#end { margin-right: 0; }
.hr, .hrline { height: 1px; clear: both; font-size: 1px; line-height: 1px; }
.hrline { background: #d2d2d2; }
.hr10 { height: 10px; clear: both; font-size: 1px; line-height: 1px; }
.hr15 { height: 15px; clear: both; font-size: 1px; line-height: 1px; }
.hr20 { height: 20px; clear: both; font-size: 1px; line-height: 1px; }
.hr30 { height: 30px; clear: both; font-size: 1px; line-height: 1px; }
pre, .pre { margin: 0; white-space: pre-wrap; word-wrap: break-word; font-family: inherit; }
.break { white-space: nowrap; word-wrap: break-word; display: inline-block; }
.ellipsis { display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.clamp { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.inline { display: inline-block; *display:inline;
 *zoom:1;
vertical-align: middle; }
.dis { display: block; }
.none, #cnzz { display: none; }
.ove { overflow: hidden; }
.vis { overflow: visible; }
.posr { position: relative; }
.posa { position: absolute; }
.column-100 { width: 100%; height: auto; margin: 0 auto; }
.wrap { width: 100%; min-width: 1200px; height: auto; margin: 0 auto; }
.column { width: 1200px; height: auto; margin: 0 auto; }
.ny_body { width: 1200px; margin: auto; }
.column-l { float: left; display: inline; width: 890px; min-height: 100px; }
.column-r { float: left; display: inline; width: 290px; margin-left: 18px; border: 1px solid #cfcfcf; background: #fff; }
.fffcolumn { overflow: hidden; }
.fffcolumn .column-l { width: 848px; padding: 20px; padding-bottom: 9999em; margin-bottom: -9999em; background: #fff; border: 1px solid #cfcfcf; }
.fffcolumn .btline { position: relative; width: 890px; background: #cfcfcf; }
.headerwrap { background: #fff; }
.header { z-index: 99; top: 0; left: 0; border-bottom: 0px solid #d80b19; background: #fff; }
.header .head_tel { float: right; padding: 30px 0 0 50px }
.header .logo { }
.header .logo img { margin-top: 15px; }
.nav { color: #333; margin-left: 0px; margin-top: 0px; float: right; }
.nav li { float: left; display: inline; width: 90px; margin: 0 1px; }
.nav li a { position: relative; display: block; height: 100px; line-height: 100px; font-size: 14px; text-align: center; }
.nav li a:hover { color: #fff !important; background: #deae6d }
.nav li:last-child a { }
.nav li a i.home { float: left; margin: 24px 0; }
.nav li a i.hot { position: absolute; z-index: 9; top: 14px; right: -15px; width: 23px; height: 14px; background:  no-repeat; }
.nav li.cur a, .nav li:hover a { /*color: #fff;*/ }
.nav li.cur, .nav li:hover { /*border-bottom: 0px solid #d80b19;*//* background: #deae6d*/ }
.nav li:hover a { }
.nav_bot a { line-height: 50px !important; height: 50px !important; text-align: center; color: #fff !important;font-weight: 100; }
.nav_bot a:hover { background: #2c2c2c }
 .nav li.pro>a:before { display: none; }
.nav li div { box-shadow: 0px 5px 8px rgba(0,0,0,.1); display: none; padding-bottom: 7px; position: absolute; z-index: 100; width: 90px; background: #353535; }
.nav li:hover div { display: block; }
.dang { display: none; }
.cur .dang { display: block !important; content: ""; left: 0; /*color: #fff !important;background: #deae6d;*/ }
 .nav li a { color: #4e4e4e!important; font-family: 黑体!important; display: block; position: relative; margin: 0 auto; padding: 0 12px; }
.nav_bot a:before { bottom: 0px !important; }
.nav li a:before { /*background: #b8131e;*/ position: absolute; border-top-left-radius: 5px; border-top-right-radius: 5px; content: ""; bottom: 20px; height: 2px; left: 50%; right: 50%; -webkit-transition-property: left, right; -moz-transition-property: left, right; -ms-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.nav li.cur0 a:before, .nav li a:hover:before { left: 0; right: 0; }
.headerwrap { box-shadow: 0 5px 8px rgba(0,0,0,.1); z-index: 965; position: relative; }
.isite { float: left; background:  center left no-repeat; padding-left: 25px; }
.iliwu { float: left; }
.iliwu a { margin: 0 5px; }
.iliwu a:hover { color: #f3340c; }
.itel { float: left;/* background:  center left no-repeat; padding-left: 30px; margin-left: 20px;*/ }
.wxa { float: left; background:  center left no-repeat; padding-left: 30px; margin-left: 20px; }
.iwap { float: left; background:  center left no-repeat; padding-left: 25px; margin-left: 20px; }
.footer { overflow: hidden; width: 100%; padding-top: 0px; border-top: 0px solid #aca8a8; background: #3e3a39  no-repeat center top; height: 280px; padding-bottom: 0px; }
.footer h2 { float: none; clear: both; margin-bottom: 20px; }
.footer ul { border: none; margin: 0; padding: 0; color: #fff; }
.footer a { color: #fff; }
.footer ul.footer_nav { font-size: 18px; line-height: 2.5em; float: left; margin-top: 50px; width: 330px; text-align: left; }
.footer ul.footer_nav a { font-size: 18px; margin: 0 5px; line-height: 2.5em; display: inline-block; }
.footer ul.footer_linker { float: right; width: 350px; margin-top: 50px; }
.footer_taobao { float: left; margin-left: 100px; margin-top: 88px; }
.footer_taobao a { display: block; width: 120px; text-align: center; height: 120px; float: left; margin: 0 10px; }
.footer_taobao a img { width: 118px; height: 118px; }
.footer ul { }
.footer ul li { text-align: left; line-height: 2em; font-size: 16px; }
.main_footer_bottom { text-align: center; background: #363636; padding: 5px 0px; color: #fff; }
.footer .f_nav { overflow: hidden; width: 100%; }
.footer .f_nav li { float: left; font-size: 14px; padding: 0 23px; border-right: 1px solid #444; }
.footer .f_nav li:first-child { padding-left: 0; }
.footer .f_nav li a { color: #fff; }
.footer .f_nav li.last { border: none }
.footer .info { float: left; margin-top: 35px; margin-left: 40px; }
.footer .info p { font-size: 13px; line-height: 24px; color: #fff; }
.footer .info p a { color: #fff; }
.footer .ewm { overflow: hidden; float: right; margin-left: 10px; margin-top: 20px; }
.footer .ewm img { display: block; margin-bottom: 10px; }
.footer .ewm p { font-size: 13px; color: #fff; text-align: center }
.hsubcat { overflow: hidden; padding: 0px 0; background: #fff; height: 85px; border-bottom: solid #d80b19 1px; }
.hsubcat p { margin: 30px 0 0 30px; }
.hsubcat a { float: left; margin: 0px; font-size: 18px; font-family: "microsoft yahei"; display: block; padding: 0 60px; border: solid 1px #ddd; line-height: 55px; }
.hsubcat .cur { background: #f5f5f5; }
.minitop { background: #353535; height: 25px; overflow: visible; }
.minitop .column { padding-top: 5px; }
.minitop, .minitop a { color: #c3c3c3; font-size: 12px; }
.minitop .fl { }
.minitop .fl b { color: #fff; font-weight: normal; }
.minitop .fl .citys { margin-left: 5px; cursor: pointer; display: inline-block; position: relative; color: #f68318; }
.minitop .fl .citys a { color: #fff; margin: 0 5px; }
.minitop .fl .citys a:hover { color: #f68318; }
body .minitop .fl .citys>a { color: #e85940; }
.minitop .fl .citys div { display: none; position: absolute; width: 440px; z-index: 10000; padding-top: 8px; top: 20px; left: 0px; background: url(/uploads/image/sdimages/33.png) no-repeat 30px 9px; }
.minitop .fl .citys div p { background: #353535; margin-top: 10px; padding: 6px; }
.minitop .fl .citys:hover0 div {
display: block;
}
.minitop .fl a { display: inline-block; }
.minitop .fr a { display: inline-block; }
.minitop .fr a.wxa { position: relative; cursor: pointer; }
.minitop .fr a.wxa div { display: none; z-index: 100; position: absolute; left: -30px; top: 40px; }
.minitop .fr a.wxa div img { width: 120px; }
.minitop .fr a.wxa:hover div { display: block; }
.zt_show { min-height: 1000px; background: #fff; }
.zt_show img { display: block; margin: auto; max-width: 100%; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; }
.indextit .column { display: none; }
.indextit>a { display: block; text-align: center; padding-top: 30px; }
.indextit>a img { max-width: 100%; }
.indextit { height: auto!important; padding-bottom: 20px; background: #fff; }
.body { background: #fff; }
.indextit { clear: both; min-width: 1200px; height: 69px; margin-bottom: 30px; border-bottom: 1px solid #d8d8d8; line-height: 69px; }
.indextit h2 { position: relative; float: left; height: 69px; border-bottom: 1px solid transparent; font-weight: normal; font-size: 20px; font-weight: 600; }
.designer-name span { font-weight: 400 !important; font-size: 14px !important; }
.indextit h2:after { content: ""; position: absolute; left: 0; bottom: -1px; width: 80px; height: 1px; background: #d80b19; }
.indextit2 h2:after { width: 140px; }
.indextit h2 span { padding: 0 2px; font-weight: bold; color: #d80b19; }
.indextit p { color: #999; }
.indextit p span { padding: 0 5px; font-size: 18px; vertical-align: bottom; color: #c9c9c9; }
.indextit .more { float: right; width: 60px; height: 30px; margin-top: 26px; background: /*tpa=http://www.xtdtzc.com/skin/default/images/index.png*/ -60px 0 no-repeat; text-indent: -999em; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.indextit .more:hover { background-position: -60px -30px; }
.indextit .cate { height: 53px; line-height: 61px; }
.indextit .cate a { margin: 0 8px; font-weight: 500; }
.indextit .cate a:hover { color: #fa9e32; }
.iplayer, .iplayer li a { height: 600px; overflow: hidden; background: center no-repeat; }
.icasetit { padding-bottom: 30px; text-align: center; }
.icasetit ul { display: inline-block; }
.icasetit ul li { float: left; margin: 0 10px; padding: 0 20px; border: 1px solid #e1e1e1; background: #fff; line-height: 32px; cursor: pointer; -webkit-transition: all .5s; transition: all .5s; }
.icasetit ul li:first-child { margin-left: 0; }
.icasetit ul li:last-child { margin-right: 0; }
.icasetit ul li.on, .icasetit ul li:hover { border: 1px solid #d80b19; background: #d80b19; color: #fff; }
.icasetit ul li.on a, .icasetit ul li:hover a { color: #fff; }
.icasecon { width: 100%; height: 335px; overflow: hidden; }
.iteam { position: relative; height: 398px; }
.iteam .bd { width: 470px; height: 398px; overflow: hidden; }
.iteam .bd .imga { width: 266px; height: 398px; }
.iteam .bd .imga img { height: 398px; }
.iteam .bd .info { width: 164px; height: 398px; padding: 0 20px; background: #fff; color: #444; }
.iteam .bd .info .name { margin: 50px 0 20px; font-size: 24px; }
.iteam .bd .info p { max-height: 40px; margin: 10px 0; line-height: 20px; }
.iteam .bd .info .order { position: relative; display: block; width: 180px; height: 36px; margin: 30px -8px 20px; background: #d80b19; line-height: 36px; text-align: center; color: #fff; }
.iteam .bd .info .order i { position: absolute; left: 60%; width: 30px; height: 30px; margin-top: 3px; background:  -210px 0 no-repeat; transition: all ease-out .3s; vertical-align: middle; filter: alpha(opacity=0); opacity: 0; }
.iteam .bd .info .order:hover { border-color: #f44336; background: #f44336; color: #fff; text-indent: -20px; }
.iteam .bd .info .order:hover i { margin-left: 20px; filter: alpha(opacity=100); opacity: 1; }
.iteam .hd { position: relative; width: 730px; height: 398px; overflow: hidden; }
.iteam .hd li { float: left; width: 178px; height: 197px; margin: 0 0 4px 4px; overflow: hidden; }
.iteam .li .imga { height: 197px; overflow: hidden; }
.iteam .li .imga img { height: 197px; }
.iteam .li .bg { opacity: .5; filter: alpha(opacity=50); visibility: visible; background: #000; }
.iteam .li .more { opacity: 0; visibility: hidden; position: absolute; top: -100%; left: 50%; width: 30px; height: 30px; margin: -15px; background:  -180px 0 no-repeat; text-indent: -999em; }
.iteam .li a:hover .bg, .iteam .li.on a .bg { opacity: 0; filter: alpha(opacity=0); visibility: hidden; }
.iteam .li a:hover .more, .iteam .li.on a .more { opacity: 1; visibility: visible; top: 50%; }
.building-list { height: 440px; overflow: hidden; }
.building-list ul { width: 105%; }
.building-list li { float: left; width: 585px; margin: 0 30px 30px 0; overflow: hidden; }
.building-img { width: 284px; height: 200px; overflow: hidden; }
.building-img img { width: 100%; height: 100%; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; }
.building-img:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.building-info { width: 251px; height: 150px; padding: 25px; background: #fff; position: relative; }
.building-ti { height: 40px; overflow: hidden; font-size: 20px; }
.building-ti a { color: #333; }
.building-bar { width: 251px; height: 28px; margin-bottom: 10px; background:  no-repeat center center; position: relative; }
.building-bar span { display: block; width: 70px; height: 28px; border-radius: 4px; background-color: #c1181b; font-size: 12px; color: #fff; text-align: center; line-height: 28px; position: absolute; top: 0; right: 0; }
.building-bar em { display: block; width: 251px; height: 28px; background:  no-repeat left center; position: relative; }
.building-con { font-size: 14px; color: #999; line-height: 28px; }
.building-btn { display: block; width: 124px; height: 28px; font-size: 14px; background: #d80b19; color: #fff; text-align: center; line-height: 28px; position: absolute; bottom: 0; right: 25px; z-index: 9; }
.building-btn:hover { background: #f44336; color: #fff; }
.khjz-list { position: relative; width: 1210px; height: 480px; overflow: hidden; }
.khjz-list ul { height: 412px; overflow: hidden; }
.khjz-list ul li { float: left; width: 232px; height: 412px; margin-right: 10px; }
.khjz-list ul li img { width: 232px; height: 412px; }
.sj_x { height: 27px; margin-top: 24px; }
.sj_x p { height: 27px; vertical-align: middle; margin-right: 6px; display: inline; }
.sj_x p a { display: inline-block; height: 27px; width: 27px; }
.sj_x .nobot { margin-right: 0px; }
.sj_x .p01 { width: 597px; height: 27px; background: /*tpa=http://www.xtdtzc.com/skin/default/images/sj_x.gif*/ repeat-x left center; }
.sj_x .p01 a { padding-left: 570px; }
.sj_x .p02 { width: 597px; height: 27px; background: /*tpa=http://www.xtdtzc.com/skin/default/images/sj_x.gif*/ repeat-x right center; }
.sj_x .p02 a { padding-right: 570px; }
.inews { height: 340px; }
.inews_fl { float: left; width: 800px; background: #fff; overflow: hidden; }
.inews_fl_b { padding: 15px 20px; overflow: hidden; }
.botitle { position: relative; height: 17px; padding-bottom: 18px; border-bottom: solid 1px #e7e7e7; }
.botitle .last { position: relative; display: inline-block; font-size: 14px; font-family: "microsoft yahei"; font-weight: bold; height: 20px; line-height: 20px; vertical-align: top; cursor: pointer; margin-left: 1px; }
.botitle .last:hover { color: #f00!important; }
.botitle .arrow { position: absolute; display: none; width: 0; height: 0; border-top: solid 6px #fff; border-right: solid 6px #fff; border-bottom: solid 6px #d80b19; border-left: solid 6px #fff; left: 42%; bottom: 0; }
.botitle .on { padding-bottom: 14px; border-bottom: solid 3px #d80b19; overflow: hidden; color: #d80b19; }
.botitle .on .arrow { display: block; }
.botitle .line2 { color: #c8c8c8; padding: 0 6px; font-size: 12px; height: 20px; line-height: 20px; vertical-align: top; }
.botitle .more { position: absolute; top: 0; right: 10px; line-height: 32px; font-size: 12px; color: #d80b19; text-decoration: none; font-family: "宋体", arial, helvetica, sans-serif; }
.botitle .more:hover { color: #f00!important; }
.last_con { margin-top: 20px; overflow: hidden; }
.inewsslider { float: left; position: relative; width: 372px; overflow: hidden; }
.inewsslider ul { width: 999em; }
.inewsslider li { float: left; width: 372px; display: inline; }
.inewsslider li .imga { position: relative; overflow: hidden; }
.inewsslider li .imga .tit { position: absolute; left: 0; right: 0; bottom: 0; height: 30px; line-height: 28px; padding: 2px; background: rgba(62,58,57,.8); filter:progid:dximagetransform.microsoft.gradient(startcolorstr=#7f000000, endcolorstr=#7f000000);
font-size: 14px; font-weight: normal; text-indent: 10px; color: #fff; }
.inewsslider li img { width: 372px; }
.inewsslider .btn { position: absolute; bottom: 30px; right: 30px; width: 30px; height: 30px; background:  -330px 0 no-repeat; text-indent: -999em; }
.inewsslider .next { right: 3px; background-position: -360px -30px; }
.inewsslider .prev:hover { background-position: -360px 0; }
.inewsslider .next:hover { background-position: -330px -30px; }
.dius { width: 360px; float: left; margin-left: 28px; }
.dius h2 { height: 22px; }
.dius h2 a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 16px; line-height: 22px; font-family: "microsoft yahei";  position:absolute;
}
.dius p { margin-top: 12px; height: 63px; text-indent: 2em; }
.dius p a { color: #d80b19 }
.baoming { height: 63px; line-height: 21px; overflow: hidden; color: #999; font-size: 13px; }
.dius ul { margin-top: 20px;  margin-top:0px;
}
.dius ul li { height: 18px; line-height: 18px; overflow: hidden; padding: 5px 0; }
.dius ul li a { background: rgba(0,0,0,0)  no-repeat scroll -2px -2px; color: #545454; display: block; font-size: 13px; font-family: "微软雅黑"; height: 18px; overflow: hidden; padding-left: 15px; }
.imtbd { float: right; width: 270px; }
.inews_fr { float: right; width: 370px; background: #fff; }
.inews_fr_b { }
.inews_list { padding: 14px 15px 5px; }
.inews h1 { border-bottom: 1px solid #ddd; font-size: 18px; font-weight: 600; color: #333; height: 40px; line-height: 40px; }
.inews_list ul li { padding-top: 5px; border-bottom: 1px solid #ddd; overflow: hidden; height: 82px; font-size: 14px; }
.inews_list ul li a { color: #646464; display: block; }
.inews_list ul li a:hover { text-decoration: underline; }
.inews_list .fl { width: 90px; height: 65px; margin-top: 5px; }
.inews_list .fl img { width: 90px; height: 65px; }
.inews_list .fr { width: 230px; font-size: 13px; line-height: 20px; }
.inews_list .seedetail { background: #d80b19; color: #fff; width: 66px; height: 24px; line-height: 24px; text-align: center; margin-top: 6px; }
.link { background: #fff; padding: 20px 0; }
.link h3 { float: left; padding-right: 20px; border-right: 1px dotted #8d8d8d; font-size: 14px; }
.link h3 a { color: #000; }
.link h3 p { font-size: 24px; color: #cecece; font-family: arial; }
.link ul { overflow: hidden; width: 770px; float: left; margin-left: 10px; }
.link li { float: left; margin: 0 10px; font-size: 13px; line-height: 30px; }
.link li a { color: #5d5d5d; }
.link .rk { float: right; line-height: 30px; font-size: 14px; color: #5d5d5d; }
.moduleimg, .moduleimg a { display: block; height: 400px; background-position: center center; background-repeat: no-repeat; }
.moduletop { padding: 32px 0 38px; line-height: 30px; }
.catelist { max-width: 1010px; text-align: right; }
.catelist li { display: inline-block; *display:inline;
 *zoom:1;
white-space: nowrap; word-wrap: break-word; vertical-align: middle; margin-left: 30px; font-size: 16px; }
.catelist li a { display: block; padding: 0 13px; background: #3e3a39; color: #fff; }
.catelist li a:hover, .catelist li a.cur { background: #d80b19; color: #fff; }
.moduletit { font-size: 18px; color: #444; }
.multiselect { background: #fff; padding: 20px 0; margin-bottom: 30px }
.multiselect_div { padding: 10px 0 10px 20px; }
.multiselect_div span { color: #313131; font-size: 18px; }
.multiselect_div span i { display: none; margin-left: 30px; font-style: normal }
.multiselect_div a { color: #313131; font-size: 16px; padding: 4px 6px; margin-left: 10px; }
.multiselect_div a:hover { color: #d80b19; }
.multiselect_div a.cur { background: #d80c18; color: #fff; }
.case-list { overflow: hidden; }
.case-list ul { width: 100%; }
.case-list li { width: 31%; ; float: left; margin: 10px; position: relative; overflow: hidden; }
/*.case-list li:nth-child(4n) { margin-right: 0; }*/
.case-img { width: 100%; height: 214px; overflow: hidden; }
.case-img img { width: 100%; height: auto; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.case-img:hover img {/* -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);*/ }
.case-list.self .designer { display: none; }
.case-list.self li { width: 275px; background: #fff; }
.case-list.self { margin-left: -10px; }
/*.case-list.self li:nth-child(4n) { margin-right: 20px; }*/
.case-info { background-color: #fff; /*box-shadow: 0 0 5px rgba(0,0,0,.2);*/ height: 108px; overflow: hidden; float: left; width: 70%; }
.case-info a { display: block; width: 187px; height: 24px; font-size: 17px; color: #333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.case-info span { margin: 10px 0; display: block; width: 88px; height: 2px; background-color: #d80b19; }
.case-info p { font-size: 13px; color: #000; }
.classify { padding: 0 45px 30px; }
.classify li { margin: 0 0 15px; padding: 0 0 0 159px; position: relative; }
.classify span { display: block; width: 110px; height: 40px; border-radius: 4px; background-color: #333; font-size: 16px; color: #fff; text-align: center; line-height: 40px; position: absolute; top: 0; left: 0; z-index: 9; }
.classify a { display: inline-block; height: 39px; margin: 0 30px 0 0; border-bottom: 1px #fff solid; font-size: 16px; color: #7a7878; line-height: 39px; }
.classify a.active { color: #df3040; border-bottom: 1px #df3040 solid; }
.designer { width: 30%; height: 108px; overflow: hidden; z-index: 1; opacity: 0; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; opacity: 0.9; float: left; }
.designer img { width: 100%; height: auto; }
.case-list li:hover .case-info { /*background-color: #f1eeee;*/ }
.case-list li:hover, .list_anli_new li:hover { box-shadow: 0 0 20px #d2d0d0; }
.case-list li:hover .designer { opacity: 1; top: 187px; }
.d-btn { display: block; width: 75px; height: 36px; border-radius: 4px; background-color: #df3040; text-align: center; font-size: 14px; color: #fff; line-height: 36px; position: absolute; top: 11px; right: -100%; z-index: 999; }
.d-btn:hover { background-color: #d80b19; color: #fff; }
.case-list li:hover .d-btn { right: 18px; }
.designer-list { /*overflow: hidden;*/ }
.designer-list ul { width: 100%; }
.designer-list li { width: 48%; float: left; margin: 0 20px 50px 0; background-color: #fff; }
.designer-list li:nth-child(4n) { margin-right: 0; }
.designer-img { position: relative; overflow: hidden; }
.designer-img img { width: 100%; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.designer-img:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.designer-btn { position: absolute; left: 0; bottom: 0; overflow: hidden; height: 40px; line-height: 40px; text-align: center; font-size: 14px; }
.designer-btn a { display: none; width: 138px; height: 40px; float: left; color: #fff; }
.designer-btn1 { background-color: #666; }
.designer-btn1:hover { background-color: #333; color: #fff; }
.designer-btn2 { background-color: #df3040; }
.designer-btn2:hover { background-color: #d80b19; color: #fff; }
.designer-list li:hover {/* background-color: #eee;*/ box-shadow: 0 0 20px #d2d0d0; }
.designer-list li:hover .designer-btn a { display: block; }
.designer-info { padding: 15px 15px 0; }
.designer-name { margin: 0 0 10px; overflow: hidden; }
.designer-name a { font-size: 18px; color: #040401; }
.designer-name span { float: right; font-size: 14px; color: #6f6f6f; }
.designer-name em { color: #333; }
.designer-info p { font-size: 14px; color: #6f6f6f; }
.zuopin p { margin: 10px 0; color: #000; font-size: 14px; font-weight: 400; }
.designer-info p span { color: #333; }
.designer-info p em { color: #d80b19; }
.house { background: #fff; margin-bottom: 50px; }
.house ul { padding: 0 20px; }
.house li { border-bottom: 1px dashed #ccc; padding: 30px 0; overflow: hidden; }
.house li .house_img { position: relative; float: left; width: 300px; height: 200px; overflow: hidden; }
.house li .house_img p { background: #d80b19; }
.house li .house_img img { width: 300px; height: 200px; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.house li .house_img:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.house_info { float: right; width: 512px; position: relative; }
.house_link { position: absolute; top: 0px; left: 550px; display: block; width: 150px; height: 36px; background: #d80b19; text-align: center; line-height: 36px; color: #fff; border-radius: 3px; }
.house_link:hover { background: #d80b19; color: #fff; }
.house_til { font-size: 28px; color: #313131; }
.house_til a { color: #313131; }
.house_til a:hover { color: #d80b19; }
.house_txt { font-size: 16px; color: #414141; margin-top: 30px; }
.house_txt div { margin-bottom: 10px; font-size: 12px; }
.house_txt div p { display: block; float: left; line-height: 21px; }
.house_txt div p.t { margin-left: 200px; }
.house_txt div p.t font { font-family: arial; }
.stage { overflow: hidden; margin: 0 auto; margin-top: 30px; height: 70px; }
.stage a { display: block; width: 13%; ; float: left; cursor: pointer; overflow: hidden; }
.stage a i { display: block; height: 6px; background: #ccc9c9; margin-top: -16px }
.stage a b { display: block; width: 24px; height: 24px; background: #ccc; z-index: 1; position: relative; border-radius: 50%; text-align: center; line-height: 24px; color: #fff; left: 50%; margin-left: -12px; font-size: 14px; font-family: arial; }
.stage a span { display: block; margin-top: 20px; text-align: center; font-size: 14px; color: #ccc9c9 }
.stage a.la i { border-radius: 4px 0 0 4px }
.stage a.lo i { border-radius: 0 4px 4px 0 }
.stage a.cur i { background: #d80b19 }
.stage a.cur b { background: #d80b19 }
.stage a.cur span { color: #d80b19 }
.stage a:hover b { background: #d80b19 }
.stage a:hover span { color: #d80b19 }
.stage_content h4 { color: #d80b19; font-size: 20px; line-height: 45px; margin: 20px 0; border-bottom: 1px solid #e4e4e4; }
.stage_fg { display: block; width: 2px; float: left; height: 58px }
.news { /*background: #fff;*/ margin-bottom: 50px; }
.news ul { padding: 0 20px; }
.news li { padding-top: 0px; overflow: hidden; }
.news li .news_img { float: left; width: 268px; height: 196px; overflow: hidden; }
.news li .news_img img { width: 268px; height: 196px; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.news li .news_img:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.news li .news_txt { float: none; width: 100%; }
.news li .news_img .news_txt { float: right; width: 550px; }
.news li .news_txt p { display: block; }
.news li .news_txt p.t { height: 30px; line-height: 30px; color: #313131 }
.news li .news_txt p.t a { display: block; float: left; font-size: 20px; color: #313131; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.news li .news_txt p.t a:hover { }
.news li .news_txt span { margin-left: 20px; float: left; display: block; background:  no-repeat left; padding-left: 25px; }
.news li .news_txt p.c { color: #787878; font-size: 14px; line-height: 25px; margin-top: 20px; text-indent: 2em; overflow: hidden; }
/*新增设计师，案例页面案例样式*/
.right_show .artlist h1 { font-size: 16px; }
.show_case .case-info { width: 100% !important; }
.show_case .case-info p { color: #777 !important; padding: 0 10px; }
.show_case .case-info .bt a { display: block; width: 46%; line-height: 40px; text-align: center; float: left; }
.show_case .case-info a { width: auto !important; padding: 0 10px; margin: 10px 0 5px 0; }
.show_case .case-info .bt .zuo { background: #d90000; line-height: 30px; color: #fff; width: 48% !important; margin: 0 1% !important; padding: 0; margin: 0; font-size: 14px; }
.show_case .case-info .bt .you { background: #333; line-height: 30px; color: #fff; width: 48% !important; margin: 0 1% !important; padding: 0; margin: 0; font-size: 14px; }
.show_case .case-info .bt, .show_case .case-info .bt a { height: 30px !important; }
.show_case .case-info .bt { margin: 10px auto; width: 260px; }
.right_show a img { width: 100%; }
/*新增设计师，案例页面案例样式*/

.news li .news_txt a.m:hover { color: #d80b19; border: 1px solid #d80b19; }
.news_li_fg { margin-top: 30px; height: 0px; border-bottom: 1px dashed #ccc }
.pager { text-align: center; clear: both; padding: 10px 0 30px; }
.pager a, .pager span { display: inline-block; background: #999; color: #fff; padding: 0px 8px; margin: 1px; line-height: 25px; }
.pager span { background: #d80b19; }
.pagelist { margin: 0 auto; height: 40px; clear: both; padding: 10px 0 30px; clear: both; }
.pagelist .cnt { margin: 0 auto; text-align: center; }
.pagelist span { display: inline; height: 40px; width: auto; background: #e2e2e2; color: #999999; padding: 5px 10px; margin-left: 5px; }
.pagelist span em { padding: 0 3px; color: #d80b19; font-weight: bold; }
.pagelist b { display: inline; background: #d80b19; color: #ffffff; height: 40px; width: 50px; padding: 5px 10px; margin-left: 5px; }
.pagelist a { display: inline; height: 40px; width: 50px; background: #e2e2e2; color: #999999; padding: 5px 10px; margin-left: 5px; }
.msgtitle { margin-bottom: 15px; border-bottom: 2px solid #e5e5e5; }
.msgtitle .tit { width: 890px; padding-bottom: 20px; font-weight: normal; line-height: 26px; text-align: center; font-size: 20px; color: #333; }
.msgtitle .np { float: right; width: 78px; height: 22px; border: 2px solid #999; margin-left: 10px; line-height: 22px; text-align: center; color: #999; }
.msgtitle .np:hover { border-color: #d80b19; background: #d80b19; color: #fff; }
.casestitle { }
.casestitle .tit { float: left; display: inline; width: auto; margin: 0 10px 0 0; }
.my-gallery { z-index: 0; position: relative; width: 100%; overflow: hidden }
.my-gallery .my-image-wrapper { position: relative; height: 600px; border: 1px solid #dfdfdf; overflow: hidden; background: #eee; }
.my-gallery .my-loader { position: absolute; z-index: 10; top: 48%; left: 48%; }
.my-gallery .my-next, .my-gallery .my-prev { position: absolute; right: 0; top: 0; width: 25%; height: 100%; cursor: pointer; z-index: 200 }
.my-gallery .my-prev { left: 0; }
.my-gallery .my-prev-image, .my-gallery .my-next-image { display: none; position: absolute; top: 50%; left: 12px; z-index: 101; background: ; width: 38px; height: 38px; margin-top: -19px; }
.my-gallery .my-next-image { background: ; right: 12px; left: auto }
.my-gallery .my-image { position: absolute; overflow: hidden; top: 0; left: 0; z-index: 9 }
.my-gallery .my-image-description { display: none; position: absolute; bottom: 0px; left: 0px; padding: 7px; width: 100%; z-index: 2; background: ; color: #000 }
.my-gallery .my-nav { position: relative; height: 64px; padding: 10px 250px 10px 100px; border: 1px solid #cfcfcf; border-top: none; }
.my-gallery .my-forward, .my-gallery .my-back { z-index: 10; position: absolute; left: 70px; top: 12px; width: 30px; height: 60px; background:  -450px 0 no-repeat; cursor: pointer; }
.my-gallery .my-forward { left: auto; right: 220px; background-position: -510px 0; }
.my-gallery .my-back:hover { background-position: -480px 0; }
.my-gallery .my-forward:hover { background-position: -540px 0; }
.my-gallery .my-controls { position: absolute; left: 0; top: 12px; width: 70px; line-height: 60px; text-align: center; font-size: 18px; color: #999; }
.my-gallery .my-controls .my-info span { font-size: 30px; color: #d80b19; }
.my-gallery .my-controls .my-slideshow-controls { display: none!important; }
.my-gallery .pubbtns { position: absolute; right: 18px; top: 24px; }
.my-gallery .my-thumbs { overflow: hidden; width: 100%; height: 64px; margin: 0 auto; }
.my-gallery .my-thumbs .my-thumb-list { float: left; width: 9000px; list-style: none }
.my-gallery .my-thumbs li { float: left; width: 94px; }
.my-gallery .my-thumbs li a { display: block; margin-right: 10px; }
.my-gallery .my-thumbs li a img { display: block; width: 80px; height: 60px; border: 2px solid transparent; }
.my-gallery .my-thumbs li a.my-active img { border-color: #d80b19; }
.my-preloads { position: absolute; left: -9000px; top: -9000px }
.pubbtns a { position: relative; float: left; width: 176px; height: 32px; margin-left: 14px; border: 2px solid #999; line-height: 32px; text-align: center; text-indent: 0; transition: all ease-out .3s; }
.pubbtns .book { border-color: #d80b19; background: #d80b19; color: #fff; }
.pubbtns a:after { content: ""; position: absolute; left: 60%; width: 30px; height: 30px; margin-top: 1px; background:  -150px -30px no-repeat; transition: all ease-out .3s; vertical-align: middle; filter: alpha(opacity=0); opacity: 0; }
.pubbtns a:hover { border-color: #f44336; background: #f44336; color: #fff; text-indent: -20px; }
.pubbtns a:hover:after { margin-left: 20px; filter: alpha(opacity=100); opacity: 1; }
table .casetd { background: #f2f2f2; }
.msgpagernp { margin: 20px 0; padding: 10px 0; border-top: 1px solid #d8d8d8; }
.msgpagernp .np { overflow: hidden; width: 45%; height: 30px; line-height: 30px; padding-right: 24px; background:  right center no-repeat; }
.casesinfo { overflow: hidden; padding: 0 10px; color: #999; }
.casesinfo .tit { margin-bottom: 13px; padding-left: 5px; border-left: 3px solid #333; font-size: 20px; color: #333; }
.casesinfo .cost { margin: 13px 0 20px; }
.casesinfo .cost span { padding: 2px 10px; background: #c5af75; font-size: 18px; color: #fff; }
.casesinfo .des .imga { position: relative; overflow: hidden; width: 100%; height: 360px; margin: 20px 0; }
.casesinfo .des .imga img { min-height: 360px; }
.casesinfo .des .workday { bottom: 45px; left: 0; padding: 0 10px; background: #d80b19; color: #fff; }
.casesinfo .des .info { position: absolute; left: 0; right: 0; bottom: 0; padding: 3px; background: rgba(0, 0, 0, 0.42); line-height: 30px; text-align: center; color: #fff; }
.casesinfo .des .info i { width: 30px; height: 30px; background:  -390px -60px no-repeat; }
.casesinfo .des .info .name { padding: 0 10px 0 4px; font-size: 20px; }
.casesinfo .des a:hover .info { background: rgba(196,38,29,.8); }
.casesinfo .ht { margin-top: 10px; line-height: 30px; font-weight: normal; color: #d80b19; font-size: 16px; }
.casesinfo .ht i { float: left; width: 30px; height: 30px; background:  -420px 0 no-repeat; }
.casesinfo .ht i.sjsm { background-position: -420px -30px; }
.casesinfo .note { padding-left: 30px; color: #999; }
.caseinfotab { margin: 5px 0 25px; padding: 30px; border: 1px solid #c9c9c9; background: #fff; }
.caseinfotab table { width: 100%; border-collapse: collapse; color: #4f4f4f; }
.caseinfotab th { vertical-align: baseline; width: 80px; padding: 6px 15px; border: 1px solid #c9c9c9; }
.caseinfotab td { vertical-align: text-top; padding: 6px 15px; border: 1px solid #c9c9c9; }
.caseinfotab td.fb { width: 80px; padding: 0 2px; text-align: center; font-weight: bold; }
.casebaojia { position: relative; padding: 20px 18px; margin-bottom: 25px; border: 1px solid #bfbfbf; background: #d9d9d9; color: #161616; }
.casebaojia .hd { margin-bottom: 20px; line-height: 40px; text-align: center; font-size: 24px; }
.casebaojia .hd i { width: 40px; height: 40px; margin-right: 5px; background:  -660px -120px no-repeat; }
.casebaojia form { margin-bottom: 14px; }
.baojia_form { width: 100%; clear: both; line-height: 36px; }
.casebaojia .result { height: 42px; padding: 20px 15px 10px; margin-bottom: 14px; border: 1px solid #898989; background: #fff; line-height: 42px; text-align: right; font-size: 20px; }
.casebaojia .result em { margin-right: 10px; font-size: 32px; color: #dc190e; }
.baojia_form .input-text { width: 226px; height: 30px; line-height: 30px; padding: 2px 10px; margin-bottom: 14px; border: 1px solid #c9c9c9; font-size: 14px; color: #444; background-color: #fff; }
.baojia_form .input-text:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6); }
.baojia_form .select { float: left; width: 72px; height: 34px; line-height: 34px; border-color: #c9c9c9; padding-left: 5px; margin: 0 12px 14px 0; }
.baojia_form .select:last-child { margin-right: 0; }
.baojia_form .submit { width: 248px; height: 45px; line-height: 45px; padding: 0; margin: 0; border: none; background: #d80b19; font-size: 18px; text-align: center; color: #fff; cursor: pointer; vertical-align: middle; transition: color 0.3s linear 0s, background-color 0.3s linear 0s, border-color 0.3s linear 0s; }
.baojia_form .submit:hover { background: #f00; color: #fff; }
.casebaojia .ftips { opacity: .43; text-align: center; font-size: 15px; }
.ban-style2 { padding: 20px 0; margin-bottom: 20px; width: 100%; }
.ban-style2 .col-l { float: left; width: 870px; }
.ban-style2 .info { overflow: hidden; height: 380px; }
.sjsbg { background: url(/uploads/image/img/sjsbg.jpg) center top no-repeat; background-size: auto 400px; }
.ban-style2 .info .pic { float: left; width: 250px; height: 352px; overflow: hidden; border: 4px solid #f5f5f5; margin-right: 40px; }
.ban-style2 .info .pic img { width: 250px; height: auto; }
.ban-style2 .info .txt { float: left; width: 540px; overflow: hidden; padding-top: 15px; color: #000; }
.ban-style2 .info .shejishi { height: 40px; border-bottom: 1px solid #eee; }
.ban-style2 .info .shejishi h3 { color: #fff; float: left; font-size: 25px; font-weight: 700; }
.ban-style2 .info .shejishi span { float: left; margin-left: 10px; width: 100px; height: 25px; line-height: 25px; background: #d80b19; color: #fff; font-size: 15px; text-align: center; border-radius: 12px; }
.ban-style2 .info .jianjie { margin-top: 10px; }
.ban-style2 .info .jianjie p { line-height: 33px; font-size: 16px; color: #fff; word-break: break-all; word-wrap: break-word; }
.ban-style2 .info .jianjie p span { width: 400px; max-height: 99px; line-height: 26px; color: #c1c1c1; font-size:14px; }
.ban-style2 .col-r { float: right; width: 245px; }
.aside-top { margin-bottom: 10px; background-color: #fff;  overflow: hidden; }
.aside-top form { border-top: none; }
.aside-top p { text-align: center; margin-bottom: 20px; color: #ccc; font-size:12px; font-weight:100; }
.aside-top img { display: block; }
.aside-top .tit { height: 60px; font-size: 26px; text-align: center; line-height: 60px; color: #fff; background-color: #d80b19; background: ; background-size: cover; height: 125px; font-size: 30px; text-align: left; line-height: 70px; text-indent: 29px; }
.aside-top form { padding-bottom: 10px; }
.aside-top form .input-text { padding: 3px; box-sizing: border-box; height: 47px; font-size: 14px; }
.sheji_form { padding-bottom: 12px; border-top: 0; font-size: 12px; text-align: center; }
.sheji_form .input-text { width: 85%; height: 29px; text-indent: 8px; border: 1px solid #dedede; margin-top: 8px; line-height: 28px; font-size: 14px; color: #444; background-color: #fff; }
.sheji_form .input-text:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6); }
.sheji_form .submit { width: 85%; ; height: 40px; line-height: 40px; border: 0; margin-top: 19px; font-size: 16px; text-align: center; color: #fff; background-color: #c89e68; cursor: pointer; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; }
.sheji_form .submit:hover { background-color: #f00; }
.all { border-bottom: 1px solid #ddd; margin: 15px 0; overflow: hidden; }
.all span { display: block; background: #fff; float: left; padding: 0 20px; height: 36px; line-height: 36px; text-align: center; font-size: 16px; color: #d80b19; border-top: 1px solid #d80b19; border-left: 1px solid #ddd; border-right: 1px solid #ddd; }
.allimgs { margin-bottom: 50px; }
.allimgs .title { margin-top: 12px; margin-left: -5px; }
.allimgs .shejishi { padding-left: 15px; padding-top: 12px; border-left: 1px dotted #d80b19; }
.allimgs .shejishi li { width: 281px; }
.allimgs .shejishi .case-img { width: 281px; }
.allimgs .shejishi .case-img img { width: 281px; }
.site-live-detail { padding: 18px; margin-bottom: 50px; background: #fff; box-sizing: border-box; }
.site-live-detail .live-a1 { padding: 18px 20px; border: 1px solid #d3d3d3; }
.site-live-detail .live-a1 .fl { width: 722px; }
.site-live-detail .live-a1 .fl h3 { font-size: 22px; color: #000; }
.site-live-detail .live-a1 .fl .aa { padding: 30px 0; border-bottom: 1px solid #e4e4e4; }
.site-live-detail .live-a1 .fl .aa span { float: left; padding-right: 40px; font-size: 14px; color: #666; line-height: 22px; }
.site-live-detail .live-a1 .fr { width: 250px; height: 280px; padding-left: 22px; border-left: 1px solid #e4e4e4; text-align: center; }
.site-live-detail .live-a2 h3 { font-size: 22px; color: #000; margin-top: 50px; }
.site-live-detail .live-a2 .main { margin-top: 30px; }
.left { width: 880px; margin-bottom: 50px; float: left; }
.right { width: 300px; float: right; }
.right .artlist {  }
.showart { padding: 10px 35px; background: #fff; width: 810px; height: auto; }
.showart .artcon { font-size: 14px; line-height: 22px; }
.article { background: #fff; }
.article_title_info { border-bottom: 1px solid #ddd; overflow: hidden; line-height: 40px; padding: 20px 0 10px; position: relative; text-align: center; }
.article_title_info { font-size: 24px; }
.article_title_right { line-height: 46px; text-align: center; }
.article_title_right span { color: #515151; }
.next_article_box { }
.artlist { /*margin-top: 20px;*/ background: #f5f5f5; padding: 10px 15px 5px; }
.artlist h1 { font-size: 14px; color: #333; height: 40px; line-height: 40px; }
.artlist h1 .num1 { font-family: 微软雅黑; font-size: 16px; -webkit-font-smoothing: antialiased;/*font-weight: bold; */ color: #333 }
.artlist ul li { padding-top: 5px; border-top: 1px solid #ddd; overflow: hidden; font-size: 14px; padding-bottom: 10px; }
.artlist ul li a { color: #646464; display: block; }
.artlist ul li a:hover { color: #c40000; }
.artlist .seedetail { float: right; background: #d80b19; color: #fff; width: 66px; height: 24px; line-height: 24px; text-align: center; }
.artlist .artlistl { width: 100px; height: 75px; margin-top: 5px; }
.artlist .artlistl img { width: 100px; height: 75px; background: red; }
.artlist .artlistr { width: 150px; }
.bg-about { margin-top: 40px; }
.about { text-align: center; }
.about .h-h2 { font-size: 28px; color: #000; padding: 0; margin: 0 0 10px 0; line-height: 1.5; }
.about .h-h2:after, .about .h-h2:before { display: inline-block; height: 1px; background-color: #ccc; margin: 0; padding: 0; content: ""; width: 60px; margin: 10px 20px; }
.about .m-sm { display: block; font-size: 16px; line-height: 1.5; color: #999; margin-bottom: 30px; }
.about .row { text-align: left; }
.about .row .fl { width: 600px; height: 449px; }
.about .row .fl img { width: 600px; height: 449px; }
.about .row .fr { width: 600px; height: 449px; background: #fff; }
.about .row .fr .pd { padding: 30px; }
.about .row .fr h3 { font-size: 20px; color: #d80b19; text-align: center; margin-bottom: 20px; }
.about .row .fr p { text-indent: 2em; font-size: 14px; font-family: "微软雅黑"; line-height: 1.9; margin-bottom: 14px; }
.bg-culture { background: #d80b19; margin-top: 60px; }
.culture { text-align: center; padding-top: 40px; padding-bottom: 40px; }
.culture .h-h2 { font-size: 28px; color: #fff; padding: 0; margin: 0 0 10px 0; line-height: 1.5; }
.culture .h-h2:after, .culture .h-h2:before { display: inline-block; height: 1px; background-color: #ccc; margin: 0; padding: 0; content: ""; width: 60px; margin: 10px 20px; }
.culture .m-sm { display: block; font-size: 16px; line-height: 1.5; color: #ddd; margin-bottom: 30px; }
.culture .row { text-align: left; }
.culture .row .fl { width: 600px; height: 449px; background: #fff; }
.culture .row .fl .pd { padding: 30px; }
.culture .row .fl h3 { position: relative; width: 100px; height: 40px; font-size: 25px; color: #333; text-align: center; margin: 20px auto 30px; }
.culture .row .fl h3:after { display: block; content: ""; position: absolute; width: 100px; height: 4px; left: 0; bottom: 0; background: #d80b19; }
.culture .row .fl p { text-indent: 2em; font-size: 18px; font-family: "微软雅黑"; line-height: 2; }
.culture .row .fl p.t { color: #d80b19; font-weight: 600; margin-top: 20px; }
.culture .row .fr { width: 600px; height: 449px; }
.culture .row .fr img { width: 600px; height: 449px; }
.bg-brand { margin-top: 50px; margin-bottom: 50px; }
.brand { text-align: center; }
.brand .h-h2 { font-size: 28px; color: #000; padding: 0; margin: 0 0 10px 0; line-height: 1.5; }
.brand .h-h2:after, .brand .h-h2:before { display: inline-block; height: 1px; background-color: #ccc; margin: 0; padding: 0; content: ""; width: 60px; margin: 10px 20px; }
.brand .m-sm { display: block; font-size: 16px; line-height: 1.5; color: #999; margin-bottom: 30px; }
.brand .row ul { margin: 0 auto; padding: 0; border-top: 1px solid #eee; }
.brand .row ul li { float: left; display: inline; margin: 0; padding: 0; width: 239px; height: 138px; border-right: 1px solid #eee; border-bottom: 1px solid #eee; }
.brand .row ul li img { width: 240px; height: 138px; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; cursor: pointer; }
.brand .row ul li img:hover { -webkit-filter: grayscale(0%); }
.ztcontact { margin-bottom: 50px; }
.ztcontact .baidumap { width: 500px; height: 412px; }
.ztcontact .txtarea { width: 600px; height: 312px; padding: 50px; background: #fff; }
.ztcontact .txtarea h2 { line-height: 50px; font-size: 18px; font-weight: 600; }
.ztcontact .txtarea .line { border-left: 75px solid #d80b19; }
.ztcontact .txtarea p { margin: 10px 0; }
.fixed-db { position: fixed; bottom: 0; z-index: 100; width: 100%; height: 76px; background: rgba(0,0,0,0.7) none repeat scroll !important; background: #000; filter: alpha(opacity=90); cursor: pointer; }
.fixed-db .mx { position: relative; top: -44px; width: 965px; margin: 0 auto; overflow: hidden; }
.fixed-db .mx .img { float: left; margin-left: 50px; }
.fixed-db .mx .hand { position: relative; float: left; margin-top: 50px; margin-left: 50px; }
.animate-bounce-up { background-image: ; background-position: -45px -47px; width: 42px; height: 47px; position: absolute; top: 12px; left: -10px; }
.dot { width: 16px; height: 16px; display: block; margin-left: 11px; margin-top: 10px; background-position: -43px -48px; }
.dot_animate { position: absolute; top: 10px; right: 42px; width: 38px; height: 38px; display: block; }
.dot_animate img { height: 100%; }
.dot_animate { animation: myfirst 1s; -moz-animation: myfirst 1s; -webkit-animation: myfirst 1s; -o-animation: myfirst 1s; animation-iteration-count: infinite; }
 @keyframes myfirst { 0% {
 width:0;
 height:0;
 top:19px;
 left:19px;
}
 25% {
 width:9.5px;
 height:9.5px;
 top:13.5px;
 left:13.5px;
}
 50% {
 width:19px;
 height:19px;
 top:9px;
 left:9px;
}
 50% {
 width:28.8px;
 height:28.5px;
 top:4.5px;
 left:4.5px;
}
 100% {
 width:38px;
 height:38px;
 top:0;
 left:0;
}
}
.floating_kf { position: fixed; right: 20px; top: 18%; z-index: 9000; box-shadow: 1px 1px 30px 1px rgba(0,0,0,0.3); }
.floating_kf dl dd { position: relative; width: 80px; height: 80px; background-color: #fff; border-bottom: solid 1px #cecece; text-align: center; background-repeat: no-repeat; background-position: center 20%; cursor: pointer; z-index: 999; }
.floating_kf dl dd:hover { background-color: #e70012; border-bottom: solid 1px #d40212; }
.floating_kf dl dd:hover span { color: #fff; }
.floating_kf dl dd:hover .floating_left { display: block; box-shadow: 1px 1px 30px 1px rgba(0,0,0,0.3); }
.consult { background-image: ; }
.quote { background: ; background-repeat: no-repeat; }
.qrcord { background-image: ; position: relative; }
.wxgt { background-image: ; position: relative; }
.return { background-image: ; }
.consult:hover { background-image: ; }
.wxgt:hover { background-image: ; }
.quote:hover { background: ; background-repeat: no-repeat; background-position: center 8px; }
.qrcord:hover { background-image: ; position: relative; }
.return:hover { background-image: ; }
.consult:hover span { color: #fff }
.quote:hover span { color: #fff }
.qrcord:hover span { color: #fff }
.return:hover span { color: #fff }
.floating_kf dd span { color: #666; display: block; padding-top: 45px; }
.floating_ewm { visibility: hidden; position: absolute; bottom: -1px; left: 80px; width: 160px; height: 260px; background-color: #e70012; transform: scale(0); -webkit-transform: scale(0); transition: all ease .3s; -webkit-transition: all ease .3s; transform-origin: left bottom; -webkit-transform-origin: left bottom; }
.floating_ewm i { display: block; width: 101px; height: 103px; margin: auto; margin-top: 20px; }
.floating_ewm p { color: #fff; margin-top: 5px; }
.floating_ewm .qrcord_p01 { font-size: 12px; line-height: 20px; }
.floating_ewm .qrcord_p02 { font-size: 18px; margin-top: 15px; }
.qrcord:hover .floating_ewm { visibility: visible; transform: scale(1); -webkit-transform: scale(1); }
.tan_body { height: auto; padding-top: 200px; display: none; }
.tan_main { pointer-events: auto; margin: 0 auto; box-shadow: 0 0 12px #b3b3b3; width: 700px; height: 420px; padding: 20px; position: relative; background-color: #fff; }
.tan_main_m { border: 1px dashed #b3b3b3; height: 420px; }
.tan_top { margin: 0 auto; margin-top: -127px; }
.tan_top a { display: block; margin: 0 auto; text-align: center; }
.tan_top_right { position: absolute; top: 0px; right: 0px; }
.tan_left { float: left; margin-top: 25px; margin-left: 50px; width: 330px; height: 395px; position: relative; }
.tan_left h2 { font-size: 20px; float: left; }
.tan_left p { font-size: 12px; float: left; margin-top: 5px; margin-left: 10px; color: #666; font-family: "微软雅黑"; }
.tan_left p font { color: #ff5a00; padding: 0 2px; }
.tan_left_b { width: 445px; height: 280px; clear: both; position: absolute; left: 0px; top: 30px; }
.tan_left_b li { float: left; margin-top: 10px; list-style: none; }
.tan_left_b p { color: #000; line-height: 30px; }
.color_gold { color: #ff491b; padding-left: 20px; padding-right: 5px; font-size: 9px; }
.tan_left_input { border: 1px solid #cecece; width: 200px; height: 30px; line-height: 30px; padding: 0 5px; }
.tan_left_select { display: inline; border: 1px solid #cecece; width: 65px; height: 30px; line-height: 30px; margin-right: 5px; }
.tan_left_select:last-child { margin-right: 0; }
.tan_button { margin-left: 125px; margin-top: 30px; line-height: 40px; text-align: center; background: #d4333f; width: 240px; height: 40px; border-radius: 5px; cursor: pointer; }
.tan_button a { color: #fff; }
.tan_right { float: right; padding-top: 27px; margin: 0 auto; width: 270px; height: 420px; text-align: center; }
.tan_right a img { width: 120px; height: 120px; }
.tan_right p { font-size: 9px; margin-top: 5px; }
.tan_right .tel { color: #e70012; font-size: 20px; margin-top: 10px; margin-bottom: 5px; }
.tan_right b { font-size: 12px; font-weight: normal; height: 30px; line-height: 30px; margin-bottom: 20px; }
.tan_right_btn { margin: 0 auto; border: 1px solid #e70012; width: 180px; height: 30px; line-height: 30px; text-align: center; }
.tan_right_btn a { color: #e70012; font-size: 16px; }
.ff_red_btn { border: 0; width: 210px; height: 36px; line-height: 36px; font-size: 16px; font-weight: bold; letter-spacing: 2px; background: #e70012; color: #fff; margin: 10px auto 0 50px; }
.ff_title { color: #ff491b; font-size: 12px; margin-left: 20px; font-weight: bold; }
/*#popformtan { pointer-events: none; position: fixed; z-index: 99; top: 0; left: 0; display: none; width: 100%; height: 100%; background: rgba(0,0,0,0); }
.ie6 { display: none; *display:block;
 *z-index:999999;
 *position:absolute;
 *top:expression(eval(document.documentelement.scrolltop));
 *width:100%;
 *background:#fff;
 *text-align:center;
 *color:red;
 *line-height:40px;
}*/
#lrminiwin0 span:nth-child(2) { display: none!important; }
#sohucs #sohu_main .module-cmt-footer { display: none!important; }
.wow { visibility: hidden; }
.pos { font-size: 16px; padding: 6px 0; background: #fff; text-indent: 20px; margin-bottom: 10px; }
.artcon { padding: 20px; }
.artcon, .artcon * { font-size: 18px; line-height: 2em; font-family: "microsoft yahei"; color: #000; }
.artcon, .artcon p, .artcon div { text-indent: 2em; }
.artcon img { margin: auto; display: block; width: auto; max-width: 90%; height: auto; }
.slidebox { overflow: hidden; position: relative; background: none!important; }
.slidebox .hd { height: 15px; overflow: hidden; position: absolute; width: 100%; bottom: 5px; z-index: 1; }
.slidebox .hd ul { overflow: hidden; zoom: 1; text-align: center; }
.slidebox .hd ul li { display: inline-block; overflow: hidden; text-align: left; text-indent: -10000px; margin: 0 5px; width: 80px; height: 5px; line-height: 14px; opacity: 0.6; background: #fff; cursor: pointer; }
.slidebox .hd ul li.on { background: #f00; color: #fff; }
.slidebox.fouse .hd { height: 15px; overflow: hidden; position: absolute; width: 100px; bottom: 5px; z-index: 1; }
.slidebox.fouse .hd ul li { display: block; float: left; overflow: hidden; text-align: center; margin: 0 1px; width: 15px; height: 15px; line-height: 14px; opacity: 0.9; background: #fff; cursor: pointer; }
.slidebox .bd { position: relative; height: 100%; z-index: 0; }
.slidebox .bd li a { display: block; background: center no-repeat;/* background-size: auto 100%;*/ }
.slidebox .bd li { display: block; height: 100%; zoom: 1; vertical-align: middle; }
.slidebox .prev, .slidebox .next { position: absolute; left: 3%; top: 50%; margin-top: -25px; display: block; width: 32px; height: 40px; font-size: 64px; color: #fff; cursor: pointer; font-family: ''; filter: alpha(opacity=50); opacity: 0.1; }
.slidebox .next { left: auto; right: 3%; background-position: 8px 5px; }
.slidebox:hover .btn { filter: alpha(opacity=100); opacity: 0.8; }
/*底部内容*/
.foot { background: #212121; padding-top: 50px; padding-bottom: 50px; }
.foot ul li ul { margin: 23px; padding-left: 0px; }
.foot ul li ul li { margin-bottom: 4px; list-style-type: none; }
.foot .container ul li a { color: #797979; }
.foot .container ul li .num1 { margin-bottom: 14px; }
.foot .container ul li .num1 a { color: #fff; }
.foot .container .wx div { color: #b9b9b9; }
.foot .container ul li a:hover { color: #b8b8b8; }
.foot .container .wx li { text-align: center; }
.foot .container .wx li img { display: block; width: 70%; margin: auto; margin-bottom: 10px; }
.foot .container .wx li span { margin-top: 10px; }
.foot .container .lx img { width: 28px; }
.foot .container .lx .box { margin: 25px 0; color: #fff; }
.foot .container .lx p { color: #eee; font-size: 14px; font-weight: 100; line-height: 30px; }
.foot .container .lx p i { color: #fff; font-size: 20px; margin-right: 20px; line-height: 30px }
.foot .container .lx h3 { color: #d88e21; font-size: 24px; font-weight: 600; padding-left: 10px; }
.last { background: #212121; width: 100%; height: 50px; display: flex; justify-content: center; align-items: center; }
.last span { color: #a2a2a2; }
.container { width: 1200px; margin: auto; }
.xb6 { width: 50%; }
.layout { width: 100%; }
.xb3 { width: 25%; }
.xb3 { width: 25%; }
.float-left { float: left!important; }
/*底部浮动*/
.footer_float { width: 100%; height: 85px; background: #d00018; position: fixed; bottom: 0; z-index: 999; }
.f_f_box { height: 100%; margin: 0 auto; box-sizing: content-box; }
.f_f_box>div { height: 100%; float: left; }
.f_f_box .f_l, .f_f_box .f_r { width: 30%; color: #f6f6f6; text-align: center; }
.f_f_box .f_l img { width: auto; position: fixed; display: block; z-index: 2; margin-top: -77px; }
.f_f_box .f_l h3, .f_f_box .f_l p { float: left; }
.f_f_box .f_r { width: 7%; position: relative; }
.f_f_box h3 { font-weight: 400; font-size: 20px; margin-top: 23px; color: #e4af61; }
.f_f_box p span { color: #ffffff; }
.f_f_box .f_r h3, .f_f_box .f_r p { font-size: 12px; text-align: left; }
.f_f_box .f_r h3 { letter-spacing: 0; margin-top: 30px; color: #fff; line-height: 10px; }
.f_f_box .f_r p { letter-spacing: 1px; }
.f_f_box .f_r p span { color: #e4af61 }
.f_f_box .f_c { width: 63%; }
.f_c .book { width: 100%; height: 100%; position: relative; }
.f_c .book dd { display: inline-block; width: 24%; margin-bottom: 10px; margin-right: 0.5%; padding: 0px; }
.f_c .book dd>span { display: block; height: 40px; }
.f_c .book dd>span>span { top: 3px; }
.f_c .book .m_t { margin-top: 25px; }
.f_c .book dd input { width: 100%; outline: none; border: none; line-height: 40px; height: 40px; text-indent: 0.8em; border-radius: 7px; text-align: left; }
 .f_c .book dd input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #333;
}
 .f_c .book dd input:-moz-placeholder, textarea:-moz-placeholder {
color: #333;
}
 .f_c .book dd input::-moz-placeholder, textarea::-moz-placeholder {
color: #333;
}
 .f_c .book dd input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: #333;
}
.f_c .book .last { position: absolute; right: 16%; top: 16px; width: 10%; margin: 0; height: 70px; }
.f_c .book .last1 { top: 25px; margin: 0; height: 40px; }
.f_c .book .last1 .bon { border-radius: 7px; width: 100%; height: 100%; border: none; color: #fff; background: #d78d20; font-size: 18px; letter-spacing: 2px; text-align: center; }
/* .f_c .book .last .btm{background-image: ;background-size: cover;} */
.f_c .book .last1 .bon:hover { opacity: 0.8; filter: alpha(opacity=80); }
.footer_float .togg { position: absolute; right: 10px; top: 50%; font-size: 30px; line-height: 22px; color: #aeadad; cursor: default; transform: translatey(-50%); }
.footer_float .togg:hover { color: #fff }
.footer_float .getshow { position: fixed; bottom: 0; left: -100px; height: 100px; }
.footer_float .getshow img { height: 100%; }
.bot_txt { float: right; width: 190px }
.xuanfu_img_left { width: auto; position: absolute; display: block; z-index: 2; bottom: 0px; background: url(/uploads/image/sdifiles/bot_img1.png) no-repeat; width: 248px; height: 151px; }
@media only screen and (min-width: 1280px) {
.f_f_box { padding: 0 8%; }
.f_f_box h3 { letter-spacing: 1px }
.f_f_box p { letter-spacing: 2px }
}
/*底部浮动*/
/*友情链接*/
.wrap_link { background: #f8f8f8; }
.link_content { width: 1200px; height: auto; margin: 0 auto; }
.link_detail { width: 100%; height: auto; padding-top: 20px; }
.link_content .link_column_name { width: 100%; height: 48px; line-height: 14px; padding: 23px 0 12px 0; border-bottom: 1px #eee solid; -webkit-box-sizing: border-box; }
.link_content .link_column_name p { width: auto; float: left; margin-right: 23px; cursor: pointer; }
.link_content .link_column_name p.cur { height: 25px; border-bottom: 2px #dd4f50 solid; }
.link_content .link_list { padding: 0 0 14px; }
.link_content .link_list a { width: auto; height: 12px; display: inline-block; float: left; padding: 0 20px 10px 0; color: #999; }
.weizhi span a { color: #e5c297 }
.foot_tel { height: 30px; width:30pxdisplay: block;
float: left; ; }
.foot_map img { width: 28px !important; float: left; }
.lianxifangshi p { line-height: 23px; }
/*弹出报价*/
.tanchu { box-sizing: border-box; display: none; background: rgba(0, 0, 0, 0.56); height: 100%; top: -10px; left: 0; bottom: 0; right: 0; margin: auto; overflow: hidden; position: fixed; width: 100%; z-index: 999; transition: left 0.8s, transform 0.8s; }
.tanchu_body { width: 400px; height: 596px; overflow: hidden; background:  no-repeat; margin: 10% auto auto auto; }
.tanchu .submit { width: 350px; line-height: 50px; text-align: center; color: #fff; background: #d50000; border: none; margin: auto; display: block; margin-top: 10px; }
.tanchu h3 { font-weight: 500; }
.tanchu em { font-style: normal; }
.tanchu-flex { display: flex; width: 100%; }
.tanchu-left { float: left; margin: auto; width: 240px; margin-top: 95px; }
.tanchu-left-head { }
.tanchu-left-head h3 { color: #000; font-size: 21px; margin-bottom: 13px; }
.tanchu-left-head span { font-size: 14px; }
.tanchu-left-form { overflow: hidden; width: 100%; }
.tanchu-left-formcon { display: flex; justify-content: space-between; margin-bottom: 12px; position: relative; width: 100%; }
.tanchu-left-formcon input, .tanchu-left-formcon select { -moz-appearance: none; border: 1px solid #dcdcdc; box-sizing: border-box; color: #000; font-size: 14px; height: 30px; padding-left: 10px; line-height: 30px; }
.tanchu-left-formcon select { background: rgba(0, 0, 0, 0) url(/uploads/image/img/down.png) no-repeat scroll right center; }
.tanchu-left-formcon span.pf { color: #000; font-size: 16px; line-height: 37px; position: absolute; right: 15px; }
.tanchu-left-form1 select, .tanchu-left-form1 input { width: 100%; border-radius: 8px; }
.tanchu-left-form2 select { width: 147px; }
.tanchu-left-form3 select { width: 96px; }
.tanchu-fg { float: left; height: 328px; margin: 0 7px; position: relative; width: 102px; }
.tanchu-fgx { border-left: 1px dashed #6f6f6f; height: 328px; margin: 0 auto; width: 1px; }
.tanchu-fg-but { background: #fff none repeat scroll 0 0; display: flex; height: 102px; margin-top: -51px; position: absolute; top: 50%; width: 102px; }
@-webkit-keyframes zhuan { 0% {
transform:rotate(0deg);
}
100% {
transform:rotate(-360deg);
}
}
.tanchu-fg-butrotate { animation: 2s linear 0s normal none infinite running zhuan; background: rgba(0, 0, 0, 0) url(/uploads/image/img/zhuan_img.png) no-repeat scroll center center; height: 102px; left: 0; position: absolute; top: 0; width: 102px; }
.tanchu-fg-but a { background: #167acf none repeat scroll 0 0; border-radius: 50%; box-sizing: border-box; color: #fff; display: block; font-size: 19px; height: 69px; margin: 16.5px auto; padding: 10px; position: relative; text-align: center; width: 69px; z-index: 2; }
.tanchu-right { float: left; margin: auto 0; overflow: hidden; width: 314px; }
.tanchu-right-head { font-size: 20px; margin-bottom: 15px; line-height: 88px; text-align: right; padding-right: 80px; }
.tanchu-right-head em { color: #333; font-size: 30px; font-weight: 900; }
.tanchu-right-main { border: 0px solid #d8d8d8; box-sizing: border-box; display: flex; height: 158px; width: 100%; }
.tanchu-right-miancon { display: table; margin: 16px auto 0; }
.tanchu-right-miancon p { color: #333; font-size: 18px; line-height: 32px; }
.tanchu-right-sub { background: rgba(0, 0, 0, 0) url(/uploads/image/img/pop_up_click.png) no-repeat scroll center center; display: block; height: 58px; margin: 20px auto; position: relative; width: 238px; }
.tanchu-right-sub i { animation: 2s linear 0s normal none infinite running zhuan; background: rgba(0, 0, 0, 0) url(/uploads/image/img/pop1.png) no-repeat scroll center center; display: block; height: 31px; left: 14px; margin-top: -15.5px; position: absolute; top: 50%; width: 30px; }
.tanchu-close { margin-left: 170px; left: 50%; background: rgba(0, 0, 0, 0) url(/uploads/image/img/close.png) no-repeat scroll center center; cursor: pointer; height: 35px; position: absolute; right: 0px; width: 35px; }
.tanchu-maincen { box-sizing: border-box; display: none; width: 100%; }
.tanchu-maincen-jgleft { float: left; margin-left: 30px; max-width: 343px; overflow: hidden; }
.tanchu-maincen-jgleft-head { color: #000; font-size: 25px; margin-bottom: 17px; text-align: center; }
.tanchu-maincen-jgleft-head em { color: #ef2c39; font-size: 35px; }
.tanchu-maincen-jgleft-main { border: 1px solid #d8d8d8; box-sizing: border-box; display: flex; height: 193px; margin: 0 auto; overflow: hidden; width: 314px; }
.tanchu-maincen-jgleft-main div { display: table; margin: 32.5px auto 0; }
.tanchu-maincen-jgleft-main p { color: #333333; font-size: 18px; line-height: 32px; }
.tanchu-maincen-jgleft-dibz { color: #828282; font-size: 13px; margin: 5px 0; }
.tanchu-maincen-zixun { background: #ef2c39 none repeat scroll 0 0; border-radius: 5px; color: #fff; display: block; font-size: 20px; line-height: 35px; margin: 0 auto; text-align: center; width: 185px; }
.tanchu-maincen-jgright { border-left: 1px dashed #717171; float: right; height: 331px; width: 402px; }
.tanchu-maincen-jgright-head { background: rgba(0, 0, 0, 0)  no-repeat scroll center center; height: 68px; margin: 0 auto; width: 309px; }
.tanchu-jgright-point { align-items: flex-end; display: flex; margin: 15px auto 0; overflow: hidden; width: 310px; }
.tanchu-jgright-point > p { color: #353535; float: left; font-size: 18px; line-height: 33px; width: 125px; }
.tanchu-jgright-point input { border: 1px solid #c8c8c8; border-radius: 5px; box-sizing: border-box; flex: 1 1 0; float: left; height: 33px; max-width: 160px; padding-left: 13px; }
.tanchu-jgright-point span.yuan { display: block; float: right; font-size: 17px; margin-top: 13px; padding-left: 7px; }
.tanchu-jgright-point-main { background: rgba(0, 0, 0, 0) none no-repeat scroll center bottom; display: flex; float: right; justify-content: space-between; overflow: hidden; width: 182px; }
.tanchu-jgright-point-main.bg1 { background-image: ; }
.tanchu-jgright-point-main.bg2 { background-image: ; }
.tanchu-jgright-point-main.bg3 { background-image: ; }
.tanchu-jgright-point-main p { color: #323232; cursor: pointer; float: left; font-size: 17px; margin-left: 45px; padding-bottom: 27px; text-align: center; width: 29px; }
.tanchu-jgright-point-main p:first-child { margin-left: 0; }
.tanchu-jgright-poshow { background: #f0f0f0 none repeat scroll 0 0; box-sizing: border-box; color: #323232; line-height: 51px; margin: 21px auto 25px; padding-right: 14px; text-align: right; width: 309px; }
.tanchu-jgright-poshow span.s1 { font-size: 16px; }
.tanchu-jgright-poshow span.s2 { font-size: 22px; }
.tanchu-jgright-poshow span.jg { font-size: 30px; }
.tanchu-maincen-jgright .tanchu-maincen-zixun { width: 205px; }
.tanchu .bj_txt p { line-height: 50px; width: 350px; text-align: center; font-size: 14px; }
.tanchu .bj_txt p span { color: #f00; padding-left: 5px; }
.tanchu .bj_txt { width: 350px; margin: auto; }
/*头部下拉缩放*/
.headerwrap_fixd { width: 100%; background: #fff; }
.fixednavhead { position: fixed; top: 0px; z-index: 1; box-shadow: 1px 1px 30px 1px rgba(0,0,0,0.3); }
.fixednavhead .logo img { height: 35px; margin-top: 5px; }
.fixednavhead .nav li a { height: 50px; line-height: 50px; }
.fixednavhead .nav li .nav_bot a { line-height: 35px !important; height: 35px !important;     }
.fixednavhead .head_tel { padding-top: 5px !important; }
/*内页右侧样式*/
.sys { width: 85%; margin: 0 auto; height: 60px; background: #373737; color: #fff; font-size: 16px; border-radius: 5px; text-align: center; line-height: 60px; margin-top: 30px; margin-bottom: 30px; }
.mf { width: 85%; margin: 0 auto; overflow: hidden; }
.mf a { display: inline-block; padding: 20px 0; width: 49%; border-radius: 6px; float: left; border: 1px solid #c5c5c5; }
.mf a:hover { background: #d80c18; color: #fff; }
.mf .bj { color: #424242; }
.mf .kf { border: 1px solid #c5c5c5; color: #424242; }
.mf .kf span { background:  }
.aside-top input { width: 85%; margin: 0 auto; height: 47px; border-radius: 6px; }
.tj { width: 85%; margin: 0 auto; overflow: hidden; margin-bottom: 22px; }
.tj input { width: 50%; float: left }
#tj1 { width: 98%; margin-right: 2%; background: #d80c18; }
#tj2 { width: 48%; }
.artlist .num1 { float: left; }
.artlist .num2 { float: right; font-size: 12px; font-weight: 100; margin-right: 20px; }
.right .artlist .list { background: #fff; }
.seedetail:hover { color: #fff !important; }
.right .artlist { background: #fff; }
.artlist h1 { width: 278px; margin: 0 auto; }
.artlist ul li { height: 70px; overflow: hidden; margin: 12px 0; padding: 0; border-top: none; }
.artlist ul li a { font-size: 12px; }
.artlist .artlistl { height: 70px; overflow: hidden; margin-top: 0; }
.artlist .artlistr { width: 160px; height: 70px; overflow: hidden; position: relative; }
.seedetail { position: absolute; bottom: 0px; right: 0px }
.artlist .artlistr a { /*margin-top:-5px;*/ }
.fixednav { position: fixed; top: 65px; z-index: 1; width: 300px; }
/*原itpl样式，主要是几个容器调用的样式*/
.list_anli_new li { margin: 8px !important; padding: 6px; background: #fff; }
.list_anli_new .case-img { height: 250px; }
.list_anli_new .case-img img { height: 250px; }
.list_anli_new .case-info { background-color: none; box-shadow: none; }
.list_anli_new .designer { padding-top: 6px 6px 14px 6px; }
.list_anli_new .case-list li:hover .case-info { background-color: #fff; }
.lb { width: 1300px; }
.news li .news_img { width: 310px; height: 200px; }
.list_anli_img { margin-bottom: 5px; }
.list_anli_new .case-info { padding-top: 10px; }
.list_anli_new .case-info p { color: #777; }
.list_anli_new .list .animated .case-info .bt { margin-top: 25px; }
.list_anli_new .list .animated .case-info .bt a { display: inline-block; width: 109px; height: 30px; border: none; color: #fff; font-size: 16px; text-align: center; line-height: 30px; }
.list_anli_new .list .animated .case-info .bt .zuo { background: #d80c18; }
.list_anli_new .list .animated .case-info .bt .you { background: #5f5f5f; }
.list_anli_new .case-info p { margin-left: 10px; }
.list_anli_new .case-info a { margin-left: 10px; }
.designer-img { float: left; width: 40%; margin: 20px; overflow: hidden; height: 279px }
.designer-con { float: left; overflow: hidden; width: 53%; margin-top: 30px; }
.designer-con .zuopin { margin-bottom: 10px; }
.designer-con .zuopin .fadeinup { animation-duration: 0s !important; }
.designer-con .zuopin .zp { float: left; color: #000; height: 80px; width: 32%; }
.designer-con .zuopin li { box-shadow: none; }
.designer-con .zuopin li img { opacity: 0.8; filter: alpha(opacity=80); }
.designer-con .zuopin li img:hover { opacity: 1; filter: alpha(opacity=100); }
.designer-con .zuopin .num1 { margin: 0 2px 0 0; }
.designer-con .zuopin .num2 { margin: 0 2px 0 0; }
.designer-con .zuopin .num3 { margin-right: 0; }
.designer-con .zuopin ul { width: 100%; margin: 0 auto; overflow: hidden; height: 80px; }
.designer-con .zuopin ul li img { width: 100%; height: 100%; }
.clear { clear: both; }
.shejishi_lx { text-align: left; position: absolute; bottom: 0px; width: 283px; }
.shejishi_lx a { display: inline-block; color: #fff; padding: 6px 35px; }
.shejishi_lx .yy { background: #d80c18; margin-right: 22px; }
.shejishi_lx .xq { background: #5f5f5f; }
.designer-info { padding: 15px 15px 0px 0px; position: relative; height: 253px; }
.designer-info .ganyan { font-size: 16px; }
.designer-name span { float: none; color: #6f6f6f; font-weight: 100; padding-left: 10px; }
.news li .news_txt .t { margin-bottom: 10px; }
.news li .news_txt .time { height: 24px; margin-bottom: 10px; }
.news li .news_txt .time .liulan { color: #d80c18; font-size:12px }
.news li .news_txt .btmline { height: 2px; width: 100%; background: #d80c18; }
.news li .news_txt span { font-weight: 100;font-family: helvetica neue;background: none; padding-left: 0; margin-left: 0; margin-right: 13px; color: #777; text-indent: 0; line-height: 30px; }
.news li .news_txt .tm { color: #cacaca; }
.news li .news_txt p.c { text-indent: 0; color: #5f5f5f; font-weight: 100; font-size: 12px; line-height: 25px; margin-top: 15px; overflow: hidden; }
.news li .news_txt .btn { text-align: left; overflow: hidden; position: absolute; bottom: 35px; }
.news li .news_txt a.m { margin-top: 0; }
.news li .news_txt a.chakan { border: none; float: left; background: #5f5f5f; font-weight: 100; color: #fff; padding: 8px 20px; text-align: center; float: left; border-radius: 3px; margin-right: 12px; }
.news li .news_txt a.yuyue { border: none; color: #fff; background: #d80c18; display: block; padding: 8px 20px; text-align: center; float: left; border-radius: 3px; margin-right: 12px; font-weight: 100; }
.news li .news_img { margin: 30px; }
.news li .news_img img { width: 100%; }
.news li .news_txt a.yuyue:hover { border: none; color: #fff; }
.news li .news_txt a.chakan:hover { border: none; color: #fff; }
.hsubcat { display: none; }
.pos { display: none; }
.news li { background: #fff; }
.news ul { padding: 0; }
/*内页右侧选项卡*/
.nei_bj_nav { overflow: hidden; margin-bottom: 5px; }
.nei_bj_nav i { background: url(/uploads/image/sdimages/tab_bj_hv_06.png) no-repeat; background-position: center !important; display: block; width: 40px; height: 60px; margin: 0 20px; margin: 0 5px; float: left; }
.nei_bj_nav .tab_hd_li { height: 60px; cursor: pointer; width: 120px; margin-left: 2px; border: 1px solid #ccc; color: #333; border-radius: 10px; float: left; }
.nei_bj_nav .tab_hd_li span { text-align: center; line-height: 60px; }
.nei_bj_nav .active { background: #d80c18 !important; }
.nei_bj_nav .tab_hd_li .baojia { background: url(/uploads/image/sdimages/tab_bj_hv_06.png) no-repeat; }
.nei_bj_nav .active .baojia { background:  no-repeat; display: block; }
.nei_bj_nav .tab_hd_li span { color: #333; }
.nei_bj_nav .active span { color: #fff !important; text-align: center; line-height: 60px; }
.nei_bj_nav .tab_hd_li .kanfang { background: url(/uploads/image/sdimages/tab_bj_hv_07.png) no-repeat; }
.nei_bj_nav .active .kanfang { background: url(/uploads/image/sdimages/tab_bj_07.png) no-repeat; display: block; }
.nei_bj_nav .tab_hd_li span { color: #333; }
.nei_bj_nav .active span { color: #fff !important; text-align: center; line-height: 60px; }
.nei_bj_nav { width: 85%; margin: auto; overflow: hidden; }
.tab_line_box .active { display: block !important }
.tab_line_box .list-wrap { display: none; }
.two_btm { overflow: hidden; width: 85%; margin: auto; margin-top: 10px; }
.two_btm a, .two_btm .submit { line-height: 40px; margin: 0 1%; float: left; font-size: 14px; }
.two_btm a { display: block; background: #d90000; text-align: center; color: #fff; border-radius: 6px; margin-right: 10px; width: 118px; }
.two_btm .submit { width: 117px; }
/*2019-3-29移动首页css*/
.home-nav-bar { width: 100%; height: 180px; background: #f8f8f8; text-align: center; padding-top: 30px; border-top: 1px solid transparent; box-sizing: border-box; }
.home-nav-bar-modal { display: inline-block; width: 224px; height: 120px; background: #fff; text-align: center; margin: 0 auto; /*         padding-top: 25px; */ margin-right: 20px; /*         border-top: 1px solid transparent; */ box-sizing: border-box; }
.home-nav-bar-modal img { margin-bottom: 5px; }
.cehua_box:hover, .home-nav-bar-modal:hover, .gsc .container .content .box1:hover, .gsc .container .content .box2:hover, .gsc .container .content .box3 .top:hover, .gsc .container .content .box3 .btm:hover, .gsc .container .content2 img:hover, .pinpai .container .content .box1:hover, .pinpai .container .content .box2:hover, .pinpai .container .content .box3 .top:hover, .pinpai .container .content .box3 .btm img:hover { transition: 0.2s; box-shadow: 1px 1px 30px 1px rgba(0,0,0,0.3); cursor: pointer; transform: translatey(-5px); }
/*2019-1-1首页新改版*/
/*--首页公共样式--*/
.js_floor a:link, .js_floor a:visited { color: #333; }
.js_floor a:hover { text-decoration: underline; }
#index_recommend, #index_product4, #index_oneflor, #index_secondflor, #index_threeflor, #index_product, #index_decoration, .bannerimg { width: 100%; position: relative; font-family: "microsoft yahei"; }
#index_oneflor > div, #index_secondflor > div, #index_product > div, #index_threeflor > div, #index_decoration > div, #index_product4 > div { width: 1200px; margin: 0 auto; }
.oneflor_hot span, .floor_tittle p, .floor_tittle > span { color: #fff; font-size: 20px; line-height: 50px; margin: 0 20px 0 15px; float: left; }
.oneflor_hot > span   span { margin-right: 0; }
.productlist, .floor_tittle p, .productpic, .productlist { display: inline-block; }
/*--首页公共样式完--*/
/*banner图片*/
.bannerimg { height: 500px; }
.bannerimg .dots { position: absolute; width: 200px; bottom: 23px; text-align: center; z-index: 99; left: 50%; margin-left: -100px; }
.bannerimg .dots .dot { border: none; display: inline-block; width: 10px; height: 10px; text-indent: -999em; overflow: hidden; border-radius: 100%; background: #d2dcd5; margin-right: 10px; cursor: pointer; }
.bannerimg .dots .dot:last-child { margin-right: 0; }
.bannerimg .dots .dot.active { background-color: #73b434; }
.bannerimg .arrows { position: absolute; width: 100%; margin-top: -40px; top: 50%; }
.bannerimg .arrows .arrow { cursor: pointer; width: 60px; height: 108px; position: absolute; }
.bannerimg .arrows .arrow.prev { background: ; left: 48%; margin-left: -650px; }
.bannerimg .arrows .arrow.next { background: ; right: 48%; margin-right: -650px; }
.pic_list { width: 100%; height: 500px; position: absolute; overflow: hidden; margin: 0 auto; }
.pic_list ul { height: 500px !important; }
.pic_list ul li { height: 500px; float: left; }
.pic_list ul li a { width: 100%; height: 500px; display: block; position: relative; background-position: center center !important; }
.index_picshow { width: 13440px; height: 500px; position: absolute; }
.index_picshow li { float: left; height: 500px; }
.index_picshow li > a { display: block; height: 100%; }
/*中间内容*/
.index_content { /* width: 1200px;
  position: relative;
  left: 50%;
  margin-left: -600px;
  top:0; */ width: 1200px; position: relative; left: 50%; margin-left: -600px; top: 0; z-index: 99;/* height: 500px; *//* background: red */ }
.left_info { background: #ffffff; }
.right_info { background: #dcdcdc; background: rgba(0, 0, 0, 0.5); }
.left_info, .right_info { font-size: 12px; position: absolute; }
/*-------banner左边信息栏*/
.left_info { width: 220px; height: 500px; }
.left_info_arrow { font-size: 13px; float: right; line-height: 25px; color: #b9c1ba; }
.right_info { width: 150px; height: 466px; right: 47px; top: 14px; padding-top: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.right_info a:link, .right_info a:visited { color: #424242; }
/*.bg_red{
  line-height: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
  color: #000;
}*/
.border_b { display: block; height: auto; padding-left: 10px; padding-right: 10px; }
.border_b:last-child { border-bottom: 1px solid #fff; }
.border_b:last-child .border_gray { padding-bottom: 50px; }
.border_gray { padding-top: 10px; padding-bottom: 10px; }
.left_info_ico { display: inline-block; width: 17px; height: 19px; vertical-align: bottom; background-image: ; background-size: 100% 100%; }
.left_info_title { vertical-align: baseline; font-size: 14px; font-weight: 500; margin-left: 5px; color: #000; }
.left_info_title:vsited {
 color: #000;
}
.li_hover li:hover .left_info_ico { background-image: ; }
.li_hover li { cursor: pointer; -webkit-transition: 0.5s; transition: 0.5s; height: 100px; }
.li_hover li:nth-child(even) { background: #ecedef; }
.li_hover li:hover { background: #fff; }
.li_hover li .menu-item { padding-left: 5px; margin-top: 10px; }
.li_hover li .menu-item p { margin-bottom: 10px; }
.li_hover li .menu-item p a { display: inline-block; width: 30%; text-align: center; white-space: nowrap; overflow: hidden; color: #737373; }
.li_hover li .menu-item p a:hover { color: #737373; }
.left_info a:hover { text-decoration: underline; }
/*add*/
.black_layer { width: 100%; height: 40px; background: rgba(0, 0, 0, 0.1); position: absolute; top: -54px; left: 0px; }
.right_info_wx { display: block; width: 125px; height: 125px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px; border-radius: 15px; background: rgba(0, 0, 0, 0.4); margin: 0 auto; }
.right_info_wx img { display: block; width: 66px; height: 66px; margin: 0 auto; margin-bottom: 5px; }
.right_info_wx p { text-align: center; color: white; }
.right_info_tag_list { display: block; width: 125px; margin: 0 auto; padding: 10px; }
.right_info_tag_list a { display: block; width: 100%; height: 25px; line-height: 25px; color: white; text-align: center; border-radius: 10px; border: 1px solid #ffffff; margin: 0 auto; margin-bottom: 8px; -webkit-transition: 0.5s; transition: 0.5s; }
.right_info_tag_list a:hover { border-color: #7dc62a; cursor: pointer; }
.right_info_last_tag { color: #ffffff; background-color: #73b434; border-color: #73b434 !important; }
.right_info_last_tag:hover { color: #ffffff; background-color: #fa8128; border-color: #fa8128 !important; }
.ui-dialog-shj .ui-dialog-body { padding-top: 20px; }
.allsubmenu { display: none; width: 775px; height: 500px; position: absolute; top: 0px; left: 198px; }
.submenu { display: none; background: #f5f5f5; position: absolute; z-index: 100; left: 220px; width: 580px; }
.submenu-left { position: relative; width: 442px; padding: 20px; padding-left: 120px; float: left; background: #fff; padding-bottom: 15px; }
.submenu-top { padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px dashed #e6e6e6; }
.submenu-top-title { position: absolute; top: 23px; left: 20px; color: black; font-size: 13px; font-weight: 600; }
.submenu-top-title span { font-size: 12px; vertical-align: middle; margin-left: 5px; position: relative; top: -1px; }
.submenu-top-link a { font-size: 13px; display: inline-block; color: #737373; padding: 0px 5px 10px 5px; }
.submenu-top-link a:hover { cursor: pointer; color: #5a5a5a; text-decoration: underline; }
.submenu-green { color: #95c46e !important; }
.submenu-bottom { position: relative; left: -90px; width: 565px; }
.submenu-bottom a { position: relative; display: inline-block; width: 125px; height: 125px; margin-right: 6px; overflow: hidden; }
.submenu-bottom a:first-child { margin-left: 0px; }
.submenu-bottom a:hover { cursor: pointer; text-decoration: none; }
.submenu-bottom a:hover div { opacity: 1; line-height: 20px; }
.submenu-bottom a img { display: block; width: 125px; height: 125px; }
.submenu-bottom a div { display: block; opacity: 0; background: rgba(0, 0, 0, 0.7); color: white; width: 125px; height: 20px; text-align: center; padding: 1px; font-size: 13px; position: absolute; bottom: 0px; line-height: 53px; -webkit-transition: 0.2s linear; transition: 0.2s linear; }
.submenu-right { width: 160px; background: #f5f5f5; display: inline-block; float: right; padding: 10px; padding-bottom: 0px; }
.submenu-right img { width: 76px; height: 50px; margin-bottom: 2px; margin-right: 0px; }
/*banner部分完！*/
/*--今日推荐--*/
.index_recommend { width: 1200px; margin: 0 auto; }
#index_recommend { height: auto; padding: 40px 0 0 0; }
#index_recommend .prev, #index_recommend .next { float: right; margin-bottom: 10px; margin-left: 5px; width: 40px; height: 35px; background: #949693; text-align: center; line-height: 35px; color: #fff; cursor: pointer; }
#index_recommend .prev:hover, #index_recommend .next:hover { background: #71b426; }
#index_recommend > div { width: 1200px; margin: 0 auto; font-family: "microsoft yahei"; }
.recommend_tittle { float: left; height: 40px; width: 330px; }
.recommend_tittle > img { float: left; }
.recommendtext { float: right; }
.recommendtext p { float: left; font-size: 20px; font-weight: bolder; color: #71b426; margin: 0; }
.recommendtext img { margin-top: 5px; }
.recommend_tittle > div img:first-child { margin-bottom: 8px; }
.picturelist { width: 296px; height: 296px; text-align: center; float: left; cursor: pointer; border-right: solid 3px #71b426; position: relative; }
.picturelist .recommendprofile { width: 100%; height: 100%; overflow: hidden; text-align: center; background-color: #000000; background: rgba(0, 0, 0, 0.5); opacity: 0; position: absolute; visibility: hidden; -webkit-transition: all .3s linear; transition: all .3s linear; left: 0; top: 0; }
.picturelist .recommendprofile a { display: block; height: 100%; }
.picturelist .recommendprofile a ul { padding-top: 120px; }
.picturelist .recommendprofile a ul .name { color: #fff; font-size: 18px; width: 240px; margin: 0 auto; overflow: hidden; }
.picturelist .recommendprofile a ul .price { color: #ee6d67; font-size: 16px; width: 105px; height: 30px; line-height: 30px; margin: 5px auto; border: 2px solid #ee6d67; border-radius: 10px; }
.picturelist:hover .recommendprofile { opacity: 1; filter: progid:dximagetransform.microsoft.alpha(opacity=50);
visibility: visible; }
.picturelist:hover .recommendprofile a { position: relative; }
.picturelist:hover .p_height > img { -webkit-filter: blur(2px); filter: blur(2px); }
.p_height { width: 100%; height: 100%; overflow: hidden; }
.p_height img { width: 100%; height: 100%; }
.item_list { position: absolute; left: 0; }
.grouppic { width: 1193px; overflow: hidden; position: relative; margin: 0 auto; border: solid 3px #71b426; }
.recommend_pic { width: 1200px; position: relative; }
/*今日推荐--完！*/
/*--1f热销产品--*/
.oneflor_tittle { width: 1200px; height: 60px; float: right; }
.oneflor_hot { background-image: ; width: 220px; height: 51px; float: left; }
.oneflor_more { float: right; width: 906px; height: 59px; border-bottom: 1px solid #71b426; }
.oneflor_more .active { /*color: #ed6d64;*/ border-bottom: 4px solid #71b426; }
.oneflor_more ul { float: right; font-size: 14px; padding-top: 20px; position: relative; }
.oneflor_more ul li { float: left; /*padding: 0 10px 0 10px;*/ margin: 0 10px 0 10px; height: 36px; line-height: 44px; cursor: pointer; }
.oneflor_more ul li span { color: #71b426; font-size: 16px; }
.oneflor_leftpic { width: 284px; height: 707px; overflow: hidden; display: inline-block; margin-top: 20px; position: relative; }
.oneflor_leftpic .arrows { position: absolute; top: 50%; width: 100%; }
.oneflor_leftpic .arrows .arrow { position: absolute; width: 25px; height: 60px; top: 50%; margin-top: -30px; font-family: "iconfont" !important; font-size: 20px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; background: #71b426; opacity: 0.7; filter: alpha(opacity=70); cursor: pointer; color: #fff; text-align: center; line-height: 60px; -webkit-transition: all .3s linear; transition: all .3s linear; }
.oneflor_leftpic .arrows .arrow:hover { opacity: 1; }
.oneflor_leftpic .arrows .prev { border-radius: 0 5px 5px 0; left: 0; text-align: right; }
.oneflor_leftpic .arrows .next { border-radius: 5px 0 0 5px; right: 0; }
.oneflor_leftpic li { height: 707px; }
.oneflor_leftpic li a { display: block; height: 100%; }
.oneflor_list { width: 892px; height: auto; float: right; padding-top: 5px; overflow: hidden; }
.oneflor_list .oneflor_pic { display: none; width: 976px; margin-right: -10px; }
.oneflor_list .active { display: block; }
.oneflor_pic > div { width: 268px; height: 330px; padding: 7px; float: left; border: 1px solid #cecece; margin: 15px 20px 0 0; -webkit-transition: all .3s; transition: all .3s; }
.oneflor_pic > div:hover { border: 1px solid #71b426; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
.pic_description { padding: 24px 0px 0px 0px; margin: auto; width: 277px; }
.pic_description a { display: block; }
.title_wrap { color: #666; text-align: justify; max-height: 32px; overflow: hidden; }
.title_wrap:hover { /*color: #ed6d64;*/ }
.pic_title { padding-top: 5px; color: #333; font-size: 12px; text-align: justify; max-height: 35px; overflow: hidden; cursor: pointer; margin: 2px 0; }
.pic_title:hover { /*color: #ed6d64;*/ }
.pic_title p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 270px; }
.deal { font-size: 12px; margin-top: 8px; }
.deal i { font-style: normal; }
.pic_redtext { font-size: 14px; font-weight: bold; color: #df6861; }
.floor { width: 268px; height: 268px; overflow: hidden; cursor: pointer; }
.floor img { width: 100%; height: 100%; }
.cob57c5b { color: #b57c5b; }
.co5e5e5e { color: #5e5e5e; }
.mf50 { margin-left: 50px; }
/*--1f热销产品 完！--*/
.midbanner { width: 100%; height: 90px; text-align: center; clear: both; margin-top: 20px; margin-bottom: 20px; }
.midbanner img { width: 1200px; }
/*--2f-*/
.flortwo { height: 450px; }
.videobox { width: 660px; height: 445px; }
.mt30 { margin-top: 30px; }
.clearboth { clear: both; }
.imga { width: 530px; height: 215px; display: block; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
.imga img { width: 530px; height: 215px; display: block; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0); }
.imga img:hover { -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2); }
.imgb { width: 530px; height: 215px; display: block; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); margin-top: 14px; }
.imgb img { width: 530px; height: 215px; display: block; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0); }
.imgb img:hover { -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2); }
.twoflor_list { clear: both; width: 1200px; overflow: hidden; }
.twoflor_list .secondflor_pic { margin-top: 20px; padding-left: 1px; display: none; width: 1220px; margin-right: -20px; }
.twoflor_list .secondflor_pic div:nth-child(4n 1) { margin-left: 0px; }
.twoflor_list .active { display: block; }
.secondflor_pic > div { box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); width: 291px; height: 400px; float: left; margin: 5px 7px 5px 4px; -webkit-transition: all 0.3s; transition: all 0.3s; }
.secondflor_pic > div .buy_now { float: right; padding: 10px 0 10px 0; cursor: pointer; }
.secondflor_pic > div:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); }
.twoflor_pic_box { width: 277px; height: 277px; margin: auto; overflow: hidden; margin-left: 7px !important; }
.twoflor_pic_box img { width: 277px; height: 277px; display: block; margin-top: 7px; }
.twoflor_pic_box a { display: block; }
.pic_description > div a:visited { color: #333; }
.pic_description > div a:link { color: #333; }
/*--2f 完！--*/
/*4f产品*/
.fw600 { font-weight: 600; }
.productlist { width: 32.8%; }
.productlist .fourfloorimga { display: block; width: 393px; height: 205px; }
.productlist .fourfloorimgb { display: block; width: 393px; height: 205px; margin-top: 10px; }
.productlist img { width: 393px; height: 205px; }
.thirdfloor .hotsale { width: 100%; height: 300px; overflow: hidden; }
.thirdfloor .hotsale img { display: block; width: 100%; height: 100%; }
.titlename { margin-top: 35px; }
.namespan { font-size: 20px; font-weight: 600; }
.floor_tittle { background-image: ; background-repeat: no-repeat; width: 100%; height: 51px; }
.floor_tittle p, .floor_tittle > span { line-height: 50px; height: 50px; font-size: 20px; margin: 0 30px 0 15px; overflow: hidden; }
.floor_tittle > span { display: inline-block; width: 100px; overflow: hidden; }
.productlist { margin-top: 20px; }
.list_border { border-bottom: 1px solid #cecece; padding: 10px 0 10px 0; }
.list_border:hover { background: #71b426; }
.list_border:hover a { color: #fff; }
.last_list { height: 300px; text-align: center; }
.productlist div ul li a { color: #333; }
.productlist div ul li a { color: #333; }
.productpic { width: 67%; float: right; margin-top: 20px; }
.index_brand { height: 60px; font-size: 14px; border-bottom: 1px solid #71b426; position: relative; width: 864px; }
.index_brand ul { float: right; padding-top: 15px; position: relative; }
.index_brand ul li { float: left; margin: 0 10px 0 10px; line-height: 46px; height: 42px; color: #333; cursor: pointer; background-color: #ffffff; }
.index_brand ul li.active { border-bottom: 4px solid #71b426; position: relative; z-index: 999; }
.quebec { position: absolute !important; bottom: -5px; left: 10px; top: 56px; z-index: 998; margin: 0 !important; border: 0; width: 28px; height: 4px !important; padding: 0; background: #71b426 !important; -webkit-transition-property: left, width; transition-property: left, width; -webkit-transition-duration: .5s; transition-duration: .5s; }
.quebec1 { position: absolute !important; bottom: -5px; left: 10px; top: 56px; z-index: 998; margin: 0 !important; border: 0; width: 28px; height: 4px !important; padding: 0; background: #71b426 !important; -webkit-transition-property: left, width; transition-property: left, width; -webkit-transition-duration: .5s; transition-duration: .5s; }
.n1:hover ~ li.quebec { left: 10px; width: 28px; }
.n2:hover ~ li.quebec { left: 60px; width: 40px; }
.n3:hover ~ li.quebec { left: 120px; width: 28px; }
.n4:hover ~ li.quebec { left: 170px; width: 28px; }
.n5:hover ~ li.quebec { left: 218px; width: 28px; }
.n6:hover ~ li.quebec { left: 265px; width: 40px; }
.n7:hover ~ li.quebec { left: 325px; width: 40px; }
.third_floor { width: 100%; height: 420px; }
.third_floor .decorativelight { width: 100%; display: none; zoom: 1; }
.third_floor .decorativelight:before, .third_floor .decorativelight:after { content: ''; display: table; }
.third_floor .decorativelight:after { clear: both; }
.third_floor .active { display: block; }
.lightsale { width: 191px; height: 205px; text-align: center; margin-left: 10px; margin-bottom: 10px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.3s; transition: all 0.3s; }
.lightsale:hover { -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.4); box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.4); }
.sale_tit { font-size: 14px; margin: 0; }
.sale_tits { font-size: 12px; text-align: left; margin: 0; }
.sale_tits:hover { text-decoration: underline; cursor: pointer; }
.width_100 { width: 100px; height: 20px; overflow: hidden; }
.text_l { text-align: left; height: 22px; line-height: 22px; overflow: hidden; width: 161px; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; }
.js_floor { overflow: hidden; }
.lamplist { width: 160px; display: block; text-align: center; margin: auto; }
.lamplist .sale_tit a { display: block; width: 161px; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lamplist .sale_price { font-size: 14px; font-weight: bold; color: #df6861; }
.lampdis { width: 161px; height: 64px; font-size: 14px; display: block; margin-top: 7px; }
.lamp_wrap { width: 120px; height: 120px; overflow: hidden; display: block; margin-left: auto; margin-right: auto; margin-top: 8px; }
.lamp_wrap a { display: block; height: 100%; }
.lamp_wrap img { width: 100%; height: 100%; }
.lampbuy { width: 215px; height: 40px; position: relative; z-index: 10; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all .3s linear; transition: all .3s linear; top: -5px; }
.lightsale:hover .lampbuy, .lightmid:hover .lampbuy { filter: alpha(opacity=100); opacity: 1; }
.lightsale:hover, .lightmid:hover { border-color: #71b426; position: relative; }
.lightmid { width: 465px; padding: 10px; border: 1px solid #cecece; margin-left: -1px; margin-top: -1px; }
.lightmid, .picnode, .textnode { height: 250px; }
.picnode { width: 250px; float: left; overflow: hidden; }
.picnode a { display: block; height: 100%; }
.picnode img { width: 100%; height: 100%; }
.textnode { width: 40%; float: right; text-indent: 1em; }
.textnode a:link, .textnode a:visited { color: #666; }
.textnode a:hover { color: #df6861; }
.hot_sale { display: inline-block; padding-left: 110px; }
.textnode p { padding: 0; margin: 0; }
.size_18 { font-size: 18px; color: #ddd; height: 26px; width: 190px; overflow: hidden; }
.size_20 { font-size: 20px; height: 26px; width: 190px; overflow: hidden; }
.textnode p:nth-child(4) { color: red; }
/*--3-6f产品--完！*/
/*--装修流程--*/
#index_decoration { background:  no-repeat center; height: 132px; width: 1200px; margin-left: auto; margin-right: auto; }
.decoration { width: 180px; height: 100px; text-align: center; color: #fff; padding: 60px 0 0 0; float: left; background: ; }
.decoration p:first-child { font-size: 22px; }
.decorationlist { width: 85%; height: 120px; float: right; }
.decorationlist > div { width: 20.5%; height: 120px; background: #f6f6f6; float: left; margin-left: 5px; text-align: center; padding: 20px; }
.onlineorders .p_18 { font-size: 18px; color: #71b426; }
.onlineorders .p_12 { font-size: 12px; }
.onlineorders .mt_25 { margin-top: 25px; }
/*--装修流程--完！--*/
/*--楼层--*/
#index_oneflor > div { width: 1200px; margin: 0 auto; }
#index_floor { width: 50px; font-size: 12px; position: absolute; z-index: 999; top: 1170px; left: 50%; margin-left: -650px; font-family: "microsoft yahei"; }
#index_floor.fixed { position: fixed; top: 71px; }
#index_floor.absolute { position: absolute; }
#index_floor ul li { background: #ffffff; width: 30px; height: 30px; margin-top: 3px; border: 1px solid #a5a5a5; color: #a5a5a5; text-align: center; line-height: 28px; cursor: pointer; }
#index_floor ul li a { display: block; width: 100%; height: 100%; }
#index_floor ul li a .floor_name { display: none; }
#index_floor ul li a:link, #index_floor ul li a:visited { color: #a5a5a5; }
#index_floor ul li a:hover { color: #ffffff; }
#index_floor ul li:hover { background: #71b426; color: #fff; }
#index_floor ul li.active a span { display: none; }
#index_floor ul li.active a .floor_name { display: inline; }
#index_floor ul li.active a:link, #index_floor ul li.active a:visited { background: #71b426; color: #ffffff; }
/*2016.9.9新增*/
.swiper-nested-1 { width: 100px; height: 340px; color: #fff; text-align: center; }
.red-slide { background: #ca4040; }
.blue-slide { background: #4390ee; }
.orange-slide { background: #ff8604; }
.green-slide { background: #49a430; }
.pink-slide { background: #973e76; }
.swiper-nested-1 .swiper-slide { font-size: 21px; }
.pagination-nested-1 { position: absolute; z-index: 100; left: 10px; bottom: 10px; }
.pagination-nested-1 { bottom: auto; top: 10px; }
.pagination-nested-1 { display: block; margin-right: 0; margin-bottom: 5px; }
/*到此删除*/
.showsubmenus { display: block !important; }
.floor_title_box { width: 1200px; margin: auto; overflow: hidden; height: 30px; margin-top: 30px; margin-bottom: 10px; border-bottom: 1px solid #f0f0f0; padding-bottom: 10px; }
.calculator_title { background:  left center no-repeat; }
.brand_title { background:  left center no-repeat; }
.gallery_title { background:  left center no-repeat; }
.designer_title { background:  left center no-repeat; }
.construction_title { background:  left center no-repeat; }
.village_title { background:  left center no-repeat; }
.flip_title { background:  left center no-repeat; }
.interent_title { background:  left center no-repeat; }
.knowledge_top_title { background:  left center no-repeat; }
.floor_tips { text-align: right; padding: 10px 0; font-size: 13px; }
.floor_tips { color: #333; }
.main_box { width: 1200px; margin: auto; overflow: hidden; }
.more_product { color: #333; vertical-align: text-top; font-size: 12px; }
.more_product:hover { color: #f25618; }
.flip_button_box { margin-top: 10px; }
.green_btn { background: #73b434; color: #fff; padding: 4px 30px; border-radius: 8px; }
.txtc { text-align: center !important; }
.mf10 { margin-left: 10px; }
/*品牌实力*/
.brand_list_box { float: left; margin-left: 12px; position: relative; width: 230px; }
.brand_list_box a { display: block; }
.brand_list_box img { width: 230px; height: 210px; }
.gray_image { position: relative; }
.brand_list_box:hover .green_image { -webkit-transition: 0.5s; transition: 0.5s; position: absolute; top: 0; display: block; }
.green_image { position: absolute; top: 0; display: none; }
.float-left { float: left!important; }
.xb6 { width: 50%; }
.xb8 { width: 66.66666667%; }
.float-right { float: right!important; }
/*案例图库*/
.case_box { margin-top: 10px; overflow: hidden; }
.case_box a { display: block; }
.case_left_box { width: 472px; float: left; }
.case_left_list { position: relative; width: 472px; }
.case_left_list img { transition: all 0.7s; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -o-transition: all 0.7s; }
.case_left_list:hover img { -ms-transform: scale(1.15); transform: scale(1.15); -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -o-transform: scale(1.15); }
.case_desc { margin: 3px 20px 17px 20px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.case_top { height: 400px; overflow: hidden; }
.case_top img { position: relative; width: 472px; height: 400px; }
.case_bottom { height: 226px; margin-top: 15px; overflow: hidden; }
.case_bottom img { position: relative; width: 480px; height: 226px; }
.case_tips_box { font-size: 13px; position: absolute; bottom: 0; background: rgba(0, 0, 0, 0.75); width: 100%; padding: 0; color: #fff; transition: height 0.5s; -moz-transition: height 0.5s; -webkit-transition: height 0.5s; -o-transition: height 0.5s; height: 0px; }
.case_tips_box span { /*width: 33%;*/ display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; margin-left: 20px; }
.case_top:hover .case_tips_box { height: 79px; }
.case_tips_box_small { font-size: 13px; position: absolute; bottom: 0; background: rgba(0, 0, 0, 0.75); width: 100%; padding: 0; height: 0px; color: #fff; line-height: 40px; transition: height 0.5s; -moz-transition: height 0.5s; -webkit-transition: height 0.5s; -o-transition: height 0.5s; }
.case_tips_box_small span { display: inline-block; }
.case_tips_box_small_span1 { font-size: 14px; margin-left: 20px;/*width: 84px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;*/ }
.case_tips_box_small_span2 { font-size: 12px; margin-left: 8px; }
.case_right_box { width: 713px; float: right; }
.case_right_top_box { height: 400px; overflow: hidden; }
.case_right_left_box { height: 400px; position: relative; width: 230px; float: left; overflow: hidden; }
.case_right_left_box img { height: 400px; width: 230px; transition: all 0.7s; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -o-transition: all 0.7s; }
.case_right_left_box:hover img { -ms-transform: scale(1.15); transform: scale(1.15); -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -o-transform: scale(1.15); }
.case_right_left_box:hover .case_tips_box_small { height: 40px; }
.case_right_right_box { float: right; height: 350px; width: 469px; }
.case_right_right_top_box { width: 472px; height: 200px; position: relative; overflow: hidden; }
.case_right_right_top_box img { height: 200px; width: 469px; transition: all 0.7s; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -o-transition: all 0.7s; }
.case_right_right_top_box:hover img { -ms-transform: scale(1.15); transform: scale(1.15); -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -o-transform: scale(1.15); }
.case_right_right_top_box:hover .case_tips_box_small { height: 40px; }
.case_right_right_bottom_box { overflow: hidden; }
.case_right_right_bottom_left { float: left; width: 227px; height: 183px; position: relative; margin-top: 15px; }
.case_right_right_bottom_left img { width: 227px; height: 183px; position: relative; }
.case_right_right_bottom_left:hover .case_tips_box_small { height: 40px; }
.right_bottom_ohver { overflow: hidden; }
.right_bottom_ohver img { transition: all 0.7s; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -o-transition: all 0.7s; }
.right_bottom_ohver:hover img { -ms-transform: scale(1.15); transform: scale(1.15); -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -o-transform: scale(1.15); }
.case_right_right_bottom_right { float: right; width: 230px; height: 183px; position: relative; margin-top: 16px; }
.case_right_right_bottom_right img { width: 230px; height: 183px; position: relative; }
.case_right_right_bottom_right:hover .case_tips_box_small { height: 40px; }
.case_right_bottom_box { margin-top: 15px; position: relative; height: 226px; width: 705px; overflow: hidden; }
.case_right_bottom_box img { height: 226px; width: 705px; transition: all 0.7s; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -o-transition: all 0.7s; }
.case_right_bottom_box:hover img { -ms-transform: scale(1.15); transform: scale(1.15); -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -o-transform: scale(1.15); }
/*设计师*/
.designer_content_box { overflow: hidden; }
.designer_video_box { position: relative; width: 309px; height: 578px; float: left; }
.designer_box { width: 888px; height: 578px; float: right; overflow: hidden; position: relative; }
.designer_list_box { width: 284px; height: 284px; margin-left: 10px; float: left; font-size: 12px; background: #f8f8f8; margin-bottom: 10px; }
.designer_list_box i { font-style: normal; color: red; }
.designer_list_box .designer_info { background: rgba(0, 0, 0, 0.75); position: absolute; height: 0px; bottom: 0; width: 100%; transition: height 0.5s; -moz-transition: height 0.5s; -webkit-transition: height 0.5s; -o-transition: height 0.5s; }
.designer_list_box p { overflow: hidden; position: relative; width: 284px; }
.designer_img_box { height: 284px; width: 284px; overflow: hidden; }
.designer_list_box:hover .designer_info { height: 80px; }
.designer_list_box img { transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }
.designer_list_box:hover img { -ms-transform: scale(1.15); transform: scale(1.15); -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -o-transform: scale(1.15); }
.designer_btn_box { position: absolute; bottom: 0px; display: none; }
.designer_btn_box a { display: inline-block; color: #fff; font-size: 12px; padding: 6px 30px; }
.see_case { background: rgba(127, 127, 127, 0.8); }
.see_case:hover { background: #7f7f7f; }
.order_design { background: rgba(243, 134, 15, 0.8); }
.order_design:hover { background: #f3860f; }
/*在建工地*/
.construction_style { display: inline-block; width: 800px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.construction_style a { margin-right: 20px; color: #7f7f7f; }
.construction_style a:hover { text-decoration: underline; }
.more_btn { display: inline-block; float: right; }
.more_btn a { color: #333; }
.more_btn a:hover { color: #f25618; }
.construction_list_box { margin-left: -12.6px; width: 968px; height: 432px; float: left; }
.construction_list_box_right { float: right; width: 230px; height: 432px; background: ; }
.construction_list_box_right a { display: block; width: 188px; height: 35px; border: 1px solid #fff; margin: auto; text-align: center; color: #fff; line-height: 35px; margin-top: 350px; }
.construction_list_box_right a:hover { background: #fff; color: #000; -webkit-transition: 0.5s; transition: 0.5s; }
.construction_list { width: 310px; height: 210px; position: relative; float: left; margin-left: 12.6px; margin-bottom: 10px; overflow: hidden; }
.construction_list a { display: block; }
.construction_list:hover .construction_tips { height: 66px; }
.construction_list img { transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }
.construction_list:hover img { -ms-transform: scale(1.15); transform: scale(1.15); -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -o-transform: scale(1.15); }
.construction_tips { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, 0.75); color: #fff; font-size: 12px; font-size: 13px; height: 0px; transition: height 0.5s; -moz-transition: height 0.5s; -webkit-transition: height 0.5s; -o-transition: height 0.5s; }
.construction_tips span { display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 5px; }
/*团装小区*/
.village_left_swiper { width: 345px; height: 350px; }
.village_left { width: 460px; float: left; }
.gallery-textbox { position: absolute; bottom: 0; background: rgba(0, 0, 0, 0.5); width: 100%; color: #fff; }
.village_right { width: 740px; float: right; }
.village_right { font-size: 12px; overflow: hidden; }
.village_right_list { background: #f8f8f8; width: 236px; height: 350px; float: left; margin-left: 10px; text-align: center; padding-top: 5px; }
.village_right_list:hover { background: #73b434; color: #fff; }
.village_right_list img { transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }
.village_right_list:hover img { -ms-transform: scale(1.15); transform: scale(1.15); -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -o-transform: scale(1.15); }
.village_right_list:hover .green_btn { background: #036833; color: #fff; padding: 4px 30px; border-radius: 8px; }
.village_right_img { display: block; margin-top: 5px; margin: auto; margin-bottom: 10px; width: 226px; height: 190px; overflow: hidden; }
.village_right_list img { width: 226px; height: 190px; }
.village_right_list p { line-height: 30px; text-align: left; width: 200px; margin: auto; }
.short_span { width: 90px; display: inline-block; }
.long_span { width: 210px; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/*整装和定制*/
.width1200 { width: 1200px; height: 410px; }
.pagination { position: absolute; z-index: 20; left: 10px; bottom: 10px; }
.width310 { width: 310px !important; height: 400px; }
.swiper-pagination-switch { display: inline-block; width: 8px; height: 8px; border-radius: 8px; background: #222; margin-right: 5px; opacity: 0.8; border: 1px solid #fff; cursor: pointer; }
.swiper-visible-switch { background: #aaa; }
.swiper-active-switch { background: #fff; }
.customized_list_box { -webkit-transition: 0.5s; transition: 0.5s; width: 290px; height: 400px; background: #fff; color: #333; margin: 5px auto auto auto; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
.customized_list_box:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); }
.flip_button_box { width: 100%; height: 20px; text-align: right; }
/*装修知识部分*/
.knowledge_box { width: 1200px; overflow: hidden; background-size: 175px 200px; height: 200px; background-color: #f8f8f8 !important; }
.knowledge_list_top { width: 239px; height: 200px; overflow: hidden; }
.knowledge_pic_box { width: 239px; height: 200px; }
.knowledge_pic_box img { transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; width: 239px; height: 200px; }
.knowledge_pic_box:hover img { -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); width: 239px; height: 200px; }
.first_knowledge_box { background:  left center no-repeat; margin-bottom: 14px; }
.last_knowledge_box { background:  left center no-repeat; margin-bottom: 40px; }
/*装修攻略*/
.knowledge_list_top { float: left; position: relative; margin-left: 16px; }
.knowledge_list_top img { width: 239px; height: 200px; }
.knowledge_list_top:first-child { margin-left: 196px; }
.knowledge_list_top_mask { position: absolute; bottom: 0px; background: rgba(0, 0, 0, 0.6); width: 100%; height: 28px; color: #fff; text-align: center; font-size: 12px; line-height: 28px; }
/*大家都在问*/
.knowledge_list_box { width: 333px; float: left; overflow: hidden; margin-top: 25px; }
.knowledge_list_box a { color: #333; }
.knowledge_img_box { position: absolute; margin-left: 0px; }
.knowledge_list { margin-left: 120px; position: relative; margin-top: -2px; }
.knowledge_list li { list-style: disc; font-size: 13px; width: 180px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 26px; }
.knowledge_list_box a:hover { text-decoration: underline; color: #ff343f !important; }
.knowledge_title { margin-bottom: 20px; font-size: 18px; }
.list_first { margin-left: 196px; }
.list_next { /*margin-left: 70px;*/ }
#customized .swiper-slide { opacity: 1; }
#interent .swiper-slide { opacity: 1; }
/*2月28日改版新增*/
.card_title_box { width: 1200px; margin: auto; overflow: hidden; padding-top: 50px; margin-bottom: 20px; }
.title_green_pic { vertical-align: sub; margin-right: 5px; }
.card_title_left { width: 80%; float: left; overflow: hidden; height: 40px; }
.card_title_right { width: 20%; float: right; text-align: right; font-size: 12px; margin-top: 17px; }
.card_title_right a { color: #000; }
.card_title_right a:hover { color: #ff343f; }
.big_size_blod { font-size: 28px; font-weight: bold; }
.big_size { font-size: 28px; margin-left: 8px; margin-right: 10px; }
.small_size { font-size: 12px; }
.title_little { margin-left: 80px; font-size: 12px; }
.title_little a { font-style: normal; margin-right: 20px; color: #474747; }
.title_little a:hover { text-decoration: underline; }
.hot_product { overflow: hidden; clear: both; background: #242424; }
.hot_pic { width: 350px; height: 400px; position: relative; }
.hot_pic img { width: 100%; height: 100%; }
.hot_banner { width: 850px; height: 400px; position: relative; }
.hot_banner img { width: 850px; height: 400px; }
.hot_top_btn { position: absolute; display: block; width: 78px; height: 26px; background: #a4e14b; font-size: 12px; text-align: center; line-height: 26px; bottom: 43px; left: 20px; color: #000; -webkit-transition: all .3s ease; transition: all .3s ease; }
.hot_top_btn:hover { background: #f8f625; }
.hot_bottom_btn { position: absolute; display: block; width: 78px; height: 26px; background: #b06b37; font-size: 12px; text-align: center; line-height: 26px; bottom: 40px; left: 22px; color: #fff; -webkit-transition: all .3s ease; transition: all .3s ease; }
.hot_bottom_btn:hover { background: #c84025; }
.arrow-left { display: block; position: absolute; z-index: 99; width: 139px; height: 400px; left: 0; }
.arrow-left:hover { background:  center center no-repeat; display: inline-block; position: absolute; z-index: 99; width: 139px; height: 400px; }
.arrow-right { display: block; position: absolute; z-index: 99; width: 139px; height: 400px; right: 0; }
.arrow-right:hover { background:  center center no-repeat; display: inline-block; position: absolute; z-index: 99; width: 139px; height: 400px; }
.gray_bgcolor { background: #232225; }
.allfloor_title_box { text-align: center; margin-top: 24px }
.allfloor_title_box .floor_summery { font-size: 14px; color: #606060; }
.allfloor_title_box .floor-titles { height: 48px; line-height: 48px; text-align: center; }
.allfloor_title_box .floor-titles .line { display: inline-block; width: 79px; vertical-align: 2px; }
.index_tab1 .tab-body { margin-bottom: 50px; }
.allfloor_title_box .floor-titles .txt { color: #333; vertical-align: middle; font-size: 30px; padding: 0px 20px; }
.index_tab1 .tab-nav li { display: inline-block; margin: 0 auto; text-align: center; font-size: 16px; min-width: 100px; height: 35px; line-height: 35px; background: #f5f5f5; margin-right: 10px; padding: 0px 35px; }
.index_tab1 { padding-bottom: 50px; }
.index_tab1 .tab-nav .active a { color: #fff; }
.index_tab1 .pointer { width: 92px; text-align: center; }
.index_tab1 .item img { height: 440px!important; width: 804px !important; }
.start-product { display: block; width: 100%; height: 692px; background-color: #f5f5f5; background-position: center center; background-size: cover; padding-top: 1px; }
.start-product-nav { display: block; text-align: center; margin-top: 29px; }
.start-product-nav div { display: inline-block; margin: 0 auto; text-align: center; font-size: 16px; min-width: 100px; height: 35px; line-height: 35px; background: #f5f5f5; margin-right: 10px; padding: 0px 35px; }
.start-product-nav div:hover { cursor: pointer; box-shadow: 1px 1px 5px rgba(0,0,0,0.2); }
.start-product-nav-active { background: #cf0017 !important; color: #fff; }
.start-product-content { display: block; width: 1200px; height: 425px; background: #fff; margin: 0 auto; margin-top: 20px; position: relative; }
.start-product-content-left { width: 800px; height: 425px; float: left; }
.start-product-content-left img { width: 100%; height: 100%; }
.start-product-swiper { width: 100%; height: 100%; }
/*.start_product_swiper{*/
            /*height:470px;*/
        /*}*/
        /*.start-product-img-des{*/
            /*position: absolute;*/
            /*width:614px;*/
            /*height:50px;*/
            /*line-height: 50px;*/
            /*bottom:0px;*/
            /*left:0px;*/
            /*background:rgba(0,0,0,0.4);*/
            /*color:#fff;*/
            /*font-size: 16px;*/
            /*text-align: center;*/
        /*}*/
.start-product-content-right { float: right; top: 0px; width: 395px; height: 440px; background: #f9f9f9; box-sizing: border-box; padding: 0px; text-align: center; }
.start-product-content-title { font-size: 28px; color: #000; margin-top: 36px; display: block; }
.start-product-content-right p { font-size: 18px; color: #333; margin-top: 30px; }
.start-product-content-right p span { font-size: 24px; color: #333; }
.start-product-content-light-title { font-size: 14px; color: #000; margin-top: 15px; }
.start-product-content-des { padding: 10px; border: 1px solid #f3f3f3; margin-top: 20px; font-size: 14px; }
.start-product-content-bar { border: 1px solid #f3f3f3; margin-top: 20px; font-size: 14px; text-align: left; height: 40px; overflow: hidden; }
.start-product-content-bar span { display: inline-block; vertical-align: middle; border-right: 1px solid #000; padding: 0px 5px; font-size: 12px; }
.start-product-content-bar span:hover { cursor: pointer; color: #ff9d0b; }
.start-product-content-bar-tip-active { cursor: pointer; color: #ff9d0b; }
.start-product-content-bar-tip:last-child { border-right: 0px !important; }
.start-product-content-bar-label { display: inline-block; vertical-align: middle; width: 70px; background: #e7e7e7; height: 100%; line-height: 40px; border-left: 0px; text-align: center; }
.start-product-btn-box { display: block; margin-top: 25px; font-size: 14px; color: #000; }
.start-product-btn-box a { display: inline-block; width: 160px; height: 40px; line-height: 40px; text-align: center; text-decoration: none; color: #fff; font-size: 14px; background: #737373; }
.start-product-btn-box a:last-child { background: #cf0017; margin-left: 10px; }
.left-arrow-box { position: absolute; width: 50px; height: 80px; text-align: center; background: rgba(0,0,0,0.5); top: 165px; z-index: 10; border-top: 1px solid transparent; background-position: center center; background-repeat: no-repeat; background-size: 25px; left: 0; }
.left-arrow-box:hover { cursor: pointer; }
.left-arrow-box span { margin: 0 auto; display: block; width: 20px; height: 20px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(45deg); margin-top: 30px; margin-left: 20px; }
.right-arrow-box { position: absolute; width: 50px; height: 80px; text-align: center; background: rgba(0,0,0,0.5); top: 165px; right: 0px; z-index: 10; border-top: 1px solid transparent; background-position: center center; background-repeat: no-repeat; background-size: 25px; }
.right-arrow-box:hover { cursor: pointer; }
.right-arrow-box span { margin: 0 auto; display: block; width: 20px; height: 20px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(225deg); margin-top: 30px; margin-right: 20px; }
/*选项卡*/
.tab .tab-head strong { float: left; padding: 8px 20px 0 0; line-height: 20px }
.tab .tab-more { float: right; margin: 10px 0 0 10px; font-size: 12px }
.tab .tab-nav { list-style: none }
.tab .tab-nav li { display: inline-block }
.tab .tab-nav li a { }
.tab .tab-nav .active { background-color: #cf0017 }
.tab .tab-nav .active a { cursor: default }
.tab .tab-body { }
.tab .tab-body-bordered { border: solid 1px #ddd; border-radius: 4px; padding: 15px }
.tab .tab-body .tab-panel { display: none; }
.tab .tab-body .active { display: block }
.tab.tab-small strong { padding-top: 3px }
.tab.tab-small .tab-more { margin: 5px 0 0 10px }
.tab.tab-small li a { padding: 3px 10px }
.indextab { display: block !important; }
.index_tab1 .tab-body { height: 444px; overflow: hidden; }
/*首页表单样式*/

.yzcode { display: inline-block; vertical-align: middle; width: 90px; height: 35px; }
.right-img-tip { position: absolute; right: 18px; top: 15px; display: block; width: 180px; height: 216px; }
.calculator_right_slide { position: absolute; width: 100%; padding-top: 27px; padding-bottom: 27px; padding-left: 45px; left: 0px; top: 0px; box-sizing: border-box; }
.calculator_right { display: inline-block; vertical-align: middle; position: relative; background-color: #fff; width: 930px; height: 246px; padding-left: 60px; box-sizing: border-box; padding-top: 30px; padding-bottom: 30px; border-radius: 5px; float: right; }
.calculator_right_modal { display: block; margin-bottom: 15px; padding: 0px 20px; padding-left: 0px; }
.calculator_right_modal label { margin-right: 0px; font-size: 14px; }
.calculator_right_modal select { display: inline-block; width: 145px; height: 30px; text-align: center; background-color: #fff; margin-right: 15px; text-align: center; border-radius: 10px; text-align-last: center; }
.calculator_right_modal select:focus { border-color: #0cb061; }
.calculator_right_modal input { display: inline-block; width: 160px; height: 35px; text-align: left; background-color: #fff; margin-left: 20px; padding-left: 10px; /* border-radius: 10px; */ border: 1px solid #dcdcdc; text-align: center; box-sizing: border-box; font-size: 12px; }
.calculator_right_modal input:focus { border-color: #0cb061; }
.form-radio-box { display: inline-block; width: 90px; }
.form-radio-box input { display: inline-block; width: 15px; height: 15px; margin-right: 10px; vertical-align: middle; }
.form-radio-box span { vertical-align: middle; white-space: nowrap; font-size: 12px; }
.calculator-btn-red { display: inline-block; background-color: #cf0017; width: 150px; height: 20px; padding: 5px; text-align: center; color: #fff; border-radius: 10px; font-size: 12px; height: 20px; vertical-align: middle; line-height: 20px; }
.calculator-btn-red:hover { cursor: pointer; }
.calculator_left { display: inline-block; width: 270px; height: 250px; overflow: hidden; vertical-align: middle; }
.calculator_left ul { margin-right: -10px; }
.calculator_left-modal { display: block; width: 120px; height: 117px; background-color: #fff; margin-bottom: 10px; margin-right: 10px; float: left; border-radius: 5px; }
.calculator_left-modal:hover { cursor: pointer; /*background: #064e38;*/ transition: 0.3s; }
.calculator_left-modal:hover p { /*color: white;*/ }
.calculator_left-modal div { display: block; width: 40px; height: 40px; background-size: 100% 100%; margin: 0 auto; margin-top: 30px; margin-bottom: 5px; background-repeat: no-repeat; }
.calculator_left-modal_ico img { width: 100%; height: 100%; }
.calculator_left-modal p { text-align: center; color: #686868; }
.calculator_left-modal-active { background-color: #cf0017; }
.calculator_left-modal-active > p { color: white; }
.budget { position: absolute; right: 20px; top: 10px; display: block; width: 150px; height: auto; font-size: 13px; }
.budget_text { font-size: 14px; margin-top: 10px; margin-bottom: 15px; color: #ce8641; text-align: center; }
.budget_input { border: none; text-align: center; color: #ce8641; }
.system_quotation { display: block; color: #73b434; border: 1px solid #73b434; text-align: center; height: 40px; line-height: 40px; border-radius: 6px; }
/* .system_quotation:hover{
   		background:#74b534;
   		color: #fff;
   } */
.artificial_quotation { display: block; color: #fff; background: #75b43e; text-align: center; height: 42px; line-height: 42px; border-radius: 6px; margin-top: 10px; }
.artificial_quotation:hover { background: #74b534; }
.shj_index_jsq_box { width: 100%; height: 390px; margin: 0 auto; }
.shj_index_jsq { width: 1220px; height: inherit; margin: 0 auto; }
.shj_index_jsq_title { width: inherit; height: 100px; text-align: center; margin-top: 20px; }
.shj_index_jsq_title>h2 { font-size: 32px; }
.shj_index_jsq_title_line { color: #75b43f; font-weight: bold; }
.shj_index_jsq_content { width: inherit; height: 290px; float: left; }
.shj_index_jsq_menu_box { width: 220px; height: 250px; float: left; }
.shj_index_jsq_menu { width: 105px; background: #f6f6f6; float: left; border-radius: 7px; text-align: center; padding: 27px 0; cursor: pointer; position: relative; }
.shj_index_jsq_menu_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.shj_index_jsq_menu_click { background: #064e38; color: #fff; }
.shj_index_jsq_menu_left { margin-left: 10px; }
.shj_index_jsq_menu_big { margin-top: 10px; width: 220px; }
.shj_index_jsq_menu>h5 { margin-top: 5px; }
.shj_index_jsq_menu_img2 { display: none; }
.shj_index_jsq_info_box { width: 800px; height: 212px; padding: 19px 30px 19px 0px; font-size: 14px; float: left; position: relative; margin-left: 10px; }
#shj_index_jsq_bj, #shj_index_jsq_lfyf { position: absolute; top: 19px; left: 45px; }
#shj_index_jsq_lfyf { display: none; }
.shj_index_jsq_item { width: 750px; height: 45px; }
.shj_index_jsq_item>h5 { width: 60px; height: 30px; line-height: 30px; float: left; }
.shj_index_jsq_select { width: 160px; height: 35px; border: 1px solid #c8c8c8; text-align: center; line-height: 35px; position: relative; margin-left: 20px; cursor: pointer; font-size: 14px; background: #fff; display: inline-block; box-sizing: border-box; }
.shj_index_jsq_text { width: 150px; height: 30px; border: 1px solid #c8c8c8; border-radius: 8px; text-align: center; line-height: 30px; position: relative; margin-left: 20px; cursor: pointer; font-size: 14px; float: left; outline: none; }
.shj_index_jsq_select_bg { width: inherit; height: inherit; position: absolute; top: 0; left: 0; z-index: 99; }
.shj_index_jsq_jicon { text-align: right; position: absolute; top: 0px; right: 20px; }
.shj_index_jsq_input { width: 495px; text-align: left; text-indent: 20px; }
.shj_index_jsq_input:focus { border: 1px solid #75b43f; }
.shj_index_jsq_radio { width: auto; height: 30px; line-height: 30px; margin-left: 20px; display: inline-block; cursor: pointer; position: relative; }
.shj_index_jsq_radio span { font-size: 12px; }
.shj_index_jsq_radio_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.shj_index_jsq_ricon { display: block; width: 16px; height: 16px; margin: 7px 8px 0 0; background:  no-repeat; background-position: -30px -828px; cursor: pointer; float: left; }
.shj_index_jsq_ricon_check { background-position: -6px -828px; }
.shj_index_jsq_cbtn { background: #cf0017; color: #fff; line-height: 20px; }
.shj_index_jsq_select_list { width: inherit; height: auto; background: #fff; padding: 7px 0; position: absolute; top: 23px; left: -1px; z-index: 999; border-left: 1px solid #75b43f; border-right: 1px solid #75b43f; border-bottom: 1px solid #75b43f; position: absolute; top: 25px; left: -1px; z-index: 999; display: none; max-height: 140px; overflow: hidden; overflow-y: auto; }
.shj_index_jsq_select_list li { height: 30px; }
.shj_index_jsq_select_list li:hover { background: #f6f6f6; }
.shj_index_jsq_city_list { height: 210px; overflow-y: scroll; }
.shj_index_jsq_bj_box { width: 160px; height: 250px; float: left; position: relative; }
#shj_index_jsq_bj_right, #shj_index_jsq_lf_right, #shj_index_jsq_yf_right { position: absolute; top: 5px; left: 0; }
#shj_index_jsq_lf_right, #shj_index_jsq_yf_right { display: none; }
.shj_index_jsq_brst { width: 150px; height: 65px; background: #f6f6f6; color: #cf832f; border-radius: 8px; text-align: center; font-size: 16px; padding-top: 5px; margin-bottom: 10px; }
.shj_index_jsq_brst>h5 { margin-bottom: 10px; }
.shj_index_jsq_bj_box>p { width: 132px; padding: 10px 9px 6px; line-height: 18px; }
.shj_index_jsq_btn { width: 150px; height: 46px; border-radius: 8px; border: 1px solid #9fc97f; color: #9fc97f; margin-top: 10px; font-size: 14px; cursor: pointer; }
.shj_index_jsq_rbtn { background: #75b43f; color: #fff; }
.shj_index_jsq_info_box input[type='text'] { cursor: text; }
.shj_index_jsq_right_img { width: 150px; height: 212px; border-radius: 8px; }
.shj_index_jsq_wdiv { width: inherit; height: 35px; }
.caculator-box1 { display: block; width: 100%; height: 310px; background: #f5f5f5; border-top: 1px solid #f5f5f5; }
.caculator-total-box { width: 1200px; margin: 0 auto; }
/*首页案例*/
.floor_jiazhuanganli { }
.jiazhuang_case_box { margin-bottom: 54px; }
.jiazhuang_case_style_choose { color: #727272; text-align: center; margin-bottom: 45px; }
.jiazhuang_case_style_choose a { display: inline-block; font-size: 14px; text-align: center; color: #727272; padding: 0 7px }
.style_active { color: #07a865 !important }
.case_list { width: 100%; height: auto; margin: 0 auto; }
.case_list ul { overflow: hidden; margin: 0; padding: 0; margin-left: -10px; }
.case_list li { float: left; margin-left: 4px; width: 19.70%; margin-top: 4px; height: auto; position: relative; animation: fade-in;/*动画名称*/ animation-duration: 0.5s;/*动画持续时间*/ -webkit-animation: fade-in 0.5s;/*针对webkit内核*/ }
 @keyframes fade-in { 0% {
opacity: 0;
}/*初始状态 透明度为0*/
 40% {
opacity: 0;
}/*过渡状态 透明度为0*/
 100% {
opacity: 1;
}/*结束状态 透明度为1*/
}
@-webkit-keyframes fade-in {/*针对webkit内核*/ 0% {
opacity: 0;
}
 40% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
.case_list li:hover .case_detail_shadow_box { opacity: 1; }
.case_list li:hover .case_detail_shadow_box p { margin-bottom: 5px; margin-top: 5px; }
.case_list li:hover .case_detail_bottom_box { opacity: 0; }
 @media screen and (min-width: 1900px) {
}
 @media screen and (max-width: 1610px) {
.case_list ul { margin-left: -10px; }
}
.case_list_box { width: 100%; max-height: 325px; height: auto; }
.case_list_box img { width: 100%; height: auto; max-height: 325px; }
.case_detail_bottom_box { font-weight: 100; position: absolute; bottom: 0px; left: 0px; background: rgba(0,0,0,0.5); color: #fff; text-align: center; padding: 10px; font-size: 14px; width: 100%; }
.case_detail_shadow_box { width: 100%; position: absolute; background: rgba(0, 0, 0, 0.5); height: 100%; top: 0; left: 0; padding: 15px; opacity: 0; -moz-box-sizing: border-box; /*firefox3.5 */ -webkit-box-sizing: border-box; /*safari3.2 */ -o-box-sizing: border-box; /*opera9.6*/ -ms-box-sizing: border-box; /*ie8*/ box-sizing: border-box; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -moz-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s }
.case_detail_header_img { right: 0px; position: absolute; width: 50px; height: 50px; border-radius: 50%; border: 1px solid #fff; vertical-align: middle; }
.case_detail_case_name { color: #fff; font-size: 14px; margin-left: 10px; }
.case_detail_case_author { display: inline-block; color: #fff; margin-left: 10px; font-size: 12px; font-weight: 100; margin-top: 20px; }
.case_detaile_design_concept { color: #fff; font-size: 12px; line-height: 23px; padding-left: 12px; margin-top: 29px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-weight: 100; }
.case_detaile_btn_box { margin-top: 10px; */text-align: center; position: absolute; bottom: 0px; left: 50%; margin-left: -110px; }
.case_detail_btn { width: 99px; height: 35px; display: inline-block; text-align: center; line-height: 35px; font-size: 12px; }
.see_detail_btn { background: #fff; color: #000; margin-right: 22px; }
.reserve_btn { color: #fff; background: #cf0017; cursor: pointer }
.see_more_case { width: 120px; height: 30px; line-height: 30px; display: block; border: 1px solid #cbcbcb; color: #101010; font-size: 14px; margin: 20px auto; text-align: center; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; }
.see_more_case:hover { background: #cf0017; color: #fff; }
.index_tab2 .tab-nav .active a { font-weight: 100; background: #cf0017; color: #fff; }
.index_tab2 .tab-nav a { display: block; border-radius: 25px; line-height: 30px; margin: 0 3px; padding: 0 20px; border: 1px solid #e0e0e0; }
.index_tab2 .tab-nav .active { background: none; }
/*热门小区*/
.remenxiaoqv { background: #f8f8f8; padding-bottom: 50px; }
.remenxiaoqv .line_nav a { display: inline-block; margin: 0 10px; }
.remenxiaoqv .line_nav { text-align: center; margin-bottom: 30px; }
.remenxiaoqv .case_list li { width: 24.66%; }
.remenxiaoqv .case_list ul { margin-left: 0px; }
.remenxiaoqv .case_detaile_btn_box { position: absolute; bottom: 0px; margin-left: 8%; }
/*视频攻略*/
.video { margin-top: 50px; margin-bottom: 50px; background: #fff; overflow: hidden; }
.allfloor_title_box { margin-bottom: 30px; }
.video .container { padding: 0; }
.video .container .tittle h3 { font-size: 30px; margin-bottom: 10px; }
.video .container .bigbox { overflow: hidden; }
.video .container .bigbox .wenzi { line-height: 36px; padding-top: 10px; }
.video .container .bigbox .wenzi .dibu { color: #888888; display: inline-block; font-size: 12px; }
.video .container .bigbox .wenzi .dibu1 { margin-right: 10px; }
.video .container .bigbox .rit { }
.video .container .bigbox .rit ul { }
.video .container .bigbox .rit ul li { overflow: hidden; border-bottom: 1px solid #ccc; }
.video .container .bigbox .rit ul li:hover h3 { color: #ae0000 }
.video .wenzi h3 { font-size: 18px; color: #666; line-height: 24px; height: 48px; }
.video .wenzi p { font-size: 14px; color: #999; margin: 15px 0 }
.video .wenzi p span { margin-left: 30px }
.video ul li .float-right { height: 90px; width: 170px; margin: 10px 0; position: relative; }
.video .rit { margin-top: 50px; }
.video ul li .float-right img { height: 100%; width: 100%; }
.video .bigbox .inner, .video .bigbox .inner.wenzi .float-right { overflow: hidden; }
.video .video1 { width: 600px; height: 360px; }
.video .videowid { }
.layui-layer-imgbar, .layui-layer-imgtit a, .layui-layer-tab .layui-layer-title span, .layui-layer-title { text-overflow: ellipsis; white-space: nowrap }
html #layuicss-layer { display: none; position: absolute; width: 1989px }
.layui-layer, .layui-layer-shade { position: fixed; _position: absolute; pointer-events: auto }
.layui-layer-shade { top: 0; left: 0; width: 100%; height: 100%; _height:expression(document.body.offsetheight "px")
}
.layui-layer { -webkit-overflow-scrolling: touch; top: 150px; left: 0; margin: 0; padding: 0; background-color: #fff; -webkit-background-clip: content; border-radius: 2px; box-shadow: 1px 1px 50px rgba(0,0,0,.3) }
.layui-layer-close { position: absolute }
.layui-layer-content { position: relative }
.layui-layer-border { border: 1px solid #b2b2b2; border: 1px solid rgba(0,0,0,.1); box-shadow: 1px 1px 5px rgba(0,0,0,.2) }
.layui-layer-load { background: url(/uploads/image/sdcss/loading-1.gif) center center no-repeat #eee }
.layui-layer-ico { background:  no-repeat }
.layui-layer-btn a, .layui-layer-dialog .layui-layer-ico, .layui-layer-setwin a { display: inline-block; *display:inline;
*zoom:1;
vertical-align: top }
.layui-layer-move { display: none; position: fixed; *position:absolute;
left: 0; top: 0; width: 100%; height: 100%; cursor: move; opacity: 0; filter: alpha(opacity=0); background-color: #fff; z-index: 2147483647 }
.layui-layer-resize { position: absolute; width: 15px; height: 15px; right: 0; bottom: 0; cursor: se-resize }
.layer-anim { -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: .3s; animation-duration: .3s }
@-webkit-keyframes layer-bouncein { 0% {
opacity:0;
-webkit-transform:scale(.5);
transform:scale(.5)
}
100% {
opacity:1;
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes layer-bouncein { 0% {
opacity:0;
-webkit-transform:scale(.5);
-ms-transform:scale(.5);
transform:scale(.5)
}
100% {
opacity:1;
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
}
.layer-anim-00 { -webkit-animation-name: layer-bouncein; animation-name: layer-bouncein }
@-webkit-keyframes layer-zoomindown { 0% {
opacity:0;
-webkit-transform:scale(.1) translatey(-2000px);
transform:scale(.1) translatey(-2000px);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
60% {
opacity:1;
-webkit-transform:scale(.475) translatey(60px);
transform:scale(.475) translatey(60px);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
}
@keyframes layer-zoomindown { 0% {
opacity:0;
-webkit-transform:scale(.1) translatey(-2000px);
-ms-transform:scale(.1) translatey(-2000px);
transform:scale(.1) translatey(-2000px);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
60% {
opacity:1;
-webkit-transform:scale(.475) translatey(60px);
-ms-transform:scale(.475) translatey(60px);
transform:scale(.475) translatey(60px);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
}
.layer-anim-01 { -webkit-animation-name: layer-zoomindown; animation-name: layer-zoomindown }
@-webkit-keyframes layer-fadeinupbig { 0% {
opacity:0;
-webkit-transform:translatey(2000px);
transform:translatey(2000px)
}
100% {
opacity:1;
-webkit-transform:translatey(0);
transform:translatey(0)
}
}
@keyframes layer-fadeinupbig { 0% {
opacity:0;
-webkit-transform:translatey(2000px);
-ms-transform:translatey(2000px);
transform:translatey(2000px)
}
100% {
opacity:1;
-webkit-transform:translatey(0);
-ms-transform:translatey(0);
transform:translatey(0)
}
}
.layer-anim-02 { -webkit-animation-name: layer-fadeinupbig; animation-name: layer-fadeinupbig }
@-webkit-keyframes layer-zoominleft { 0% {
opacity:0;
-webkit-transform:scale(.1) translatex(-2000px);
transform:scale(.1) translatex(-2000px);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
60% {
opacity:1;
-webkit-transform:scale(.475) translatex(48px);
transform:scale(.475) translatex(48px);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
}
@keyframes layer-zoominleft { 0% {
opacity:0;
-webkit-transform:scale(.1) translatex(-2000px);
-ms-transform:scale(.1) translatex(-2000px);
transform:scale(.1) translatex(-2000px);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
60% {
opacity:1;
-webkit-transform:scale(.475) translatex(48px);
-ms-transform:scale(.475) translatex(48px);
transform:scale(.475) translatex(48px);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
}
.layer-anim-03 { -webkit-animation-name: layer-zoominleft; animation-name: layer-zoominleft }
@-webkit-keyframes layer-rollin { 0% {
opacity:0;
-webkit-transform:translatex(-100%) rotate(-120deg);
transform:translatex(-100%) rotate(-120deg)
}
100% {
opacity:1;
-webkit-transform:translatex(0) rotate(0);
transform:translatex(0) rotate(0)
}
}
@keyframes layer-rollin { 0% {
opacity:0;
-webkit-transform:translatex(-100%) rotate(-120deg);
-ms-transform:translatex(-100%) rotate(-120deg);
transform:translatex(-100%) rotate(-120deg)
}
100% {
opacity:1;
-webkit-transform:translatex(0) rotate(0);
-ms-transform:translatex(0) rotate(0);
transform:translatex(0) rotate(0)
}
}
.layer-anim-04 { -webkit-animation-name: layer-rollin; animation-name: layer-rollin }
@keyframes layer-fadein { 0% {
opacity:0
}
100% {
opacity:1
}
}
.layer-anim-05 { -webkit-animation-name: layer-fadein; animation-name: layer-fadein }
@-webkit-keyframes layer-shake { 0%, 100% {
-webkit-transform:translatex(0);
transform:translatex(0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translatex(-10px);
transform:translatex(-10px)
}
20%, 40%, 60%, 80% {
-webkit-transform:translatex(10px);
transform:translatex(10px)
}
}
@keyframes layer-shake { 0%, 100% {
-webkit-transform:translatex(0);
-ms-transform:translatex(0);
transform:translatex(0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translatex(-10px);
-ms-transform:translatex(-10px);
transform:translatex(-10px)
}
20%, 40%, 60%, 80% {
-webkit-transform:translatex(10px);
-ms-transform:translatex(10px);
transform:translatex(10px)
}
}
.layer-anim-06 { -webkit-animation-name: layer-shake; animation-name: layer-shake }
@-webkit-keyframes fadein { 0% {
opacity:0
}
100% {
opacity:1
}
}
.layui-layer-title { padding: 0 80px 0 20px; height: 42px; line-height: 42px; border-bottom: 1px solid #eee; font-size: 14px; color: #333; overflow: hidden; background-color: #f8f8f8; border-radius: 2px 2px 0 0 }
.layui-layer-setwin { position: absolute; right: 15px; *right:0;
top: 15px; font-size: 0; line-height: initial }
.layui-layer-setwin a { position: relative; width: 16px; height: 16px; margin-left: 10px; font-size: 12px; _overflow: hidden }
.layui-layer-setwin .layui-layer-min cite { position: absolute; width: 14px; height: 2px; left: 0; top: 50%; margin-top: -1px; background-color: #2e2d3c; cursor: pointer; _overflow: hidden }
.layui-layer-setwin .layui-layer-min:hover cite { background-color: #2d93ca }
.layui-layer-setwin .layui-layer-max { background-position: -32px -40px }
.layui-layer-setwin .layui-layer-max:hover { background-position: -16px -40px }
.layui-layer-setwin .layui-layer-maxmin { background-position: -65px -40px }
.layui-layer-setwin .layui-layer-maxmin:hover { background-position: -49px -40px }
.layui-layer-setwin .layui-layer-close1 { background-position: 1px -40px; cursor: pointer }
.layui-layer-setwin .layui-layer-close1:hover { opacity: .7 }
.layui-layer-setwin .layui-layer-close2 { position: absolute; right: -28px; top: -28px; width: 30px; height: 30px; margin-left: 0; background-position: -149px -31px; *right:-18px;
background: url(/uploads/image/sdivideo/video_guanb.png); _display: none }
.layui-layer-btn { text-align: right; padding: 0 15px 12px; pointer-events: auto; user-select: none; -webkit-user-select: none }
.layui-layer-btn a { height: 28px; line-height: 28px; margin: 5px 5px 0; padding: 0 15px; border: 1px solid #dedede; background-color: #fff; color: #333; border-radius: 2px; font-weight: 400; cursor: pointer; text-decoration: none }
.layui-layer-btn a:hover { opacity: .9; text-decoration: none }
.layui-layer-btn a:active { opacity: .8 }
.layui-layer-btn .layui-layer-btn0 { border-color: #1e9fff; background-color: #1e9fff; color: #fff }
.layui-layer-btn-l { text-align: left }
.layui-layer-btn-c { text-align: center }
.layui-layer-dialog { min-width: 260px }
.layui-layer-dialog .layui-layer-content { position: relative; padding: 20px; line-height: 24px; word-break: break-all; overflow: hidden; font-size: 14px; overflow-x: hidden; overflow-y: auto }
.layui-layer-dialog .layui-layer-content .layui-layer-ico { position: absolute; top: 16px; left: 15px; _left: -40px; width: 30px; height: 30px }
.layui-layer-ico1 { background-position: -30px 0 }
.layui-layer-ico2 { background-position: -60px 0 }
.layui-layer-ico3 { background-position: -90px 0 }
.layui-layer-ico4 { background-position: -120px 0 }
.layui-layer-ico5 { background-position: -150px 0 }
.layui-layer-ico6 { background-position: -180px 0 }
.layui-layer-rim { border: 6px solid #8d8d8d; border: 6px solid rgba(0,0,0,.3); border-radius: 5px; box-shadow: none }
.layui-layer-msg { min-width: 180px; border: 1px solid #d3d4d3; box-shadow: none }
.layui-layer-hui { min-width: 100px; background-color: #000; filter: alpha(opacity=60); background-color: rgba(0,0,0,.6); color: #fff; border: none }
.layui-layer-hui .layui-layer-content { padding: 12px 25px; text-align: center }
.layui-layer-dialog .layui-layer-padding { padding: 20px 20px 20px 55px; text-align: left }
.layui-layer-page .layui-layer-content { position: relative; overflow: auto }
.layui-layer-iframe .layui-layer-btn, .layui-layer-page .layui-layer-btn { padding-top: 10px }
.layui-layer-nobg { background: 0 0 }
.layui-layer-iframe iframe { display: block; width: 100% }
.layui-layer-loading { border-radius: 100%; background: 0 0; box-shadow: none; border: none }
.layui-layer-loading .layui-layer-content { width: 60px; height: 24px; background: url(/uploads/image/sdcss/loading-0.gif) no-repeat }
.layui-layer-loading .layui-layer-loading1 { width: 37px; height: 37px; background:  no-repeat
}
.layui-layer-ico16, .layui-layer-loading .layui-layer-loading2 { width: 32px; height: 32px; background: url(/uploads/image/sdivideo/loading-2.gif) no-repeat }
.layui-layer-tips { background: 0 0; box-shadow: none; border: none }
.layui-layer-tips .layui-layer-content { position: relative; line-height: 22px; min-width: 12px; padding: 8px 15px; font-size: 12px; _float: left; border-radius: 2px; box-shadow: 1px 1px 3px rgba(0,0,0,.2); background-color: #000; color: #fff }
.layui-layer-tips .layui-layer-close { right: -2px; top: -1px }
.layui-layer-tips i.layui-layer-tipsg { position: absolute; width: 0; height: 0; border-width: 8px; border-color: transparent; border-style: dashed; *overflow:hidden
}
.layui-layer-tips i.layui-layer-tipsb, .layui-layer-tips i.layui-layer-tipst { left: 5px; border-right-style: solid; border-right-color: #000 }
.layui-layer-tips i.layui-layer-tipst { bottom: -8px }
.layui-layer-tips i.layui-layer-tipsb { top: -8px }
.layui-layer-tips i.layui-layer-tipsl, .layui-layer-tips i.layui-layer-tipsr { top: 5px; border-bottom-style: solid; border-bottom-color: #000 }
.layui-layer-tips i.layui-layer-tipsr { left: -8px }
.layui-layer-tips i.layui-layer-tipsl { right: -8px }
.layui-layer-lan[type=dialog] { min-width: 280px }
.layui-layer-lan .layui-layer-title { background: #4476a7; color: #fff; border: none }
.layui-layer-lan .layui-layer-btn { padding: 5px 10px 10px; text-align: right; border-top: 1px solid #e9e7e7 }
.layui-layer-lan .layui-layer-btn a { background: #fff; border-color: #e9e7e7; color: #333 }
.layui-layer-lan .layui-layer-btn .layui-layer-btn1 { background: #c9c5c5 }
.layui-layer-molv .layui-layer-title { background: #009f95; color: #fff; border: none }
.layui-layer-molv .layui-layer-btn a { background: #009f95; border-color: #009f95 }
.layui-layer-molv .layui-layer-btn .layui-layer-btn1 { background: #92b8b1 }
.layui-layer-iconext { background: url(/uploads/image/sdcss/icon-ext.png) no-repeat }
.layui-layer-prompt .layui-layer-input { display: block; width: 230px; height: 36px; margin: 0 auto; line-height: 30px; padding-left: 10px; border: 1px solid #e6e6e6; color: #333 }
.layui-layer-prompt textarea.layui-layer-input { width: 300px; height: 100px; line-height: 20px; padding: 6px 10px }
.layui-layer-prompt .layui-layer-content { padding: 20px }
.layui-layer-prompt .layui-layer-btn { padding-top: 0 }
.layui-layer-tab { box-shadow: 1px 1px 50px rgba(0,0,0,.4) }
.layui-layer-tab .layui-layer-title { padding-left: 0; overflow: visible }
.layui-layer-tab .layui-layer-title span { position: relative; float: left; min-width: 80px; max-width: 260px; padding: 0 20px; text-align: center; overflow: hidden; cursor: pointer }
.layui-layer-tab .layui-layer-title span.layui-this { height: 43px; border-left: 1px solid #eee; border-right: 1px solid #eee; background-color: #fff; z-index: 10 }
.layui-layer-tab .layui-layer-title span:first-child { border-left: none }
.layui-layer-tabmain { line-height: 24px; clear: both }
.layui-layer-tabmain .layui-layer-tabli { display: none }
.layui-layer-tabmain .layui-layer-tabli.layui-this { display: block }
.layui-layer-photos { -webkit-animation-duration: .8s; animation-duration: .8s }
.layui-layer-photos .layui-layer-content { overflow: hidden; text-align: center }
.layui-layer-photos .layui-layer-phimg img { position: relative; width: 100%; display: inline-block; *display:inline;
*zoom:1;
vertical-align: top }
.layui-layer-imgbar, .layui-layer-imguide { display: none }
.layui-layer-imgnext, .layui-layer-imgprev { position: absolute; top: 50%; width: 27px; _width: 44px; height: 44px; margin-top: -22px; outline: 0; blr:expression(this.onfocus=this.blur())
}
.layui-layer-imgprev { left: 10px; background-position: -5px -5px; _background-position: -70px -5px }
.layui-layer-imgprev:hover { background-position: -33px -5px; _background-position: -120px -5px }
.layui-layer-imgnext { right: 10px; _right: 8px; background-position: -5px -50px; _background-position: -70px -50px }
.layui-layer-imgnext:hover { background-position: -33px -50px; _background-position: -120px -50px }
.layui-layer-imgbar { position: absolute; left: 0; bottom: 0; width: 100%; height: 32px; line-height: 32px; background-color: rgba(0,0,0,.8); background-color: #000\9; filter: alpha(opacity=80); color: #fff; overflow: hidden; font-size: 0 }
.layui-layer-imgtit * { display: inline-block; *display:inline;
*zoom:1;
vertical-align: top; font-size: 12px }
.layui-layer-imgtit a { max-width: 65%; overflow: hidden; color: #fff }
.layui-layer-imgtit a:hover { color: #fff; text-decoration: underline }
.layui-layer-imgtit em { padding-left: 10px; font-style: normal }
@-webkit-keyframes layer-bounceout { 100% {
opacity:0;
-webkit-transform:scale(.7);
transform:scale(.7)
}
30% {
-webkit-transform:scale(1.05);
transform:scale(1.05)
}
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes layer-bounceout { 100% {
opacity:0;
-webkit-transform:scale(.7);
-ms-transform:scale(.7);
transform:scale(.7)
}
30% {
-webkit-transform:scale(1.05);
-ms-transform:scale(1.05);
transform:scale(1.05)
}
0% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
}
.layer-anim-close { -webkit-animation-name: layer-bounceout; animation-name: layer-bounceout; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: .2s; animation-duration: .2s }
@media screen and (max-width:1100px) {
.layui-layer-iframe { overflow-y: auto; -webkit-overflow-scrolling: touch }
}
/*逛商城*/

.gsc { margin-top: 50px; padding-top: 50px; background: #f8f8f8; padding-bottom: 50px; }
.gsc .container h3 { font-size: 30px; margin-bottom: 10px; }
.gsc .container p { text-align: center; }
.gsc .container .p2 { font-size: 20px; font-weight: 100; color: #666; margin-bottom: 50px; }
.gsc .container { padding: 0; text-align: center; }
.gsc .container .content { margin-bottom: 20px }
.gsc .container .content .box { width: 32%; margin-right: 2%; }
.gsc .container .content .box img { width: 100%; }
.gsc .container .content .box3 { margin-right: 0; }
.gsc .container .content .box3 .top { margin-bottom: 20px; }
.gsc .container .p2 i { line-height: 14px; margin: 0 10px; }
/*品牌实力*/
.pinpai h3 { font-size: 30px; text-align: center; color: #fff; }
.pinpai p { color: #999; text-align: center; }
.pinpai { background: #161213; padding-bottom: 90px; overflow: hidden; }
.pinpai img { width: 100%; }
.pinpai .tittle { margin-bottom: 20px; }
.pinpai .container .content { width: 1100px; margin: 0 auto; }
.pinpai .container .content .box1 { width: 37%; margin-right: 5px; height: 359px; overflow: hidden; }
.pinpai .container .content .box2 { width: 20%; margin-right: 5px; height: 359px; overflow: hidden; }
.pinpai .container .content .box3 { width: 42%; height: 359px; }
.pinpai .container .content .box3 .top { margin-bottom: 5px; }
.pinpai .container .content .box3 .btm { }
.pinpai .container .content .box3 .btm .lft { width: 228.5px; margin-right: 5px; float: left; }
.pinpai .container .content .box3 .btm .rgt { width: 228.5px; float: left }
/*首页报价*/
.caculator-box1 .index_biaodan_tab .tab-nav .active .index_bdico1 { background: url(/uploads/image/sdifiles/11.png) }
.caculator-box1 .index_biaodan_tab .tab-nav .index_bdico1 { background: url(/uploads/image/sdifiles/1.png) }
.caculator-box1 .index_biaodan_tab .tab-nav .active .index_bdico2 { background: url(/uploads/image/sdifiles/22.png) }
.caculator-box1 .index_biaodan_tab .tab-nav .index_bdico2 { background: url(/uploads/image/sdifiles/1.png) }
.caculator-box1 .index_biaodan_tab .tab-nav .active .index_bdico3 { background: url(/uploads/image/sdifiles/33.png) }
.caculator-box1 .index_biaodan_tab .tab-nav .index_bdico3 { background: url(/uploads/image/sdifiles/3.png) }
.caculator-box1 .index_biaodan_tab .tab-nav .active .index_bdico4 { background: url(/uploads/image/sdifiles/44.png) }
.caculator-box1 .index_biaodan_tab .tab-nav .index_bdico4 { background: url(/uploads/image/sdifiles/4.png) }
.caculator-box1 .index_biaodan_tab .tab-nav .active p { color: #fff; }
.caculator-box1 .index_biaodan_tab .tab-nav p { color: #333; }
.index_jsq { background: url(/uploads/image/sdifiles/index_jsq.jpg) }
.index_biaodan .calculator_right_slide li { display: block; padding: 5px 20px; padding-left: 0px; }
.index_biaodan .calculator_right_slide b { margin-right: 0px; font-size: 14px; }
.index_biaodan select { padding-left: 5px; background: #333; color: #a9a9a9; width: 180px; height: 35px; border: 1px solid #c8c8c8; text-align: center; line-height: 35px; position: relative; margin-left: 10px; .index_biaodan cursor: pointer;
font-size: 14px; display: inline-block; box-sizing: border-box; }
.index_biaodan select:focus { border: 1px #ddd solid; box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.3); }
.index_biaodan .index_post_txt { display: inline-block; width: 277px; height: 35px; text-align: left; margin-left: 10px; padding-left: 10px; border: 1px solid #eee; box-sizing: border-box; font-size: 14px; background: #333; color: #eee }
.index_biaodan option { text-indent: 5px; }
.index_biaodan .xiaoqv { display: inline-block; width: 277px; height: 35px; text-align: left; margin-left: 10px; padding-left: 10px; border: 1px solid #eee; box-sizing: border-box; font-size: 14px; background: #333; color: #eee; }
.index_biaodan .baojia_shouji1 { display: inline-block; width: 406px; height: 40px; line-height: 40px; font-size: 14px; color: #fff; background: #cf0017; margin-right: 10px; border: none; }
.index_biaodan .baojia_rengong { display: inline-block; width: 220px; height: 40px; line-height: 40px; font-size: 14px; color: #fff; background: #737373; margin-right: 20px; text-align: center; }
.index_btm { margin-top: 15px; }
/*首页播放器*/
.clearfix::after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.container { width: 1200px; margin: 0 auto; padding: 0; }
.index-title { font-size: 16px; text-align: center; padding: 50px 0; }
.index-title h2 { font-size: 36px; font-family: "microsoft yahei"; font-weight: 400; }
.index-title a { width: 100px; height: 36px; line-height: 36px; border: 1px solid #dbdce0; text-align: center; font-size: 14px; display: block; margin: 25px auto 0; transition: all .2s; }
.index-title a:hover { background: #f96a69; color: inherit; border-color: #f96a69; color: #fff; }
.video .inner { display: block; cursor: pointer; }
.video .inner img { transition: all .4s; }
.video .inner:hover img { transform: scale(1.05); }
.video .vr-big { float: left; width: 766px; height: 484px; margin-bottom: 20px; position: relative; overflow: hidden; }
.video .vr-big .text { position: absolute; left: 0; right: 0; bottom: 0; color: #fff; padding: 0 30px 20px 30px; font-size: 16px; }
.video .vr-big .text h3 { font-size: 24px; margin-bottom: 4px; }
.video .vr-big .link { width: 130px; height: 48px; font-size: 16px; line-height: 48px; text-align: center; position: absolute; z-index: 2; right: 30px; bottom: 20px; border: 1px solid #eee; color: #fff; transition: all .2s; }
.video .vr-big .link:hover { background: #f96a69; border-color: #f96a69; color: #fff; }
.video .vr-big .play { width: 83px; height: 83px; background: rgba(0,0,0,.4) url(/uploads/image/sdimages/3f_play_left.png) no-repeat center center; position: absolute; left: 50%; top: 50%; margin: -21px 0 0 -21px; border-radius: 50%; cursor: pointer; transition: all .2s; }
.video .vr-big .play:hover { background-color: rgba(0,0,0,.6); }
.video .vr-right { float: left; width: 412px; margin-left: 22px; }
.video .vr-small { margin-bottom: 20px; width: 412px; height: 232px; position: relative; overflow: hidden; }
.video .vr-small .text { position: absolute; left: 0; right: 0; bottom: 0; padding: 0 20px 20px 20px; font-size: 16px; color: #fff; }
.video .vr-small .link { width: 30px; height: 30px; position: absolute; background: url(/uploads/image/sdimages/3f_icon.png) no-repeat center center; right: 20px; bottom: 14px; z-index: 2; transition: all .2s; }
.video .vr-small .link:hover { background-image: url(/uploads/image/sdimages/3f_icon_02.png); }
.video .vr-small .play { width: 51px; height: 51px; background: rgba(0,0,0,.4) url(/uploads/image/sdimages/3f_play_right.png) no-repeat center center; position: absolute; left: 50%; top: 50%; margin: -25px 0 0 -25px; border-radius: 50%; cursor: pointer; transition: all .2s; }
.video .vr-small .play:hover { background-color: rgba(0,0,0,.6); }
.video .bigbox .float-right .play { width: 40px; height: 40px; margin: -10px 0 0 -10px; background-size: 50%; }
.video .bigbox .play { width: 83px; height: 83px; background: rgba(0,0,0,.4) url(/uploads/image/sdivideo/3f_play_left.png) no-repeat center center; position: absolute; left: 50%; top: 50%; margin: -21px 0 0 -21px; border-radius: 50%; cursor: pointer; transition: all .2s; }
.video .bigbox .float-left .inner { position: relative; }
.video .bigbox .float-left .inner .text { position: absolute; bottom: 0px; text-align: center; line-height: 45px; color: #eee; width: 100% }
.video .bigbox .float-left .inner .text h3 { color: #eee; background: rgba(0, 0, 0, 0.56); }
/*首页设计师滚动*/
.banner { position: relative; width: 100%; overflow: hidden }
.carousel { position: relative; list-style: none; padding: 0 }
.carousel .item { display: nones; float: left; position: relative }
.carousel .active { display: block }
.carousel img { display: block; max-width: 100%; height: auto }
.banner .pointer { position: absolute; bottom: 0; padding: 15px }
.banner .pager-prev, .banner .pager-next { position: absolute; display: none; top: 50%; margin-top: -25px }
.banner .pager-prev { left: 0px }
.banner .pager-next { right: 0px }
.banner:hover .pager-prev, .banner:hover .pager-next { display: block }
.banner:hover .pager-prev:before, .banner:hover .pager-next:before { line-height: 112px; }
.icon-navicon { display: none }
.container { width: 1200px; margin: 0 auto; padding: 0; }
.pager-prev, .pager .pager-prev, .pager-next, .pager .pager-next { background: rgba(0,0,0,.175); font-size: 36px; padding: 0; color: #ddd; width: 50px; height: 112px; line-height: 45px; display: inline-block; text-align: center; cursor: pointer }
.pager-prev:hover, .pager-next:hover { background-color: rgba(0,0,0,.2) }
[class*='icon-']:before { display: inline-block; font-family: "fontawesome"; font-weight: normal; font-style: normal; vertical-align: baseline; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.icon-angle-left:before { content: "\f104" }
.icon-angle-right:before { content: "\f105" }
@font-face { font-family: 'fontawesome'; src: ; src:  format('embedded-opentype'),  format('woff'),  format('truetype'),  format('svg'); font-weight: normal; font-style: normal }
[class*='icon-']:before { display: inline-block; font-family: "fontawesome"; font-weight: normal; font-style: normal; vertical-align: baseline; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.pointer { padding: 0 }
.pointer li { border: solid 1px #ddd; width: 10px; height: 10px; margin: 1px; display: inline-block; border-radius: 10px; cursor: pointer; display: inline-block !important; }
.pointer .active { border: 0; background: #ddd; width: 12px; height: 12px; margin: 1px; transition: 0.2s; }
.vr .vr_img img:hover { transition: 0.2s; box-shadow: 1px 1px 30px 1px rgba(0,0,0,0.3); cursor: pointer; transform: translatey(-5px); width: 100%; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; }
.vr .vr_img img { width: 100%; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; }
.vr .more { display: block; width: 200px; height: 40px; line-height: 40px; margin: 50px auto 20px; border: 1px solid #666; text-align: center; border-radius: 10px; }
.vr .more:hover { background: #f00; border: 1px solid #f00; color: #fff }
/*影视样板间*/
.yingshi { width: 1200px; margin: 20px auto; overflow: hidden; }
.yingshi .yingshi_box img { width: 100%; height: 378px; }
.yingshi .yingshi_box { transition: 0.5s; float: left; width: 31.5%; margin: 10px; background: #fff; ; }
.yingshi .yingshi_box:hover { transition: 0.5s; box-shadow: 1px 1px 15px 1px rgba(0,0,0,0.2); transform: translatey(-3px); }
.yingshi .yingshi_box:hover p a { background: #d80c18; color: #fff; }
.yingshi .yingshi_box p i { line-height: 40px; width: 100px; height: 24px; display: block; float: left; }
.yingshi .yingshi_box p i img { width: 20px !important; height: auto !important; margin-top: 6px; }
.yingshi .yingshi_box p i span { line-height: 28px; display: block; width: 70px; float: right; color: #999; text-align: left; }
.yingshi .yingshi_box .ys_txt { padding: 10px; overflow: hidden; }
.yingshi .yingshi_box .ys_txt h3 { font-size: 14px }
.yingshi .yingshi_box p a { display: block; padding: 5px 10px; border: 2px solid #d80c18; width: 60px; float: right; border-radius: 15px; margin-top: -20px; text-align: center; }
.yingshi_art { width: 1200px; margin: 20px auto; overflow: hidden; }
.yingshi_art_banner { width: 100%; height: 600px; }
.yingshi_art_sjs { width: 100%; height: 720px; background:  center; }
.yingshi_art_sjs_mid { width: 1200px; height: 720px; margin: auto; overflow: hidden; }
.yingshi_art_sjs_mid_txt { float: right; width: 700px; margin-top: 212px; }
.yingshi_art_sjs_img { width: 410px; height: 400px; margin-top: 199px; margin-left: 38px; float: left; }
.yingshi_art_sjs_img img { width: 415px; height: 401px; }
.yingshi_art_shipin { margin-bottom: 50px; width: 100%; background: url(/uploads/image/sdimages/yinshi_art224.jpg) center top no-repeat; overflow: hidden }
.yingshi_art_shipin_mid { border: 20px solid #c6a882; width: 1160px; margin: 150px auto 0; overflow: hidden; position: relative; }
.yingshi_art_shipin_mid video { position: relative !important; }
.yingshi_art_jianjie { width: 100%; background: url(/uploads/image/sdimages/yinshi_art223.jpg) center; height: 656px; }
.yingshi_art_jianjie_mid { width: 1200px; margin: auto; overflow: hidden; }
.yingshi_art_jianjie_txt { width: 770px; overflow: hidden; float: right; margin-top: 65px; }
.yingshi_art_sjs_mid_txt h3 { font-size: 36px; color: #c6a882 }
.yingshi_art_sjs_mid_txt h4 { font-size: 22px; color: #666; border-bottom: 1px dashed #c6a882 }
.sjs_txt_line { margin: 30px 30px 30px 0; }
.sjs_txt_line h4 { font-size: 20px; padding-bottom: 5px; margin-bottom: 5px; }
.sjs_txt_line p { font-size: 14px; color: #666; }
.yingshi_art_bot { background: #313131 url(/uploads/image/sdimages/yinshi_art1_02.jpg) center top no-repeat; height: 1130px; width: 100%; }
.yingshi_art_from { width: 1200px; margin: auto; position: relative; overflow: hidden }
.wangqi .yingshi_box { width: 31%; margin: 20px 1%; }
.wangqi { margin: 130px auto 20px; overflow: hidden; }
.wangqi .yingshi .yingshi_box img { height: 372px; width: 100%; }
.wangqi .yingshi .ys_txt h3 { font-size: 14px; }
.wangqi .yingshi .yingshi_box p a { width: 64px !important; margin-top: -16px !important }
.yingshi_art_from form { width: 468px; float: right; margin-top: 160px; margin-right: 65px; }
.yingshi_art_from form input { width: 100%; text-indent: 4em; color: #fff; height: 46px; background: none; border: none; margin-bottom: 35px; }
.yingshi_art_from .shj-jsq-input-btn { text-indent: 0 !important; width: 491px!important; height: 61px!important; border-radius: 5px!important; background: #d1a73b; margin-top: -5px; margin-left: -10px; font-size: 24px; color: #fff; }
.yingshi_art_from .shj-jsq-input-btn:hover { background: #e7c05a; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; }
/*影视样板间*/
/*2019年8月首页改版*/
.index95 { width: 100%; height: 58px; background: #cf0017; color: #fff; text-align: center; line-height: 60px; border: none; border-radius: 3px; font-size: 22px; cursor: pointer; }
.index95:hover { background: #d13748 }
.xshead { width: 100%; background: #636363; height: 666px; padding-top: 90px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.xsheadbox { width: 1200px; margin: auto; }
.xsheadicon { width: 146px; height: 7px; background: #fff; margin-bottom: 40px; }
.xsheadh2 { font-size: 58px; color: #fff; font-weight: 900; margin-bottom: 25px; }
.xsheadh2 span { font-weight: 100; }
.xsheadh3 { font-size: 78px; color: #fff; font-weight: 900; margin-bottom: 40px; }
.xsheadh3 span { font-weight: 100; }
.xsheadbox p { font-size: 16px; color: #fff; margin-bottom: 12px; }
.xsheadtitle { margin-top: 40px; width: 147px; height: 43px; border-radius: 18px; border: 2px solid #fff; font-size: 17px; color: #fff; text-align: center; line-height: 43px; }
.xsheadtitle img { display: inline-block; margin-left: 10px; width: 25px; vertical-align: middle; margin-top: -3px; }
.xsheadlist { width: 1200px; margin: 25px auto 25px; }
.xsheadlistcol { background: #fff; padding-top: 18px; padding-left: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 19%; height: 132px; position: relative; margin-right: 15px; }
.xsheadlistcol p { font-size: 12px; font-weight:400; }
.xsheadlistcol h2 { font-size: 35px; font-weight: 400; margin-bottom: 10px; }
.xsheadlistcolicon p { font-size: 13px; color: #000; }
.xsheadlistcolicon { width: 13px; height: 13px; position: absolute; top: 20px; right: 20px; border: 2px solid #fff; border-radius: 50%; background: #696969; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; box-shadow: 0 0 6px rgba(93, 93, 93, .66); }
.xsheadlistcol:hover .xsheadlistcolicon { background: #f8371f; box-shadow: 0 0 6px rgba(248, 55, 31, .66); }
.xsheadlistcol:hover { box-shadow: 0 0 8px rgba(0, 0, 0, .1); }
.xschanpin { width: 1200px; margin: auto; padding-bottom: 70px; }
.xschanpin .xschanpinlistcolbtn a { color: #ff0000 }
.xschanpintitle { text-align: center; }
.xschanpintitle h2 { font-size: 34px; color: #333; font-weight: 400; }
.xschanpintitle h3 { font-weight: 300; font-size: 14px; color: #878787; margin-bottom: 40px; }
.xschanpinlist { margin-bottom: 55px; }
.xschanpinlistcol { width: 270px; color: #fff; position: relative; margin-left: 8px; transition: .5s; }
.xschanpinlistcol img { width: 100%; }
.xschanpinlistcolicon { width: 31px; height: 12px; background: #d80c18; opacity: 1; transition: .5s; }
.xschanpinlistcolicon1 { width: 0px; height: 0; overflow: hidden; border-width: 0 15px 15px; border-style: solid; border-color: transparent transparent #fff; position: absolute; left: 50%; top: -14px; margin-left: -15px; background: none; opacity: 0; transition: .5s; }
.xschanpinlistcol h2 { font-size: 36px; margin-bottom: 5px; margin-top: 10px;     font-weight: 400;}
.xschanpinlistcol h3 { font-size: 18px; margin-bottom: 15px;  font-weight: 100;}
.xschanpinlistcol p { font-size: 14px; line-height: 22px; color: #999; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.xschanpinlistcolbtn { width: 106px; height: 28px; border: 1px solid #ff0000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #d80c18; border-radius: 3px; text-align: center; line-height: 28px; margin-top: 15px; }
.xschanpinlistcolbox { padding: 0 43px 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; transition: .5s; }
.xschanpinlistcol:nth-child(1) { width: 364px; margin: 0; }
.xschanpinlistcol:hover { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
.xschanpinlistcol:hover .xschanpinlistcolbox { background: #fff; color: #333; }
.xschanpinlistcol:hover .xschanpinlistcolicon { opacity: 0; }
.xschanpinlistcol:hover .xschanpinlistcolicon1 { opacity: 1; }
.xschanpinfor { width: 1200px; margin: auto; }
.xschanpinfor img { width: 100%; }
.xsbaojia { background:  no-repeat center; background-size: cover; width: 100%; height: 490px; }
.xsbaojiabox { width: 1200px; margin: auto; }
.xsbaojiatitle { text-align: center; }
.xsbaojiatitle h2 { font-size: 34px; color: #333; padding-top: 55px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.xsbaojiatitle h3 { font-size: 14px; color: #878787; margin-bottom: 30px; }
.xsbaojiaboxl { width: 300px; margin-right: 15px; }
.xsbaojiaboxlcol { width: 100%; height: 130px; color: #fff; border-radius: 9px; text-align: center; line-height: 130px; font-size: 22px; margin-bottom: 10px; }
.xsbaojiaboxlt { background: #cf0017; }
.xsbaojiaboxlb { background: #3b494c; }
.xsbaojiaboxz { width: 510px; }
.xsbaojiaboxzinput { width: 100%; height: 60px; border-radius: 3px; margin-bottom: 10px; border: 1px solid #bfbfbf; padding-left: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff; position: relative; }
.xsbaojiaboxzinput input { width: 98%; height: 100%; border: none; font-size: 14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-weight: 100; }
 input::placeholder {
 color: #7e7b7b;
}
.xsbaojiaboxzinput h2 { color: #ff0000; font-size: 21px; position: absolute; right: 20px; top: 0; bottom: 0; margin: auto; height: 20px; }
.xsbaojiaboxz button { width: 100%; height: 58px; background: #a07d1c; color: #fff; text-align: center; line-height: 60px; border: none; border-radius: 3px; font-size: 26px; }
.xsbaojiaboxr { width: 350px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #575856; }
.xsbaojiaboxrtitle { font-size: 25px; color: #fb1313; text-align: center; line-height: 55px; border-bottom: 1px solid #e7e7e7; }
.xsbaojiaboxrlist1col { width: 33.33333%; line-height: 52px; text-align: center; border-bottom: 1px solid #e7e7e7; }
.xsbaojiaboxrlist1col { font-size: 18px; color: #000; }
.xsbaojiaboxrlist1colred { color: #df0707; }
.xsborderbox { border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.xsbaojiaboxrlist1:nth-last-child(1) { font-weight: 900; }
.xingxiswiper { height: 40px; width: 500px; text-align: center; overflow: hidden; margin: auto; }
.xingxiswiper .swiper-wrapper { height: 60px; }
.width1920 { width: 100%; overflow: hidden; background: #fff }
.xingxiswiper .swiper-wrapper .swiper-slide { height: 30px; color: #878787; font-size: 14px; display: -moz-box; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -moz-align-items: center; -webkit-align-items: center; -ms-align-items: center; -webkit-align-items: center; align-items: center; justify-content: center; -moz-justify-content: center; -webkit-justify-content: center; -ms-justify-content: center; -webkit-justify-content: center; justify-content: center; }
.xingxiswiper .swiper-wrapper .swiper-slide h3 { margin: 0 10px; }
.xingxiswiper .swiper-slide-next { opacity: .45; }
.xsyangban { width: 1200px; margin: auto; }
.xsyangbantitle { text-align: center; }
.xsyangbantitle h2 { font-weight: 400; font-size: 34px; color: #333; margin-top: 68px; }
.xsyangbantitle h3 { font-weight: 400; font-size: 14px; color: #878787; margin-bottom: 35px; }
.xsyangbantl { background:  no-repeat center; background-size: cover; width: 292px; height: 383px; padding: 115px 30px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.xsyangbantl h2 { font-size: 24px; color: #eee; margin-bottom: 21px; }
.xsyangbantl p { font-size: 14px; color: #fff; line-height: 20px; margin-bottom: 35px; font-weight: 100; color: #999; }
.xsyangbantlbtn { width: 115px; height: 35px; background: #d78d20; border: 1px solid #805d2a; font-size: 14px; color: #fff; text-align: center; line-height: 35px; }
.xsyangbant { margin: 0 auto 8px; }
.xsyangbantr { width: 74.8%; height: 383px; overflow: hidden; }
.xsyangbantr img { width: 100%; }
.xsyangbanblistcol { width: 24.43%; position: relative; margin-right: 9px; }
.xsyangbanblistcol:nth-last-child(1) { margin: 0; }
.xsyangbanblistcolimg { width: 100%; }
.xsyangbanblistcolmenban { background: #000; opacity: .5; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.xsyangbanblisticon { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 135px; height: 35px; }
.xsyangbanfooterl h2 { font-size: 30px; color: #333; }
.xsyangbanfooter { display: flex; align-items: center; background: #efefef; margin-top: 25px; margin-bottom: 50px; }
.xsyangbanfooterrcol img { width: 32px; margin: 0 auto 25px; }
.xsyangbanfooterr { display: flex; align-items: center; width: 78%; justify-content: space-between; }
.xsyangbanfooterr h2 { font-size: 14px }
.xsyangbanfooterrcol { font-size: 16px; color: #333; width: 14.2571%; text-align: center; }
.index_pub_tit { overflow: hidden; padding: 55px 0 30px 0; }
.index_pub_tit h3 { line-height: 40px !important; font-weight:400 !important; text-align: center; font-size: 34px !important; margin-bottom: 0 !important; padding: 0 !important }
.index_pub_tit p { line-height: 20px !important; text-align: center; font-size: 14px !important; color: #999; margin-top: 0 !important; margin-bottom: 0 !important; padding: 0 !important }
/*新闻*/
.xsxingwen_box { background: #fff; width: 100%; overflow: hidden; }
.xsxingwen { width: 1200px; margin: auto; }
.xsxingwencontrcolbox .left_img { display: block; width: 165px; overflow: hidden; float: left; }
.xsxingwencontrcolbox .left_img img { width: 100%; }
.xsxingwencontl { width: 570px; position: relative; height: 275px; margin: 20px 0 0 20px; overflow: hidden; }
.xsxingwencontl img { width: 100%; }
.xsxingwencontlcon { background: rgba(0, 0, 0, .7); color: #fff; font-size: 18px; padding-left: 20px; height: 40px; width: 100%; position: absolute; bottom: 0; left: 0; line-height: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.xsxingwencontentt { display: flex; background: #f2f2f2; justify-content: space-between; margin-bottom: 18px; }
.xsxingwencontr { width: 50%; padding: 20px 35px 15px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.xsxingwencontrtitle { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.xsxingwencontrtitle h2 { font-size: 18px; color: #333; }
.xsxingwencontrtitle h2 a:hover { color: #d80c18 }
.xsxingwencontrtitle h3 { font-size: 24px; color: #888; }
.xsxingwencontrcolt { width: 69%; padding-left: 18px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.xsxingwencontrcolbox { margin-bottom: 10px; }
.xsxingwencontrcolt li a { font-size: 14px; color: #333; display: flex; align-items: center; justify-content: space-between; line-height: 29px; }
.xsxingwencontrcolt li a:hover { color: #d80c18; }
.xsxingwencontrcolt li a h2 { width: 260px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; font-weight: 500; color: #666; }
.xsxingwencontrcolt li a h3 { opacity: .5; }
.xsxingwencontrcolbox1 { background: #f2f2f2; width: 390px; padding: 21px 20px 25px 15px !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.xsxingwencontrcolbox1 .xsxingwencontrcolt { width: 53%; margin-top: -5px; }
.xsxingwencontentb { margin-right: 15px; }
.xsxingwencontentb:nth-last-child(1) { margin: 0; }
.top_banner95 img { width: 100%; }
.top_banner95 { overflow: hidden; position: relative; }
.top_banner95 input { display: block; width: 30px; height: 30px; line-height: 30px; text-align: center; background: #fff; color: #333; position: absolute; top: 50px; right: 80px; border: none; border-radius: 50%; cursor: pointer; }
.xsxingwencontlcon h2 { font-size: 16px; font-weight: 100; }
/*20191012改字体*/
.f_f_box .f_r h3, .f_f_box .f_r p{font-size: 12px !important;font-weight: 100 !important;}
input, select, textarea, button,.f_f_box p span{font-size: 14px !important;font-weight: 100 !important;}
{font-size: 16px !important;font-weight: 100 !important;}

{font-size: 12px !important;font-weight: 400 !important;}
{font-size: 14px !important;font-weight: 400 !important;}
.artlist h1 .num1{font-size: 16px !important;font-weight: 400 !important;}