body,div,span,h1,h2,h3,h4,h5,h6,hr,p,blockquote,strong,var,b,u,i,center,dl,dt,dd,ul,ol,li,prea,address,fieldset,form,fieldset,label,legend,button,input,textarea,th,td{	margin:0;	padding:0;}
.openDiv1 .butBox dl dd a{overflow:visible !important;}
body{	color:#444;	font-size:12px;	font-family: "Microsoft YaHei";	width:100%;	margin:0 auto;	overflow-x: hidden;}
ul,ol{	list-style-type:none;}
select,input,img,select{	vertical-align:middle;}
button,input,select,textarea{	font-size:100%;	border:none;}
li{	list-style-type:none;	vertical-align:top;}
img{	vertical-align:middle;	border:0px;	margin:0;	padding:0;}
h1,h2,h3,h4,h5,h6{	margin:0;	padding:0;	font-size:100%;}
address,cite,dfn,em,var{	font-style:normal;}
table{	border-collapse:collapse;	border-spacing:0;}
a img{	border:0;}
del{	text-decoration:line-through;}
em{	font-style:normal;}
.vimg-align{	vertical-align:middle;}
legend{	color:#222;}
fieldset,img{	border:0;}
a{	color:#444;	text-decoration:none;}
a:hover{	color:#c50000;	text-decoration:none;}

/* 头部开始 */
#head {	background: #fff;}
#head .top {	background-color: #f3f1f6;	color: #999;	height: 30px;}
#head .top ul {	width: 1200px;	margin: 0 auto;}
#head .top ul li {	height: 30px;	line-height: 30px;	width: 600px;	float: left;	font-size: 12px;	color: #999;}
#head .top ul li a {	color: #999;	font-size: 12px;}
#head .top ul li a:hover {	color: #f25618;}
#head .top ul li.shez {	text-align: right;}
#head .second {	width: 1200px;	margin: 0 auto;	clear: both;	overflow: hidden;	height: 94px;}
#head .second ul {	float: left;	width: 680px;}
#head .second ul li {	float: left;	width: 180px;	height: 90px;}
#head .second .input1 {	float: right;	width: 180px;}
#head .nav {	background-color: #FA9B01;	height: 40px;}
#head .nav ul {	width: 1200px;	margin: 0 auto;	position: relative;}
#head .nav ul li {	width: 95px;	height: 40px;	line-height: 40px;	text-align: center;	font-weight: 700;	float: left;}
#head .nav ul li.jiachang {	width: 115px;	text-align: center;}
#head .nav ul .dingw {	width: 200px;	height: 72px;	position: absolute;	top: -32px;	left: 950px;}
#head .nav ul li a {	color: #FFF;	display: block;	font-size: 14px;}
#head .nav ul li a:hover {	background-color: #dd5219;}
#head .lbt {	width: 100%;	height: 360px;	position: relative;}
#erjiz #erjicd dd a img {	border-radius: 10px;}
#erjicd {	display: none;	width: 1000px;	padding-left: 500px;	background-color: #FFF;	position: absolute;	left: -500px;	z-index: 30;}
#erjicd dd {	width: 300px;	height: 104px;	padding-top: 5px;	background-color: #FFF;	float: left;	text-align: left;}
#erjiz #erjicd dd a {	padding-top: 5px;	padding-left: 5px;}
#erjiz #erjicd dd a img {	border-radius: 10px;}
#erjiz #erjicd dd a p {	width: 190px;	float: right;	text-align: left;	padding-left: 5px;	color: #000;}
#erjiz #erjicd dd a:hover p strong {	color: #FA9B01;}
#erjiz #erjicd dd a p small {	font-weight: lighter;	color: #666;}
.nav ul li#erjiz dl#erjicd dd a:hover {	background: none;}
#erjicd1 {	display: none;	width: 800px;	padding-left: 850px;	background-color: #FFF;	position: absolute;	left: -500px;	z-index: 50;}
#erjicd1 dd {	width: 150px;	height: 104px;	padding-top: 5px;	background-color: #FFF;	float: left;	text-align: right;}
#erjiz1 #erjicd1 dd a {	padding-top: 5px;	padding-left: 5px;}
#erjiz1 #erjicd1 dd a p {	width: 190px;	float: right;	text-align: left;	padding-left: 5px;	color: #000;}
#erjiz1 #erjicd1 dd a:hover p strong {	color: #FA9B01;}
#erjiz1 #erjicd1 dd a p small {	font-weight: lighter;	color: #666;}
.nav ul li#erjiz1 dl#erjicd1 dd a:hover {	background: none;}
.q_code {	width: 177px;	height: 55px;	background: url(http://www.ysszzs.com/templets/default/images/q_code.png);	display: block;	position: absolute;	bottom: 0px;	overflow: visible;	z-index: 20;}
.code_layer {	position: absolute;	right: -70px;	top: 55px;	border-radius: 4px;	background: url(http://www.ysszzs.com/templets/default/images/weixinbg.png) no-repeat;	width: 274px;	height: 271px;	display: none;	padding-top: 46px;}
.code_layer p {	color: #fa9b01;	font-size: 14px;	margin-bottom: 10px;	text-align: center;}
.code_layer span {	display: block;	width: 97px;	height: 96px;	margin: 0 auto;	margin-bottom: 10px;	text-indent: -9999em;	overflow: hidden;}
.code_layer span.weixin {	background: url(http://www.ysszzs.com/templets/default/images/wxewm.jpg) no-repeat 0 0;}
.code_layer span.zxb {	background: url(http://www.ysszzs.com/templets/default/images/shoujiwz1.jpg) no-repeat 0 0;}
.code_layer_l {	float: left;	width: 115px;	margin: 0 15px;	text-align: center;}
.code_layer_r {	float: left;	width: 115px;}

/* banner */
.banner{background:url(../images/banner.jpg) no-repeat center center; width:100%; height:400px;}
.banformbut{background:#ff9326; width:180px; height:40px; color:#fff; font-size:14px; outline: none;}
.bannerform{width:590px; height:60px; margin:0 auto; padding-top:255px; position: relative;}
.banformname{display:block; width:168px; float:left; border:1px solid #cccccc; height:38px; margin-right:25px; font-size:14px; padding-left:10px;  outline: none;}
.banformtel{display:block; width:168px; float:left; border:1px solid #cccccc; height:38px;  margin-right:25px; font-size:14px; padding-left:10px;  outline: none;}
.showsuccess, .showerror{display:none;background:#848383; width:300px; height:40px; border-radius: 5px; line-height: 40px; text-align: center; color:#fff; font-size:14px; position: absolute; top: 250px;  left: 150px;}




/* 内容部分 */
.imgh img, .trbl {   position: absolute; top: 0;    left: 0;}
.fff, .fff a, a.fff {   color: #FFF;}
.fl {   float: left;    display: inline;}
.msgShijing{position:relative;}
.danmaku{line-height:42px;height:42px}
.danmaku img{float:left;display:block;margin-right:10px}
.CasesIframe{width:100%;height:470px !important;border:none; background:#000; text-align: center; line-height: 470px; color:#fff;}
.msgShijing .baojia{position:absolute;top:0;left:50%;margin-left:468px;display:block;text-align:center;z-index:6}
.msgShijing .Info{background:#373737;height:80px;padding-top:10px;color:#FFF;position:relative; top:-3px;}
.msgShijing .Info .cases_info{position:absolute;bottom:90px;left:0;display:none;background:rgba(0,0,0,.8);width:100%;padding:20px 0}
.msgShijing .Info .cases_info .line{width:100%;height:1px;background:#FFF}
.msgShijing .Info .cases_info .th{display:block;float:left; vertical-align:middle; width:80px;padding:6px 15px}
.msgShijing .Info .cases_info .td{display:block;float:left; vertical-align:text-top; padding:6px 15px;border-left:1px solid #FFF;width:999px}
.msgShijing .Info .Column{position:relative}
.msgShijing .Info .txt{text-shadow:2px 2px 2px #292727;}
.msgShijing .Info .txt .ht{margin-right:20px;cursor:pointer}
.msgShijing .Info .txt .ht img{ width: 70px;}
.msgShijing .Info .txt .ht .imga1{display:block}
.msgShijing .Info .txt .ht .imga2{display:none}
.msgShijing .Info .txt .ht .f16{font-size: 14px;  text-align: center;}
.msgShijing .Info .txt .ht .curr .imga1{display:none}
.msgShijing .Info .txt .ht .curr .imga2{display:block}
.msgShijing .Info .txt .icon{background:url(../images/public.png) -170px -327px no-repeat;width:63px;height:63px;margin:0 auto}
.msgShijing .Info .txt h1{ font-size:18px; font-weight: normal; height: 40px;  line-height: 40px;}
.msgShijing .Info .txt .f20{ font-size: 16px; text-align: center;}
.msgShijing .Info .des .imga{width:97px;height:97px;overflow:hidden;border-radius:50%}
.msgShijing .Info .des{color:#FFF}
.msgShijing .Info .des h2{margin:18px 0 0 15px}
.msgShijing .Info .des h2 i{float:left;display:block;background:url(../images/public.png) -390px -60px no-repeat;width:28px;height:28px;margin-right:13px}
.msgShijing .Info .des h2 .fff{float:left;display:block;height:32px;line-height:30px;font-size:24px}
.msgShijing .Info .des .zhichen{font-size:24px;line-height:36px;height:32px;margin:32px 0 0 15px}
.msgShijing .Info .danmu_icon{line-height:32px;height:36px;margin:35px 0 0 20px}
.msgShijing .Info .danmu_icon .danmu_click{float:left;display:block;background:url(../images/danmu_off.png) no-repeat;width:90px;height:36px;text-indent:-9999em;margin-left:5px;cursor:pointer}
.msgShijing .Info .danmu_icon .danmu_click.curr{background:url(../images/danmu_on.png) no-repeat}
.tips_bg1{display:none;z-index:98;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4)}
.tips_ind{display:none;z-index:98;position:absolute;top:40%; left: 26%; width: 950px;height:300px;background:#FFF;  overflow: hidden;}
.tips_ind .ht .f30{    font-size: 24px;  color: #000;  font-weight: bold;}
.tips_ind .table{float:left;width:310px;clear:none;margin:0 25px 15px 0}
.tips_ind .table .right .input-text{width:183px;height:34px;line-height:34px;border-radius:4px}
.tips_ind .cls_house{float:none;width:100%}
.tips_ind .cls_house .right .input-text{width:643px}
.tips_ind .table .left{color:#444;width:85px;font-size:20px;margin-right:20px;line-height:40px;height:40px}
.tips_ind .table .right .clue_on{display:none}
.tips_ind .cls_phone{width:205px}
.tips_ind .cls_btn{width:205px;margin:0}
.tips_ind .cls_btn .right{width:100%}
.tips_ind .cls_btn .right .button{width:205px;height:40px;line-height:40px;border-radius:4px}
.tips_ind .note{padding-top:20px;color:#727272;font-size:16px}
.tips_ind .cls_unit{height:40px;width:435px;margin-right:0}
.tips_indright{background:url(../images/borderright.png) no-repeat no-repeat top left;  width: 480px;  float: right;   height: 298px;}
.tips_indleft{float:left; width:440px; position: relative; padding-left: 25px;  padding-top: 30px;    height: 270px;}
.unitVal{width:435px;float:left}
.unitVal .section{float:left;width:205px;margin:0 25px 15px 0}
.unitVal .section select{width:205px;border-color:#373737;height:40px;line-height:40px;border-radius:4px}
.unitVal .section select option{text-align:center}
.unitVal .section label{display:none}
.tips_ind .close{position:absolute;right:0px;top:0px;width:40px;height:40px;line-height:40px;text-align:center;font-size:50px;color:#B2B2B2}
.msgShijing .infoTab{padding:0 30px}
.msgShijing .infoTab .line{background:#FFF;width:100%;height:1px}
.msgShijing .infoTab table{width:100%;border-collapse:collapse;color:#FFF}
.msgShijing .infoTab th{vertical-align:middle;width:80px;padding:0 15px;border-right:1px solid #FFF}
.msgShijing .infoTab td{vertical-align:text-top;padding:6px 15px}
.msgShijing .infoTab td.fb{width:80px;padding:0 2px;text-align:center;font-weight:bold}
.msgShijing .rArea{width:253px;margin-left:2px;padding-left:20px}
.msgShijing .rArea .box{margin:17px 0 13px}
.msgShijing .rArea .box .ht{height:50px;background:#C4261D;line-height:50px;text-align:center;font-size:18px;color:#FFF}
.msgShijing .rArea .box .ct{overflow:hidden;padding:8px 0;border:1px solid #BFBFBF;border-top:none}
.msgShijing .rArea .sjDes .imga{overflow:hidden;width:68px;height:68px;margin:0 25px 0 35px;border-radius:50%}
.msgShijing .rArea .sjDes .imga img{min-height:68px}
.msgShijing .rArea .sjDes .name{margin:12px 0 5px;font-size:24px;font-weight:normal}
.msgShijing .rArea .pubBtns{margin:13px 0}
.msgShijing .rArea .pubBtns .order{width:251px;height:48px;margin:0;line-height:48px;font-size:18px}
.msgShijing .rArea .cost span{background:none}
.ShijingFooter{margin-top:0}
.CaseNodeKj{color:#373737;font-size:18px}
.imgh img{   width: 70px;   height: 70px;}
.Column {   width: 1200px;   height: auto;   margin: 0 auto;    clear: both;   overflow: hidden;}
.fr {  float: right!important;}
.reviewView .openReview{-moz-user-select:none;   -webkit-user-select:none; 
    -ms-user-select:none;     -khtml-user-select:none;     -o-user-select:none;   user-select:none; cursor:pointer; width:140px; height:40px; line-height: 40px; background:#ff9326; color:#fff; border-radius: 10px; text-align: center; display: block; font-size:16px; margin: 17px 0 0 25px;}
.clearfix, .Column {   zoom: 1;}
.clearfix{clear:both; overflow: hidden;}
.new-img{position: relative;}
.vrexp{    position: absolute;  top: 120px;  left: 120px;}
/* 套餐按钮 */
.el-radio-button, .el-radio-button__inner {   display: inline-block;    position: relative;    outline: 0;}
.el-radio-button__orig-radio {   opacity: 0;   outline: 0;   position: absolute;    z-index: -1;}
input[type="radio" ] i {   -webkit-appearance: radio;    box-sizing: border-box;}
.el-radio-button__inner { width:93px; height:48px; font-size:16px; line-height:48px;  border:1px solid #999999; border-radius: 5px;text-align:center; float:left;  margin-top:15px; margin-right:10px;}
.el-radio-button__orig-radio:checked+.el-radio-button__inner { background: url(../images/offerstyle.png) no-repeat center center; border:none; width:94px; height:50px; cursor: pointer;}
.el-radio-button, .el-radio-button__inner { position: relative;   outline: 0;}
input[type="radio" ] i, input[type="checkbox"] i{   background-color: initial;   cursor: default;   margin: 3px 0.5ex;   padding: initial;   border: initial;}
/* 套餐按钮结束 */
#myVue{margin-top:10px;}
.dierbu{display: none; position: absolute; left: -90%;  bottom: 30px}
.diyibu{ margin-top:15px; display:block;}
.diyibutips ul li select{float:left; width:95px; height:50px; border:1px solid #999; margin-right:15px; border-radius: 5px; margin-top:15px; outline: none;  font-size: 16px;     padding-left: 10px;}
.diyibutips{clear:both; overflow: hidden;}
.offerfromold{border:1px solid #999; width:206px; float:left; display: block; height: 50px;  border-radius: 5px; outline: none;     padding-left: 10px;   font-size: 16px;}
.diyibu_r{border:1px solid #999; margin-left: 15px; width:202px; float:left;  height: 50px;  border-radius: 5px; }
.tipsnext{width:425px; height:50px; border-radius: 5px; color:#fff; background: #ff9326; font-size:16px; text-align: center; line-height: 50px; margin-top:15px; -moz-user-select:none;   -webkit-user-select:none; 
    -ms-user-select:none;     -khtml-user-select:none;     -o-user-select:none;   user-select:none; cursor:pointer}
.offerfrommianji{    height: 47px;   background: none;   outline: none;  padding-left: 10px;  font-size: 16px;   width: 160px;}
.offerbaojiali3 span{ font-size: 16px; }
.offerbaojiali3 p, .inputname, .inputphone{color:#fb5050; display:none;}
.tips_input input{    width: 190px;   height: 48px;   line-height: 50px;   outline: none;   font-size: 16px;   padding-left: 10px;   border: 1px solid #999;  border-radius: 5px;}
.tips_input{float:left;  border-radius: 5px; margin-right:15px; width: 200px;}
.tipsbutton{width:425px; height:50px; border-radius: 5px; color:#fff; background: #ff9326; font-size:16px; text-align: center; line-height: 50px; -moz-user-select:none;   -webkit-user-select:none; 
    -ms-user-select:none;     -khtml-user-select:none;     -o-user-select:none;   user-select:none; cursor:pointer;}
.tipsli{ clear:both; overflow: hidden;     margin: 15px 0 0 0;  height: 65px;}
.offerformtaocan ul li{float:left; width:195px;     font-size: 24px;   margin-right: 15px; margin-top:30px;}
.offerformtaocan ul li:nth-child(2n){margin-right:0px;}
.offertotal{width:60px; height:60px; border-radius: 60px; background:#b4b4b4; color:#fff; line-height: 60px; font-size:16px; text-align: center; display: block; float:left;}
.tips_indtitle{font-size:20px; color:#2a2a2a; text-align: center;margin-top:60px; font-weight: bold;}
.offerformtaocan{    width: 410px;   margin: 0 auto;   clear: both;  overflow: hidden;}
.offertotalmoney{height:60px; line-height: 60px; font-size:24px; width:83px; text-align: center;     margin-left: 5px;   margin-right: 5px;}
.offermoney{color:#ff9326;}
.offerformqingfu{display:none;}
.offerformqingfu p{text-align: center; font-size:18px;  margin-top: 20px;}
.offerformqingfu p span{color:#ff9326;}


/* 设计师 */
.main_8{background:#f5f5f5;}
.main_7{background:#f5f5f5; padding-bottom:50px;}
.title_1{color:#2a2a2a; font-size:24px; width:1200px;  margin: 0px auto;  padding-top: 50px;}
.main_7 .title_1{ padding-top: 20px;}
.all{ width:1205px; height: 405px; padding: 7px;  margin: 10px auto; position: relative; }
.screen{	width:1205px;	height:410px;	 overflow:hidden; 	position:relative;}
.screen .box{ width:1205px; height:410px; overflow:hidden; float:left;}
.screen .box_b{  width:30000px;}
.all ol{ line-height:20px; text-align:center;}
.all ol li{ float: left; width: 32px; height: 50px;  cursor: pointer; font-size: 10px; font-family: Verdana; line-height: 15px; }
.list_left{ position:absolute;    left: -60px; top: 150px;}
.list_right{ position:absolute;    right: -38px; top: 150px;}
.designList{width:1200px; margin:0 auto;  padding-bottom:22px; }                                          
.designItem{width:285px;margin-left:20px;float:left;height:405px;position:relative;background:#fff;}
.designItem .hover_se{width:285px;height:273px;}
.designItem .photo{display:block;border-radius:100%;overflow:hidden;position:absolute; top: 250px; left: 113px; z-index:10;}
.designItem .photo,.designItem .photo img{width:61px;height:62px;}
.designItem .photo b{opacity:.5;filter:alpha(opacity=50);display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:100}
.designItem .photo:hover b{opacity:.1;filter:alpha(opacity=10);}
.designItem .zrj{width:50px; position:absolute; margin:-24px 0 0 155px ;}
.designItem h4{color:#373737;text-align:center; padding-top: 40px; line-height: 25px;clear:both;font-size:14px;}
.designItem h4 a{color:#373737}
.designItem p{height:24px;overflow:hidden;text-align: center; font-size:12px;color:#666;line-height:24px;}
.designItem p span{color:#FC0;}
.designItem p font{color:#F00;}	
.designItem p.gc{font-size:14px;}
.designList1{margin-left:0px;}


/* VR 全景图片 */
.slide-item-body{clear:both; overflow:hidden; width:1200px; margin:20px auto 0;}
.slide-item-body ul li {position: relative; background:#fff; width: 386px;  margin-right: 20px; float: left;   display: block;   height: 304px;   padding-top: 42px;   margin-bottom: 30px;   border: none;  border-radius: 8px;  padding-top: 0;   border-radius: 0;   color: #000;   z-index: 9;}
.slide-item-body ul li:nth-child(3n){margin-right:0px;}
.slide-item-box{clear:both; overflow: hidden;  padding-top:18px;}
.slide-item-right{float:right; margin-right:26px; cursor: pointer;  outline: none; width:100px; height:26px; border-radius: 5px; background:#ff9326; color:#fff; font-size:12px; line-height: 26px; text-align: center;}
.slide-item-left{float:left; width:235px; margin-left:18px; font-size:14px;}
.slide-title{color:#ff9326; margin-right:10px; }
.slide-item-left{margin-top:5px;}
.vrexp{    position: absolute;  top: 95px;  left: 160px;}
.quanzhezao{background:#000; position: fixed; top:0px; left:0px; width:100%;  height:100%; z-index: 99; opacity: 0.6; display:none;}
.quanjian{display:none;    z-index: 999; position: fixed;   width: 1320px;  height: 590px; top: 200px;  left: 290px;}
.quanjiguanbi{ position: relative;  top: -580px;  left: 1300px; width: 36px;  height: 36px;  z-index: 99; cursor: pointer; }




/* 底部信息 */
#foot{background:#fff;	border-top:2px solid #c9c9c9;}
#foot .foot1,#foot .foot2,#foot .foot3,#foot .foot4{	width:1160px;	margin:0 auto;}
#foot .foot1{	text-align:center;	height:150px;	line-height:30px;}
#foot .foot1 p{	color:#999;	font-size:16px;}
#foot .foot1 span{	color:#333;	font-size:20px;	font-weight:700;	line-height:60px;}
#foot .foot2 ul li{	width:118px;	height:86px;	float:left;	margin-left:10px;	text-align:center;	font-size:16px;	font-weight:700;}
#foot .foot3 .weibu1{	width:610px;	float:left;}
#foot .foot3{	margin-top:40px;}
#foot .foot3 .weibu1 ul,#foot .foot3 .weibu2 ul{	width:150px;	float:left;	color:#999;}
#foot .foot3 .weibu2 ul.ulr{	width:250px;	border-left:1px solid #e5e5e5;   padding-left: 50px;}
#foot .foot3 .weibu2 ul.ulr li{	font-size:14px; color:#ee771b; line-height:40px;}
#foot .foot3 .weibu2 ul.ulr li span{	font-size:24px;	font-weight: 700;}
#foot .foot3 .weibu2 ul.ulr li.djzx{	width:165px; height:32px; background:#fff; border:1px solid #ee771b; line-height:32px;  margin:10px auto 0;}
#foot .foot3 .weibu2 ul.ulr li.djzx a:hover{	width:165px; height:32px; background:#ee771b; color:#fff;}
#foot .foot3 .weibu2 ul.ulr li.djzx a{font-size:14px;	display:block;color:#ee771b;}
#foot .foot3 .weibu1 ul li{	line-height:28px;}
#foot .foot3 .weibu1 ul li a{	font-size:12px;	color:#757575;   line-height:20px;}
#foot .foot3 .weibu2{	width:486px;	float:right;	text-align:center;	padding-bottom:20px;}
#foot .foot3 ul li.bt{font-size:14px;	color:#424242;	margin-bottom:5px;}
#foot .foot3 ul li.weibiao {   font-size: 14px;   color: #999;}
#foot .foot2 ul li a img{   cursor:pointer;	position: relative;}
#foot .foot4{	border-top:#CCC 1px solid;	color:#999;	margin-top:30px;}
#foot .foot4 p{	padding-left:60px;	height:30px;	line-height:30px;}
#foot .foot4 .foot4a{	margin-top:10px;	text-align:center;	height:60px;	line-height:20px;	color:#999;	font-size:12px;}
ul, li, dd{font-size:14px;}
.cle{clear:both;}

