@charset "utf-8";
/*重置滚动条美化插件*/
.mCSB_scrollTools .mCSB_draggerRail { background: #eee; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 5px; background: #8c8c8c; border-radius:0; }
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background: #666 }
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background: rgba(0,0,0,0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; /* old ie */ }
.mCSB_scrollTools .mCSB_draggerRail{width: 5px;}

/*标题/global*/
.win-title { height: 50px; margin:30px 0 20px; border-bottom: solid 1px #ddd; position:relative; }
.win-title .tit { font-weight:normal; color:#eb3e00; float: left; border-bottom: solid 1px #000; font-size:26px; line-height: 50px;font-size:32px; font-weight:bold }
.win-title small { float: left; font-size: 12px; font-weight: normal; color: #666; padding: 25px 0 0 15px }
.win-title a{  right:0; top:15px; color:#999; font-size:12px; font-weight:normal;}
.win-title a:hover{ color:#ff6159;}
/*粉红色按钮/global*/
.btn-red{background:#ff6159; color:#fff !important; border:0; cursor:pointer;}
.btn-red:hover{background:#f35951 !important;}
/*黄色按钮/global*/
.btn-yellow{background:#fc883b; color:#fff !important; border:0; cursor:pointer;}
.btn-yellow:hover{background:#ee7b2f !important;}
/*边框按钮*/
.btn-line-red{ display:inline-block; color:#ff343e; font-size:14px; padding:0 13px; line-height:30px; border:solid 1px #ff343e; transition:all ease .3s; text-align:center;}
.btn-line-red:hover{background:#ff343e; color:#fff;}
.btn-line-yellow{ transition:all ease .3s; text-align:center; display:inline-block; color:#fea135; font-size:14px; padding:0 13px; line-height:30px; border:solid 1px #fea135;}
.btn-line-yellow:hover{background:#fea135; color:#fff;}
/*底部通栏/global*/
.banner-ad{ padding:30px 0;}
/*两栏/global*/
.AreaL{ width:905px; float:left;}
.AreaR{ width:280px; float:right;}
/*分享按钮*/
.bdsharebuttonbox { padding-left:10px;}
.bdsharebuttonbox a{ margin:2px 5px 0 0 !important;}
/**
 *	首页
 */
.index .win-title .tit{ font-size:32px; font-weight:bold}
/*品牌实力*/
.ability div a{ float:left; margin:0 1px 0 0; width:239px; height:224px; background:#ededed; text-align:center;}
.ability div .ico{ display:block; width:70px; height:60px; background:#ccc; margin:45px auto 0; background:url(http://icon.dyrs.cc/ico3.png!c) no-repeat;}
.ability div .ico-1{ background-position:7px 0}
.ability div a:hover .ico-1{background-position:7px -62px;}
.ability div .ico-2{ background-position:-65px 0}
.ability div a:hover .ico-2{background-position:-65px -62px;}
.ability div .ico-3{ background-position:-132px 0;}
.ability div a:hover .ico-3{background-position:-132px -62px;}
.ability div .ico-4{ background-position:-208px 0;}
.ability div a:hover .ico-4{background-position:-208px -62px;}
.ability div .ico-5{ background-position:-280px 0;}
.ability div a:hover .ico-5{background-position:-280px -62px;}
.ability div .tit{margin:0 auto; line-height:50px;font-size:16px;}
.ability div .line{width:65px; height:1px; overflow:hidden; background:#d4d4d4; margin:0 auto;}
.ability div .con{ line-height:24px; margin-top:15px;}
.ability div a:hover{ color:#fff; background:#f1544b;transition:transform ease .2s;-webkit-transition:transform ease .2s;transform:scale(1.05);-webkit-transform:scale(1.05); transform-origin:center top;-webkit-transform-origin:center top;}
.ability div a:hover .tit{ border-color:#fff;}
.ability div a:hover .ico{ transform:scale(.95);-webkit-transform:scale(.95);}
/*案例展示*/
.case-list{background:#f8f8f8; height:120px; padding:15px 0;}
.case-list a{ display:block; text-align:center; font-size:14px}
.case-list img{ display:block; width:89px; height:89px; margin:0 auto; margin-bottom:10px; border-radius:50%; transition:all ease .3s;-webkit-transition:all ease .2s;}
.case-list .col{ float:left; width:150px;}
.case-list a:hover img{ transform:scale(1.2);-webkit-transform:scale(1.2)}
.case-more{ display:block; width:225px; height:45px; line-height:45px; font-size:16px; text-align:center; border:solid 1px #ddd; margin:20px auto 0;}
.case-more:hover{ color:#ff343e; border-color:#ff343e;}
/*设计团队*/


/*无忧售后*/
.service{ background:url(../images/bg1_repeat.gif); padding:40px 0}
.service .animate{ height:172px; position:relative;}
.service .hline{ height:3px; background:#ffd4d4; position:relative; top:50%;}
.service .txt{ position:absolute; top:82px; height:0; width:100%; text-align:center; font-size:18px; color:#969696;}
.service li{ width:12.5%; float:left; position:relative; }
.service .t-1,.service .t-3,.service .t-5,.service .t-7{top:-35px;}
.service .t-2,.service .t-4,.service .t-6,.service .t-8{bottom:-10px;}
.service .point{ position:absolute; width:100%; top:78px;}
.service .point .circle{ display:block; width:16px; height:16px; background:url(../images/ico4.png) no-repeat -227px 0; margin:0 auto;}
.service .point .vline{ width:2px; height:21px; background:#fccaca; position:absolute; left:50%; margin-left:-1px;}
.service .p-1 .vline,.service .p-3 .vline,.service .p-5 .vline,.service .p-7 .vline{ top:18px;}
.service .p-2 .vline,.service .p-4 .vline,.service .p-6 .vline,.service .p-8 .vline{ bottom:18px; transform-origin:bottom center;-webkit-transform-origin:bottom center;}
.service .point .ico{ position:absolute; width:51px; height:51px; background:url(../images/ico4.png) no-repeat; left:50%; margin-left:-25px;}
.service .p-1 .ico,.service .p-3 .ico,.service .p-5 .ico,.service .p-7 .ico{ margin-top:23px;}
.service .p-2 .ico,.service .p-4 .ico,.service .p-6 .ico,.service .p-8 .ico{ margin-top:-90px;}
.service .p-2 .ico{ background-position:-56px 0;}
.service .p-3 .ico{ background-position:-112px 0;}
.service .p-4 .ico{ background-position:-168px 0;}
.service .p-5 .ico{ background-position:0 -56px;}
.service .p-6 .ico{ background-position:-56px -56px;}
.service .p-7 .ico{ background-position:-112px -56px;}
.service .p-8 .ico{ background-position:-168px -56px;}
.service .animate.active .vline{animation:vline ease 1s both;}
.service .animate.active .ico{ animation:ico 1s both;}
.service .animate.active .p-2 .ico,.animate.active .p-2 .vline{ animation-delay:.2s;}
.service .animate.active .p-3 .ico,.animate.active .p-3 .vline{ animation-delay:.4s;}
.service .animate.active .p-4 .ico,.animate.active .p-4 .vline{ animation-delay:.6s;}
.service .animate.active .p-5 .ico,.animate.active .p-5 .vline{ animation-delay:.8s;}
.service .animate.active .p-6 .ico,.animate.active .p-6 .vline{ animation-delay:1s;}
.service .animate.active .p-7 .ico,.animate.active .p-7 .vline{ animation-delay:1.2s;}
.service .animate.active .p-8 .ico,.animate.active .p-8 .vline{ animation-delay:1.4s;}
@keyframes vline{
	0%{ height:0;}
	100%{ height:21px;}	
}
@-webkit-keyframes vline{
	0%{ height:0;}
	100%{ height:21px;}	
}
@-webkit-keyframes ico{
	0%{-webkit-transform:scale(0);}
	50%{-webkit-transform:scale(1.2);}
	100%{-webkit-transform:scale(1);}
}
@keyframes ico{
	0%{ transform:scale(0);-webkit-transform:scale(0);}
	50%{transform:scale(1.2);-webkit-transform:scale(1.2);}
	100%{transform:scale(1);-webkit-transform:scale(1);}
}
.house-show li{ width:234px; height:206px; float:left; margin:30px 3px 0; position:relative;overflow: hidden;}
.house-show li p{ position:absolute; left:0; bottom:0; background:#4D4D4D;text-align:center;font-size:14px; width:100%; height:30px; line-height:30px;}
.house-show li a{ color:#fff;}