@charset "utf-8";
/* CSS Document */
body{margin:0px; padding:0px; font-size:16px; font-family:"微软雅黑"; text-align:center; color:#555; line-height:24px;  overflow-x: hidden; background:#fff; }
h1, h2, h3, h4, h5, h6, form, div, p, i, img, ul, li, ol, table, tr, td,th, fieldset, label, legend,button,input { 
margin:0;padding:0; border-collapse:collapse;}
em{font-style:normal;}
li{list-style:none;}
img{border:0px;}

a{color:#555; text-decoration:none;}
a:hover{color:#065bb1; text-decoration:none;}
.font12{font-size:12px;}
.font14{font-size:14px;} 
.font16{font-size:16px;} 
.font18{font-size:18px;} 
.font20{font-size:20px;}
.font30{font-size:30px;}
.w1200{width:1200px; margin:0 auto 0 auto; }
.w900{width:900px;}
.w600{width:660px!important;}
.w100{width:100%;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.red{color:#85000e;}
.lh20{line-height:25px;}
.mb20{margin-bottom:20px;}
.ml20{margin-left: 18px;}
.mr28{margin-right: 28px;}
.mt30{margin-top:30px;}
.w382{width:382px;}
.w390{width:390px;}
.w391{width:363px; background: #fff; padding:14px;}
.br10{border-radius: 10px; box-shadow: 0px 0px 10px #7cb9e8;}
.gray{width:100%; background: #f5f5f5; }
.white{color:white;}
.line_l{border-right:1px solid #c5dff6;}
.bg_white{background: #fff;}
.pt30{padding-top: 30px;}


#content{width:100%; margin:0px auto 0; text-align: center;}
#top {width:100%;height: 626px; font-size: 12px; color: #fff; text-align: center; background: url(../images/banner.jpg) no-repeat center; }
#top .logo{margin: 20px auto; text-align: center;}
#top .logo img{margin-left:0px; margin-top:20px;}
#top .pic{text-align: center; margin-top:85px;margin-left: 56px;}
#body{width:100%; margin:0 auto 0; }
#body .bg01{background: url(../images/bg01.png) no-repeat center; height: 697px;}
#body .bg02{background: url(../images/bg02.png) no-repeat center; height: 646px;}
#body .bg03{background: url(../images/bg03.png) no-repeat top center; height: 823px;}

#body .title{width:386px; height: 77px; background: url(../images/title_bg02.png) no-repeat; font-size: 36px; font-weight: bold; color:#fff; text-align: center; line-height: 68px; margin: 53px auto 20px;}
#body .title a{color:#fff; }

#body .about{background:url(../images/about_bg.png); border-radius: 10px; width: 1133px; height: 453px; float: right;margin: 20px 0 0 0;}
#body .about .pic{background: #62ac8f; border-radius: 20px; padding:14px; float: left; margin:33px 0 0 -68px;}
#body .about .pic img{width:535px; height: 357px;float: left;}
#body .about .info{width:564px; height: 386px;float: left;margin: 48px 0 0 26px; text-align: left;line-height: 30px; font-size: 17px; text-align: justify;}
#body .about .info h1{font-size: 24px; color:#017732; margin-bottom:20px;}

/*pic_list*/
#body .picList li{ width:368px; border-radius: 10px; background:#47a26d; height: 308px;} 
#body .picList .pic{ text-align:center; line-height:0px; margin:15px 0 0 0; } 
#body .picList .pic img{ width:338px; height:225px; border:1px solid #fff; } 
#body .picList .title{ line-height:24px; background: none; font-size: 20px; margin: 20px 0 0 0;} 
#body .picList .title a{color:#fff;   } 
#body .leftLoop{ overflow:hidden; position:relative; padding:38px 0 0 0;  } 
#body .leftLoop .hd{ overflow:hidden;  height:30px; margin: 20px 46%;width: 100px;} 
#body .leftLoop .hd ul{ float:right; overflow:hidden; zoom:1; /*! margin-top:10px; */  } 
#body .leftLoop .hd ul li{ position:relative; _display:inline; float:left;  width:15px; height:15px; overflow:hidden; background:#fff; margin-right:10px; text-indent:-999px; cursor:pointer; 
    -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(PIE.htc);} 
#body .leftLoop .hd ul li.on{ background:#ee5c43;  } 
#body .leftLoop .bd{ padding:0px;   } 
#body .leftLoop .bd ul{ overflow:hidden; zoom:1; } 
#body .leftLoop .bd ul li{ margin:0 46px 0 0; text-align:center; float:left;display:_inline;  } 

/*school_list*/
#body .infoList{width:1052px; margin: 0px 0 0 32px;}
#body .infoList li{line-height:34px; border-right:1px solid #d1e7d8; width:306px;float: left; padding:0 20px;} 
#body .infoList li .pic{ text-align:center; line-height:0px; margin:0; } 
#body .infoList li .pic img{ width:294px; height:192px; border:6px solid #72b592; } 
#body .infoList li .title{ line-height:24px; background: none; font-size: 20px; margin: 13px 0 11px 10px;text-align: left;height: auto;width: auto;} 
#body .infoList li .title a{color:#0a873e;   } 
#body .infoList li .info{margin: 13px 0 11px 10px; font-size: 17px; height: auto;}
#body .slideTxtBox{ width:1196px; text-align:left; margin: 34px 0 0 0; float: left;  } 
#body .slideTxtBox .hd{width:114px; line-height:54px; padding:0; position:relative; font-size: 20px; text-align: center; } 
#body .slideTxtBox .hd ul{ float:left; position:absolute; } 
#body .slideTxtBox .hd ul li{ float:left; width:114px; text-align: center; height: 54px; margin: 0 0 16px 0; border-radius: 10px; background: #ddedde;  } 
#body .slideTxtBox .hd ul li.on{ background:#178846; cursor:pointer;} 
#body .slideTxtBox .hd ul li.on a {color: #fff; } 
#body .slideTxtBox .bd{ /*! padding:0; */ float: right;  width: 1052px;} 
#body .slideTxtBox .bd ul{ padding:0; width:1052px;} 
#body .slideTxtBox .tempWrap{margin: 0 0 0 170px;}

#body .more{margin:20px 0 0 0; color:#fff; font-size: 17px; text-align: center; line-height: 43px; width:140px; height: 43px; background:#ee5c43; border-radius: 10px; float: right;}

.mobile{display:none; }
.web{display: block;}

/*footer*/
.footer{text-align: left; line-height: 24px; background:url(../images/footer_bg.jpg) top center; float: left; height: 191px; font-size:15px; color:#fff; width:100%; padding:35px 0 0 0; margin-top: 20px;}
.footer p{
	width:1200px;
	margin:0 auto;
	text-align:center;
}
.footer p.copyright{
	line-height:25px;
}
.footer p em{
	padding:0 5px;
}
.footer a{color:#fff;}
.footer_bot{
	width:1200px;
	margin:0 auto;
	position:relative;
}
.footer_bot a.dzjg_ico{
	position:absolute;
	left:177px;
	top:14px;
}
.footer_bot a.jcjcjcjc{
	position:absolute;
	right:130px;
	top:25px;
}
.mobile_footer{display: none}