body {font-family:Hiragino Sans GB, Microsoft Yahei, arial, sans-serif; font-size:12px; font-weight:normal; color:#000; background:#fff url(../images/bg_body.jpg) center top no-repeat;}
*{margin:0; padding:0; border:0;}
ul,ol,li{ list-style:none;}
a{ text-decoration:none; color:#000; 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:#57933e;}
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;}

/*banner*/
.banner_wrap{ width:1000px; height:auto; padding:55px 0 140px; text-align:center; position:relative; margin:0 auto;}
.banner_wrap .banner{ width:668px; height:auto;}
.banner_wrap .logo_tkp{ position:absolute; top:45px; right:200px;}
.banner_wrap .logo_state{ position:absolute; top:35px; right:35px;}

/*第一屏*/
.screen_first{ width:1000px; height:auto; margin:20px auto;}
.pic_focus{ width:500px; height:300px; float:left;}
.pic_focus img{ width:100%; height:100%; border:none;}

/*视频*/
.video_wrap{ width:500px; height:282px; float:left;}
.mejs-container .mejs-controls .mejs-quality{ display:none;}

/*头条*/
.headline{ width:460px; height:auto; float:right;}
.headline .item{ width:100%; height:auto; padding-bottom:15px; margin-bottom:10px; border-bottom:1px solid #b6d093;}
.headline .item:last-child{ border:none;}
.headline .item dt{ line-height:32px; font-size:22px; font-weight:bold; color:#fff; margin-bottom:8px;}
.headline .item dt a{ color:#fff;}
.headline .item dd{ line-height:24px; font-size:14px; color:#fff;}
.headline .item dd a{ color:#fff;}

/*嘉宾*/
.pics_vip{ width:1000px; height:184px; position:relative; margin:30px auto;}
.pics_vip .arrow_left{ width:30px; height:100%; background:url(../images/arrow_left.png) center center no-repeat; position:absolute; left:-45px; top:0; z-index:9; cursor:pointer;}
.pics_vip .arrow_right{ width:30px; height:100%; background:url(../images/arrow_right.png) center center no-repeat; position:absolute; right:-30px; top:0; z-index:9; cursor:pointer;}
.pics_vip .swiper-slide{ width:204px; height:184px;}
.pics_vip .swiper-slide img{ width:184px; height:184px;}
.page_vip{ position:absolute; right:20px; bottom:15px; z-index:9; display:none;}

/*列表*/
.list_state{ width:1000px; height:auto; margin:40px auto 0; position:relative; z-index:3;}
.list_state .item{ width:100%; height:auto; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #eee; -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;}
.list_state .item:last-child{ border:none;}
.list_state .item dt{ width:250px; height:140px; overflow:hidden; margin-right:20px; float:left;}
.list_state .item 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_state .item:hover dt 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_state .item:hover .title a{ color:#57933e;}
.list_state .item .title{ height:auto; line-height:24px; font-size:16px; font-weight:bold; color:#333; margin-bottom:5px;}
.list_state .item .title a{ color:#333;}
.list_state .item .title a:hover{ color:#57933e;}
.list_state .item .intro{ line-height:24px; font-size:14px; color:#666; margin-bottom:20px;}
.list_state .item .intro a{ color:#666;}
.list_state .item .sort{ height:14px; line-height:14px; font-size:14px;}
.list_state .item .sort .ico{ width:4px; height:14px; background:#57933e; margin-right:10px; float:left;}
.list_state .item .sort a{ color:#666;}
.list_state .item .sort a:hover{ color:#57933e;}
.list_state .item .sort .time{ font-size:12px; font-family:arial; color:#999; padding-left:15px;}

/*底部*/
.copyright{ line-height:20px; padding:15px 0; color:#57933e; text-align:center; position:relative; z-index:2;}
.copyright a{ color:#57933e; margin-right:8px;}
.copyright a:hover{ color:#57933e;}
.copyright span{ margin-right:8px;}
.bg_bottom{ height:280px; background:#fff url(../images/bg_bottom.jpg) center top no-repeat; margin-top:-160px; position:relative; z-index:1;}

/*返回顶部*/
#tipback{ width:45px; height:45px; background:#ccc url(../images/back.png) center center no-repeat; cursor:pointer; position:fixed; left:50%; margin-left:500px; bottom:120px; 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: 1200px;
    height: 540px;
	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:12px; height:12px; background:#fff; border-radius:50%; opacity:0.4; filter:alpha(opacity=40); text-indent:-9999em; margin-left:15px; display:inline-block; cursor:pointer;}
.swiper-visible-switch {background:#c53c3c;}
.swiper-active-switch { opacity:1; filter:alpha(opacity=100);}

@media screen and (max-width:767px){
body{ background-size:200% auto;}
.banner_wrap{ width:100%; padding:30px 0;}
.banner_wrap .banner{ width:85%;}
.banner_wrap .logo_tkp{ width:60px; top:15px; right:105px;}
.banner_wrap .logo_state{ width:75px; top:10px; right:15px;}
.screen_first{ width:auto; margin:0 10px;}
.pic_focus{ width:100%; height:auto; float:none;}
.pic_focus img{ height:auto;}
.video_wrap{ width:100%; height:222px; margin:10px 0;}
.headline{ width:100%; float:none;}
.headline .item{ padding:10px 0;}
.headline .item dt{ font-size:18px; line-height:1.5em; font-weight:normal;}
.headline .item dd{ line-height:1.5em;}
.headline .item dt a{ color:#333;}
.headline .item dd a{ color:#666;}
.pics_vip{ width:auto; margin:5px 10px;}
.pics_vip .arrow_left{ display:none;}
.pics_vip .arrow_right{ display:none;}
.pics_vip .swiper-slide{ width:194px;}
.list_state{ width:auto; margin:10px;}
.list_state .item{ padding-bottom:10px; margin-bottom:10px;}
.list_state .item dt{ width:33%; height:auto; margin-right:10px;}
.list_state .item dt img{ height:auto; -webkit-transition: all 0s linear 0s; transition: all 0s linear 0s;}
.list_state .item:hover dt img{ -webkit-transform: scale(1); transform: scale(1);}
.list_state .item:hover .title a{ color:#333;}
.list_state .item .title{ font-weight:normal;}
.list_state .item .intro{ line-height:1.5em; margin-bottom:10px;}
.list_state .item .sort .time{ padding-left:10px;}
#tipback{ width:35px; height:35px; background-size:50% auto; margin-left:0; left:auto; right:15px; opacity:0.6;}
.copyright{ padding:10px 0;}
.copyright a{ display:none;}
.copyright span{ margin-right:0;}
.copyright em{ display:none;}
.bg_bottom{ height:80px; margin-top:-50px; background-size:150% auto;}
}

@media screen and (max-width:375px){
.video_wrap{ height:200px;}
}

@media screen and (max-width:360px){
.video_wrap{ height:192px;}
}

@media screen and (max-width:320px){
.video_wrap{ height:169px;}
}