body{ font-family:Hiragino Sans GB, Microsoft Yahei, arial, sans-serif; font-size:12px; font-weight:normal; color:#333; background:#fff;}
html, body{ height:100%; position: relative;}
*{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:#ff821c;}
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;}

/*封面*/
.cover{ width:100%; height:100%; background:#b7826a url(../images/bg_cover.jpg) center top no-repeat; background-size:100% auto; position:relative;}
.cover .lzh{ width:360px; height:auto; padding-top:180px; margin:0 auto;}
.cover .lzh img{ width:100%; height:auto;}
.cover .chupin{ width:100%; height:auto; line-height:30px; font-size:18px; color:#fff; text-align:center; position:absolute; left:0; bottom:120px;}
.cover .mouse{ width:100%; height:auto; line-height:20px; font-size:12px; color:#fff; text-align:center; letter-spacing:1px; position:absolute; left:0; bottom:20px;}
.cover .mouse img{ width:28px; height:auto; display:block; margin:0 auto 10px;}
#page_cover{ display:none;}

/*头部*/
.header{ width:100%; height:auto; background:#fff; border-bottom:1px solid #f9f9f9;}
.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{ width:100%; height:auto; display:none;}
.banner img{ width:100%; height:auto; border:none;}
.focus_wrap{ width:1200px; height:auto; margin:30px auto 10px; position:relative;}
.focus_wrap .swiper-container{ overflow:visible;}
.focus_yingxiang{ width:1220px; height:auto; position:relative;}
.focus_yingxiang .mask_left{ width:1200px; height:100%; background:#e5e5e5; opacity:0.8; filter:alpha(opacity=80); position:absolute; right:50%; top:0; margin-right:395px; z-index:3; display:none;}
.focus_yingxiang .mask_right{ width:1200px; height:100%; background:#e5e5e5; opacity:0.8; filter:alpha(opacity=80); position:absolute; left:50%; top:0; margin-left:395px; z-index:3; display:none;}
.focus_yingxiang .arrow_left{ width:40px; height:100%; background:url(../images/arrow_left_cover.png) center center no-repeat; position:absolute; left:-120px; top:0; z-index:9; cursor:pointer; display:none;}
.focus_yingxiang .arrow_right{ width:40px; height:100%; background:url(../images/arrow_right_cover.png) center center no-repeat; position:absolute; right:-120px; top:0; z-index:9; cursor:pointer; display:none;}
.focus_yingxiang .swiper-slide{ width:790px; height:444px;}
.focus_yingxiang .swiper-slide img{ width:100%; height:100%;}
.focus_yingxiang .item{ width:100%; height:100%; position:relative; overflow:hidden;}
.focus_yingxiang .item .pic{ 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;
}
.focus_yingxiang .item:hover .pic{
	-webkit-transform: scale(1.05);
	   -moz-transform: scale(1.05);
		 -o-transform: scale(1.05);
		-ms-transform: scale(1.05);
			transform: scale(1.05);
}
.focus_yingxiang .item .ico_play{ width:60px; height:60px; background:url(../images/ico_play_cover.png) center center no-repeat; position:absolute; left:50%; top:50%; margin:-30px 0 0 -30px;}
.focus_yingxiang .item .notes{ width:94%; height:auto; line-height:20px; padding:30px 3% 8px 3%; background:url(../images/mask_cover.png) left top repeat-x; font-size:16px; color:#fefefe; text-align:center; position:absolute; left:0; bottom:0; z-index:2;text-shadow:2px 2px 2px #000;}
.page_yingxiang{ position:absolute; right:18px; bottom:15px; z-index:9; display:none;}

/*列表*/
.list_young{ width:980px; height:auto; margin:30px auto;}
.list_young .item{ width:100%; height:auto; padding-bottom:10px; margin-bottom:10px; border-bottom:0px 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_young .item:last-child{ border:none;}
.list_young .item .pic{ width:272px; height:153px; overflow:hidden; margin-right:35px; float:left;}
.list_young .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;
}
.list_young .item:hover .pic 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_young .item:hover .title a{ color:#ca372d;}
.list_young .item .title{ height:auto; line-height:30px; font-size:22px; color:#a66d48; margin-bottom:5px;}
.list_young .item .title a{ color:#a66d48;}
.list_young .item .title a:hover{ text-decoration:underline; color:#ca372d;}
.list_young .item .intro{ line-height:24px; font-size:14px; color:#666; margin-bottom:20px;}
.list_young .item .intro a{ color:#666;}

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

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

/*图片轮播样式*/
.swiper-container{ width:100%; height: 100%;}
.swiper-slide{ width:100%; height:100%; background:#fff;}
.focus_wrap .swiper-wrapper{ display:block;}
.focus_wrap .swiper-wrapper:after{
	content:''; display:block; height:0; clear:both; visibility:hidden;
}
.focus_wrap .swiper-slide {
    width: 285px;
	height: 160px;
	margin:0 20px 20px 0;
	float: left;
    position: relative;
	overflow:hidden;
    /*-webkit-transition: 300ms;
    -moz-transition: 300ms;
    -ms-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;*/
}
.focus_wrap .swiper-slide img{ width:100%; height:100%;}
.swiper-pagination-bullet{ width:10px; height:10px; background:#fff; border-radius:50%; opacity:0.8; filter:alpha(opacity=80); margin-left:10px; display:inline-block; cursor:pointer;}
.swiper-pagination-bullet-active{ background:#c9a063;}

@media screen and (max-width:767px){
html, body{ height:auto;}
.cover{ height:100vh; background-size:150% 100%; background:#ece4d3 url(../images/bg_cover_mobile.jpg) center top no-repeat; background-size:100% 100%;}
.cover .lzh{ width:50vw; padding-top:30vw; display:none;}
.cover .chupin{ font-size:16px; bottom:20px; color:#607e39; bottom:10vw;}
.cover .mouse{ display:none;}
.header{ display:none;}
.banner{ overflow:hidden; display:none;}
.banner img{ width:150%; margin-left:-6%;}
.focus_wrap{ width:auto; min-width:300px; height:auto; margin:15px;}
.focus_yingxiang{ width:100%; height:53vw; height:auto;}
.focus_yingxiang .mask_left{ display:none;}
.focus_yingxiang .mask_right{ display:none;}
.focus_yingxiang .arrow_left{ display:none;}
.focus_yingxiang .arrow_right{ display:none;}
.focus_yingxiang .swiper-slide{ width:100%; height:100%; height:auto; margin:0 0 15px 0; float:none;}
.focus_yingxiang .item{ width:100%; height:100%; height:auto;}
.focus_yingxiang .item .pic{ height:auto; -webkit-transition: all 0s linear 0s; transition: all 0s linear 0s;}
.focus_yingxiang .item:hover .pic{ -webkit-transform: scale(1); transform: scale(1);}
.focus_yingxiang .item .ico_play{ width:40px; height:40px; background-size:100% 100%; margin:-20px 0 0 -20px;}
.focus_yingxiang .item .notes{ padding-bottom:10px; font-size:18px; line-height:1.25em; font-weight:normal; text-align:left;}
.page_yingxiang{ right:12px; bottom:8px;}
.swiper-pagination-switch {width:8px; height:8px; margin-left:8px;}
.list_young{ width:auto; margin:10px;}
.list_young .item{ padding-bottom:5px; margin-bottom:5px;}
.list_young .item .pic{ width:33%; height:auto; margin-right:10px;}
.list_young .item .pic img{ height:auto; -webkit-transition: all 0s linear 0s; transition: all 0s linear 0s;}
.list_young .item:hover .pic img{ -webkit-transform: scale(1); transform: scale(1);}
.list_young .item:hover .title a{ color:#333;}
.list_young .item .title{ font-weight:normal; font-size:18px; line-height:1.5em;}
.list_young .item .intro{ line-height:1.5em; margin-bottom:0;}
#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;}
.swiper-container{ width:100%; height:auto; overflow:auto;}
.swiper-wrapper{ display:block;}
.swiper-slide{ width:100%; height:auto; float:none;}
}