@charset "utf-8";
body{ font-family:Hiragino Sans GB, Microsoft Yahei, arial, sans-serif; font-size:12px; font-weight:normal; color:#fff; background:#312042 url(../images/bg_body_baic.jpg) center 30px no-repeat;}
body.changbaishan{ background:#312042 url(../images/bg_body_changbaishan.jpg) center 30px no-repeat;}
*{ margin:0; padding:0; border:0;}
ul,ol,li{ list-style:none;}
a{ text-decoration:none; color:#fff; 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:#edc21c;}
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:625px;}
.bg_nav{ width:100%; height:53px; background:url(../images/bg_nav.png) center center no-repeat;}

/*导航*/
.nav_wrap{ width:150px; height:auto; background:#a67541; position:absolute; left:50%; top:655px; margin-left:-650px;}
.nav_wrap.fixed{ position:fixed; top:0;}
.nav_wrap ul{ width:100%; height:auto;}
.nav_wrap ul li{ width:100%; height:53px; line-height:53px; font-size:24px; text-align:center;}
.nav_wrap ul li a{ width:100%; height:100%; display:block;}
.nav_wrap ul li.cur a{ background:#edc21c; color:#64023e;}

/*头条*/
.focus_wrap{ width:1000px; height:auto; margin:0 auto;}
.headline{ height:auto; padding:20px 30px 30px 25px; background:url(../images/bg_blue.png) repeat; position:relative;}
.headline .title{ height:auto; line-height:36px; font-size:26px; color:#fff; margin-bottom:8px;}
.headline .intro{ height:auto; line-height:32px; padding-top:10px; font-size:18px; color:#fff; text-align:justify; word-wrap:break-word; word-break:break-all;}
.headline .link{ font-size:14px; line-height:20px; color:#edc21c; position:absolute; right:30px; bottom:35px;}

/*包裹*/
.wrapper{ width:1000px; height:auto; margin:0 auto;}
.h3_title{ width:100%; height:auto;}
.h3_title img{ width:100%; height:auto;}

/*图集*/
.fangwen{width:100%; height:auto; padding-top:40px;}
.pics_fangwen{ width:1000px; height:225px; position:relative; padding:30px 0; overflow:hidden;}
.pics_fangwen .arrow_left{ width:29px; height:185px; background:url(../images/arrow_left.png) center center no-repeat; position:absolute; left:0; top:30px; z-index:9; cursor:pointer;}
.pics_fangwen .arrow_right{ width:29px; height:185px; background:url(../images/arrow_right.png) center center no-repeat; position:absolute; right:0; top:30px; z-index:9; cursor:pointer;}
.pics_fangwen .swiper-slide{ width:410px; height:225px;}
.pics_fangwen .swiper-slide img{ width:400px; height:225px;}
.pics_fangwen .notes{ width:400px; padding:10px 0; line-height:20px; background:url(../images/bg_blue.png) repeat; font-size:14px; font-weight:bold; color:#fff; text-align:center; position:absolute; left:0; bottom:0;}
.page_fangwen{ position:absolute; right:5px; bottom:16px; z-index:9; display:none;}
.swiper-wrapper{ margin-left:-110px;}

/*最新报道*/
.baodao{width:100%; height:auto;}
.baodao .list{ width:100%; height:auto; padding-top:30px;}
.baodao .list .item{ height:auto; padding:20px; background:#fff; margin-bottom:10px; position:relative;}
.baodao .list .item .pic{ width:280px; height:210px; margin-right:40px; position:relative; float:left; overflow:hidden;}
.baodao .list .item .pic img{
	width:100%; height:100%; 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;
}
.baodao .list .item .pic:hover img{
	-webkit-transform: scale(1.05);
	   -moz-transform: scale(1.05);
		 -o-transform: scale(1.05);
		-ms-transform: scale(1.05);
			transform: scale(1.05);
}
.baodao .list .item .pic .hide{ display:none;}
.baodao .list .item .pic .play{ width:48px; height:48px; display:block; background:url(../images/play.png) center center no-repeat; position:absolute; right:10px; bottom:10px;}
.baodao .list .item .title{ line-height:30px; margin-bottom:10px; font-size:20px; font-weight:bold;}
.baodao .list .item .title a{ color:#333;}
.baodao .list .item .title a:hover{ color:#64023e;}
.baodao .list .item .intro{ height:auto; line-height:26px; font-size:14px; color:#444;}
.baodao .list .item .intro a{ color:#444;}
.baodao .list .item .author{ color:#444; position:absolute; right:20px; bottom:20px;}

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

/*返回顶部*/
#tipback{ width:45px; height:45px; background:#ccc url(http://r2d2.takungpao.cn/cn/common/images/back.png) center center no-repeat; cursor:pointer; position:fixed; left:50%; margin-left:500px; bottom:101px; 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: 400px;
    height: 225px;
	float: left;
    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:#fff; border-radius:50%; text-indent:-9999em; margin-right:15px; display:inline-block; cursor:pointer;}
.swiper-visible-switch {background:#5e5e5e;}
.swiper-active-switch {background:#edc21c;}

@media screen and (max-width:767px){
body,body.changbaishan{ background-position:center top; background-size:120% auto;}
.header{ display:none;}
.banner{ height:163px;}
.bg_nav{ height:10px; background-size:100% auto;}
.nav_wrap{ display:none;}
.focus_wrap{ width:auto; margin:0 10px 10px;}
.headline{ padding:10px 10px 15px;}
.headline .title{ font-size:20px; line-height:1.5em;}
.headline .intro{ font-size:16px; line-height:1.75em; padding-top:0;}
.headline .link{ right:15px; bottom:18px;}
.wrapper{ width:auto; margin:0 10px;}

/*图集*/
.fangwen{ padding-top:0;}
.pics_fangwen{ width:100%; height:221px; padding:10px 0;}
.pics_fangwen .arrow_left{ top:10px;}
.pics_fangwen .arrow_right{ top:10px;}
.pics_fangwen .swiper-slide{ width:394px; height:221px;}
.pics_fangwen .swiper-slide img{ width:100%; height:100%;}
.pics_fangwen .notes{ width:100%; padding:8px 0; font-weight:normal;}
.swiper-wrapper{ margin-left:0;}

/*最新报道*/
.baodao .list{ padding-top:10px;}
.baodao .list .item{ padding:10px;}
.baodao .list .item .pic{ width:120px; height:auto; margin:0 10px 10px 0;}
.baodao .list .item .pic img{ height:auto; -webkit-transition: all 0s linear 0s; transition: all 0s linear 0s;}
.baodao .list .item .pic:hover img{ -webkit-transform: scale(1); transform: scale(1);}
.baodao .list .item .pic .play{ width:30px; height:30px; background-size:100% 100%; right:6px; bottom:6px;}
.baodao .list .item .title{ font-size:16px; line-height:1.4em; margin-bottom:5px;}
.baodao .list .item .intro{ height:auto; line-height:1.5em;}
.baodao .list .item .author{ bottom: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;}
}

@media screen and (max-width:375px){
.banner{ height:148px;}
.pics_fangwen{ height:199px;}
.pics_fangwen .swiper-slide{ width:355px; height:199px;}
}

@media screen and (max-width:360px){
.banner{ height:142px;}
.pics_fangwen{ height:191px;}
.pics_fangwen .swiper-slide{ width:340px; height:191px;}
}

@media screen and (max-width:320px){
.banner{ height:126px;}
.pics_fangwen{ height:168px;}
.pics_fangwen .arrow_left{ height:168px;}
.pics_fangwen .arrow_right{ height:168px;}
.pics_fangwen .swiper-slide{ width:300px; height:168px;}
}