body{background:#eee;}
.header_tkp{ display:none;}
.nav_tkp{width:100%;}
.copyright{ background:#1a7394; color:#fff;}
.copyright a{ color:#fff;}
.copyright span{ color:#fff; font-family:arial;}

/*banner*/
.banner_wrap{ width:100%; height:240px; background:url(../images/banner.jpg) center top no-repeat;}

/*包裹*/
.wrapper{ width:1200px; height:auto; margin:40px auto;}
.haibao{ width:1220px; height:auto;}
.haibao .list{ width:285px; height:auto; margin-right:20px; display:inline; float:left;}
.haibao dl{ width:auto; height:auto; padding:20px; background:#fff; margin-bottom:20px; border-radius:5px; cursor:pointer; outline: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;}
.haibao dl:hover{ box-shadow:0 10px 10px #aaa; margin:-10px 0 30px;}
.haibao dl:hover dd{ color:#1a7394;}
.haibao dl dt{ width:100%; height:auto;}
.haibao dl dt img{ width:100%; height:auto; border:none;}
.haibao dl dd{ margin-top:15px; line-height:30px; font-size:18px; color:#666;}

/*弹出层*/
.pop_haibao{ width:800px; height:auto; padding:20px; background:#fff; border-radius:5px; position:fixed; left:50%; top:50%; margin:-285px 0 0 -410px; z-index:1001; _position:absolute; display:none;}
.pop_haibao .close{ width:25px; height:25px; background:url(../images/close.png) center center no-repeat; position:absolute; top:0; right:-40px; z-index:1001; text-indent:-9999px;}
.pop_haibao dl{ width:100%; height:auto;}
.pop_haibao dl dt{ width:100%; height:450px; line-height:450px; text-align:center;}
.pop_haibao dl dt img{ width:auto; max-width:100%; height:auto; max-height:100%; border-radius:5px;}
.pop_haibao dl dd{ height:30px; line-height:30px; padding:30px 0 20px; font-size:24px; color:#666; text-align:center;}

/*侧边栏*/
.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(../images/bg_black.png) repeat; position:fixed; left:0; top:0; z-index:1000; _position:absolute; display:none;}

@media screen and (max-width:1280px){
.sideRight{ left:auto; margin-left:0; right:10px;}
}

@media screen and (max-width:1024px){
.wrapper{width:980px;}
.haibao{ width:1000px;}
.haibao .list{ width:230px;}
}

@media screen and (max-width:768px){
.nav_tkp .nav_list .item a{ padding:0 12px;}
.banner_wrap{ height:130px; background-size:auto 100%;}
.nav_tkp .nav_btns{display:none;}
.wrapper{width:720px;}
.haibao{ width:740px;}
.haibao .list{ width:165px;}
.pop_haibao{ width:600px; margin:-260px 0 0 -310px;}
.pop_haibao dl dt{ height:400px; line-height:400px;}
.sideRight .side_right{ display:none;}
}

@media screen and (max-width:767px){
.header_tkp{ display:block; padding-bottom:5px; border-bottom:2px solid #494949;}
.nav_tkp .nav_list .item a{ padding:0;}
.banner_wrap{ height:80px; background-size:auto 100%; display:none;}
.wrapper{ width:auto; margin:10px;}
.haibao{ width:100%;}
.haibao .list{ width:100%; margin-right:0; float:none;}
.haibao dl{ padding:15px; margin-bottom:10px;}
.haibao dl:hover{ box-shadow:0 0 0 #fff; margin:0 0 10px;}
.haibao dl:hover dd{ color:#666;}
.black{ background:#000;}
.pop_haibao{ width:480px; padding:0; background:#000; margin:-180px 0 0 -240px; border-radius:0;}
.pop_haibao .close{ position:fixed; top:15px; right:15px; background-size:80% 80%;}
.pop_haibao dl dt{ height:auto; line-height:normal;}
.pop_haibao dl dt img{ width:100%; max-height:none; border-radius:0;}
.pop_haibao dl dd{ height:auto; padding:15px 0 0; font-size:18px; color:#fff;}
.sideRight{ bottom:100px;}
.sideRight .side_right{width:35px; border-top:none;}
.sideRight .side_right .scan_me{ display:none;}
.sideRight .side_right .share_tkp{ display:none;}
.sideRight .side_right .btn_gotop{ width:35px; height:35px; border:none; background:#000 url(http://r.takungpao.cn/t/index/images/ico_top.png) center center no-repeat; background-size:50% auto; opacity:0.3;}
.sideRight .side_right .btn_gotop:hover{ background:#000 url(http://r.takungpao.cn/t/index/images/ico_top.png) center center no-repeat; background-size:50% auto;}
}

@media screen and (max-width:414px){
.pop_haibao{ width:414px; margin:-160px 0 0 -207px;}
.pop_haibao dl dd{ padding:10px 0 0; font-size:16px;}
}

@media screen and (max-width:375px){
.pop_haibao{ width:375px; margin:-150px 0 0 -187px;}
}

@media screen and (max-width:360px){
.pop_haibao{ width:360px; margin:-140px 0 0 -180px;}
}

@media screen and (max-width:320px){
.pop_haibao{ width:320px; margin:-130px 0 0 -160px;}
.pop_haibao dl dd{ line-height:24px;}
}