@charset "utf-8";
body{ font-family:Hiragino Sans GB, Microsoft Yahei, arial, sans-serif; font-size:12px; font-weight:normal; color:#333; background:#fff;}
*{ margin:0; padding:0; border:0;}
ul,ol,li{ list-style:none;}
a{ text-decoration:none; color:#333; outline:none; blr:expression(this.onFocus=this.blur()); -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;}
a:hover{ text-decoration:none; color:#2db0ff;}
img{ vertical-align:middle;}
a,img,button,input,textarea{ -webkit-tap-highlight-color:rgba(255,255,255,0);}
table{ border-collapse:collapse; border-spacing:0;}
section{ display:block;}
em,i{ font-style:normal;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
p{ word-wrap:break-word; word-break:break-all;}
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear{ clear:both; font-size:0; height:0; line-height:0; overflow:hidden;}

/*头部*/
.header{ width:100%; height:auto; background:#fff;}
.header .head{ width:1000px; height:30px; line-height:30px; font-size:14px; margin:0 auto;}
.header .head a{ color:#666;}
.header .head a:hover{ color:#c9a063;}
.header .head .home{ float:left;}
.header .head .link{ float:right;}
.header .head .link span{ font-size:12px; font-family:arial; color:#999; margin:0 5px;}

/*banner*/
.banner{ width:100%; height:300px; background:#2db0ff url(../images/banner_shunyi.jpg) center top no-repeat;}

/*包裹*/
.wrapper{ width:1000px; height:auto; margin:20px auto;}
.wrap{ width:100%; height:auto; padding-top:15px;}
.h3_title{ height:30px; line-height:30px; background:#fff url(../images/bg_title.jpg) repeat-x; text-align:center; margin:20px 0;}
.h3_title img{ display:inline-block; padding:0 20px; margin-top:-2px; background:#fff;}

/*轮播图*/
.focus_wrap{ width:100%; height:auto;}
.pics_focus{ width:570px; height:320px; position:relative; overflow:hidden; float:left;}
.pics_focus .swiper-slide{ width:570px; height:320px;}
.pics_focus .swiper-slide img{ width:100%; height:100%;}
.pics_focus .notes{ width:550px; padding:5px 10px; line-height:30px; background:url(../images/bg_black.png) repeat; font-size:16px; color:#fff; position:absolute; left:0; bottom:0; overflow:hidden;}
.page_focus{ position:absolute; right:10px; bottom:10px; z-index:9; display:none;}

/*头条*/
.headline{width:415px; height:auto; float:right;}
.headline .top{ width:100%; height:auto; margin-bottom:15px;}
.headline .top dt{ height:24px; line-height:24px; padding:10px 0; margin-bottom:10px; border-bottom:1px dashed #ccc; font-size:16px; font-weight:bold; text-align:center; overflow:hidden;}
.headline .top dd{ padding:0 8px; line-height:22px; font-size:14px; color:#666; text-indent:2em;}
.headline .top dd a{ color:#666;}
.headline .bottom{ width:100%; height:auto; padding:10px 0 20px; background:#f5f5f5 url(../images/bg_headline.png) right bottom no-repeat;}
.headline .bottom .title{ line-height:24px; padding:0 15px; text-align:right;}
.headline .bottom .title .tuijian{ font-size:16px; font-weight:bold; color:#291d50; float:left;}
.headline .bottom .list{ padding:10px 8px 0 15px;}
.headline .bottom .list li{ height:26px; line-height:26px; padding-left:10px; background:url(../images/point.png) left 12px no-repeat; font-size:14px; overflow:hidden;}

/*文字直播*/
.zhibo_wrap{ width:675px; height:auto; float:left;}
.zhibo_wrap .h4_title{ line-height:24px; margin-bottom:15px; font-size:16px; font-weight:bold; color:#291d50;}
.zhibo_wrap .h4_title span{ height:18px; line-height:18px; padding:0 4px; margin-top:3px; border-radius:3px; background:#6d5b7a; font-size:12px; font-weight:normal; color:#fff; cursor:pointer; float:right;}
.frame_zhibo{ height:1440px; margin-bottom:15px; border:1px solid #e9e9e9; border-radius:3px; overflow-y:auto;}
.frame_zhibo .item{width:100%; height:auto;}
.frame_zhibo .item .title{ padding:5px 0;}
.frame_zhibo .item .title .speaker{ line-height:20px; padding:0 15px 0 25px; font-weight:bold; color:#333; float:left;}
.frame_zhibo .item .title .time{ line-height:20px; padding:0 10px; color:#666; float:left;}
.frame_zhibo .item .desc{ height:auto; line-height:22px; padding:10px; background:#f6f4f9; color:#666;}
.cujinju{ width:100%; height:auto;}
.cujinju img{ width:100%; height:auto;}

/*现场嘉宾*/
.jiabin{ width:300px; height:auto; float:right;}
.jiabin .h4_title{ line-height:24px; margin-bottom:15px; font-size:16px; font-weight:bold; color:#291d50;}
.jiabin .list{ width:100%; height:auto;}
.jiabin .list .item{ width:100%; height:auto; margin-bottom:10px;}
.jiabin .list .item .pic{ padding:3px; border:1px solid #d1d1d1;}
.jiabin .list .item .pic img{ width:100%; height:auto;}
.jiabin .list .item .desc{ height:auto; line-height:20px; padding-top:5px; color:#666;}
.jiabin .list .item .desc a{ color:#666;}

/*高清图集*/
.pic-wrap{ width:1000px; height:510px; position:relative; overflow:hidden; margin-top:35px;}
.pic-wrap .arrow_left_tkp{ width:96px; height:96px; background:url(../images/arrow_left_shunyi.png) no-repeat; position:absolute; left:26px; top:50%; margin-top:-48px; z-index:9; cursor:pointer;}
.pic-wrap .arrow_right_tkp{width:96px; height:96px; background:url(../images/arrow_right_shunyi.png) no-repeat; position:absolute; right:26px; top:50%; margin-top:-48px; z-index:9; cursor:pointer;}
.pic-wrap .swiper-slide{ width:1000px; height:510px; position:relative;}
.pic-wrap .swiper-slide img{ width:100%; height:100%;}
.pic-wrap .swiper-slide a{ width:100%; height:100%; display:block;}
.pic-wrap .txt-box{ width:95%; height:auto; line-height:1.5em; padding:8px 2.5%; background:url(../images/bg_black.png) repeat; font-size:18px; color:#fff; position:absolute; bottom:0; left:0;}
.page_tkp{display: none;}

/*底部*/
.copyright{ width:100%; height:auto; padding:15px 0 20px; line-height:28px; color:#333; text-align:center;}
.copyright .link{ font-size:14px;}
.copyright .link a{ color:#333; margin:0 8px;}
.copyright .link a:hover{ color:#2db0ff;}
.copyright .bottom a{ color:#333; margin-right:8px;}
.copyright .bottom a:hover{ color:#2db0ff;}
.copyright .bottom span{ margin-right:8px;}

/*返回顶部*/
#tipback{ width:45px; height:45px; background:#2db0ff url(http://r2d2.takungpao.cn/cn/common/images/back.png) center center no-repeat; cursor:pointer; position:fixed; left:50%; margin-left:500px; bottom:111px; z-index:100; display:none; _position:absolute;_bottom:auto;_top:expression(documentElement.scrollTop + 300);}

/*图片轮播样式*/
.swiper-container {
	width: 100%;
	height: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    -webkit-transition-property: -webkit-transform, left, top;
    -webkit-transition-duration: 0s;
    -webkit-transform: translate3d(0px,0,0);
    -webkit-transition-timing-function: ease;
    -moz-transition-property: -moz-transform, left, top;
    -moz-transition-duration: 0s;
    -moz-transform: translate3d(0px,0,0);
    -moz-transition-timing-function: ease;
    -o-transition-property: -o-transform, left, top;
    -o-transition-duration: 0s;
    -o-transform: translate3d(0px,0,0);
    -o-transition-timing-function: ease;
    -o-transform: translate(0px,0px);
    -ms-transition-property: -ms-transform, left, top;
    -ms-transition-duration: 0s;
    -ms-transform: translate3d(0px,0,0);
    -ms-transition-timing-function: ease;
    transition-property: transform, left, top;
    transition-duration: 0s;
    transform: translate3d(0px,0,0);
    transition-timing-function: ease;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}
.swiper-wp8-horizontal { -ms-touch-action: pan-y;}
.swiper-wp8-vertical {-ms-touch-action: pan-x;}
.swiper-slide {
    width: 570px;
    height: 320px;
	float: left;
    /*opacity: 0.4;*/
    position: relative;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -ms-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
}
.swiper-slide img{ width:100%; height:100%;}
.swiper-slide-active { opacity:1;}
.swiper-pagination-switch {width:12px; height:12px; background:#898989; border-radius:50%; text-indent:-9999em; margin-right:12px; display:inline-block; cursor:pointer;}
.swiper-visible-switch {background:#898989;}
.swiper-active-switch {background:#2db0ff;}

@media screen and (max-width:767px){
.header{ display:none;}
.banner{ height:30vw; background-size:auto 100%;}
.wrapper{ width:auto; margin:0; padding:10px;}
.h3_title{ margin:10px 0 20px;}
.h3_title img{ padding:0 10px;}
.pics_focus{ width:100%; height:53vw; margin-bottom:10px; float:none;}
.pics_focus .swiper-slide{ height:100%;}
.page_focus{ right:5px; bottom:7px;}
.swiper-pagination-switch{ width:8px; height:8px; margin-right:8px;}
.headline{width:100%; float:none;}
.headline .top dt{ height:auto;}
.headline .bottom .list li{ height:auto;}
.wrap{ padding-top:10px;}
.zhibo_wrap{ width:100%; float:none;}
.frame_zhibo{ height:auto; margin-bottom:10px;}
.jiabin{ width:100%; float:none; margin-top:15px;}
.jiabin .h4_title{ margin-bottom:10px;}
.pic-wrap{ width:100%; height:53vw; margin-top:15px;}
.pic-wrap .arrow_left_tkp{ width:40px; height:40px; background-size:100% 100%; margin-top:-20px;}
.pic-wrap .arrow_right_tkp{ width:40px; height:40px; background-size:100% 100%; margin-top:-20px;}
.pic-wrap .swiper-slide{ height:100%;}
.pic-wrap .txt-box{ font-size:12px;}
#tipback{ width:35px; height:35px; background-size:50% auto; margin-left:0; left:auto; right:15px; opacity:0.8;}
.copyright{ width:100%; padding:10px 0 15px; margin-top:0; line-height:24px;}
.copyright .bottom a{ display:none;}
.copyright .bottom span{ margin-right:0;}
.copyright .bottom em{ display:none;}
}