@charset "utf-8";
/* CSS Document */
 body.no { background: none; }
.wrap_header{ padding-bottom: 10px; }
.wrap_header1 { background: url(../../images/zysjl10images/headerbg.jpg) no-repeat center; padding-bottom: 0px; }
.subPage{position:relative;overflow: hidden;}
.sub_top{width:100%;  margin-top: 20px; overflow:hidden;}

.sub_title02{ background:#fafafa; padding:6% 0;}
.sub_title02 h3 i{ color:#990000; font-size:26px; display:block; padding-bottom:20px;}
.sub_title02 span i{ font-family:'Georgia'; font-size:22px; color:#66887e;}
.sub_title02 .list_info{ background:#fafafa;}
.sub_title{ overflow:hidden;font-size:22px;color:#333;padding:10px 20px; position: relative;font-weight: bold;}

.bread{width:auto;line-height: 28px; font-size:14px; margin: 25px 0 10px 0;float: right;}
.bread span{display: block; font-weight:normal;color:#757575; text-align: right;}
.bread span a{color:#757575;font-size: 13px;}
.bread a:hover{color:#333;}
.sub_t01 h2:hover{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;-ms-opacity:0.8;opacity:0.8; transition: all 1s ease 0s; }
.sub_mbtn.open{ background: url(../../images/zysjl10images/open.png) no-repeat right 20px center; background-color:#ddd;}

.sub_t01 h2:hover{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;-ms-opacity:0.8;opacity:0.8; transition: all 1s ease 0s; }
.sub_mbtn{width:100%;height:40px;background:url(../../images/zysjl10images/sub-mbtn02.png) no-repeat right 20px center;background-color:#e4e4e4;cursor:pointer;display:none;}
.sub_mbtn span{ font-size: 1.6em; font-weight: bold; display:inline-block; line-height: 40px; padding-left: 20px;}
 
.sub_navm{ width:100%; overflow: hidden;display: none;}
.sub_navm h2{width:100%;height:48px;line-height:48px;background-color:#003c7f;}
.sub_navm h2 a{padding-left:13px;font-size:20px;font-family:Tahoma;display:block;color:#fff;}
.sub_navm ul{ background:#eee; }
.sub_navm li{position:relative;}
.sub_navm li a{ font-size: 13px; color:#282828; padding-left:20px;height:40px;line-height:40px;border-bottom:1px solid #ddd;display:block;}
.sub_navm li a:hover{color:#a80707;}
.sub_navm li.sub_has span{ margin-left: 10px;}
.sub_navm li.on a{ color:#a80707; display:block; width:100%;}
.sub_navm dl{ display: none; background-color:#fff; padding:0px 0px 5px;}
.sub_navm dl dd{ padding-left: 30px;  height:40px;line-height:40px;border-bottom:1px dotted #ccc;}
.sub_navm li.on dl dd a{ font-size: 13px; color:#282828;font-weight:normal;display:inline; border:none; padding:0px;height:30px;line-height:30px;}
.sub_navm li dl dd a{ font-size: 14px; color:#282828; font-weight:normal; display:inline;  border:none; padding:0px;}
.sub_navm li dl dd a:hover{ color:#f1a230}
.sub_navm li strong.phone_arrow{width:20px;height:20px;line-height:20px;text-align:center;display:block;position:absolute;right:15px;top:15px;z-index:99; text-indent: 99em;
	background: url(../../images/zysjl10images/arrow.png) no-repeat;cursor:pointer;}

.sbu_leftWrap{width:250px;float:left; }


.subPage_con{ max-width: 1200px; margin: 0 auto; min-height:470px;}



.sub_left li{ position: relative; }
.sub_left li strong.arrow{display:block;height:20px;line-height:20px;width:20px;text-align:center; background: url(../../images/zysjl10images/arrow.png) no-repeat; position:absolute;right:18px;top:18px;
   text-indent: 99em; z-index:33;cursor:pointer;transition:all 0.3s ease-in-out}
.sub_left li.on strong.arrow{background: url(../../images/zysjl10images/arrow02.png) no-repeat;}
.twoJ_menu{/*! background-color:#ece7db; */ display:none;}
.sub_left .twoJ_menu dd a{ display:block;font-size:14px !important;/*! border-bottom:1px solid #c8c8c8; */color:#666666;}

/*左侧边栏*/
.sub_left{width:190px; float:left; overflow: hidden;}
.sub_left .sub_nav{ overflow:hidden; }
.sub_left .sub_nav li a{ padding: 13px 20px; line-height: 22px; color: #999;display:block;font-size:17px; margin-left: 22px;  position: relative;}
.sub_left .sub_nav li:hover,.sub_left li.active{ transition: all 0.2s ease;border-bottom: #a80707 3px solid;}
.sub_left .sub_nav li:hover a,.sub_left li.active a{  color: #a80707;}
.sub_left .sub_nav li > a:before{ content: ''; display: block; width: 6px; height: 6px; background: #8f9ec2; position: absolute; left: 0; top:22px;border-radius: 50%;}
.sub_left .sub_nav li:hover > a:before,.sub_left li.active > a:before{ background:#a80707;  }

/*右侧*/
.sub_right{margin:0 0 0px 230px;}
.marginBot{margin-bottom:40px;}
.pageArticle{ }
.articleTitle{width:auto;overflow:hidden;}
.articleTitle h3{width:auto;overflow:hidden;font-size:2.0em; padding:30px 0 10px 0;width:auto;color:#333; float:left;}
.article{width:auto;overflow:hidden;}



.article .introAbout{margin: 30px 0; min-height: 600px; overflow: hidden;}
.article .introAbout p{ font-size: 1.5em; color: #666; line-height: 28px; display: block; padding-bottom: 30px; text-indent: 2em; }

.article .artWhite{  background: #fff; padding: 30px; overflow: hidden; border: #eee 1px solid;}


.classification{ margin: 0 0 10px 0; overflow: hidden; }
.classification h3{ font-size: 1.8em; margin-bottom: 8px; }


/*列表页*/
.list01{ overflow:hidden;padding: 0 5px;}
.list01 li{ padding:13px 20px; margin: 10px 0; overflow:hidden; position: relative;background: #fff;box-shadow: 0 0 5px 0 #ddd;}
.list01 li:nth-child(odd){  }
.list01 li a{display:block;width:83%;line-height:25px; color:#282828;float:left; font-size:16px;  transition: all 0.3s ease;}
.list01 li a:hover{color:#a80707;padding-left: 7px;}
.list01 li .rightDate{float:right; font-size:13px; color: #999; font-family: "Arial"; padding: 3px 0;}
 
/*图片页*/

.picList{ }
.picList ul { margin:-10px -34px; overflow:hidden; }
.picList ul li{ float: left; width:33.3%; margin: 12px 0;}
.picList ul li a{ display:block; margin:10px 34px;}
.picList ul li a img{ -webkit-transition: all 0.3 ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; width: 100%;}
.picList ul li a:hover img
{ opacity: 1;-moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}


.picList ul li a .imgResponsive{ display:block;  overflow: visible; height: auto; padding-bottom: 0; position: relative; }
.picList ul li a .imgResponsive strong{  position: relative;z-index: 1; display: block;height: 0; padding-bottom: 56%;left: 15px;bottom: 15px; overflow: hidden;}
.picList ul li a .imgResponsive:before{ content: ''; display: block; width: 100%; height: 100%; background: #a80707; position: absolute; left: 0; top: 0; z-index: 0;}
.picList ul li a .picText{ font-size: 16px; display: block; height: 40px; line-height:40px; text-align: center; color: #666; overflow: hidden; }



/*文章页*/
.noMargin{ margin-top: 0; }
.articleTitle02{ /*! padding:0 0 34px 0; */ overflow: hidden; }
.articleTitle02 h2{ font-size: 21px; text-align: center; line-height: 25px; color: #333;font-weight: normal;} 
.articleAuthor{text-align:center; padding:16px 0; line-height: 25px; font-size: 14px; color: #999; border-bottom: #eee 1px solid; overflow: hidden;  }
.articleAuthor span{ font-size: 13px; color: #999; padding: 0 20px; }
.article02{ min-height: 600px; margin: 30px 0; overflow: hidden; }
.article02 p{ line-height: 28px; font-size: 15px; color: #666;}
.article02 i{ font-style: italic; }
.article02 strong{ font-weight: bold; }


/*分类页*/
.listCategory{ margin-bottom: 35px; overflow: hidden; }
.listTitle{ background: #f2f2f2; height: 45px; line-height: 45px; padding: 0 14px; overflow: hidden; }
.listTitle span{ font-size: 1.6em; font-weight: bold; float: left; color: #666; }
.listTitle a{ float: right; font-size: 1.3em; color: #666;}
.listTitle a:hover{ color: #a13e09; }
.list02{width:100%;overflow:hidden;}
.list02 li{padding:14px 0 14px 17px; background: url(../../images/zysjl10images/li.png) no-repeat 0 18px; padding-left: 28px; border-bottom: #e5e5e5 1px solid;  overflow:hidden;}
.list02 li a{display:block;line-height:25px; color:#666;font-size:14px;  }
.list02 li a:hover{color:#005c2c;}

/*校庆动态*/
.NewsList{overflow: hidden;margin-top: -15px;}
.NewsList ul li{text-align: center; margin:15px 0; } 
.NewsList ul li > a{ display:block;overflow: hidden; border: #eeeeee 1px solid;background: #fff;padding: 25px 29px; transition: all 0.3s ease;}
.NewsList ul li > a:hover{ padding-left: 33px; }
.NewsList ul li .newsImg{ display:block; width: 230px; height: 129px; float: left; overflow: hidden; }
.NewsList ul li .newsImg img{ -webkit-transition: all 0.3 ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; width: 100%;  }
.NewsList ul li a:hover .newsImg img
{ opacity: 1;-moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}

.NewsList ul li .newsText{ display: block; margin-left: 252px;  background: #fff; text-align: left;
 position: relative; z-index: 1;}
.NewsList ul li .newsText h3{ height: 22px; line-height: 22px; font-size: 16px; font-weight: normal; overflow: hidden;}
.NewsList ul li .newsText p{ font-size: 14px; line-height: 24px; color: #777777;display: block; margin: 12px 0 28px 0; height: 48px; overflow: hidden;}
.NewsList ul li .newsText strong{ font-size: 13px; color: #999; }
.NewsList ul li a:hover .newsText p{ color: #333; }
.NewsList ul li.NoImg .newsText{ margin-left: 0; }





/*记忆上商*/
.RememberList{overflow: hidden;position: relative;}
.RememberList .R-line{ width: 4px; height: 100%; background: #eecdcd; position: absolute;left: 515px;top: 0;}
.RememberList ul { margin: -40px 0 0 0; overflow: hidden;}
.RememberList ul li{text-align: center; margin:40px 0; }
.RememberList ul li > a{ display:block;overflow: hidden; transition: all 0.3s ease;}
.RememberList ul li .newsImg{ display:block; width: 380px; height: 214px; float: left; overflow: hidden; }
.RememberList ul li .newsImg img{ -webkit-transition: all 0.3 ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; width: 100%;  }
.RememberList ul li a:hover .newsImg img
{ opacity: 1;-moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}

.RememberList ul li .newsText{ display: block; margin-left: 410px; text-align: left; position: relative; z-index: 1;overflow: hidden;}
.RememberList ul li .newsText .years{ display: block; width: 215px; height: 99px; background: #a80707; font-size: 18px; color: #fff; font-weight: bold;
text-align: center; line-height: 99px; float: left; }
.RememberList ul li .newsText .newsCon{ margin-left: 244px; overflow: hidden;}


.RememberList ul li .newsText h3{ height: 22px; line-height: 22px; font-size: 16px;  overflow: hidden; position: relative;padding-left: 26px;}
.RememberList ul li .newsText h3:before{ content: ''; display: block; width: 15px; height: 2px; background: #a80707; position: absolute; left: 0; top: 10px; }

.RememberList ul li .newsText p{ font-size: 14px; line-height: 24px; color: #777777;display: block; margin: 8px 0 0 0; height: auto; overflow: hidden;}
.RememberList ul li .newsText strong{ font-size: 13px; color: #999; }
.RememberList ul li a:hover .newsText p{ color: #333; }
.RememberList ul li.NoImg .newsText{ margin-left: 0; }



/*我要祝福*/
.zf{ max-width: 883px; margin: 0 auto 50px auto; padding: 25px 60px 0 60px; background: url(../../images/zysjl10images/zfBg.png) no-repeat; overflow:hidden;}
.zf-lf{width: 42%;float: left; overflow:hidden;margin: 40px auto;}
.zf-lf span{ display: block; overflow:hidden;}
.zf-lf .zf-logo{ display: block; max-width: 129px; }
.zf-lf .zf-birth{ display: block; max-width: 335px; margin: 90px 0 0 0; }

.zf-rt{ width: 49.7%; float: right; margin: 30px auto auto auto;border-left: #e4e7ed 1px solid;}
.zf-list{ margin-left: 45px; overflow:hidden; }
.zf-list ul li{ border-bottom: #e4e7ed 1px solid; overflow: hidden; padding: 17px 0 10px 30px;}
.zf-list ul li:last-child{ border-bottom: none; }
.zf-list ul li .name{ font-size: 16px; display:inline-block;line-height: 22px;height: 22px;margin-right: 5px;}
.zf-list ul li .text { display: inline-block; height: 22px; line-height: 22px;width: 77%;}
.zf-list ul li .text input{ background: none; height: 20px;line-height: 20px; border: none; color: #757575; font-size: 15px;width: 100%;}
.zf-list ul li .text2{width: 100%; display: block;}
.zf-list ul li .text2 textarea{ background: none; border: #e4e7ed 1px solid;width: 88%; display: block;margin: 10px 0; padding: 5%; height: 130px; border-radius: 15px;
color: #666; font-family: "微软雅黑"; overflow: hidden;
line-height: 25px;
}

.zf .bnt{ width: 140px; height: 50px; background: #24428a; border-radius: 15px;border: #fafafa 8px solid;margin: 0 auto;}
.zf .bnt input{ display: block; width: 140px; height: 50px; background: #24428a; border:none; font-size: 16px; color: #fff;  cursor: pointer; border-radius: 15px;}







/*分页*/
.pages{ text-align:center; height:30px; line-height:30px; margin:20px auto 40px auto; border-radius: 3px; overflow: hidden;  clear: both;}
.pages img{vertical-align: middle;}
.pages span{ color:#990000; padding:0 20px 0 0px;}
.pages a.start,.pages a.prev,.pages a.next,.pages a.end{ width: auto; padding:0 6px;}
.pages a{ display: inline-block; *display:inline; *zoom:1; *vertical-align: middle;width:30px; height: 28px;line-height: 28px; font-size:14px;
margin: 0 5px;
border: #ddd 1px solid;
}
.pages a img{*display:block; *margin-top: 8px;}
.pages a.on_pages,.pages a:hover{ background: #a80707;color:#fff;}

.pages_min{ margin: 25px 0; overflow: hidden; display: none;font-size:14px; clear: both;}
.pages_min a.prev_min,.pages_min a.next_min{ display: block; width:100px; height: 30px; font-size: 13px; float:left; background: #f0e3e3; border-radius: 3px; color:#666666; line-height: 30px; text-align: center;}
.pages_min a.next_min{ float:right;}
.pages_min a:hover{ background:#a80707; color:#fff; transition:0.3s;}


.Annex-share{ margin: 20px 0; overflow: hidden; }
.Annex{ }
.Annex .listTitle01{font-size:16px;color:#333; height: 40px;line-height: 40px;}
.Annex ul{ margin-top:5px;}
.Annex ul li{position: relative;padding:12px 20px; border:#eee 1px solid; background: #fff; overflow:hidden;}
.Annex ul li a{ font-size:14px; padding-left: 15px; position: relative; line-height: 24px;}
.Annex ul li a:before{ content: ""; display: block; width: 6px; height: 6px; background: #91a0c4; border-radius: 50%; position: absolute; left: 0; top: 8px;}


.article-share{ overflow: hidden; width: 30%; float: right; margin: 10px 0; }
.article-share p{font-size: 16px;float: left;line-height: 45px;}
.article-share .bdsharebuttonbox{margin-left: 60px;}
.article-share .bdsharebuttonbox a{ display: block; width: 32px !important; height: 32px !important; margin:10px !important; }
.article-share .bdsharebuttonbox .bds_weixin{ background: url(../../images/zysjl10images/wx.png) no-repeat; }
.article-share .bdsharebuttonbox .bds_tsina{ background: url(../../images/zysjl10images/sn.png) no-repeat; }
.article-share .bdsharebuttonbox .popup_qzone{ background: url(../../images/zysjl10images/qq.png) no-repeat; }
.article-share .bdsharebuttonbox .bds_more{ background: url(../../images/zysjl10images/more.png) no-repeat; }

.classTitle a{float: right;color:#888;font-size: 14px;}



@media screen  and (max-width:1440px) {

  .subPage_con{ max-width: 1000px; padding-left: 15px; padding-right: 15px; }
  .article-share{ width: 37%; }
}
	

	


@media screen  and (max-width:1024px) {
      .dates{ margin: 0; }
      .wrap_header{ padding-bottom: 15px; }
      .sub_mbtn{display:block;}
      .sub_left{display:none;}
      .sub_right{width:100%;margin-left:0;}
      .bread{ margin: 15px 0 10px 0; } 
      .pages{ display: none; }
      .pages_min{display:block;}
      .subPage_con{ margin: 0; }
     .article .introAbout{ margin: 0 ; } 
      .article.shadow{ box-shadow: none; padding:10px 0; }
      .picList ul{ margin: 0 0 0 -15px; } 
      .picList ul li a{ margin: 10px 20px; }

      .RememberList ul li .newsImg{ width: 200px; height: 113px; }
      .RememberList ul li .newsText{ margin-left: 223px; } 
      .RememberList ul li .newsText .years{ width: auto; height: auto;line-height: 22px; padding: 15px; }
      .RememberList ul li .newsText .newsCon{ margin-left: 190px; }
      .RememberList .R-line{ left: 303px; }
      .zf{ background: none;padding: 20px; } 
   .zf-lf{ width: auto;float: none; margin: 0 auto;}
   .zf-rt{ width: auto; float: none; border-left: none; margin: 0 auto;}
   .zf-lf .zf-logo{ margin: 0 auto; }
   .zf-lf .zf-birth{ margin: 20px auto; }
   .zf-list{ margin-left: 0; }
   .zf-list ul li{ padding: 17px 0 10px 0; }
}


@media screen  and (max-width:768px) {
   .article02 img{width:auto !important;height:auto !important;}
   .article02 video{width:auto !important;}
   .article02 table{width:100% !important; }

   .Annex,.article-share{ width: 100%; float: none; }
   .articleTitle h3{ font-size: 1.8em; }
   .articleTitle h3{ padding:20px 0 10px 0; }
   
}




@media screen and (max-width:640px) {
      .picList ul li{ width: 50%; }
      .picList ul li a .picText,.list01 li .rightDate,.list01 li a,.NewsList ul li .newsText h3,.article .introAbout p,.article02 p,.article-share p{ font-size: 14px; }
      .NewsList ul li .newsText p,.articleAuthor span{ font-size: 12px; }
      .articleTitle02 h2{ font-size: 16px; }
      .articleAuthor{ padding: 10px 0; }
      .article02{ margin: 20px 0; }
       
       .NewsList ul li > a{ padding: 15px; }
       .NewsList ul li > a:hover{ padding-left: 15px; }
       .NewsList ul li .newsImg{ width: 100%; height: auto; float: none; }
       .NewsList ul li .newsText{ margin: 10px 0 0 0; }
       .NewsList ul li .newsText h3{ height: auto; }
       .NewsList ul li .newsText p{ height: auto; margin: 12px 0; }
       .RememberList .R-line{ display: none; }
       .RememberList ul li{ margin: 15px 0; }
       .RememberList ul li .newsText .years{ font-size: 14px; float: none; padding: 8px;}
       .RememberList ul li .newsImg{ float: none; width: auto; height: 0;padding-bottom: 54%; }
       .RememberList ul li .newsText{ margin: 10px 0; }
       .RememberList ul li .newsText .newsCon{ margin: 10px 0; }
       .RememberList ul li .newsText h3{ font-size: 14px; }
       .RememberList ul li .newsText p{ font-size: 13px; }
       .zf-list ul li .name{ font-size: 15px; }
}


@media screen and (max-width:480px) {
      .list01 li a{ width: auto; } 

     .picList ul li{ width: 100%; margin: 0;}
     .picList ul li a .picText{ height: auto; line-height: 25px; padding:10px 20px; } 
     .bread{ float: none; }
     .articleTitle h3{ padding: 0; display: block;float: none; }

}



@media screen  and (max-width:414px) {
    .zf-list ul li .text{ width: auto; }


}