/*尚层视频*/
.sc-video { width:100%;overflow:hidden;}
.sc-video ul{overflow: hidden;}
.sc-video ul li {width:32.1%;float:left;margin-right:1.8%;overflow:hidden; }
.sc-video ul li:nth-child(3n){margin-right:-1.8%;}
.sc-video ul li span {width:100%;display:block;text-align:center;line-height:69px;}
.sc-video ul li img {width:100%;}
.sc-video ul li a { font-size:18px;color:#444;}
.sc-more { width:100%;line-height:48px;background:#f8f8f8;display:block;text-align:center;font-size:14px;margin-bottom:60px;}
/*尚层视频-内容页*/
.sc-video-content{width:100%;}
.sc-video-content h1{width:100%;text-align: center;font-size:22px;color:#333;}
.sc-video-content p{width:100%;text-align: center;font-size:14px;color:#333;line-height:55px;}
.fx{width:100%;border-top:1px dashed #999;line-height:50px;padding:20px 0 20px 0;}
.sc-video-z{overflow:hidden;margin:0 auto;text-align: center;padding:30px 0 30px 0;}

.tel_phone{ color:#555 !important; }
/*人才招聘*/
.sc-personnel {width:100%;}
.sc-personnel table {width:100%;}
.sc-personnel table thead {width:100%;background:#f1f1f1;border:solid 1px #e3e3e3;text-align:center;line-height:46px;}
.sc-personnel table td { width:16.6%;}
.sc-personnel tbody  {width:100%;}
.sc-personnel tbody { width:100%;;border-bottom:solid 1px #e3e3e3;text-align:center;line-height:46px;}
.sc-personnel tbody td { width:100%;;border-bottom:solid 1px #e3e3e3;text-align:center;line-height:46px;}
.sc-personnel tbody td { width:16.6%;}
.tr-nome { display:block;background:#9f9583;width:100px;height:20px;font-size:12px;line-height:20px;margin:0 auto;}
.sc-personnel tbody td a {color:#fff;}
/*人才招聘-内容*/
.h10{border-bottom:1px solid #d9d9d9;margin-bottom:29px;clear: both;}
.video_content{width:100%;overflow: hidden;padding-bottom:30px;}
.content-left{width:73%;border-right:1px solid #d9d9d9;float: left;clear:both;}
.content-left h1{font-size:30px;color:#494949;font-weight:normal;margin-bottom:40px;}
.content-left h1 span{color:#9f9583;}
.content-left table{width:95%;}
.content-left table tr td{border:solid 1px #e3e3e3;padding-left:10px; color:#000; }
.content-left table tr td span{color:#8a8a8a;}

.content_list{width:100%;}
.content_list i{width:61px;height:0;border-bottom:solid 1px #8a8a8a;display: block;}
.content_list h2{line-height:84px;font-size:22px;font-weight:normal;width:100%}
.content_list p{line-height:26px;width:100%;margin-top:20px;}
.content_list-l{width:100%;}
.content_list-l h2{line-height:84px;font-size:22px;font-weight:normal;width:100%}

.content-lx{width: 100%;overflow: hidden;}
.content-lx ul{overflow: hidden;margin-top:30px; }
.content-lx ul li{float:left;width:35%;text-align: center;}
.content-lx ul li:first-child{text-align: center;width:15%;}
.content-lx ul li span{line-height:50px;}
.content_list-l p{width:61px;height:0;border-bottom:solid 1px #8a8a8a;}

.content-right{width:23%;float: right;}
.right-lm{width:100%;font-size:30px;margin-bottom:15px; }
.content-right i{width:61px;height:0;border-bottom:solid 1px #8a8a8a;display:block;}
.right-position{width: 100%;float: left;margin-top:32px;overflow:hidden;}
.right-position h3{width:100%;font-size:16px;height: 26px;}
.right-position h3 a{color:#9f9583;}
.right-position p{width:100%;font-size:14px;}
/*分公司介绍*/
.f-company{width:100%;overflow:hidden;padding:20px 0 50px 0;}
.f-left{width:47.3%;float: left;overflow:hidden;}
.f-left img{width:100%;height:100%;}
.f-right{width:48.4%;float:right;}
.f-right h1{width:100%;font-size:30px;margin-bottom:31px;}
.f-right i{width:61px;height:0;border-bottom:solid 1px #8a8a8a;display: block;}
.f-right-zw{width:100%;overflow: hidden;margin-top:31px;font-size:14px;color: #686868; }
.f-right-zw span{color:#f20011;font-weight:bolder; }

/*品牌故事-列表*/
.brand-story {width:100%;overflow:hidden;clear:both;background:#f5f4f2;}
.brand-left { width:48.6%;float:left;}
.brand-left img { width:100%;}
.brand-content { width:92%;margin:0 auto;padding-bottom:39px;}
.brand-content h1 { font-size:30px;margin:30px 0 0 30px;}
.brand-content i {width:100%;height:0;border-bottom:solid 1px #8a8a8a;display:block;margin:29px 0;}
.brand-content p { width:100%;margin:20px auto;}
.h100 {height:100px;clear:both;}
.brand-lis { width:100%;overflow:hidden;padding-bottom:103px;border-bottom:solid 1px #d9d9d9;}
.brand-lis-1 { width:20%;float:left;margin-right:7%;border-top:solid 1px #9f9583;}
.brand-lis-1 h2 { font-size:30px;line-height:100px; font-weight:normal;}
.brand-lis-1 p {width:100%;line-height:24px;}
.brand-lis-1 p span { color:#f20011;}
.brand-lis-1 i {width:100%;height:0;border-bottom:solid 1px #8a8a8a;display:block;margin:41px 0 41px 0;}
.brand-lis-1 h3 { font-size:30px;margin-bottom:20px;font-weight:normal;}
.brand-lis-1 span {width:100%;line-height:24px;overflow:hidden;}

.brand-lis-2 { width:20%;float:left;margin-right:7%;border-top:solid 1px #9f9583;}
.brand-lis-2 h2 { font-size:30px;line-height:100px; font-weight:normal;}
.brand-lis-2 p {width:100%;line-height:24px;}
.brand-lis-2 p span { color:#f20011;}

.brand-lis-3 { width:20%;float:left;margin-right:5%;border-top:solid 1px #9f9583;}
.brand-lis-3 h2 { font-size:30px;line-height:100px;font-weight:normal;}
.brand-lis-3 p {width:100%;line-height:24px;}
.brand-lis-3  p span { color:#f20011;}

.brand-lis-4 { width:20%;float:left;border-top:solid 1px #9f9583;}
.brand-lis-4 h2 { font-size:30px;line-height:100px;font-weight:normal;}
.brand-lis-4 p {width:100%;line-height:24px;}
.brand-lis-4  p span { color:#f20011;}

.national { width:100%;line-height:100px;text-align:center;font-size:30px;}
.national-60 { width:60px;height:0;border-bottom:solid 1px #8a8a8a;margin:0 auto;}
.national-sp { width:100%; padding:20px 0 30px; text-align:center;display:block;}
.national-lis {width:100%;}
.national-lis ul { overflow:hidden;}
.national-lis ul li { width:20%;float:left;position: relative;}
.ie8 .national-lis ul li,.ie7 .national-lis ul li{ width:19.9%; }
.national-lis ul li span {padding:5px; position:absolute;top:1px;left:1px;display:block;overflow:hidden;background:#9f9583;color:#fff;}

.national-lis li a{ border-right:1px solid #fff; border-bottom:1px solid #fff; width:auto; display:block; }

national-lis ul li img {width:100%;}
.hair-h1 {width:100%;font-size:30px;margin-top:90px;}
.i-c {width:61px;height:0;border-bottom:solid 1px #8a8a8a;display:block;margin:29px 0 29px 0;}

.h-2016 { width:80%;float:right;margin-right:0.61%;border-left:2px solid #b7b0a2;position:relative;margin-top:1px;}
.h-2016 h2 {font-size:18px;color:#272727;height:38px;width:90%;float:left;margin-left:5%; }
.h-2016 h3 {font-size:14px;color:#686868;height:38px;width:90%;float:left;;margin-left:5%; }
.h-2016 p { position:absolute;top:-27px; left:-182px;font-size:50px;color:#f20011;overflow:hidden;line-height:55px;}
.h-2016 p i{width:61px;height:0;border-bottom:solid 1px #dadada;display:block;float:right;margin-top:27px;}
.h-2016 span{width:61px;height:0;border-bottom:solid 1px #dadada;display:block;float:left;margin:58px 0 57px 0;}


.h-2015 { width:80%;float:right;margin-right:0.61%;border-left:2px solid #b7b0a2;position:relative;margin-top:1px;}
.h-2015 h2 {font-size:18px;color:#272727;height:38px;width:95%;float:right; }
.h-2015 h3 {font-size:14px;color:#686868;height:38px;width:90%;float:left;;margin-left:5%; }
.h-2015 p { position:absolute;top:-27px; left:-135px;font-size:30px;color:#f20011;overflow:hidden;line-height:55px;}
.h-2015 p i{width:61px;height:0;border-bottom:solid 1px #dadada;display:block;float:right;margin-top:27px;}
.h-2015 span{width:61px;height:0;border-bottom:solid 1px #dadada;display:block;float:left;margin:58px 0 57px 0;}
.h51 { height:51px;clear:both;width:100%;}
.gs-load { width:26%;float:left}
.h40 {width100%;height:40px;clear:both;border-top:solid 1px #d9d9d9;}
.h41 {width100%;height:40px;clear:both;}

.qyry-lis5 { width:68%;margin:0 auto;overflow:hidden;height:43px;}
.qyry-lis5 ul { margin:0 auto;}
.qyry-lis5 ul li {width:18%;float:left; background:#f7f7f7;border:solid 1px #e1dedc;text-align:center;line-height:36px;margin-right:0.5%;}
.qyry-lis5 ul li.cor1 { background: url(../images/hover-1.png) no-repeat center;color:#fff;height:43px; border:0;}



.qyry-lis-lb {width:100%;overflow:hidden; }
.qyry-lis-lb ul li { float:left; margin-right:0.1%;width:33%;}
.qyry-lis-lb ul li img { width:98%;height:100%;}
.qyry-lis-lb ul li span { width:100%;font-size:18px;text-align:center;line-height:80px;display:block;}


/*竣工*/
.bideo-lis ul {width:104%;}
.bideo-lis ul li { width:32%;margin-right:1%;}
/*装修宝典*/
.sc-renovation { width:100%;overflow:hidden;}
.sc-renovation ul{overflow: hidden;}
.sc-renovation ul li {width:32.1%;float:left;margin-right:1.2%;overflow:hidden;margin-bottom:30px; }
.sc-renovation ul li:nth-child(3n){margin-right:-1.8%;}
.sc-renovation ul li img {width:100%;overflow:hidden;height:100%;}
.sc-renovation ul h2 a { font-size:18px;color:#444;}
.sc-renovation ul li h2 { font-size:16px;width:100%;line-height:48px;font-weight:bold;}
.sc-renovation ul li i{width:40px;height:0;border-bottom:solid 1px #8a8a8a;display: block;margin:10px 0 20px 0;}
.sc-renovation ul li span {width:90%;display:block;line-height:22px;font-size:14px;}
.sc-renovation ul li p img {width:18px;height:18px; vertical-align:-2px;margin-right:10px;}
.sc-renovation ul li p { width:100%;line-height:58px;font-size:14px;}
.sc-renovation ul li .renovation-mo { width:80px;height:21px;color:#505050;text-align:center;line-height:21px;display:block;font-size:12px;margin-top:20px;border:1px solid #9e9e9e;}
.sc-renovation ul li .renovation-mo img { width:4px;height:5px;vertical-align: 2px;margin-left:3px;}
.sc-renovation ul li .renovation-mo:hover { background:#9f9583;color:#fff;} 

/*法律声明*/
.sc-law {width:100%;overflow:hidden;padding-bottom:50px;}
.sc-law p {width:100%;font-size:18px;line-height:80px;color:#333;font-weight:bold;}
.sc-law span {width:100%;font-size:14px;line-height:26px;}

/*竣工内容页*/
    .sc-Jun-left h1 {width:100%;font-size:30px; }
    .sc-jun-li {width:100%; height:60px;border-bottom:solid 1px #d9d9d9;line-height:60px;text-align:center;}

    .sc-Jun-left h3 { font-size: 14px;color: #7a7a7a; padding:15px 0 !important;font-weight: normal; line-height:1.5em !important; }
    .sc-Jun-left  h3 span {padding: 0px 10px 0px 10px;display: inline-block;}
    .sc-Jun-left h3 span img { vertical-align:-2px;}
    .sc-Jun-left h3 span.font_size a {padding: 0px 5px; /* cursor: pointer; */cursor: pointer;color: #007a5e;}
    .sc-Jun-left  h3 span.font_size a.on {color: #0076da;}
    #small a { font-size:12px;}
    .sc-Jun-left  h3 span.font_size a#middle { font-size: 16px;}
    .sc-Jun-left  h3 span.font_size a#big { font-size: 18px;}
    .sc-jun_conts { width:100%;margin-top:10px;overflow:hidden;line-height:26px;padding-bottom:20px;}
    .sc-jun_conts  img{width:100%;}
    .sc-fenx{width:100%;height:50px;line-height:50px;}
    .previous_page { width:100%;padding:20px 0 20px 0;}
    .previous_page  span {display: block;padding: 2px 0px; width: 95%; color: #666666;font-size: 16px;}

    .sc-Jun-right { width:22%;float:right;font-size:18px;}
    .sc-hotcase {width:100%;padding-bottom:10px;font-size:30px;}
    .hotcase-lis {width:100%;margin-top:18px; position:relative;}
    .hotcase-lis img {width:100%;height:100%; }
    .hotcase-lis span {display:none;}
    .hotcase-lis:hover span { width: 100%; background-color:rgba(0,0,0,0.4); display: block; height:100%;color: #fff;position:absolute;top:0;left:0;text-align:center;overflow:hidden;}
    .hotcase-lis:hover span i {font-size:14px; }

    .sc-hotcase-1 {width:100%; padding-bottom:10px;margin-top:20px;font-size:30px;}

    .sc-hotcase-lis {width:100%;margin-top:16px;overflow:hidden;padding-bottom:20px;}
    .sc-hotcase-lis img {width:100%; }
    .sc-hotcase-lis-left {width:51%;float:left;}
    .sc-hotcase-lis-right {width:40%;float:right;}
    .sc-hotcase-lis-right h3 { width:100%;font-size:18px;height:40px;}
    .sc-hotcase-lis-right span{ width:100%;font-size:12px;line-height:30px;float:left;}
    .sc-hotcase-lis-right span img { width:20px;height:15px;vertical-align:-4px;margin-right:10px;}
    .sc-hotcase-lis-2{width:100%;margin-top:16px;overflow:hidden;padding-bottom:20px; }
    .sc-hotcase-lis-2 img {width:100%;height:100%;}

    .sc-hotcase-lis-right .sc-consultation {width:98%;height:32px;border:solid 1px #e1dedc;text-align:center;margin-top: 10px; }
    .sc-hotcase-lis-right .sc-c32 { font-size:14px;color:#9f9583;line-height:28px;}
    .sc-hotcase-lis-right .sc-c32 i { font-size:22px;}

    .hotcase-lis {width:100%;margin-top:18px; position:relative;overflow:hidden;}

	 /*.ho-lis>div{position: absolute;width: 100%;height: 100%;top:0;left:0;background: rgba(0,0,0,0.5);padding:15px;opacity:0;}

	.ho-lis>div>div{border:1px solid #fff;position:relative;height: 85%;color:#fff;font-family: "微软雅黑";padding:10px;}*/
	
.x-i {width:61px;height:0;border-bottom:solid 1px #8a8a8a;display:block;margin:20px 0 20px 0;}

    .hotcase-lis:hover span i { font-size:12px;}
    .hotcase-box { width:100%;}
    .h1-1 {height:0;width:100%;border-bottom:solid 1px #d9d9d9;display:block; margin-bottom:30px;}
    .previous_page span { font-size:14px; }
/*热装楼盘-栏目*/
    .sc-rzlp img {width:100%;height:100%; }
    .sc-rzlp{width:100%;position:relative;margin:0 auto; margin-top:20px; overflow:hidden;}
    .sc-rzlp h3 {position:absolute;top:0;right:0;background:#a49988; font-size:14px;color:#fff;padding:5px;opacity:0.8;}
    .sc-rzlp h3 span {font-size:20px;}
    .sc-rzlp:hover h3 { display:none;}
    .sc-rzlp h2 {position:absolute;bottom:0;left:0;background:url(../images/line.png) repeat;font-size:14px;color:#fff;width:100%; line-height:30px;text-align:center;}
    .sc-rzlp:hover h2 { display:none;}
	.sc-rzlp .dis_w_h{position: absolute;width: 100%;height: 100%;top:0;left:0;background:url(../images/line.png) repeat;padding:15px;opacity:0; }
    .ie8 .sc-rzlp .dis_w_h,.ie7 .sc-rzlp .dis_w_h{ display:none; }
    .ie8 .sc-rzlp:hover>div,.ie7 .sc-rzlp:hover>div{ display:block; }
	.sc-rzlp:hover>div{opacity:1;-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition:.2s all ease;
    -moz-transition:.2s all ease;
    -ms-transition:.2s all ease;
    -o-transition:.2s all ease;
    transition:.2s all ease;

	}
	.sc-rzlp .dis_w_h>div{position:relative;height: 100%;color:#fff;font-family: "微软雅黑";padding:3px 10px 0 10px;}
	
	.sc-rzlp .dis_w_h>div>a{padding-left:18px;position: absolute;left:10px;bottom:10px;color:#fff;text-decoration: none;font-size: 12px;}
    .recru .resource-type-list{ margin-bottom:30px;  }
.recru .panel{ width:100%; }  
@media only screen and (max-width: 1780px) {
    .brand-right h1 { margin: 8px 0 0 30px;}
    .brand-right i {  margin: 12px 0 29px 30px;}
}




@media only screen and (max-width: 1280px) {
    .sc-hotcase-lis-right .sc-c32 i {font-size: 16px;}
    .sc-rzlp .dis_w_h>div> img{height:60px;width:60px;}
    .sc-hotcase-lis-right .sc-c32 { font-size: 12px;}
    .brand-right h1 { margin: 8px 0 0 30px;}
    .brand-right i {  margin: 21px 0 8px 30px;}
    .brand-right p {font-size: 12px;}
    .content-left h1,.content_list h2,.right-lm{ font-size:24px; }
}


@media only screen and (max-width: 1024px) {
    .sc-Jun-left { width:100%;}
    .sc-Jun-left h1 { font-size:20px;}
    .sc-Jun-right { width:100%;}
    .hotcase-box { width:100%;overflow:hidden;}
    .hotcase-lis { width:50%;float:left;}
    .sc-hotcase-lis { width:50%;float:left;}
    .sc-hotcase-lis-2 {width:50%;float:left }
    .hotcase-lis:hover span { height: 62%;padding-top:110px; }
    
    
    .sc-hotcase-lis-right {float: left;margin-left: 3%;}

    .brand-left {width:100%; }
    .brand-right { width:100%;float:left;margin-top:20px;}
    .content-left h1,.content_list h2,.right-lm{ font-size:20px; }
    
}






@media only screen and (max-width: 768px) {
	.sc-video ul li a { font-size:14px;color:#444;}
    .sc-personnel thead{display:none;}
    /*.sc-personnel tbody tr{margin-bottom:10px;display: block;border-top:1px solid #ddd;}*/
    .sc-personnel tbody tr{display: block;border-top:1px solid #ddd;float:left; width:48%;margin:0 0.9% 10px; }
	.sc-personnel tbody td{width:100%; box-sizing:border-box;  display: block;position: relative;padding-left:80px;text-align: left;height: 40px;background: #f0f0f0;border-right:1px solid #ddd;border-left:1px solid #ddd;}
    /*.sc-personnel tbody td{width:48%; box-sizing:border-box; margin:0 0.9%;  display: block;position: relative;padding-left:15%;text-align: left;height: 40px;background: #f0f0f0;border-right:1px solid #ddd;border-left:1px solid #ddd;}*/
	.sc-personnel tbody td::before{position: absolute;top:0;left:0;width: 70px;padding-left:10px;}
	.sc-personnel tbody td:nth-of-type(1):before{content:"职位 :";}
	.sc-personnel tbody td:nth-of-type(2):before{content:"工作地点 :";}
	.sc-personnel tbody td:nth-of-type(3):before{content:"职位月薪 :";}
	.sc-personnel tbody td:nth-of-type(4):before{content:"发布日期 :";}
	.sc-personnel tbody td:nth-of-type(5):before{content:"招聘人数 :";}
	.sc-personnel tbody td:nth-of-type(6):before{content:"操作 :";}
	.sc-personnel tbody td a{text-align: center;margin:0;display: inline-block;}

	.content-left{width:100%;border-right:0;float: left;clear:both;}
	.content-right{width:100%;float: left;}
	.right-position {width: 33.33%;}
	.content-left table {width: 100%;}
	.content-lx ul li{float:left;width:33.33%;text-align: center;}
	.content-lx ul li:first-child{text-align: center;width:33.33%;}

	.f-left{width:100%;}
	.f-right{width:100%;}
    .hotcase-lis:hover span { height: 62%;padding-top:90px; }
    .sc-renovation ul li { width:48%;}
    .sc-video ul li {width:48%;}

    .brand-left {width:100%; }
    .brand-right { width:100%;float:left;margin-top:20px;}
    .qyry-lis-lb ul li span { font-size: 12px;}
    .gs-load {width: 31%;}
    .national-lis ul li {width: 50%;}

    .h-2016 { width:100%;margin-top:41px;}
    .h-2016 h2 {font-size:14px;}
    .h-2016 h3 {font-size:12px;}
    .h-2016 p { position:absolute;top:-65px; left:0;font-size:50px;color:#f20011;overflow:hidden;line-height:55px;}
    .h-2016 span{width:61px;}

    .h-2015 { width:100%;float:right;margin-right:0.61%;border-left:2px solid #b7b0a2;position:relative;margin-top:64px;}
    .h-2015 h2 {font-size:14px;}
    .h-2015 h3 {font-size:12px;color:#686868;height:38px;width:90%;float:left;;margin-left:5%; }
    .h-2015 p { position:absolute;top:-64px; left:0;}
    .gs-load {width: auto;}
   .brand-lis-1,.brand-lis-2,.brand-lis-3,.brand-lis-4{ width:100%; margin:0 0 20px; }
   .brand-lis{ padding-bottom:30px; }
   .national-sp{ padding:20px 0; }
   .sc-video-content h1{ font-size:18px;}
   .sc-video-z{ padding:20px 0; }

}
@media only screen and (max-width: 767px) {
    .sc-rzlp h3 span {
        font-size: 16px;
    }
   .sc-rzlp .dis_w_h{ position:static; opacity:1; padding:0; }
}
@media only screen and (max-width: 500px) {
    .sc-video ul li {width:100%; }
    .sc-video ul li a { font-size:12px;color:#444;}
    .sc-personnel tbody td{ padding-left:30%;}
	.sc-personnel tbody td::before{width:30%;}
	.content-lx ul li{float:left;width:100%;text-align: center;}
	.content-lx ul li:first-child{text-align: center;width:100%;}
	.right-position {width: 50%;font-size:12px; }
	.right-position h3{font-size:12px;}
	.right-position p{font-size:12px;}
	.content-left table tr td{width:46%;display: inline-block;height: 40px;line-height:40px;}
	.content-left table tr td:nth-of-type(1){display: block;width: 96%;}
	.content-left table tr td:nth-of-type(2){display: block;width: 96%;border-top:0;}
    .content-left table tr td:nth-of-type(3){display: block;width: 96%;border:0;}

    .sc-hotcase-lis { width:100%;float:left;}
    .sc-hotcase-lis-2 {width:100%;float:left }
    .hotcase-lis { width:100%;float:left;}
    .hotcase-lis:hover span { height: 62%;padding-top:100px; }
    .sc-Jun-left h3 span { padding:0;}

    /*竣工内容*/
   
    .sc-rzlp {width: 100%; margin-right: 0;}

    .sc-renovation ul li { width:100%;}

    
     .brand-right h1 {  margin: 8px 0 0 5px;}
     .brand-right p { margin-left: 12px;}
     .brand-right i {margin: 20px 0 29px 5px;}
     .national-sp { margin: 0 auto;}
     .hair-h1 {margin-top: 22px;}
     .qyry-lis5 ul li {width: 18.9%;}
     .qyry-lis5 {width: 100%;}
     .qyry-lis-lb ul li {width: 100%;}
     .qyry-lis-lb ul li img {width: 100%;}
     .h100 {height: 50px;}
     .sc-personnel tbody tr{ width:98%; margin:0 0.9% 10px;; float:none; box-sizing:border-box; }

}
@media only screen and (max-width: 320px) {
    .hotcase-lis:hover span { height: 62%;padding-top:65px; }
    .sc-Jun-left h3 { line-height:24px;font-size: 12px;}
    .sc-Jun-left h1 { font-size: 16px;}

}

/*online qq*/

.online_q {  position: fixed; right: 0px; bottom: 30%; z-index: 9999; }
.online_q .btn2{width:73px; height:73px; margin-bottom:5px; cursor:pointer; position:relative; font-size:12px; transition:.3s;}
.online_q .btn-top{ }
.online_q .btn2 span{display:block; width:100%; height:100%; text-align:center; border-radius:3px; position:relative; padding-top:49px; z-index:999; overflow:hidden; transition:.3s; -webkit-transition:.3s; font-size:12px; color:#fff;}
.online_q .btn-qq span{background:url(../images/piaofu_qq.png) center 11px no-repeat #0869ac;}
.online_q .btn-tel span{background:url(../images/piaofu_tel.png) center 11px no-repeat #0869ac; }
.online_q .btn-weixin span{ background:url(../images/piaofu_weixin.png) center 11px no-repeat #0869ac; }
.online_q .btn-top span{ background:url(../images/piaofu_top.png) center no-repeat #fff;  }

.online_q .open.pic{ position:absolute; background:#0869ac; width:100px; height:100px; right:100px; top:50%; margin-top:-50px; text-align:right; opacity:0; transition: .6s; -webkit-transition: .6s; visibility:hidden;}
.online_q .open.pic:before{ content:""; display:block; width:0; height:0; border:10px solid transparent; border-left:10px solid #0869ac; position:absolute; right:-15px; top:50%; margin-top:-10px;}
.online_q .open.pic img{ width:80px; height:80px; margin-top:10px; margin-right:10px;}
.online_q .btn2:hover .open.pic{ opacity:1; right:90px;visibility:visible;}

.online_q .open.tel{ position:absolute; background:#0869ac; width:160px; height:50px; border-radius:20px; color:#fff; font-size:18px; font-family:arial; text-align:center; line-height:50px; right:100px; top:50%; margin-top:-25px; opacity:0; transition: .6s; -webkit-transition: .6s; visibility:hidden;}
.online_q .open.tel:before{ content:""; display:block; width:0; height:0; border:10px solid transparent; border-left:10px solid #0869ac; position:absolute; right:-16px; top:50%; margin-top:-10px;}
.online_q .btn2:hover .open.tel{ opacity:1; right:90px;visibility:visible;}