@charset "utf-8";
/* CSS Document */
@import url("font-awesome/css/font-awesome.css");

.head img{
	vertical-align:bottom
}
.intro .pd20{
	padding:20px 50px;
	background-color:#3a98e0
}
.intro .tit,
.viBox .tit,
.jjsj .tit,
.zlsj .tit,
.msyhs .tit,.xydql .tit,
.wfw .tit{
	text-indent:-9999px;
	width:100%;
	height:76px;
	margin-bottom:10px;
	background:url(../images/tit01.png) center no-repeat
}
.viBox .tit{
	padding-top:100px;
	margin-bottom:30px;
	height:128px;
	background:url(../images/tit02.png) center bottom no-repeat
}
.jjsj .tit{
	height:128px;
	background:url(../images/tit03.png) center bottom no-repeat
}
.zlsj .tit{
	height:128px;
	margin-top:60px;
	background:url(../images/tit04.png) center bottom no-repeat
}
.msyhs .tit{
	height:128px;
	padding-top:30px;
	margin-bottom:20px;
	background:url(../images/tit05.png) center bottom no-repeat
}
.xydql .tit{
	height:128px;
	margin:30px 0;
	background:url(../images/tit06.png) center bottom no-repeat
}
.wfw .tit{
	height:128px;
	padding-top:30px;
	margin-bottom:20px;
	background:url(../images/tit07.png) center bottom no-repeat
}
.intro .con p{
	line-height:40px;
	margin-top:20px
}
.viBox{
	margin-top:-50px;
	height:750px;
	background:url(../images/bg02.gif) center no-repeat
}
.video{
	border:8px solid white;
	margin-left:20px
}
.txt p{
	line-height:40px;
	margin-bottom:20px
}
.topnews{
	height:85px;
	line-height:85px;
	background:#3a98e0 url(../images/arrow1.png) 30px center no-repeat;
	font-weight:bold;
	text-indent:70px
}
.slide02{
	width:550px;
	height:340px;
	position:relative;
	overflow:hidden
}
.slide02 .bd ul li,
.slide02 .bd ul li img{
	float:left;
	width:550px;
	height:340px
}
.slide02 .bd ul li{
	position:relative;
	z-index:1
}
.slide02 .bd ul li a div{
	position:absolute;
	width:100%;
	left:0;
	bottom:0;
	height:70px;
	line-height:70px;
	padding:0 20px;
	box-sizing:border-box;
	background:rgba(0,0,0,.7);
	color:white;
	font-size:18px
}
.slide02 .hd{
	position:absolute;
	z-index:2;
	bottom:20px;
	right:20px;
	z-index:2
}
.slide02 .hd ul li{
	display:inline-block;
	text-indent:-9999px;
	width:10px;
	height:10px;
	border-radius:5px;
	background-color:white;
	margin:0 3px;
	cursor:pointer
}
.slide02 .hd ul li.on{
	background-color:#f5c533
}
.list01{
	width:530px
}
.list01 li{
	line-height:42px;
	text-indent:15px;
	background:url(../images/dot.gif) left center no-repeat
}
.list01 li span{
	color:#777
}
.list02 li{
	width:540px;
	height:60px;
	line-height:60px;
	background:#3a98e0 url(../images/arrow2.png) 20px center no-repeat;
	text-indent:40px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	margin-bottom:20px
}
.list02 li:nth-child(odd){
	float:left
}
.list02 li:nth-child(even){
	float:right
}
.msyhs{
	height:780px;
	background:#f0f8ff url(../images/bg03.gif) top center no-repeat
}
.msyhs .bg_ff{
	width:540px
}
.top_ls p.f24{
	line-height:40px
}
.top_ls .f16{
	margin-top:20px;
	height:110px;
	line-height:26px;
	overflow-y:auto
}
.msyhs>.w1100>.fr{
	width:540px;
	height:530px;
	overflow-y:auto
}
.msyhs>.w1100>.fr li{
	height:160px;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #dedede
}
.msyhs>.w1100>.fr li p.f20{
	line-height:40px
}
.msyhs>.w1100>.fr li p.f20 img{
	width:88px;
	height:88px;
	border-radius:49px;
	border:5px solid white
}
.msyhs>.w1100>.fr li div{
	margin-top:10px
}
.msyhs>.w1100>.fr li div a{
	color:red
}
.slide03{
	overflow:hidden
}
.slide03 .bd ul{
	height:270px
}
.slide03 .bd ul li{
	position:relative;
	float:left;
	width:342px;
	border:5px solid #3a98e0;
	box-shadow:0 10px 0 #e6f2fd;
	margin-right:24px
}
.slide03 .bd ul li img{
	float:left;
	width:342px;
	height:196px
}
.slide03 .bd ul li p{
	float:left;
	width:100%;
	font-size:18px;
	text-align:center;
	height:50px;
	line-height:50px;
}
.slide03>a{
	width:40px;
	height:101px;
	position:absolute;
	z-index:2;
	left:0;
	top:50%;
	margin-top:-50px;
	background:url(../images/l.png) no-repeat
}
.slide03>a.next{
	left:auto;
	right:0;
	background:url(../images/r.png) no-repeat
}
.wfw{
	background-color:#f0f8ff
}
.wfw .bd ul li{
	width:500px;
	height:340px;
	padding:20px;
	background-color:white;
	margin-right:20px
}
.wfw .bd ul li>div{
	margin:30px 0
}
.slide04{
	width:100%;
	overflow:hidden
}
.ask{
	margin-top:20px !important;
	padding-bottom:30px;
	border-bottom:1px solid #dedede
}
.ask:before,
.answer:before{
	float:left;
	display:inline-block;
	content:'问';
	width:54px;
	height:54px;
	line-height:54px;
	text-align:center;
	font-size:30px;
	border-radius:50%;
	background-color:#f14242;
	color:white;
	margin-right:20px
}
.ask{
	font-size:24px
}
.answer{
	font-size:18px;
	line-height:36px;
	padding-left:75px;
	height:200px;
	overflow-y:auto
}
.answer:before{
	content:'答';
	background-color:#2772cb;
	margin-left:-75px
}
.wfw .hd{
	text-align:center
}
.wfw .hd ul li{
	display:inline-block;
	width:16px;
	height:16px;
	border-radius:8px;
	background-color:#3a98e0;
	margin:20px 5px;
	margin-bottom:40px;
	text-indent:-9999px;
	cursor:pointer;
}
.wfw .hd ul li.on{
	background-color:#f8cf3d
}
.ytdd>.tbg{
	width:calc(50% - 10px)!important;
	background-color:#ddeefc;
	text-align:right;
	height:100px;
	position:absolute;
	left:0;
	top:0;
	z-index:0
}
.ytdd>.w1100{
	position:relative;
	z-index:1
}
.ytdd>.w1100>h3{
	height:100px;
	line-height:100px
}
.leftTab{
	width:540px
}
.leftTab a{
	display:inline-block;
	width:540px;
	height:72px;
	line-height:72px;
	background-color:#ddeefc;
	margin-top:10px;
	text-indent:5%;
	font-size:22px
}
.leftTab a.hover,
.leftTab a:hover{
	background:#0e5aa5 url(../images/arrow2.png) 95% center no-repeat;
	color:white
}
.rCon{
	width:500px;
	padding:20px;
	height:635px;
	margin-top:-100px;
	background-color:white;
	overflow-y:auto
}
.rCon>div>img{
	width:100%;
	height:auto
}
.footer{
	background:#3a98e0;
	padding:40px 0;
}
.footer p{
	width:1200px;
	margin:0 auto;
	line-height:28px;
	text-align:center;
}
.footer p em{
	padding:0 5px;
}
.footer_bot{
	width:1200px;
	margin:0 auto;
	position:relative;
}
.footer_bot a.dzjg_ico{
	position:absolute;
	left:200px;
	top:12px;
}
.footer_bot a.jcjcjcjc{
	position:absolute;
	right:130px;
	top:25px;
}


@media (max-width: 800px) {
	

.w1100,
.video,
.slide02,
.slide02 .bd ul li, 
.slide02 .bd ul li img,
.list01,.list02 li,
.msyhs .bg_ff,
.msyhs > .w1100 > .fr,
.leftTab,
.rCon{
	width:100%;
	box-sizing:border-box
}
.w1100{
	width:98%;
	margin:0 1%
}
.head{
	margin-top:0 !important
}
.head img,
.slide03 .bd ul li img,
.slide03 .bd ul li,
.wfw .bd ul li,
.slide04 .bd ul li{
	width:100%
}
.intro .pd20{
	padding:1em
}
.intro>div>img,
.tbg{
	display:none
}
.intro .con p{
	margin-top:0
}
.intro .tit{
	color:white
}
.viBox{
	background:#eff8ff;
	margin-top:0
}
.viBox,
.slide02,
.slide02 .bd ul li,
.slide02 .bd ul li img,
.top_ls .f16,
.msyhs,
.slide03 .bd ul,
.slide03 .bd ul li img,
.wfw .bd ul li{
	height:auto
}
.tit{
	font-size:2em;
	font-weight:bold;
	margin-top:0 !important;
	padding-top:1em !important;
	height:auto !important;
	margin-bottom:1em !important;
	background:none !important;
	text-indent:0 !important;
	text-align:center !important;
	color:#0e5aa5
}
.video{
	margin:0;
	background-color:white
}
video{
	width:100% !important;
	height:auto !important
}
.txt p{
	margin:0;
	line-height:2em
}
.list01 li{
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.list02{
	margin-bottom:0 !important
}
.msyhs .pd20{
	padding:2%
}
.msyhs > .w1100 > .fr{
	margin-top:20px
}
.msyhs > .w1100 > .fr li{
	display:inline-block;
	padding-bottom:20px
}
.slide03 .bd ul li,
.wfw .bd ul li{
	margin:0;
	border:0;
	padding:0
}
.wfw .bd ul li>div.ask{
	padding:20px
}
.wfw .bd ul li>div.answer{
	padding-left:95px;
	padding-right:20px;
	height:auto
}
.rCon{
	margin:0
}
.leftTab a{
	float:left;
	width:23%;
	margin:1%;
	height:auto;
	font-size:1.4em;
	padding:20px 0;
	text-indent:0;
	text-align:center;
	
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	box-sizing:border-box;
	padding:5px
}
.ytdd > .w1100 > h3{
	font-size:2em
}	

.footer{
	padding:1em 0;
}
.footer_bot{
	width:100%
}
.footer_bot a.dzjg_ico,.footer_bot a.jcjcjcjc{
	display:none;
}
.footer p{
	width:95%;
	margin:0 auto
}

}