img { border: 0; display:block; max-width:100%;}
a {
    text-decoration: none;
    color: #666;
}

/*字颜色*/
.text-red, .text-red a { color: #98693F; text-align: center;}

/*两栏/global*/
.AreaL{ width:905px; float:left;}
.AreaR{ width:280px; float:right;}
.text-center {
    text-align: center;
}
.clearfix:after, .row:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
/*公共*/
.container { width: 1200px; min-width:1200px; margin: 0 auto;}
.clearfix:after, .row:after { content: ''; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix{*zoom:1;}

/*标题/global*/
.win-title { height: 40px; margin:30px 0 20px; border-bottom: solid 1px #ddd; position:relative; }
.win-title .tit { font-weight:normal; color:#333; float: left; border-bottom: solid 1px #000; font-size:18px; line-height: 40px; }
.win-title small { float: right; font-size: 12px; font-weight: normal; color: #666; padding: 15px 0 0 15px }
.win-title a{ position:absolute; right:0; top:15px; color:#999; font-size:12px; font-weight:normal;}
.win-title a:hover{ color:#ff6159;}

/* 首页 */
.index{}
.index .win-title .tit{ font-size:21px;}

/*案例展示*/
.case-show { width:1216px;}
.case-show img { display: block; margin: 0 auto; }
.case-show .item { margin: 0 16px 16px 0; position: relative; float:left; width:288px; height:251px;}
.case-show a { position: absolute;z-index:2; width: 100%; height: 100%; text-align: center;left: 0; top: 0; color: #fff; transition: all ease .3s; -webkit-transition: all ease .3s; font-size: 16px; background:url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWNgYGBgAAAABQABh6FO1AAAAABJRU5ErkJggg==);}
.case-show a:hover { background:#000; opacity:.6;filter:alpha(opacity=60);}
.case-show a span { font-weight: bold; font-size: 22px; margin-top: 100px; display: block; text-align: center;}
.case-show .svg { width:90%; height:90%; position: absolute; top: 5%; left: 5%; overflow:hidden;}
.case-show .svg span{ position:absolute; background:#fff; opacity:.5; filter:alpha(opacity=50); transition:all ease .3s;-webkit-transition:all ease .3s;}
.case-show .svg .left{ width:1px; height:100%;left:0; top:0;}
.case-show .svg .right{ width:1px; height:100%;right:0; bottom:0;}
.case-show .svg .top{ width:100%; height:1px;left:0; top:0;}
.case-show .svg .bottom{ width:100%; height:1px;right:0; bottom:0;}
.case-show .item:hover .left,.case-show .item:hover .right{ height:15px;}
.case-show .item:hover .bottom,.case-show .item:hover .top{ width:15px;}
.case-list{background:#f8f8f8; height:120px; padding:15px 0;}
.case-list a{ display:block; text-align:center}
.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 #000; margin:10px auto 0;}
.case-more:hover{ color:#98693F; border-color:#98693F;}

/*设计团队*/

.col-xs-5, .col-xs-7 { float: left; }


.col-xs-7 { width: 58.33333333%; }
.col-xs-5 { width: 41.66666667%; }

.col-xs-5, .col-xs-7  {
    position: relative;
    min-height: 1px;
}


.design-Team .slides{border:solid 1px #656565;width:468px; height: 482px; overflow:hidden; position:relative;}
.design-Team .slides .slidesjs-navigation{position: absolute; top: 50%; display: block; height:30px; width: 16px; margin-top:-15px; overflow: hidden; text-indent: -20000px; background: url(http://icon.dyrs.cc/ico.png!c) -78px -34px no-repeat; z-index:99; opacity:.5;}
.design-Team .slides:hover .slidesjs-navigation{ opacity:1;}
.design-Team .slides .slidesjs-previous { left: 20px; }
.design-Team .slides .slidesjs-next { right: 20px; background-position: -94px -34px; }
.design-Team .slidesjs-pagination{ position:absolute; left:0; bottom:10px; width:100%; text-align:center; z-index:10;}
.design-Team .slidesjs-pagination li{ display:inline;}
.design-Team .slidesjs-pagination li a{display:inline-block;*display:inline;zoom:1;width:15px;height:17px;line-height:99px;overflow:hidden;background:url(http://icon.dyrs.cc/ico.png!c) -87px -84px no-repeat;margin:0 5px;cursor:pointer;filter:alpha(opacity=60);opacity:0.6;}
.design-Team .slidesjs-pagination li a.active{background-position:-87px -66px;filter:alpha(opacity=100);opacity:1;}
.design-Team{ /*background:#464646;*/ overflow:hidden; margin-top:-10px;}
.design-Team .win-title{ border-color:#5d5d5d;}
.design-Team .win-title .tit{ color:#000;border-color:#000;}
.design-Team .win-title small{ color:#666;}
.design-Team .win-title a:hover{ color:#000;}
.design-Team .col-xs-5{ width:470px;}
.design-Team .col-xs-7{ width:59%;}
.design-Team .col-xs-7 .row{ width:120%;}
.design-Team .item{ float:left; text-align:center; width:225px; height:225px; overflow:hidden; position:relative; color:#989898; margin:0 0 17px 17px; border:solid 1px #656565}
.design-Team .item img{ display:block; width:225px; height:225px;}
.design-Team .design-info{ position:absolute; left:0; bottom:0; width:100%; height:80px; background:rgba(0,0,0,.7);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000); bottom:-80px; transition:all ease .3s;-webkit-transition:all ease .3s;}
.design-Team .item:hover .design-info{ bottom:0;}
.design-Team .design-info .p1{ margin-top:1px; text-align: center;}
.design-Team .design-info .name{ font-size:14px; color:#fff;}
.design-Team .design-info .city{ color:#fff;}
.design-Team .btnBox{ padding:10px 0 0px; clear:both; font-size:16px;}
.design-Team .btnBox a{ display:inline-block; width:225px; height:45px; line-height:45px; border:solid 1px #000; color:#888; margin: 0 20px;}
.design-Team .btnBox a:hover{ border-color:#98693F; color:#98693F;}


/*品牌保障*/
.brand-ensure{ overflow:hidden;}
.brand-ensure .row{ width:1250px}
.brand-ensure .item{ float:left; border:solid 1px #ddd; overflow:hidden; width:290px; box-shadow:0 1px 2px #ddd; margin:0 10px 5px 0;}
.brand-ensure .item .pic{display: block;height: 230px;}
.brand-ensure .item h4{ font-size:20px; color:#454545; padding:5px 0 0 18px; font-weight:normal;}
.brand-ensure .item p{ padding:0 18px 15px; overflow:hidden;}
.brand-ensure .item span{ font-size:14px; color:#464646;}
.pull-left {float: left !important;}
.pull-right {float: right !important;}

/*品牌实力*/
.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(../images/ico3.png) 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:14px;text-align: center;}
.ability div .line{width:65px; height:1px; overflow:hidden; background:#d4d4d4; margin:0 auto;}
.ability div .con{ line-height:24px; margin-top:15px;text-align: center;}
.ability div a:hover{ color:#fff; background:#98693F;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);}




               /* section */

                    .section{width:1250px;margin:0px auto 0 auto;overflow:hidden;}

                    .section ul{width:1250px;}

                    .section ul li{float:left;margin-right:6px;margin-bottom:6px;display:inline;width:300px;height:200px;overflow:hidden;position:relative;}

                    .section ul li .photo{width:300px;height:200px;overflow:hidden;}

                    .section .rsp{width:300px;height:200px;overflow:hidden;position: absolute;background:#000;top:0px;left:0px;}

                    .section .text{position:absolute;width:300px;height:200px;left:-300px;top:0px;overflow:hidden;}

                    .section .text h3{width:300px;margin-top:40px;height:50px;line-height:50px;text-align:center;color:#FFFFFF;font-size:20px;}

                    .section .text a{text-decoration:none}

                    .section .text div{text-align:center;color:#FFFFFF;font-size:18px;}



             

#cen_right_top{width:470px;/*margin: 20px auto 0 auto;*/ overflow: hidden;} #cen_right_top .active{background-color: #98693F;color:#F3F3F3;} #cen_right_top h3{line-height:55px;text-align:center;float:left;height:55px;width:20%;margin::0px;padding:0px;background-color:#F3F3F3;font-size:14px;color:#333333;font-weight:lighter;cursor:pointer;} #cen_right_top div{font-size:14px;display:none;clear:both;/*padding:20px 0px 0px 0px;*/border-top-width:medium;border-top-style:solid;border-top-color:#A0603D;}