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

.top{
	height:40px;
	line-height:40px;
	border-bottom:1px solid #c8e3f2
}
.banner{
	height:210px;
	background:#eaf5fb url(../images/banner.jpg) top center no-repeat
}
.top .fr ul li{
	float:left
}
.top .fr ul li.por>img{
	position:absolute;
	top:39px;
	left:-43px;
	border-radius:5px;
	box-shadow:1px 1px 8px #ccc;
	display:none
}
.top .fr ul li.por:hover>img{
	display:block
}
.ipv6{
	display:inline-block;
	height:20px;
	padding:0 10px;
	line-height:20px;
	background-color:#355e92;
	border-radius:5px
}
.top .fr a.ipv6{
	color:white;
	font-size:12px
}

.ip01{
	width:100px;
	height:30px;
	border:0;
	border-radius:4px 0 0 4px;
	font-size:14px;
	text-indent:10px
}
.topnews{
	padding:20px 0;
	line-height:24px
}
.topnews h3{
	line-height:60px
}
.topnews p a{
	color:#ee2323 !important
}
.slide01{
	width:685px;
	overflow:hidden
}
.slide01 .hd{
	position:absolute;
	z-index:2;
	width:100%;
	text-align:center;
	bottom:60px
}
.slide01 .hd ul li{
	text-align:center;
	display:inline-block;
	text-indent:-999px;
	width:30px;
	height:7px;
	margin:0 5px;
	background-color:white
}
.slide01 .hd ul li.on{
	background-color:red
}
.slide01 .bd ul li a div{
	width:100%;
	height:48px;
	line-height:48px;
	text-align:center;
	background-color:#6295cc;
	margin-top:2px;
	color:white;
	font-size:18px
}
.tabNews{
	width:495px
}
.tabNews .tit a{
	float:left;
	width:161px;
	height:44px;
	line-height:44px;
	margin-right:5px;
	background-color:#dedede;
	color:#333;
	text-align:center
}
.tabNews .tit a:last-child{
	margin:0
}
.tabNews .tit a:hover,
.tabNews .tit a.hover{
	background-color:#355e92;
	color:white
}
.tabNews ul li,
.xxgkList ul li{
	height:40px;
	line-height:40px;
	background:url(../images/dot.jpg) 5px center no-repeat;
	text-indent:15px
}
.tabNews ul li span,
.xxgkList ul li span{
	font-size:14px;
	margin-right:5px;
	color:#777
}
.main01{
	background-color:#f7f7f7;
	margin-top:20px
}
.main01 h3,
.zwfw h3{
	line-height:90px
}
.main01 h3 img,
.zwfw h3 img{
	vertical-align:middle;
	margin-right:10px
}
.xxgkBox{
	background-color:white;
	width:685px;
	padding:10px 0;
	border-top:2px solid #6295cc
}
.xxgkBox ul li{
	float:left;
	width:25%;
	margin:10px 0;
	text-align:center;
	height:127px\9
}
.xxgkBox ul li div{
	margin:0 auto;
	width:80px;
	height:80px;
	margin-bottom:5px;
	background-color:#dedede;
	background-image:url(../images/xxgk.png);
	background-repeat:no-repeat;
	background-position:0 0;
	border-radius:40px
}
.xxgkBox ul li div.xx02{
	background-position:-80px 0
}
.xxgkBox ul li div.xx03{
	background-position:-160px 0
}
.xxgkBox ul li div.xx04{
	background-position:-240px 0
}
.xxgkBox ul li div.xx05{
	background-position:-320px 0
}
.xxgkBox ul li div.xx06{
	background-position:-400px 0
}
.xxgkBox ul li div.xx07{
	background-position:-480px 0
}
.xxgkBox ul li div.xx08{
	background-position:-560px 0
}
.xxgkBox ul li a:hover div{
	background-color:#355e92
}
.xxgkBox ul li a:hover{
	color:#355e92;
	font-weight:bold
}
.xxgkList{
	width:495px
}
.xxgkList .tit{
	height:44px;
	line-height:44px;
	text-indent:20px;
	background-color:#355e92;
	color:white
}
.slide02{
	width:100%;
	height:120px;
	overflow:hidden
}
.slide02 .hd{
	position:absolute;
	right:20px;
	bottom:0;
	z-index:2
}
.slide02 .hd ul li{
	display:inline-block;
	text-indent:-9999px;
	width:10px;
	height:10px;
	border-radius:5px;
	margin:0 3px;
	background-color:white
}
.slide02 .hd ul li.on{
	background-color:red
}
.fwTab,
.bmfw{
	width:645px;
	padding:0 20px;
	position:relative;
	background-color:#f7f7f7;
	height:390px;
	margin-top:30px
}
.fwTab .tit,
.bmfw .tit{
	position:absolute;
	z-index:2;
	width:100%;
	top:-33px;
	left:0;
	text-align:center
}
.fwTab .tit ul li,
.bmfw .tit ul li{
	display:inline-block;
	width:120px
}
.fwTab .tit ul li div{
	margin:0 auto;
	width:57px;
	height:66px;
	background-image:url(../images/fw01.png);
	background-repeat:no-repeat;
	background-position:0 -66px
}
.fwTab .tit ul li#clickb2 div{
	background-position:-57px -66px
}
.fwTab .tit ul li#clickb3 div{
	background-position:-114px -66px
}
.fwTab .tit ul li p,
.bmfw .tit ul li p{
	font-size:18px;
	font-weight:bold;
	color:#777
}
.fwTab .tit ul li:hover div,
.fwTab .tit ul li.hover div{
	background-position:0 0
}
.fwTab .tit ul li#clickb2:hover div,
.fwTab .tit ul li#clickb2.hover div{
	background-position:-57px 0
}
.fwTab .tit ul li#clickb3:hover div,
.fwTab .tit ul li#clickb3.hover div{
	background-position:-114px 0
}
.fwTab .tit ul li:hover p,
.fwTab .tit ul li.hover p,
.bmfw .tit ul li p{
	color:#355e92
}
.fwTab ul.f16{
	margin:100px auto 10px auto
}
.fwTab ul.f16 li{
	display:inline-block;
	width:125px;
	text-align:center;
	margin-bottom:20px
}
.fwTab ul.f16 li div{
	margin:0 auto;
	width:75px;
	height:75px;
	border-radius:25px;
	background-color:#6295cc;
	margin-bottom:5px;
	background-image:url(../images/f01.png);
	background-repeat:no-repeat;
	background-position:0 0
}
.fwTab #con_clickb_2 ul.f16 li div{
	background-image:url(../images/f02.png)
}
.fwTab #con_clickb_3 ul.f16 li div{
	background-image:url(../images/f03.png)
}
.fwTab ul.f16 li div.f02{
	background-position:-75px 0
}
.fwTab ul.f16 li div.f03{
	background-position:-150px 0
}
.fwTab ul.f16 li div.f04{
	background-position:-225px 0
}
.fwTab ul.f16 li div.f05{
	background-position:-300x 0
}
.fwTab ul.f16 li div.f06{
	background-position:0 -75px
}
.fwTab ul.f16 li div.f07{
	background-position:-75px -75px
}
.fwTab ul.f16 li div.f08{
	background-position:-150px -75px
}
.fwTab ul.f16 li div.f09{
	background-position:-225px -75px
}
.fwTab ul.f16 li div.f10{
	background-position:-300px -75px
}
.fwTab ul.f16 li a:hover{
	color:#355e92
}
.fwTab ul.f16 li a:hover div{
	background-color:#355e92
}
.fwTab>div{
	text-align:center
}
.bmfw .tit ul li div{
	margin:0 auto;
	width:57px;
	height:66px;
	background:url(../images/fw02.png) no-repeat
}
.bmfw{
	width:455px
}
.bmfw>ul{
	margin-top:100px;
	text-align:center
}
.bmfw>ul li a{
	float:left;
	align-items:center;
	display:flex;
	/*margin:3px;*/
	width:64px;
    margin: 10px 22px 10px 22px;
	height:64px;
	padding:20px;
	border:1px solid #dedede;
	background-color:white
}
.bmfw>ul li a:hover{
	background-color:#6295cc;
	border:1px solid #6295cc;
	color:white
}
.zl>a{
	display:block;
	width:390px;
	height:70px;
	line-height:70px;
	background-color:#cadbea;
	font-weight:bold;
	color:#355e92
}
.zl>a img{
	vertical-align:middle;
	margin-right:10px
}
.zl>a:hover{
	text-decoration:underline
}



/*---------------------自适应样式--------------------*/
@media screen and (min-width: 800px){


	
}


@media screen and (max-width: 800px){
  body>.w1200,
  .main01>.w1200,
  .footer>.w1200{
	  padding:0 5px
  }
  .w1200,
  .nav ul,
  .slide01,
  .tabNews,
  .xxgkBox,
  .xxgkList,
  .slide02,
  .fwTab,
  .bmfw,
  .zl>a{
	  width:100%;
	  box-sizing:border-box
  }
  .top>.w1200>.fl,
  .top>.w1200>.fr>ul,
  .nav li img,
  .nav form,
  .xxgkBox ul li a p br,
  .foot,
  .footer a{
	  /*display:none*/
  }
  .top>.w1200>.fr{
	  float:none;
	  text-align:center
  }
  .banner,
  .foot_nav{
	  text-align:center
  }
  .nav,
  .fwTab,
  .bmfw{
	  height:auto
  }
  .nav ul li{
	  font-size:.9em;
	  float:left;
	  width:25%;
	  text-align:center;
	  white-space:nowrap
  }
  .nav ul li a{
	  padding:0
  }
  .topnews h3{
	  font-size:2em
  }
  .slide01 .bd ul li img{
	  width:100%;
	  height:auto
  }
  .slide01 .bd ul li a div,
  .tabNews ul li, 
  .xxgkList ul li{
	  text-indent:1em;
	  white-space:nowrap;
	  text-overflow:ellipsis;
	  overflow:hidden
  }
  .tabNews{
	  margin-top:1em
  }	
  .tabNews .tit a{
	  width:33.33%;
	  margin:0
  }
  .xxgkBox ul li a p{
	  min-height:2.7em
  }
  .slide02,
  .slide02 .bd ul li img{
	  width:100%;
	  height:100px
  }
  .fwTab, .bmfw{
	  padding:0 5px;
	  padding-bottom:1em
  }
  .fwTab ul.f16,
  .bmfw ul.f16{
	  margin-top:6em
  }
  .bmfw{
	  margin-top:4em
  }
  .fwTab .tit ul li,
  .fwTab ul.f16 li,
  .bmfw ul.f16 li{
	  width:33.33%;
	  float:left
  }
  .bmfw ul.f16 li a{
	  margin:3px auto;
	  float:none
  }
  .zl>a{
	  margin:0;
	  margin-bottom:.5em
  }
  .foot_nav{
	  font-size:.9em
  }
	  
	
}