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:#243c75;}
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; border-bottom:1px solid #ececec;}
.header .head{ width:1200px; 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_wrap{width:100%; height:400px; background:url(../images/bg_banner.jpg) center top no-repeat; border-bottom:0px solid #ede6cb;}
.banner{ width:1300px; height:auto; padding:5px 0; margin:0 auto;}
.banner .pic{ width:386px; height:auto; float:left;}
.banner .pic img{ width:100%; height:auto;}
.banner .partner{ width:360px; height:auto; padding-top:50px; float:right;}
.banner .partner dl{ width:100%; height:auto; line-height:20px; margin-bottom:10px; font-size:12px; color:#000;}
.banner .partner dl dt{ float:left;}
.banner .partner dl dd{ padding-left:5em;}
.banner_wrap .qr_code{ width:100px; height:auto; text-align:center; position:relative; left:50%; margin-left:-420px; display:none;}
.banner_wrap .qr_code .txt{ display:block; line-height:22px; color:#000;}

/*包裹*/
.wrapper{ width:1200px; height:auto; margin:10px auto 40px;}

/*焦点图*/
.pics_focus{ width:773px; height:435px; overflow:hidden; float:left;}
.pics_focus .notes{ width:600px; height:44px; line-height:44px; padding:0 153px 0 20px; display:block; background:url(../images/bg_black.png) repeat; font-size:20px; color:#fff; overflow:hidden; position:absolute; left:0; bottom:0;}
.pics_focus .page_focus{ position:absolute; right:8px; bottom:12px;}

/*头条*/
.toutiao{ width:390px; height:auto; float:right;}
.toutiao dl{ width:100%; height:auto; margin-bottom:20px;}
.toutiao dl dt{ height:auto; line-height:30px; margin-bottom:5px; font-size:20px; color:#444;}
.toutiao dl dt a{ color:#444;}
.toutiao dl dt a:hover{ color:#c00;}
.toutiao dl dd{ height:auto; line-height:22px; font-size:12px; color:#444;}
.toutiao dl dd a{ color:#444;}

/*列表*/
.list_area{ width:1200px; height:auto; padding-top:25px; margin:20px auto;}
.list_area .h3_title{ height:30px; background:#ede6cb; margin-bottom:30px;}
.list_area .h3_title .ico{ margin:-23px 10px 0 10px; float:left;}
.list_area .h3_title .city{ line-height:30px; font-size:28px; color:#281319; margin-top:-20px; float:left;}
.list_area .list{ width:1212px; height:auto;}
.list_area .list dl{ width:290px; height:auto; background:#fff; margin:0 13px 20px 0; display:inline; float:left;}
.list_area .list dl dt{ height:217px; position:relative; overflow:hidden;}
.list_area .list dl dt 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;
}
.list_area .list dl dt: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);
}
.list_area .list dl dd{ height:44px; line-height:22px; padding:20px 15px 20px 20px; border:1px solid #ececec; border-top:none; font-size:16px; color:#444; overflow:hidden;}
.list_area .list dl dd a{ color:#444; display:block;}
.list_area .list dl dd a:hover{ color:#c00;}

/*底部*/
.copyright{ width:100%; height:auto; background:#0d1039; padding:15px 0 20px; margin:0 auto; border-top:1px solid #eee; 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:#a66d48;}
.copyright .bottom a{ color:#fff; margin-right:8px;}
.copyright .bottom a:hover{ color:#a66d48;}
.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:600px; bottom:122px; 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:visible;
    -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: 773px;
    height: 435px;
	float: left;
    position: relative;
	overflow:hidden;
    -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:9px; height:9px; background:#fff; border-radius:50%; opacity:0.8; filter:alpha(opacity=80); text-indent:-9999em; margin-right:10px; display:inline-block; cursor:pointer;}
.swiper-visible-switch { background:#fff;}
.swiper-active-switch { background:#eb6100;}

@media screen and (max-width:767px){
.header{ display:none;}
.banner_wrap{ height:auto; background-position:32% top; background-size:200% auto; border-bottom-width:0px; position:relative;}
.banner{ width:auto; height:auto; padding:15px 15px 5px;}
.banner .pic{ width:auto; padding-left:3vw; float:none;}
.banner .pic img{ width:55vw;}
.banner .partner{ width:auto; padding-top:38vw; float:none;}
.banner .partner dl{ font-size:12px;}
.banner_wrap .qr_code{ position:absolute; margin:0; left:auto; right:3vw; top:5vw;}
.banner_wrap .qr_code .txt{ font-size:12px; line-height:1.5em;}
.wrapper{ width:auto; margin:10px;}

/*焦点*/
.pics_focus{width:100%; height:53.3vw; margin-bottom:10px; float:none;}
.pics_focus .notes{ width:75%; height:32px; line-height:32px; padding:0 22% 0 3%; font-size:14px;}
.pics_focus .page_focus{ right:3px; bottom:8px;}
.swiper-slide{ height:53.3vw;}
.swiper-pagination-switch{ width:8px; height:8px; margin-right:6px;}

/*头条*/
.toutiao{ width:100%; padding-top:5px; float:none;}
.toutiao dl{ margin-bottom:15px; padding-bottom:15px; border-bottom:1px dashed #ececec;}
.toutiao dl dt{ font-size:18px; line-height:1.5em;}
.toutiao dl dd{ font-size:14px; line-height:1.5em;}

/*列表*/
.list_area{ width:100%; padding:0 0 5px; margin:20px auto 0;}
.list_area .h3_title{ height:20px; margin:0 3% 15px;}
.list_area .h3_title .ico{ width:24px; margin-top:-18px;}
.list_area .h3_title .city{ font-size:22px; margin-top:-18px;}
.list_area .list{ width:100%;}
.list_area .list dl{ width:45.7%; margin:0 0 10px 3%; padding-bottom:5px;}
.list_area .list dl dt{ height:34.3vw;}
.list_area .list dl dd{ height:40px; line-height:20px; padding:8px 5px 8px 8px; font-size:14px;}
.list_area .list dl dt img{ -webkit-transition: all 0s linear 0s; transition: all 0s linear 0s;}
.list_area .list dl dt:hover img{ -webkit-transform: scale(1); transform: scale(1);}
#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;}
}