@charset "utf-8";
/* CSS Document */
.inList a:link, .inList a:visited { color: #fff; }
.inList a:active, .inList a:hover { color: #fff; }
.inList li { background-color: #696c77; margin:0px 0px 10px; transition: 0.3s; height: 90px; position: relative;}
.inList .year { color: #ebe6df; width: 100px; text-align: center; padding: 19px 0px 0px; height: 71px; line-height: 1.1; float: left; display: block; margin: 0px 56px 0px 0px; border-right: 1px solid #fff; transition: 300ms;}
.inList .year .day { font-size: 35px; font-family: arial; }
.inList .downbtn{ display: block; width: 90px; height: 90px; position: absolute; right: 0px; top: 0px; background:#696c77 url("../images/down1.png") no-repeat scroll center center;}
.inList .c { background: url("../images/pdf_i.png") no-repeat scroll left bottom; padding: 32px 0px 0px 50px; font-size: 14px; width:65%; float: left; height: 25px; overflow: hidden; }
.inList li:hover { background-color: #7d7c7c; }
.inList li:hover .downbtn { background: #80abde url("../images/down2.png") no-repeat scroll center center; }
.inList li:hover .ico { right: 20px; }
	
	/*hr style*/

	
	/*hr style*/
#joinPage .pageTBox,#joinPage .pageTBox .pBT{ color: #fff;}
#joinPage{ background-size: cover;}
.joinlist{ padding-top: 70px; width: 720px; margin: 0px auto; position: relative;}
.joinlist a:link, .joinlist a:visited { color: #fff; }
.joinlist a:active, .joinlist a:hover { color: #80ABDE; }
.joinlist li{ width: 168px; margin: 0px 6px 14px; height: 46px; text-align: center; line-height: 46px; float: left; display: block;}
.joinlist li a{ display: block; background-color: #80ABDE; color: #fff; font-size: 14px;}
.joinlist li a:hover{ background-color: #fff;}


.framC .emailBtn{ background-color: #80ABDE; padding:8px 18px; color: #fff; font-size: 12px;}
.framC .emailBtn a{ color: #fff; }

.framC .emailBtn:hover{ background-color: #174f90;}
.framC.emailBtn span{ background: url(../images/email.png) no-repeat scroll left center; padding-left: 32px;}

.framC a.emailBtn{ background-color: #80ABDE; padding:8px 18px; color: #fff; font-size: 12px;}
.framC a.emailBtn:hover{ background-color: #174f90;}
.framC.emailBtn .ico{ background: url(../images/email.png) no-repeat scroll left center; padding-left: 32px;}
/*hr style end*/

/*index style end*/

html.open, html.open body{ overflow: hidden; width: 100%;}
html.open .frameHtmlact {  overflow-y:auto;}
html.open .frameHtmlact .frame-ct{ transform: translate(0,0); -webkit-transform:translate(0,0);}
html.open .frameHtmlact .frameClose{ transform: translate(0,0); }
.frameHtml{ position:fixed; top:0; left:0; right: 0px; bottom: 0px;  z-index:1006; background:url("../images/black_.png") repeat;overflow:hidden;  -webkit-overflow-scrolling:touch; }
.frame-ct-wrap {overflow: hidden;padding: 0 20px 20px;}
.frame-ct{ position:relative; margin:0px auto 0 80px; background:#fff; z-index:1010; cursor:auto; width: 100%; transform: translate(100%,0); -webkit-transform:translate(100%,0); transition: 400ms;}
.frame-title{ display:block; background-color: #ededed; padding: 5% 0px;}
.frame-title .t1{ color: #5e5e5e; font: 40px/1.5 "microsoft yahei";}
.frame-title .t2{ color: #5d5d5d; font-family:"microsoft yahei"; font-size: 20px;}
.frame-title .time{ padding-top: 10px;}
.frame-title .time .d{color: #bcbbbb; background: url("../images/time.png") no-repeat scroll left center; padding-left:26px;}
.frame-title a:link,.frame-title a:visited{ color: #80abde;}
.frame-title a:active,.frame-title a:hover{ color: #174F90;}
.frame-ct-preview{ padding: 66px 0px; overflow: hidden;}
.framC{ color: #808080; font-size: 14px;}
.framC a:link,.framC a:visited { color: #fff;}
.framC a:active,.framC a:hover { color: #fff;}
.framC img{ max-width: 100%;}
.list-description{ padding: 65px 0px; background-color: #ededed;}
.list-description a:link,.list-description a:visited{ color: #bcbbbb;}
.list-description a:active,.list-description a:hover{ color: #3a3a3a;}
.frameClose{ display: block; width: 80px; height: 80px; position: fixed; left: 0px; top: 50%; margin-top: -35px; z-index: 1008; overflow: hidden; transform: translateX(-80px); transition: 400ms;}
.frameClose span{ display: block; width: 100%; height: 100%; text-align: center;transition: 0.4s;}
.frameClose span.i0{ font: 16px/1.2 "microsoft yahei"; color: #fff; background-color: #80abde; padding-top: 20px; height: 60px; position: absolute; left: 0px; top: 0px;}
.frameClose span.i1{ background:url("../images/fram_close.png") no-repeat scroll center center #174F90; color: #fff; position:absolute; left: 100%; top: 0px; }
.frameClose:hover span.i0{ left: -80px;}
.frameClose:hover span.i1{ left: 0px;}
.inner {
    margin: 0 auto;
    width: 900px;
}

@media screen and (min-width:1601px) {
    .newsList li { width: 18%; }
}

@media screen and (max-width:1600px) {
    .frame-title .t1 { font-size: 36px; }
    .honorCon { padding: 80px 0px; }
}

@media screen and (max-width:1440px) {
    .pbanner .pbtxt { font-size: 100px; }
    .frame-title .t1 { font-size: 30px; }
    .frame-ct-preview { padding: 46px 0px; }
    .list-description { padding: 45px 0px; }
    .mapbox { height: 500px; }
}

@media screen and (max-width:1280px) {
    .nav li { margin-right: 0px; }
    .ibox { width: 70%; left: 15%; }
    .gropLeft { left: 2%; }
    .gropRight { right: 2%; }
}

@media screen and (max-width:1024px) {
   
    .inner { width: 90%; }
   
}

@media screen and (max-width:861px) {
	.frame-ct { margin: 0px auto; }
    .framBlack { width: 100%; }
    .frameClose { top: auto; bottom: 25%; left: auto; right: 2%; margin-top: 0px; width: 50px; height: 50px; z-index: 1012; background-color: #174f90; border-radius: 50%; }
    .frameClose span.i0 { display: none; }
    .frameClose span.i1 { left: 15px; top: 15px; width: 20px; height: 20px; background-size: cover; }
    .frameClose:hover span.i1 { left: 15px; }
   
    .inList .c { width: 50%; }
    
    .joinlist { width: 100%; }
    .joinlist li { width: 31%; margin: 0px 2% 16px 0px; }
    
}

@media screen and (max-width:641px) {
   
   
    .inList li { height: auto; }
    .inList .year { padding: 8px 15px; height: auto; width: auto; margin: 0px 15px 0px 0px; }
    .inList .year .day { font-size: 25px; }
    .inList .c { padding: 16px 0px 0px 30px; font-size: 12px; line-height: 25px; }
    .inList .downbtn { width: 56px; height: 56px; }
   
}

@media screen and (max-width:481px) {
   
    .joinlist li { width: 45%; margin: 0px 2.5% 16px; }
   
}




.pBT {
    color: #174f90;
    font: 30px/1.5 "microsoft yahei";
    padding-bottom: 46px;
}
.fc {
    text-align: center;
}