@charset "utf-8";
body{background:#f8f8f8;}
.wrapper{ width:1200px; height:auto; margin:20px auto;}

/*三列图文*/
.tuwen_hk_wrap{ width:100%; height:auto;}
.tuwen_hk_wrap .list_tuwen{ width:390px; height:auto; display:inline; float:left; margin-right:15px; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;}
.tuwen_hk_wrap .list_tuwen.last{ margin-right:0;}
.tuwen_hk_wrap .list_tuwen .content{ width:100%; height:auto; margin-bottom:15px; position:relative;}
.tuwen_hk_wrap .list_tuwen .content .h3{ padding:8px 0; border-top:2px solid #a0a0a0; font-size:18px; color:#2b2b2b;}
.tuwen_hk_wrap .list_tuwen .content .pic{ width:100%; height:220px; line-height:220px; background:#f0f0f0; position:relative; overflow:hidden; text-align:center;}
.tuwen_hk_wrap .list_tuwen .content .pic img{ width:100%; height:auto; border:none; -webkit-transition: all 0.5s linear 0s; -moz-transition: all 0.5s linear 0s; -o-transition: all 0.5s linear 0s; -ms-transition: all 0.5s linear 0s; transition: all 0.5s linear 0s;}
.tuwen_hk_wrap .list_tuwen .content .pic img.shutu{ width:auto; height:100%;}
.tuwen_hk_wrap .list_tuwen .content .pic img:hover{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}
.tuwen_hk_wrap .list_tuwen .content .pic .ico{ width:auto; height:24px; line-height:24px; padding:0 10px 0 20px; background:url(http://r.takungpao.cn/t/index/images/layout.png) -200px -160px no-repeat; font-size:12px; font-family:simsun; color:#f8f8f8; position:absolute; top:12px; right:12px;}
.tuwen_hk_wrap .list_tuwen .content .pic:hover .ico{color:#f8f8f8;}
.tuwen_hk_wrap .list_tuwen .content .txt{ height:auto; padding:12px 10px 15px 15px; background:#fff; border:1px solid #e3e3e3;}
.tuwen_hk_wrap .list_tuwen .content .title{ padding-bottom:10px; font-size:20px; color:#000;}
.tuwen_hk_wrap .list_tuwen .content .title a{ color:#000;}
.tuwen_hk_wrap .list_tuwen .content .title a:hover{ color:#c00;}
.tuwen_hk_wrap .list_tuwen .content .intro{ padding-bottom:15px; line-height:22px; font-size:14px; color:#666;}
.tuwen_hk_wrap .list_tuwen .content .intro a{ color:#666;}
.tuwen_hk_wrap .list_tuwen .content .time{font-size:12px; color:#999;}
.tuwen_hk_wrap .list_tuwen .content .time span{ padding-left:15px;}
.tuwen_hk_wrap .list_tuwen .content.nopic .title{ padding-top:36px;}
.tuwen_hk_wrap .list_tuwen .content.nopic .ico{ width:auto; height:24px; line-height:24px; padding:0 10px; background:#00479d; font-size:12px; font-family:simsun; color:#f8f8f8; position:absolute; top:12px; right:12px;}


.sideRight{ position:fixed; left:50%; margin-left:610px; bottom:110px; z-index:1000; _position:absolute; _bottom:auto; _top:expression(documentElement.scrollTop + 100); display:none;}
.black{ width:100%; height:100%; background:url(http://r.takungpao.cn/t/index/images/bg_black.png) repeat; position:fixed; left:0; top:0; z-index:1000; _position:absolute; display:none;}

@media screen and (max-width:1024px){
.wrapper{ width:980px;}
.tuwen_hk_wrap .list_tuwen{ width:318px; margin-right:13px;}
.tuwen_hk_wrap .list_tuwen .content{ margin-bottom:13px;}
.tuwen_hk_wrap .list_tuwen .content .pic{ height:179px; line-height:179px;}
}

@media screen and (max-width:768px){
.wrapper{ width:740px;}
.tuwen_hk_wrap .list_tuwen{ width:240px; margin-right:10px;}
.tuwen_hk_wrap .list_tuwen .content{ margin-bottom:10px;}
.tuwen_hk_wrap .list_tuwen .content .pic{ height:135px; line-height:135px;}
}

@media screen and (max-width:767px){
.wrapper{ width:auto; margin:10px 10px 0;}
.tuwen_hk_wrap .list_tuwen{ width:100%; margin-right:0; float:none;}
.tuwen_hk_wrap .list_tuwen .content{ margin-bottom:15px;}
.tuwen_hk_wrap .list_tuwen .content .pic{ height:auto; line-height:normal;}
.tuwen_hk_wrap .list_tuwen .content .pic img{ height:auto; -webkit-transition: all 0s linear 0s; transition: all 0s linear 0s;}
.tuwen_hk_wrap .list_tuwen .content .pic img.shutu{ width:auto; height:230px;}
.tuwen_hk_wrap .list_tuwen .content .pic img:hover{ -webkit-transform: scale(1); transform: scale(1);}
.tuwen_hk_wrap .list_tuwen .content .txt{ padding:10px;}
.tuwen_hk_wrap .list_tuwen .content .title{ font-size:18px;}
.tuwen_hk_wrap .list_tuwen.last{ width:100%;}
.tuwen_hk_wrap .list_tuwen.last .content .pic{ height:auto; line-height:normal;}
}