@charset "utf-8";



/* 标题及分享 */

.title {margin-top: 30px;}

.title h2 {width: 80%;font-size: 28px;margin-bottom: 10px;color: #000;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;}

.bdsharebuttonbox {float: right;margin-top: 8px;}





/* 幻灯 */

.slide {position: relative; width: 100%; height: 840px;}

#slide_big {position: relative; z-index: 1; overflow: hidden; width: 100%; height: 750px;background: #bbb;}

#slide_big .loading {position: absolute;left:0;top:0;width: 100%;height: 100%;background-color: #fff;background-image:url(../images/designpicd/loading.gif);background-position: center center;background-repeat:no-repeat;opacity:.4;filter:alpha(opacity=40);}

.big-item {position: absolute;left:0;top:0;width: 100%;height: 100%;display: none;}

.big-item .big-pic {height: 750px; text-align: center; line-height: 750px;}

.big-item .big-pic i {display: inline-block; height: 100%; vertical-align: middle;}

.big-item img {max-width: 100%; max-height: 750px; display: inline; z-index: 0; vertical-align: middle; -ms-interpolation-mode: bicubic;}

.slidebtn {position: absolute; z-index: 2; right: 0; bottom: 90px; width: 110px;height: 55px; line-height: 55px;font-size: 35px; color: #fff; text-align: right; background:#00ba88;color: #fff;font-size: 36px;font-family: "宋体";font-weight: bold;text-align: center;font-style: italic;}

.slidebtn div {padding:0 10px;}

.slidebtn .atpage {padding-right: 5px;}

.slidebtn .tpage {font-size: 24px; padding-left: 2px;}

.slidebtn a {float: left; width: 45px; height: 37px; display: block; background-color: #ccc; margin-left: 1px;}

.slidebtn a:hover {background-color: #d33;}

.slidebtn a s {width: 14px; height: 24px; display: block; margin: 7px auto 0; background-position: -107px -3px;}

.slidebtn a.prev s {background-position: -91px -3px;}



.slide .slideinfo {position: absolute; left: 0; right: 0; bottom: 0; height: 55px; line-height: 55px;z-index: 10;}

.slide .slideinfo h3 {font-size: 18px;color: #fff;padding: 0 110px 0 22px;}

.slide .slideinfo h3 a {display: block; color: #fff; font-size: 28px; line-height: 45px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.slide .slideinfo .bg {position: absolute; width: 100%; height: 55px; left: 0; top: 0; background-color: #000; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; z-index: -1;}



#slidebtn_prev , #slidebtn_next {position: absolute;top:50%;margin-top: -137px;width: 59px;height: 95px;opacity:0;filter:alpha(opacity=0);transition:opacity .3s;-webkit-transition:opacity .3s;}

.slide:hover #slidebtn_prev, .slide:hover #slidebtn_next {opacity:1;filter:alpha(opacity=100);}

#slidebtn_prev {left:0;background-position: 0 0;}

#slidebtn_next {right:0;background-position: -59px 0;}

#slidebtn_prev:hover {background-position: 0 -95px;}

#slidebtn_next:hover {background-position: -59px -95px;}





#slide_small {position: relative;height: 90px;background: #bbb;overflow: hidden;}

#slide_small .spbox {height: 80px;margin:5px 28px;overflow: hidden;}

.picsmall {position: relative;height: 80px;}

.picsmall a {display: block;float: left;margin-right: 8px;}

.picsmall img {display: block;width:109px;height: 78px;border:1px solid #bbb;opacity:.7;filter:alpha(opacity=70);}

.picsmall .active img {border-color: #fff;opacity:1;filter:alpha(opacity=100);}

.w1200 .picsmall img {width: 118px;}

.w1200 .picsmall a {}

.picsmall li.active img {border:1px solid #fff;}



#slidebtn2_prev , #slidebtn2_next {position: absolute;top:0;width: 28px;height: 90px;}

#slidebtn2_prev ,#slidebtn2_prev.disabled:hover {left:0;background-position: 0 -197px;}

#slidebtn2_next ,#slidebtn2_next.disabled:hover{right:0;background-position: -28px -197px;}

#slidebtn2_prev.disabled ,#slidebtn2_next.disabled {cursor: default;}

#slidebtn2_prev:hover {background-position: -57px -197px}

#slidebtn2_next:hover {background-position: -82px -197px}



#pglistk {display: none;position: absolute;left:0;bottom:0;width: 100%;height: 90px;}

#pagerlist {margin:0 28px;padding:4px 0;}

#pagerlist a {display: block;float: left;width: 120px;height: 80px; margin-right: 8px;}



#slidebtn_prev , #slidebtn_next ,#slidebtn2_prev , #slidebtn2_next {background-image: url(../images/designpicd/scroll_btn.png);background-repeat: no-repeat;z-index: 10;}





/* 推荐标签 */

.tj-tag dl {position: relative;}

.tj-tag dd {margin-right: 88px;}

.w1200 .tj-tag dd {margin-right: 188px;}

.tj-tag a {display: inline-block;height: 40px;line-height: 40px;text-align: center;font-size: 18px;color: #fff;}

.tj-tag dd a {float: left;margin-right: 2px;margin-bottom: 2px;}

.tj-tag a.tag-1 {width: 160px;background:#62a2d7;}

.tj-tag a.tag-2 {width: 155px;background:#83e1d3;}

.tj-tag a.tag-3 {width: 200px;background:#ec8e7b;}

.tj-tag a.tag-4 {width: 190px;background:#f9d462;}

.tj-tag a.tag-5 {width: 157px;background:#99c877;}

.tj-tag a.tag-6 {width: 195px;background:#b5755d;}

.tj-tag a.tag-7 {width: 206px;background:#f39d4b;}

.tj-tag a.tag-8 {width: 180px;background:#62bcd1;}

.tj-tag a.tag-9 {width: 283px;background:#ababaa;}

.tj-tag a.tag-1:hover {background:#7EABD0;}

.tj-tag a.tag-2:hover {background:#9BE6DB;}

.tj-tag a.tag-3:hover {background:#E29D8F;}

.tj-tag a.tag-4:hover {background:#F5D87E;}

.tj-tag a.tag-5:hover {background:#99BF7D;}

.tj-tag a.tag-6:hover {background:#C3907C;}

.tj-tag a.tag-7:hover {background:#E8A769;}

.tj-tag a.tag-8:hover {background:#83CBDC;}

.tj-tag a.tag-9:hover {background:#B9B9AE;}



.tj-tag dt {position: absolute;right:0;top:0;}

.tj-tag .more {width: 128px;height: 82px;line-height: 82px;background:#5d5d5d;}

.tj-tag .more:hover {background:#7D7B7B;}





.w1200 .tj-tag a.tag-1 {width: 180px;}

.w1200 .tj-tag a.tag-3 {width: 220px;}

.w1200 .tj-tag a.tag-5 {width: 257px;}



.w1200 .tj-tag a.tag-6 {width: 215px;}

.w1200 .tj-tag a.tag-9 {width: 403px;}

.w1200 .tj-tag .more {width: 188px;}





/* 大家都在看 */

.slide2 {position: relative;}

.lookbox {height: 360px;overflow: hidden;}

.looklist {position: relative;width: 100%;height: 360px;}

.looklist img {display: block;width: 100%;}

.looklist li {position: absolute;overflow: hidden;}

.looklist li a {position: relative;display: block;}

.looklist .p1 {left:0;top: 0;height: 360px;}

.looklist .p2 ,.looklist .p4 {left:0;top: 0;}

.looklist .p3 {left:0;top: 0;}

.looklist .p4 ,.looklist .p5 {top: 185px;}



.looklist .p1 img {height: 360px;}

.looklist .p2 img ,.looklist .p3 img ,.looklist .p4 img ,.looklist .p5 img {height: 175px;}



.looklist .p1 {width: 494px;height: 360px;}

.looklist .p2 ,.looklist .p4 {left:510px;}

.looklist .p3 ,.looklist .p5 {left:762px;}

.looklist .p2 ,.looklist .p3 ,.looklist .p4 ,.looklist .p5 {width: 238px;height: 174px;}



.w1200 .looklist .p1 {width: 594px;height: 360px;}

.w1200 .looklist .p2 ,.w1200 .looklist .p4 {left:610px;}

.w1200 .looklist .p3 ,.w1200 .looklist .p5 {left:912px;}

.w1200 .looklist .p2 ,.w1200 .looklist .p3 ,.w1200 .looklist .p4 ,.w1200 .looklist .p5 {width: 288px;height: 174px;}



.looklist .info {position: absolute;bottom:0;left:0;width: 100%;height: 40px;line-height: 40px;z-index: 2;}

.looklist h3 {font-size: 16px;color: #fff;padding:0 15px;}

.looklist .bg {position: absolute; width: 100%; height: 40px; left: 0; top: 0; background-color: #000; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; z-index: -1;}



#glprev,#glnext {display: none;position: absolute;top:50%;margin-top: -25px;width: 25px;height: 50px;background-image:url(../images/strategy/icons-scoll.png);background-repeat:no-repeat;}

#glprev {left:-55px;background-position: 0 0;}

#glnext {right:-55px;background-position:-25px 0;}

#glprev:hover {background-position: 0 -50px;}

#glnext:hover {background-position: -25px -50px;}