@charset "utf-8";
/* CSS Document */
body{background:url(../images/bg.gif); margin:0px; padding:0px; font-size:14px; font-family:"寰蒋闆呴粦"; text-align:center; color:#555; line-height:24px;  overflow-x: hidden; }
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:red; text-decoration:none;}
.font12{font-size:12px;}
.font14{font-size:14px;} 
.font16{font-size:16px;} 
.font20{font-size:20px;}
.font30{font-size:30px;}
.w1200{width:1200px; margin:0 auto 0 auto; }
.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;}
.gray{width:100%; background: #f5f5f5; }
.white{color:white;}
.line_l{border-right:1px solid #c5dff6;}
.bg_white{background: #fff;}
.logo{
  padding: 0;
  text-align: center;position: absolute;
  top: 20px;
  width: 100%;
  margin: 0 auto;
}
.logo img{margin: 0 0 0 520px;}

@media screen and (max-width: 800px){
.logo{margin: 0;width: 100%;}
.logo img{margin:0 0 0 120px;width:150px;}
body{font-size:12px;}
.w1200{width:100%}
#top {width:100%; height:150px; font-size: 12px; color: #fff;  background: url(../images/banner.gif) no-repeat 63%; background-size: 223%; }
.nav{width:100%; height: 48px; background: #0c68b8;float: left;}
.nav li{font-size: 16px; padding:11px 23px 7px 10px; float: left;height: 25px;}
.nav li a{color: #fff; padding-left: 28px; line-height: 23px;height: 25px; float: left;}
.nav li .icon01{background: url(../images/nav_01.png) no-repeat; height: 25px; background-size: 25px 25px; }
.nav li .icon02{background: url(../images/nav_02.png) no-repeat; height: 25px; background-size: 25px 25px; }
.nav li .icon03{background: url(../images/nav_03.png) no-repeat; height: 23px; background-size: 23px 23px;}
#body .news{width:95%; text-align: left; background: #fff; padding:20px 2.5%;}
#body .news .title{margin-bottom: 12px;width: 95%;}
#body .news .title img{width:150px;}
#body .news li a{font-size: 14px; border-bottom:1px solid #f0f0f0; background:url(../images/icon.gif) no-repeat -1px 5px;padding: 7px 3% 7px 26px; float: left;width: 90%;}
#body .news li a:hover{background: #67c4ed url(../images/icon.gif) no-repeat -1px 5px; color:#fff;}
#body .news li a .date{font-size: 12px;padding:0 0 0 10px;}
#body .news01{width:95%; text-align: left; background: #fff; padding:20px 2.5%;}
#body .news01 .title{margin-bottom: 12px;width: 95%;}
#body .news01 .title img{width:150px;}
#body .news01 li a{font-size: 14px; background:#6fb8dd url(../images/icon01.gif) no-repeat;background-size:40px 63px;padding: 7px 10px 7px 52px; float: left; color: #fff;margin: 0px auto 7px;height: 48px;width: 84%;}
#body .news01 li a .date{font-size: 12px;padding:0 0 0 10px;}
#body .more{margin:13px 0 0 20px; float: right;}
#body .title .more img{width:45px;}
#body .ad{margin:0;}
#body .ad img{width:100%;}
#body .news_list{width:96%; text-align: left; background: #fff; padding:20px 2%;}
#body .news_list .title{margin-bottom: 6px;}
#body .news_list .title img{width:150px;}
#body .news_list li a{border-bottom:1px solid #f0f0f0;font-size: 14px; width:90%; background:url(../images/icon.gif) no-repeat 0px 5px;padding: 7px 0px 7px 28px; float: left;}
#body .news_list li a:hover{background: #67c4ed url(../images/icon.gif) no-repeat 14px 12px; color:#fff;}
#body .news_list li a .date{font-size: 12px; color:#0c68b8;}

#body .page{display: none;}
#body .page01{width:198px; float: right;margin-bottom: 24px;}
#body .page01 li a{margin:3px; background: #6db5db; color:#fff; float: left; padding:3px 20px;font-size: 15px;}
#body .info {margin:20px 0; text-align: left; width:100%;}
#body .info h2{text-align: left; font-size: 20px; height: 68px; color:#0c68b8; font-weight:bold; width:95%; line-height: 30px;}
#body .info  .file_info{border-bottom: 1px solid #eaeaea; font-size: 14px; color:#7a7a7a; text-align: left;width: 95%;line-height: 25px;}
#body .info  .info{margin:20px 0 49px 0; text-align: center;font-size: 14px;width: 96%;}
#body .info  .info p{text-align: left;}
#body .share{display: none;}

.footer{ color:#fff; width:100%; background: #67c4ed;}
.footer a:link,.footer a:visited{color:#fff}
}
@media screen and (min-width: 801px){
#content{width:100%; margin:0px auto 0; text-align: center;}
#top {width:100%;height: 364px; font-size: 12px; color: #fff; background: url(../images/banner.gif) no-repeat center;}
.nav{width:100%; height: 67px; background: #0c68b8;float: left;}
.nav li{font-size: 18px; padding:19px 40px 14px 30px; float: left;height: 33px;}
.nav li a{color: #fff; padding-left: 40px; line-height: 30px;height: 33px; float: left;}
.nav li .icon01{background: url(../images/nav_01.png) no-repeat; height: 33px; }
.nav li .icon02{background: url(../images/nav_02.png) no-repeat; height: 33px; }
.nav li .icon03{background: url(../images/nav_03.png) no-repeat; height: 33px; }
#body{width:100%; margin:20px auto 0; float: left;}
#body .news{width:560px; height: 487px; text-align: left; background: #fff; padding:20px;}
#body .news .title{margin-bottom: 30px;width: 95%;}
#body .news li a{font-size: 18px; background:url(../images/icon.gif) no-repeat 14px 12px;padding: 15px 30px 15px 43px; float: left;}
#body .news li a:hover{background: #67c4ed url(../images/icon.gif) no-repeat 14px 12px; color:#fff;}
#body .news li a .date{font-size: 12px;}
#body .news01{width:560px; height: 487px; text-align: left; background: #fff; padding:20px;}
#body .news01 .title{margin-bottom: 30px;width: 99%;}
#body .news01 li a{font-size: 18px; background:#6fb8dd url(../images/icon01.gif) no-repeat;padding: 19px 30px 15px 73px; float: left; color: #fff;margin: 0 auto 16px;height: 54px;width: 453px;}
#body .news01 li a .date{font-size: 12px;}
#body .more{margin:24px 0 0 20px; float: right;}
#body .news_list{width:1160px; text-align: left; background: #fff; padding:20px;}
#body .news_list .title{margin-bottom: 30px;}
#body .news_list li a{font-size: 18px; width:1160px; background:url(../images/icon.gif) no-repeat 14px 12px;padding: 15px 30px 15px 43px; float: left;}
#body .news_list li a:hover{background: #67c4ed url(../images/icon.gif) no-repeat 14px 12px; color:#fff;}
#body .news_list li a .date{font-size: 12px; float: right;}
#body .page01{display: none;}

#body .info h2{text-align: center; font-size: 36px; line-height: 50px; color:#3fa0d2; font-weight: 500;}

#body .info  .file_info{border-bottom: 1px solid #eaeaea; padding:20px; font-weight: 14px; color:#7a7a7a; text-align: center;}
#body .info  .info{margin:70px 40px 50px 40px; text-align: center;}
#body .info  .info p{text-align: left;}



}



/*info.shtml*/
#body .info {margin:20px 12px; text-align: left;}
#body .info h1{text-align: center; font-size: 24px; height: 75px;}
#body .info div{line-height: 25px; font-size: 16px; color:#555;}
#body .info p{margin-bottom: 10px;}

#body .info  .button_orange{ text-decoration: none; width:100px; color:#fff; text-align: center; margin:10px; background: #67c4ed; line-height: 32px;}
#body .info  .button_orange:hover{background: #ccc;
transition:background 0.5s;
-moz-transition:background 0.5s; /* Firefox 4 */
-webkit-transition:background 0.5s; /* Safari and Chrome */
-o-transition:background 0.5s; /* Opera */}
#body .info  .share{border-top: 1px solid #eaeaea; padding:20px; font-weight: 14px; color:#7a7a7a; width:1051px; margin:30px 0;}
#body .info  .share a{font-size:14px; color:#666666; height: 27px; float: right;}
#body .info  .share p{font-size:14px; color:#666;}
#body .icon_print,#body .icon_close,.position,#body .page li a,#body .page li a:hover,#body .page li .selected,#body .page li .back,#body .page li .back:hover,#body .page li .next,#body .page li .next:hover,#body .page li .haveback,#body .page li .haveback:hover,#body .page li .havenext,#body .page li .havenext:hover{background: url(../images/style.png) no-repeat; }
#body .icon_totop{background-position: 0px -632px; padding-left: 35px; margin:0 10px;}
#body .icon_print{background-position: 0px -670px; padding-left: 35px; margin:0 10px;}
#body .icon_close{background-position: 0px -708px; padding-left: 35px; margin:0 10px;}
.position{width:1147px;background-color:#daeaf4; background-position: 20px -254px; font-size: 16px; color: #575757; padding:15px 0 0 53px; text-align: left; height: 39px; margin:20px auto;}
.position a{color:#60a5e3;}

/*list.shtml*/
#body .list{width:1127px; margin-left: 39px; text-align: left;}
#body .title01 h1{background-position: 0px -284px; font-weight: 500; color:#757575; font-weight: normal; font-size: 24px; text-align: center; line-height: 72px; padding: 0 10px 0 67px; margin-left:30px; }
#body .list .title1{background: #fff6ed; width:100%; height: 48px; text-align: left}
#body .list .title1 h2{border-bottom: 3px solid #ff6825; color:#ff6825; font-size: 19px; font-weight: normal; margin-left:17px; height: 45px; width:100px; text-align: center;line-height: 45px;}
#body .list ul{margin-top: 10px;}
#body .list ul li{border-bottom: 1px dashed #c1c1c1; padding:12px 0 14px 0px; line-height: 40px; float: left; width:1121px;}
#body .list ul li .date{float: left; color:#fff; background:#6eace5; line-height: 40px; padding:10px;  margin: 15px;}
#body .list ul li a{color:#5f5f5f;font-size: 18px;}
#body .list ul li a:hover{color:#ff6825}
#body .list ul li p{line-height: 20px; color:#aaa; width:985px;}
#body .page{margin:40px; float: right; width:816px;}
#body .page li{float: left; line-height: 30px;}
#body .page li a{text-decoration: none; width:34px; height: 30px; color:#4c4c4c; line-height: 30px; background-position:0px -471px; float: left;  margin: 0 5px 0 0;}
#body .page li a:hover{text-decoration: none; width:34px; height: 30px; color:#4c4c4c; line-height: 30px; background-position:0px -509px; float: left;  margin: 0 5px 0 0; color:#fff;}
#body .page li .selected{text-decoration: none; width:34px; height: 30px; color:#4c4c4c; line-height: 30px; background-position:0px -509px; float: left;  margin: 0 5px 0 0; color:#fff;}
#body .page li .back{width:34px; height: 30px; background-position:0px -549px;}
#body .page li .back:hover{width:34px; height: 30px; background-position:0px -549px;}
#body .page li .next{width:34px; height: 30px; background-position:0px -589px;}
#body .page li .next:hover{width:34px; height: 30px; background-position:0px -589px;}
#body .page li .haveback{width:34px; height: 30px; background-position:-41px -589px;}
#body .page li .haveback:hover{width:34px; height: 30px; background-position:-41px -589px;}
#body .page li .havenext{width:34px; height: 30px; background-position:-41px -549px;}
#body .page li .havenext:hover{width:34px; height: 30px; background-position:-41px -549px;}
#body .page li input{width:20px; height: 30px; line-height: 30px; border:1px solid #eee; margin:0 10px; padding:0 10px;}


/*piclist*/
#body .piclist{width:1130px; margin-left: 39px; text-align: left; margin-bottom:100px;}
#body .piclist ul li{width:244px; height: 62px; background: #fff; border:1px solid #b5cfe7; margin:10px 17px; float: left; font-size: 16px; line-height:62px; text-align: center;} 
#body .piclist ul li:hover{background: #8ebfe4; font-size: 20px;
-moz-transition:background 0.5s; /* Firefox 4 */ transition:background 0.5s;
-webkit-transition:background 0.5s; /* Safari and Chrome */
-o-transition:background 0.5s; /* Opera */}
#body .piclist ul li a{width:244px; height: 62px; float: left;}
#body .piclist ul li a:hover{color:#fff;}


/*enrolllist*/
#body .column{width:400px; margin-top: 10px;}
#body .column li a{color:#fff; float: left; width:170px; margin:10px; border-radius: 20px; height: 40px; background: #8ebfe4; line-height: 40px; font-size: 17px;}
#body .column li a:hover{color:#575757; background: #eee;-moz-transition:background 0.5s; /* Firefox 4 */ transition:background 0.5s;
-webkit-transition:background 0.5s; /* Safari and Chrome */
-o-transition:background 0.5s; /* Opera */}

/*projectlist*/
#body .projectlist{width:1130px; margin-left: 39px; text-align: left; margin-bottom:10px;}
#body .projectlist ul li{width:195px; height: 343px; overflow: hidden; background: #fff; border:1px solid #b5cfe7; text-align: center;  margin:10px 12px; float: left; font-size: 17px; color:#4087c4; line-height:30px; } 
#body ul li img{transition: 0.5s;}
#body ul li:hover img{transform: scale(1.1);}

/*search*/
#body .search_nei{width:1129px; float: left; background: #b1d8f7; height: 49px;padding: 0 0 0 43px;margin: 0 0 0 15px;}