﻿@charset "utf-8";
@import url("reset.css");
@import url("global.css");
@import url("channelpage.css");

.topnews{
	font-size:30px;
	color:#cc0033;
	text-align:center;
	padding:30px 0;
}
.topnews a:link,.topnews a:hover,.topnews a:visited{
	color:#cc0033
}
.slideBox{position:relative; width:650px; height:400px;}
.slideBox a.prev,.slideBox a.next{ display:block; width:48px; height:82px; position:absolute; top:150px; cursor:pointer;opacity:0.5;
filter:alpha(opacity=50); z-index:99}
.slideBox a.prev{ background:url(../images/hover_left.png) no-repeat; left:0;}
.slideBox a.next{ background:url(../images/hover_right.png) no-repeat; right:0;}
.slideBox .hd{ height:5px; overflow:hidden; position:absolute; right:15px; bottom:25px; z-index:11; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;}
.slideBox .hd ul li{ float:left; width:17px; text-align:center; height:5px; display:inline; margin-right:8px; cursor:pointer; background:#fff; font-family:"宋体"; overflow:hidden;}
.slideBox .hd ul li.on{ background:#e81f1f;}
.slideBox .bd{ position:relative; height:400px; z-index:0;}
.slideBox .bd img{ width:650px; height:400px; }
.slideBox .bd dl{position:absolute; height:54px; line-height:54px; left:0; bottom:0; width:650px; background:url(../images/slideBox_dl_bg.png) repeat; z-index:10;}
.slideBox .bd dt{text-align:left; font-size:18px; padding-left:20px; color:#fff}
.slideBox .bd dt a:link,.slideBox .bd dt a:visited{ color:#fff;}
.slideBox .bd dt a:hover{ color:#1e4da0; text-decoration:underline}

.boxJs01 h2 .tit{
	background:url(../images/boxJs01_tit_bg.gif) no-repeat right top;
	height:39px;
	line-height:36px;
	padding:0 35px 0 25px;
	font-size:24px;
}
.styJs01{
	line-height:41px;
	margin-top:12px;
}
.listJs01 li{
	line-height:41px;
}
.boxJs02 h2{
	background:url(../images/boxJs02_h2_bg.gif) repeat-x left 16px;
}
.boxJs02 h2 .tit{
	background:#fff url(../images/icoJs01.png) no-repeat left center;
	padding:0 12px 0 20px;
}
.boxJs02 h2 .more{
	margin-top:5px;
}
.boxJs02 h2 .more a{
	display:block;
	background:#fff url(../images/icoJs02.png) no-repeat right center;
	padding:0 25px 0 15px;
	color:#666666
}
.boxJs02 h2 .more a:hover,.boxJs02 h2 .more a:visited{
	color:#666666
}
.xxgkbox{
	padding:20px 0 5px;
}
.xxgkbox img{
	display:block;
	width:220px;
	height:155px;
}
.xxgkbox .r{
	width:400px;
	_display:inline;
	margin:0 0 0 20px;
}
.xxgkbox .r h3{
	padding:8px 0 15px
}
.xxgkbox .r .intro{
	line-height:20px;
	color:#545454
}
.xxgkbox .r .intro em a:link,.xxgkbox .r .intro em a:hover,.xxgkbox .r .intro em a:visited{
	color:#c61900
}
.xxgkbox .r .riqi{
	margin-top:25px;
	font-size:12px;
	color:#6c6c6c;
	background:url(../images/icoJs03.png) no-repeat left center;
	padding-left:20px;
}
.listJs02 li{
	background:url(../images/icoJs04.png) no-repeat left center;
	padding-left:20px;
}
.boxJs03 h2{
	height:40px;
	background:url(../images/boxJs02_h2_bg.gif) repeat-x left bottom
}
.boxJs03 h2 .tit{
	height:38px;
	border-bottom:#cc0033 solid 2px;
	padding:0 10px;
}
.boxJs03 h2 .more{
	margin:10px 0 0;
}
.boxJs03 h2 .more a{
	display:block;
	background:url(../images/icoJs02.png) no-repeat right center;
	padding:0 25px 0 15px;
	color:#666666
}
.boxJs03_con{
	margin-top:10px;
	background:#f8f8f8;
	padding:14px 14px 18px;
}
.tzgg_top{
	border-bottom:#d5d5d5 dotted 1px;
	padding:0 0 15px
}
.tzgg_top img{
	display:block;
	width:158px;
	height:121px;
}
.tzgg_top h3{
	_display:inline;
	width:182px;
	font-size:18px;
	margin:25px 0 0 20px;
}
.boxJs04 h2{
	text-align:center;
	background:url(../images/boxJs04_h2_bg.gif) no-repeat center center
}
.leftLoop{ overflow:hidden; position:relative; } 
.leftLoop .hd{ display:none; overflow:hidden;  height:30px; background:#f4f4f4;  } 
.leftLoop .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px;  } 
.leftLoop .hd ul li{ position:relative; _display:inline; float:left;  width:10px; height:10px; overflow:hidden; background:#ccc; margin-right:10px; text-indent:-999px; cursor:pointer; 
    -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(PIE.htc);} 
.leftLoop .hd ul li.on{ background:#f00;  } 
.leftLoop .bd{ padding:20px 0;   } 
.leftLoop .bd ul{ overflow:hidden; zoom:1; } 
.leftLoop .bd ul li{ margin:0 23px 0 0; width:200px; text-align:center; float:left;display:_inline;  } 
.leftLoop .bd ul li img{ display:block; width:200px; height:119px;}
.leftLoop .bd ul li .title{ font-size:14px; padding:10px 0 0;}


@media (max-width: 768px) {
.topbar{
	display:none;
}
.banner{
	width:100%;
	height:100px;
	background-size:cover;
}
.logo_qrcode{
	width:100%;
}
.logo_qrcode .logo{
	width:90%;
	margin:20px 0 0 10px;
}
.logo_qrcode .logo a{
	width:100%;
	background-size:contain
}
.topbar-nav{
	display:none;
}
.nav{
	height:auto
}
.nav ul{
	width:100%;
}
.nav ul li{
	margin:0;
	width:25%;
}
.nav ul li a{
	width:100%;
	height:40px;
	line-height:40px;
	padding:0;
	text-align:center;
	font-size:1rem;
}
.w1100{
	width:100%;
}
.topnews{
	font-size:18px;
	padding:15px 0;
}
.slideBox{
	float:none;
	width:100%;
	height:250px;
}
.slideBox .bd{
	height:250px;
}
.slideBox .bd img{
	width:100%;
	height:250px;
}
.slideBox a.prev, .slideBox a.next{
	top:80px;
}
.slideBox .bd dt{
	font-size:14px;
	padding-left:10px;
}
.w420{
	width:100%;
}
.boxJs01{
	margin-top:15px;
}
.styJs01{
	line-height:25px;
}
.font18{
	font-size:16px
}
.listJs01 li{
	line-height:20px;
	margin:8px 0;
	font-size:15px;
	padding:0 8px;
}
.mgt30{
	margin-top:20px;
}
.w650{
	width:100%;
}
.boxJs03_con{
	padding:5px;
}
.xxgkbox img{
	width:90%;
	height:auto;
	float:none;
	margin:0 5%;
}
.xxgkbox .r{
	width:90%;
	margin:0 5%;
}
.xxgkbox .r h3{
	padding:8px 0;
}
.xxgkbox .r .riqi{
	margin-top:5px;
}
.listJs02{
	padding:10px;
}
.listJs02 li{
	line-height:25px !important;
	background: url(../images/icoJs04.png) no-repeat left 10px;
	margin:8px 0;
}
.tzgg_top img{
	width:45%;
	height:auto
}
.tzgg_top h3{
	width:50%;
	margin:10px 0 0 5%
}
.friendlink{
	display:none;
}
.footer{
	padding:20px 0;
}
.copyright{
	width:100%;
}
.copyright .l{
	width:100%;
}
.copyright .l p{
	font-size:14px;
	line-height:25px;
}
.copyright ul{
	display:none;
}
.leftLoop .bd ul li{
	margin:0 5px;
	 width:48%;
}
.leftLoop .bd ul li img{
	width:100%;
}
.in_nav{
	height:50px;
	line-height:50px;
}
.leftNav{
	width:100%;
}
.leftNav ul{
	overflow:hidden;
}
.leftNav ul li{
	float:left;
	width:46%;
	margin: 2%
}
.rightCon{
	width:100%;
	margin-top:15px;
}
.rightCon .list01 li{
	line-height:25px;
	height:auto;
}
.list01 li{
	background: url(../images/icoJs04.png) 10px 18px no-repeat;
	padding:8px 0;
}
.list01 li span{
	display:none;
}
.pd20{
	padding:10px;
}
.list_page{
	height:auto
}
.list_page span{
	margin-top:10px;
}
.textCon h3{
	font-size:22px;
}
.picList li{
	width:45%;
	margin:5% 2% 0;
}
.picList li img{
	width:100%;
	height:125px;
}
}