@charset "utf-8";
body{
	font-family:"Microsoft Yahei","SimSun";
	font-size:14px;
	color:#333;
}

a{
	color:#333;
}

img{
	display:block;
}

h1,h2,h3,h4,h5{
	font-family:"Microsoft Yahei","SimHei";
	overflow:hidden;
	font-weight:normal;
}

p{
	overflow:hidden;
}

.wrapper{
	width:100%;
	min-width:1000px;
	overflow:hidden;
}

.box{
	width:1000px;
	margin:0px auto;
}

#top{
	height:42px;
	line-height:42px;
	border-bottom:2px solid #efefef;
	background:#fafafa;
	font-family:"SimSun";
	overflow:visible;
	position:relative;
	z-index:999;
}

#top i{
	float:left;
	display:inline;
	margin-top:14px;
	width:1px;
	height:14px;
	background:#e3e3e3;
}

#top .left i{
	margin-left:15px;
}

#top .right i{
	margin-right:15px;
}

#top span{
	float:left;
	display:inline;
	position:relative;
}

#top .left span{
	margin-left:15px;
}

#top .right span{
	margin-right:15px;
}

#top .right span,#top .right span a{
	color:#8b8b8b;
}

#top .logo{
	margin-top:4px;
}

#top .icon1{
	background:url(images/top-icon1.gif) no-repeat right center;
	padding-right:12px;
}

#top .icon2{
	background:url(images/top-icon2.gif) no-repeat right center;
	padding-right:18px;
}

#top .drop{
	position:absolute;
	display:none;
	border:1px solid #efefef;
	top:42px;
	background:#fafafa;
	padding:10px;
}

#top .drop1{
	width:190px;
}

#top .drop2{
	width:100px;
}

#top .drop3{
	width:60px;
}

#top .left .drop{
	left:0px;
}

#top .right .drop{
	right:0px;
}

#top .drop a{
	color:#8b8b8b;
}

#top .drop p{
	line-height:24px;
}

#top .drop li{
	float:left;
	display:inline;
	margin:0px 5px;
	line-height:24px;
}

#footer{
	background:#004276;
	margin-top:50px;
}

#footer .box{
	padding:25px 0px;
	text-align:center;
	line-height:26px;
	color:#748ca7;
	font-family:"SimSun";
}

#footer .box a{
	color:#748ca7;
}

#footer-mobile{
	display:none;
	line-height:30px;
	padding:10px 0px;
	background:#004276;
	color:#748ca7;
	text-align:center;
}

#header{
	background-image:url(images/hd-bg.gif);
	background-position:center 2px;
}

#header .box2{
	position:relative;
	height:255px;
}

#header h1{
	position:absolute;
	left:188px;
	top:55px;
	width:910px;
	color:#004276;
	font-size:50px;
	height:60px;
	line-height:60px;
	font-weight:bold;
}

#header p{
	position:absolute;
	left:188px;
	top:135px;
	width:740px;
	height:66px;
	line-height:22px;
	font-size:16px;
	color:#333;
	filter:alpha(opacity=60);
	opacity:0.6;
}

#header .colon{
	position:absolute;
	left:152px;
	top:138px;
	background:url(images/hd-colon2.png);
	width:818px;
	height:62px;
}

#header .photo{
	position:absolute;
	right:30px;
	top:34px;
	width:226px;
	height:192px;
}

#header .photo img{
	width:100%;
	height:100%;
}

#header .photo .cover{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:url(images/hd-pic.png);
}

@media (min-width: 768px) {
	#header h1{	left:0px; width:100%; text-align:center; }
	#header p{ left:130px; }
	#header .colon{	left:91px; }
	#header .photo{ display:none; }
}
@media (min-width: 1390px) {
	#header h1{	left:188px; width:910px; text-align:left; }
	#header p{ left:188px; width:740px; }
	#header .colon{	left:152px; }
	#header .photo{ display:block; }
}

#nav{
	background:url(images/nav.gif);
}

#nav .box{
	height:50px;
	font-family:"SimSun";
}

#nav span{
	float:left;
	display:inline;
	margin-left:74px;
	font-size:15px;
	line-height:50px;
	color:#fff;
	background:url(images/nav-time.png) no-repeat left center;
	padding-left:36px;
}

#nav .right{
	display:inline;
	margin:15px 130px 0px 0px;
}

#nav .right a{
	float:left;
	display:inline;
	height:20px;
	line-height:20px;
	margin-left:28px;
	background-color:#fff;
	color:#004276;
	padding-left:10px;
	padding-right:10px;
}

#nav .icon1{
	background-image:url(images/nav-refurbish.png);
	background-position:40px center;
	background-repeat:no-repeat;
	padding-right:30px !important;
}

.box2{
	width:1390px;
	margin:0px auto;
	overflow:hidden;
}

#live{
	position:relative;
}

#live .main{
	float:left;
	display:inline;
	margin-left:190px;
	width:865px;
	position:relative;
}

#live .main .time-line{
	position:absolute;
	left:87px;
	top:0px;
	height:100%;
	width:4px;
	background:#f2f2f2;
}

#live .main .list li{
	margin-left:140px;
	position:relative;
	border-top:1px solid #e0e0e0;
	padding-bottom:50px;
	padding-top:20px;
}

#live .main .list .date{
	position:absolute;
	width:100px;
	left:-140px;
	top:50px;
	background:url(images/live-time1.png) no-repeat right center;
	font-family:"SimSun";
	color:#a4a4a4;
	line-height:21px;
}

#live .main .list .time{
	position:absolute;
	left:-128px;
	top:85px;
	height:18px;
	width:70px;
	padding-left:14px;
	background:url(images/live-time2.png) no-repeat right center;
	font-family:"SimSun";
	color:#fff;
	line-height:18px;
}

#live .main .list h3{
	font-size:26px;
	line-height:36px;
	font-weight:bold;
	margin-top:20px;
}

#live .main .list p{
	line-height:34px;
	font-size:18px;
	margin-top:20px;
}

#live .main .list img {
    max-width: 100% !important;
    margin: 0px auto;
}

#live .main .more{
	display:block;
	width:398px;
	padding-left:325px;
	height:48px;
	line-height:48px;
	font-size:18px;
	color:#404040;
	margin:0px 0px 0px 140px;
	border:1px solid #ededed;
	background:#f7f7f7 url(images/live-more.png) no-repeat 285px center;
}

#live .main .more:hover{
	text-decoration:none;
	box-shadow:0px 0px 1px #404040 inset;
}

.side-left{
	position:absolute;
	left:0px;
	padding-top:50px;
	width:88px;
}

.side-left h4{
	background:url(images/side-left.gif) no-repeat 8px center;
	padding-left:23px;
	font-size:14px;
	color:#999;
	line-height:20px;
}

.side-left .list ul{
	margin-left:-7px;
}

.side-left .list li{
	float:left;
	display:inline;
	width:12px;
	height:12px;
	margin:7px 0px 0px 7px;
	background:#858585;
}

.side-left .list li a{
	display:block;
	width:100%;
	height:100%;
}

.side-left .list li:hover{
	background:#e03648;
}

.side-left .share{
	margin-top:20px;
	border:1px solid #f0f0f0;
	background:#f7f7f7;
	padding-bottom:30px;
}

.side-left .share li{
	width:48px;
	height:48px;
	margin:20px auto 0px auto;
	position:relative;
	background-repeat:no-repeat;
}

.side-left .share .icon1{ background-image:url(images/share1.gif); }
.side-left .share .icon2{ background-image:url(images/share2.gif); }
.side-left .share .icon3{ background-image:url(images/share3.gif); }
.side-left .share .icon4{ background-image:url(images/share4.gif); }
.side-left .share .icon5{ background-image:url(images/share5.gif); }

.side-left .share li a{
	display:block;
	width:100%;
	height:100%;
}

.side-left .share span{
	position:absolute;
	left:50px;
	top:50%;
	margin-top:-55px;
	background:url(images/share-code.gif) no-repeat;
	width:90px;
	height:90px;
	padding:10px 10px 10px 14px;
	display:none;
}

.side-left .share span img{
	width:90px;
	height:90px;
}

.side-right{
	float:right;
	width:275px;
	background:#f0f0f0;
	padding-bottom:30px;
}

.side-right .block{
	margin:30px 25px 0px 25px;
}

.side-right .block .title{
	font-size:22px;
	line-height:30px;
	position:relative;
	padding-left:15px;
}

.side-right .block .title,.side-right .block .title a{
	color:#004276;
}

.side-right .block .title i{
	position:absolute;
	left:0px;
	top:5px;
	height:20px;
	width:3px;
	background:#e03648;
}

.side-right .block ul{
	border-top:1px dotted #d0d0d0;
	margin-top:20px;
}

.side-right .block ul li{
	line-height:22px;
	padding:10px 0px;
	font-size:16px;
	border-bottom:1px dotted #d0d0d0;
}

.side-right .block ul li a{
	color:#888;
}

@media (min-width: 768px) {
	.box2{ width:1000px; }
	#live .main{ margin-left:0px; width:770px; }
	#live .main .more{ width:303px; }
	.side-left{ display:none; }
	.side-right{ width:200px; }
	.side-right .block{ margin:30px 15px 0px 15px; }
	.side-right .block .title{ font-size:20px; }
	.side-right .block ul{ margin-top:15px; }
	.side-right .block ul li{ font-size:14px; padding:6px 0px; }
}

@media (min-width: 1390px) {
	.box2{ width:1390px; }
	#live .main{ margin-left:190px; width:865px; }
	#live .main .more{ width:398px; }
	.side-left{ display:block; }
	.side-right{ width:275px; }
	.side-right .block{ margin:30px 25px 0px 25px; }
	.side-right .block .title{ font-size:22px; }
	.side-right .block ul{ margin-top:20px; }
	.side-right .block ul li{ font-size:16px; padding:10px 0px; }
}

.layout{
	margin-top:50px;
}

.topic{
	border-top:1px solid #d6d6d6;
}

.topic .box{
	position:relative;
	height:50px;
	text-align:center;
}

.topic span{
	display:inline-block;
	border-top:1px solid #e03648;
	border-bottom:1px solid #d6d6d6;
	height:49px;
	line-height:49px;
	margin-top:-1px;
	font-size:30px;
	font-weight:bold;
	padding:0px 10px;
}

.topic span,.topic span a{
	text-decoration:none;
	color:#004276;
}

.topic .more{
	position:absolute;
	right:0px;
	top:10px;
	font-size:22px;
	background:url(images/topic-more.gif) no-repeat left center;
	line-height:30px;
	padding-left:25px;
	color:#ddd;
}

.lanmu ul{
	zoom:1;
	margin-left:-50px;
}

.lanmu li{
	float:left;
	display:inline;
	width:475px;
	margin:40px 0px 0px 50px;
}

.lanmu li h3{
	font-size:24px;
	line-height:30px;
	height:30px;
	margin-bottom:15px;
}

.lanmu li .photo{
	float:left;
	width:215px;
	height:140px;
}

.lanmu li .photo img{
	width:100%;
	height:100%;
}

.lanmu li .text{
	float:right;
	width:235px;
}

.lanmu li .text p{
	line-height:26px;
	height:104px;
}

.lanmu li .text h5{
	font-size:14px;
	line-height:20px;
	height:20px;
	color:#999;
	margin-top:10px;
}

.lanmu li .text h5 label{
	margin-left:15px;
}

.tupian{
	margin-top:40px;
}

.tupian ul{
	zoom:1;
	margin-left:-2px;
}

.tupian li{
	float:left;
	display:inline;
	width:198px;
	height:198px;
	margin:2px 0px 0px 2px;
	position:relative;
	overflow:hidden;
}

.tupian li a{
	display:block;
	width:100%;
	height:100%;
}

.tupian li img{
	width:100%;
	height:100%;
}

.tupian li i{
	position:absolute;
	width:100%;
	height:100%;
	background:#000;
	filter:alpha(opacity=60);
	opacity:0.6;
	left:0px;
	bottom:0px;
	display:none;
}

.tupian li p{
	position:absolute;
	width:92%;
	left:4%;
	top:35%;
	line-height:24px;
	font-size:16px;
	color:#fff;
	text-align:center;
	display:none;
}

.tupian li:hover i,.tupian li:hover p{ display:block; }

.shipin ul{
	zoom:1;
	margin-left:-50px;
}

.shipin li{
	float:left;
	display:inline;
	width:475px;
	margin:30px 0px 0px 50px;
}

.shipin li .photo{
	position:relative;
	width:100%;
	height:270px;
}

.shipin li .photo img{
	width:100%;
	height:100%;
}

.shipin li .photo .play{
	position:absolute;
	width:61px;
	height:61px;
	margin:-30px 0px 0px -30px;
	left:50%;
	top:50%;
	background:url(images/play.png);
}

.shipin li h3{
	font-size:18px;
	line-height:24px;
	height:24px;
	margin-top:10px;
}

.shipin li p{
	line-height:20px;
	height:60px;
	color:#999;
	margin-top:10px;
}


/* 轮播图电脑start */
.slider{ width:100%; min-width:1000px; height:480px; position:relative; overflow:hidden; margin-top:30px; }
.slider .bd{ width:1000px; position:absolute; left:50%; margin-left:-500px;}
.slider .bd li{ width:1000px; overflow:hidden;}
.slider .bd li img{ display:block; width:1000px; height:480px;}
.slider .tempWrap{ overflow:visible !important;}
.slider .tempWrap ul{ margin-left:-1000px !important;}
.slider .hd{ position:absolute; width:1000px; left:50%; margin-left:-505px; z-index:1; height:4px; bottom:20px; text-align:right;}
.slider .hd li{ display:inline-block; *display:inline; zoom:1; width:32px; height:4px; line-height:99px; overflow:hidden; background:#fff; margin:0 5px; cursor:pointer; filter:alpha(opacity=60); opacity:0.6;}
.slider .hd li.on{ background:#f54343; filter:alpha(opacity=100); opacity:1;}
.slider .pnBtn{ position:absolute; z-index:1; top:0; width:100%; height:480px; cursor:pointer;}
.slider .prev{ left:-50%; margin-left:-500px;}
.slider .next{ left:50%; margin-left:500px;}
.slider .pnBtn .blackBg{ display:block; position:absolute; left:0; top:0; width:100%; height:480px; background:#000; filter:alpha(opacity=50); opacity:0.5;}
.slider .pnBtn .arrow { display:none; position:absolute; top:0; z-index:1; width:100px; height:480px;}
.slider .pnBtn .arrow:hover{ filter:alpha(opacity=60); opacity:0.6;}
.slider .prev .arrow{ right:-100px; background:url(images/prev_btn.png) left center no-repeat;}
.slider .next .arrow{ left:-100px; background:url(images/next_btn.png) right center no-repeat;}
/* 轮播图电脑end */