*{padding:0px; margin:0px; list-style:none; box-sizing:border-box; font-family:"微软雅黑";}
a{text-decoration:none; color:#000;}
.con{width:95%; height:auto; margin:0 auto; max-width:1000px; overflow:hidden;}






/***********导航**************/
@media screen and (max-width:1020px){
#top{width:100%; height:auto; background:#fff;}
#top .logo{height:60px; width:auto; display:block; float:left;}
#top .logo img{display:block; width:auto; height:100%;}
#top #kaiguan{font-size:30px; float:right; margin-top:15px; cursor:pointer;}
#top ul{width:100%; height:200%; background:#fff; position:fixed; z-index:100; top:0; left:100%; transition:all .5s; -webkit-transition:all .5s;}
#top ul > li{width:100%; height:auto; border-bottom:1px solid #ddd; position:relative;}
#top ul > li > a{color:#000; font-size:20px; display:inline-block; padding-left:30px; line-height:60px; width:150px; height:60px;}
#top ul > li > i{float:right; display:block; font-size:30px; margin-right:30px; cursor:pointer; color:#6c6c6c; text-align:center; line-height:60px; transform:rotateZ(360deg); transition:transform .3s;}
#top ol{z-index:2; width:100%; height:auto; background:#d8e8f4; display:block;}
#top ol .left,#top ol .right{display:none;}
#top ol{display:none;}
#top ol .zhong li{width:100%; height:60px; border-bottom:1px solid #7e9bb1; line-height:60px;}
#top ol .zhong li a{color:#000; font-size:20px; display:inline-block; padding-left:30px; width:100%; height:auto;}
#top ul > li > i.xuanzhuan{transform:rotateZ(90deg); transition:transform .3s;}
}
@media screen and (min-width:1020px){
#top{width:100%; height:90px; background:#fff;}
#top .con{height:auto;}
#top .con .home,#top .con #kaiguan{display:none;}
#top .con .logo{display:block; height:90px; width:auto; float:left; margin-top:0px;}
#top .con .logo img{display:block; height:100%; width:auto;}
#top .con ul{float:right; overflow:hidden; width:auto; height:100%;}
#top .con ul > li{float:left; width:auto; height:100%;}
#top .con ul > li > a{display:block; height:100%; width:auto; line-height:90px; font-size:16px; padding:0 15px; text-align:center;}
#top .con ul > li:hover > a{background:#2366ad; color:#fff;}
#top .con ol{position:absolute; z-index:5; background:#2366ad; width:100%; height:auto; overflow:hidden; left:0; padding:40px 0 40px 0; display:none;}
#top .con ol .left{width:32%; height:auto; float:left; color:#fff; margin-right:10%;}
#top .con ol .left h1{font-size:25px; font-weight:100; margin-bottom:15px;}
#top .con ol .left p{font-size:15px; letter-spacing:1px; line-height:30px; margin-bottom:15px;}
#top .con ol .left .gengduo{color:#fff;}
#top .con ol .zhong{width:calc(50% - 350px); height:auto; float:left;}
#top .con ol .zhong li{margin-bottom:15px;}
#top .con ol .zhong li a{color:#fff; font-size:16px;}
#top .con ol .zhong li:hover a{color:#999;}
#top .con ol .right{width:350px; height:200px; float:left;}
#top .con ol .right img{display:block; width:100%; height:100%;}
#top .con ul > li:hover ol{display:block;}
}








/*******底部*******/
#bottom{width:100%; height:auto; margin-top:20px; padding:50px 0; background:#5c5c5c;}
#bottom ul{float:left; margin-right:4%; width:10%;}
#bottom ul h5{margin-bottom:15px;}
#bottom ul h5 a{font-size:17px; color:#fff; font-weight:300;}
#bottom ul li{margin-bottom:7px;}
#bottom ul li a{font-size:13px; color:#fff;}
#bottom ol{float:right; width:30%; height:auto; border-left:1px solid #ccc; padding:0 3%;}
#bottom ol .erweima{width:110px; height:auto; margin:0 auto; margin-bottom:10px;}
#bottom ol .erweima img{display:block; width:100%; height:110px;}
#bottom ol .erweima h5{font-weight:100; font-size:14px; text-align:center; color:#fff;}
#bottom ol p{color:#fff; font-size:14px; letter-spacing:1px; line-height:25px;}


#bottom2{width:100%; height:auto; background:#424242; color:#fff; padding:10px 0;}
#bottom2 p{font-size:14px;}


@media all and (max-width:800px){
#bottom,#bottom2{display:none;}	

#bottom-shouji{width:100%; height:auto; background:#3f3f3f; overflow:hidden; padding:10px 0 5px 0; margin-top:20px;}
#bottom-shouji a{display:block; float:left; width:25%; height:auto;}
#bottom-shouji a i{display:block; width:30px; height:30px; font-size:30px; text-align:center; line-height:30px; margin:0 auto; color:#fff;}
#bottom-shouji a p{text-align:center; color:#fff; font-size:14px;}
}
@media all and (min-width:800px){
#bottom-shouji{display:none;}
}









/***********主页***********/
#content1{width:100%; height:auto; margin-top:20px;}
#content1 h1{font-size:30px; color:#0450a1; font-weight:100; margin-bottom:5px;}
#content1 .div1{ border:1px solid #ccc; background:rgba(250,128,10,.9);}
#content1 .div1 form{display:block; width:100%; height:auto;}
#content1 .div1 form h5{width:120px; height:50px; line-height:50px; font-size:15px; border-radius:5px; text-align:center; color:#fff; background:#f00; letter-spacing:2px; margin:20px auto 10px auto;}
#content1 .div1 form li{width:100%; height:auto; text-align:center; color:#fff;}
#content1 .div1 form .text1{display:block; width:80%; height:40px; margin:10px auto; padding:0 10px; border:none; border-radius:5px;}
#content1 .div1 form .chaxun{display:block; width:80%; height:40px; color:#000; background:#dedbdb; border:none; margin:0 auto; border-radius:5px; font-size:15px;}
#content1 .div2 .bg{width:100%; height:200px; overflow:hidden; position:relative;}
#content1 .div2 .bg span{display:block; width:auto; height:auto; padding:10px; position:absolute; top:0; left:0; background:rgba(12,85,164,0.7); color:#fff;}
#content1 .div2 .bg .img{display:block; width:100%; height:100%; transition:all .5s; -webkit-transition:all .5s;}
#content1 .div2:hover .bg .img{
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);
	transition:all .5s;
	-webkit-transition:all .5s;
}
#content1 .div2 .biaoti{display:block;  width:100%; height:22px; line-height:22px; overflow:hidden; color:#000; font-size:16px; margin-top:5px;}
#content1 .div2:hover .bg span{background:rgba(234,153,49,0.7);}
#content1 .div3 li{width:100%; height:auto; margin-bottom:17px; overflow:hidden;}
#content1 .div3 li a{display:block; float:left; width:calc(100% - 100px); height:24px; overflow:hidden;}
#content1 .div3 li span{display:block; float:right; text-align:left; width:90px; height:auto;}
@media all and (max-width:500px){
	#content1 .div1{width:95%; height:225px; margin:0 auto 15px auto;}
	#content1 .div2{display:none;}
	#content1 .div3{width:95%; margin:0 auto;}
}
@media all and (min-width:500px) and (max-width:950px){
	#content1 .div1{width:80%; height:225px; margin:0 auto 15px auto;}
	#content1 .div2{display:none;}
	#content1 .div3{width:80%; margin:0 auto;}
}
@media all and (min-width:950px){
	#content1 .div1{width:300px; height:225px; float:left; margin-right:2%;}
	#content1 .div2{width:300px; height:auto; float:left;}
	#content1 .div3{width:calc(96% - 600px); float:right;}
}





#content2{width:100%; height:auto; margin-top:20px;}
#content2 h1{font-size:30px; color:#0450a1; font-weight:100; margin-bottom:5px;}
#content2 ul{width:100%; height:auto; overflow:hidden;}
#content2 ul li{height:auto; border:1px solid #ccc; padding:5px;}
#content2 ul li .bg{display:block; width:100%; height:0; padding-bottom:60%; overflow:hidden;}
#content2 ul li .bg .img{width:100%; height:0; padding-bottom:60%; transition:all .5s; -webkit-transition:all .5s;}
#content2 ul li:hover .bg .img{
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);
	transition:all .5s;
	-webkit-transition:all .5s;
}
#content2 ul li .biaoti{display:block; width:100%; height:24px; line-height:24px; text-align:center; margin-top:5px; font-size:17px; color:#0450a1;}
#content2 ul li:hover .biaoti{text-decoration:underline;}
@media all and (max-width:800px){
	#content2 ul li{width:49%; margin-right:2%; float:left; margin-bottom:10px;}
	#content2 ul li:nth-child(2n){margin-right:0;}
}
@media all and (min-width:800px){
	#content2 ul li{width:24.1%; margin-right:1.2%; float:left; margin-bottom:20px;}
	#content2 ul li:nth-child(4n){margin-right:0;}
}




#content3{width:100%; height:auto; margin-top:20px;}
#content3 h1{font-size:30px; color:#0450a1; font-weight:100; margin-bottom:5px;}
#content3 .left li{width:48%; height:0; padding-bottom:28%; float:left; margin-bottom:20px;}
#content3 .left li:nth-of-type(2n+1){margin-right:4%;}
@media all and (max-width:800px){
	#content3 .left{width:100%; height:auto;}
	#content3 .right{width:100%; height:auto;}
}
@media all and (min-width:800px){
	#content3 .left{width:47%; height:auto; float:left;}
	#content3 .right{float:right; width:50%; height:auto;}
}


#content4{width:100%; height:auto; margin-top:20px;}
#content4 h1{font-size:30px; color:#0450a1; font-weight:100; margin-bottom:5px;}
#content4 ol{width:100%; height:auto; overflow:hidden;}
#content4 ol ul{width:10000px; height:auto; overflow:hidden;}
#content4 ol ul li{float:left; width:120px; height:auto; margin-right:50px;}
#content4 ol ul li img{width:100%; height:80px;}
#content4 ol ul li p{width:100%; height:auto; text-align:center; font-size:15px; color:#0450a1;}
#content4 ol ul li:hover p{text-decoration:underline;}













/********分页共用*******/
#fy-bg{width:100%; height:300px;}

#fy-content{width:90%; height:auto; overflow:hidden; margin:30px auto; max-width:1200px;}
#fy-content > #left{height:auto; border:1px solid #eee; padding-bottom:20px;}
#fy-content > #left h1{width:100%; height:60px; line-height:60px; padding-left:20px; font-size:25px; font-weight:100; border-bottom:1px solid #eee; color:#0450a1;}
#fy-content > #left ul{width:100%; height:auto;}
#fy-content > #left ul li{width:100%; height:auto; border-bottom:1px solid #eee;}
#fy-content > #left ul li a{display:block; width:100%; height:40px; line-height:40px; padding-left:20px; color:#333;}
#fy-content > #left ul li:hover a{color:#0450a1;}
#fy-content > #left ol{padding:10px;}
#fy-content > #left ol li{margin-bottom:5px;}
#fy-content > #left ol li a{width:100%; height:24px; line-height:24px; font-size:14px; overflow:hidden; color:#666; display:block;}
#fy-content > #left ol li:hover a{color:#0450a1; text-decoration:underline;}
#fy-content > #left ul p{width:100%; height:auto; font-size:14px; padding:0 10px; margin-top:10px; line-height:25px;}
#fy-content > #right{height:auto; border:1px solid #eee; min-height:300px; padding:0 15px;}
#fy-content > #right > .biaoti{width:100%; height:auto; font-size:25px; text-align:center; margin:30px auto; color:#0450a1; font-weight:100;}
#fy-content > #right > .biaoti span{display:inline-block; background:#fff; padding:0 10px;}
@media all and (max-width:700px){
	#fy-content > #left{width:100%; margin-bottom:20px;}
	#fy-content > #right{width:100%;}
}
@media all and (min-width:700px){
	#fy-content > #left{width:200px; float:left;}
	#fy-content > #right{width:calc(100% - 220px); -webkit-width:calc(100% - 220px); float:right;}
}




/*新闻中心*/
#fy-content > #right #xw{width:100%; height:auto;}
#fy-content > #right #xw li{width:100%; height:auto; margin-bottom:30px; overflow:hidden;}
#fy-content > #right #xw li a{display:block; width:100%; height:auto;}
#fy-content > #right #xw li .left{height:auto; float:left;}
#fy-content > #right #xw li .left .a{display:block; width:100%; height:auto; font-size:40px; color:#0450a1; text-align:center;}
#fy-content > #right #xw li .left .b{display:block; width:100%; height:auto; font-size:16px; color:#0450a1; text-align:center;}
#fy-content > #right #xw li .right{float:right; height:auto;}
#fy-content > #right #xw li .right h5{ font-size:17px; font-weight:100; margin-bottom:10px; letter-spacing:1px; width:100%; height:20px; overflow:hidden;}
#fy-content > #right #xw li .right p{font-size:15px; color:#666; letter-spacing:1px; line-height:22px;}
#fy-content > #right #xw li:hover .left .a{color:#ea9224;}
#fy-content > #right #xw li:hover .right h5{color:#ea9224;}
@media all and (max-width:600px){
#fy-content > #right #xw li .left{width:auto;}
#fy-content > #right #xw li .right{width:calc(100% - 80px); -webkit-width:calc(100% - 70px);}
}
@media all and (min-width:600px){
#fy-content > #right #xw li .left{width:100px;}
#fy-content > #right #xw li .right{width:calc(100% - 110px); -webkit-width:calc(100% - 110px);}
}




/*****其他分页****/
#fy-content > #right #about{width:100%; height:auto; overflow:hidden;}
#fy-content > #right #about img{width:auto; height:auto; max-width:100%;}






/*分页样式*/
.page_turner { padding: 4px 0px 0px 1px; float: right; clear: both; }
.page_turner a, .page_turner span { float: left; display: block; border: 1px solid #D3D1D1; padding: 2px 5px; margin-left: 4px; line-height: 16px; }
.page_turner a:link, .page_turner a:visited { text-decoration: none; }
.page_turner a:hover, .page_turner a.c { background: #CC0001; color: #FFF; }
#total { color: red; }
#gotop { position: fixed; width: 19px; bottom: 35px; height: 63px; cursor: pointer; display: none; background: url(images/gotop.gif) no-repeat; }