.nybanner{width:100%;}
.nybanner img{max-width:100%}


.bread_nav{overflow:hidden;height:40px;line-height:40px;margin-top:12px; margin-bottom:12px;padding-bottom:0px;}
.bread_nav .bread_nav_left{width:35%;text-align:left;color:#777;overflow:hidden;font-size:12px; float:left;}
.bread_nav .bread_nav_left>em{display:inline-block;width:25px;height:40px;background:url(../images/dw.png) center center no-repeat;vertical-align: top;}
.bread_nav .bread_nav_left a{color:#555;}
.bread_nav .bread_nav_left a:hover{color:#01a453}

.bread_nav_right{ width:60%; float:right; text-align:right;}
.bread_nav_right a{ display:inline-block;padding:0 20px; height:30px; line-height:30px;margin-right:2%; color:#666; font-size:13px;}
.bread_nav_right a.on{ background:#01a453; color:#fff;}
.bread_nav_right a:hover{background:#01a453; color:#fff;}



.pagecon{color:#555;font-size:14px;line-height:28px;padding-top:10px; z-index:1; position:relative;}
.pagetit{width:100%;margin-bottom:30px;}
.pagetit p{font-size:24px;color:#515671;text-align:center;}
.pagetit span{display:block;font-size:14px;font-weight:lighter;color:#999;text-align:center;height:30px;line-height:30px;}


.pagecon2{min-height:300px; overflow:hidden; margin-bottom:40px}
.pagecon2 .about_img { float: left; width: 37%;}
.pagecon2 .about_img img{max-width: 100%}
.about_wz{font-size: 14px;line-height: 30px; color: #555; width:60%;float:right;}
.about_wz p {text-indent: 2em}
.about_wz a{font-size:16px; font-weight: bold; color:#01a453;}


.new_inside{width:100%;}
.new_inside ul{width:100%;padding:0;}
.new_inside ul li{display:block;padding:16px;-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s; box-shadow: 0px 0px 20px 0px #eaeaea;margin-bottom:10px;position:relative;}
.new_inside ul li span{display: block; float:right;}
.new_inside ul li:hover{background:#01a453}
.new_inside ul li:hover a{ color:#fff;}
.new_inside ul li:hover span{color:#fff;}
.new_inside ul li:hover{cursor: pointer;}

.mt10{margin-top: 10px;}


.newscon{width:100%; }
.newscon h2{text-align: center; font-size:24px; line-height:48px;}
.newscon .newsbasic{width:100%; text-align: center; border-top:1px solid #ccc; border-bottom:1px solid #ccc; height:48px;display: flex;
align-items: center;
justify-content:center; margin-top:12px; margin-bottom:12px;}
.newscon .newsbasic p{margin:0px 10px;}
.newscontainer{max-width: 960px; margin:0 auto; line-height:36px;}
.newscontainer img{display: block; margin:0 auto;}

.newspage{margin-top:10px; border:1px solid #ccc; padding:12px 12px;}
.newspage:hover{background:#01a453; color:#fff; cursor: pointer;}
.newspage:hover a{color:#fff;}

.page_list{text-align: center; margin: 20px 0px;}
.page {
    display:inline-block;
    font: 16px/28px 'Ã¥Â¾Â®Ã¨Â½Â¯Ã©â€ºâ€¦Ã©Â»â€˜', sans-serif;
    *display:inline;
    :1;
    *zoom:1;}
.page span,.page strong {
    float:left;}
.page a,
.page span,
.page strong {
    background:#FFF;
    border:1px solid #CCC;
    color:#333;
    float:left;
    font: 16px/24px  'Ã¥Â¾Â®Ã¨Â½Â¯Ã©â€ºâ€¦Ã©Â»â€˜', sans-serif;
    margin-right:5px;
    min-width:15px;
    padding:4px 8px;
    text-align:center;
    vertical-align:middle;
    white-space:nowrap;
    _width:15px;}
    .page strong{background:#3f3e8f; color:#fff; }
.page a:hover {
    border:1px solid #01a453;
    color:#01a453;
    text-decoration:none;}
.page span {
    background:#01a453;
    border:1px solid #01a453;
    color:#fff;}
.page span.ellipsis {
    float:left;
    font: 16px/24px 'Ã¥Â¾Â®Ã¨Â½Â¯Ã©â€ºâ€¦Ã©Â»â€˜', sans-serif;
    line-height:22x;
    margin-right:5px;}
.page .page_txt {
    line-height:20px;
    float:right;
    width:auto;}
.page a.page-curpage {
    background:#3561db;
    border:1px solid #3561db;
    color:#FFF;
    font-weight:bold;}
.page input {
    font: 14px Verdana;
    padding:0 0 0 1px;
    width:40px;
    height:14px;}



.pagecontact .p,.pagecontact .h2,{}
.pagecontact{padding: 8% 0}
.pagecontact .text{margin-bottom: 30px}
.pagecontact .text .titlec{font-size: 30px;color: #e4e4e4;font-weight: normal;margin-bottom: 20px; margin-top: 0; text-align: left}
.pagecontact .text .titlec span{font-weight: 700; }
.pagecontact .text h3{font-size:24px; padding-bottom: 12px;color:#01a453;}
.pagecontact .text p{font-size: 16px;color:#333;line-height: 42px; margin: 0; padding: 0;}
.pagecontact .map{width: 100%;height: 200px;    background: #fff;
    padding: 1%;
    border-radius: 20px 0;box-sizing: border-box;}
.pagecontact .map #map{height: 100%;}
.pagecontact .map img{max-width: none !important;}

@media screen and (min-width: 768px) {
  .pagecontact .text{float: left;width: 45%;}
  .pagecontact .map{float: right;width: 50%;height: 320px;}
}

@media screen and (min-width: 1024px) {
  .pagecontact .auto{background: url(../images/pagecontact-bg.jpg) no-repeat center;}
  .pagecontact .map{float: right;width: 50%;height: 320px;}
  .pagecontact .text .title{font-size: 52px;}
}

@media screen and (min-width: 1200px) {
  .pagecontact{padding: 70px 0 70px}
  .pagecontact .text .title{margin-bottom: 55px}
  .pagecontact .map{ width: 65%;height: 720px;}
  .pagecontact .text{width: 35%;}
}



.pagehonor{}
.pagehonor li{width:23.5%; float:left; margin-right:2%;}
.pagehonor li img{max-width:100%; border:1px solid #ccc;}
.pagehonor li:nth-child(4n){margin-right: 0px;}
.pagehonor li .tit{line-height:36px; text-align: center; margin-bottom: 10px;}
.pagehonor li:hover img{ border:1px solid #01a453;}
.pagehonor li:hover .tit{color:#01a453; font-weight: bold;}

.xypg-left-nav {
  margin: 0 -1px;
}

.xypg-left-nav > li {
  position: relative;
  border-bottom: 1px solid #eeeeee;
}

.xypg-left-nav > li:last-child {
  border-bottom: none;
}

.xypg-left-nav > li > a {
  display: block;
  font-size: 16px;
  line-height: 22px;
  color: #2e2e2e;
  padding: 15px 18px;
}

.xypg-left-nav > li .first-nav-btn {
  position: absolute;
  z-index: 99;
  width: 30px;
  height: 30px;
  text-align: center;
  top: 10px;
  right: 20px;
  cursor: pointer;
  background: url(../images/icon_spirit.png) 0 -240px no-repeat;
}

.xypg-left-nav > li .first-nav-btn.clicked {
  background-position: 0 -270px;
}

.xypg-left-nav > li:hover > a, .xypg-left-nav > li.clicked > a {
  color: #01a453;
}

.xypg-left-nav > li:hover .first-nav-btn, .xypg-left-nav > li.clicked .first-nav-btn {
  color: #01a453;
}

.xypg-left-nav .xypg-left-subnav {
  display: none;
  padding: 0 10px;
}

.xypg-left-nav .xypg-left-subnav > li {
  border-top: 1px dashed #eeeeee;
}

.xypg-left-nav .xypg-left-subnav > li > a {
  padding: 8px;
  display: block;
  line-height: 20px;
  color: #818181;
  font-size: 16px;
}

.xypg-left-nav .xypg-left-subnav > li > a:hover {
  color: #01a453;
}

.xypg-left-nav .xypg-left-subnav > li.clicked > a {
  color: #01a453;
}

.xypg-left-nav .xypg-left-threenav > li > a {
  padding: 5px 10px;
  display: block;
  font-size: 14px;
  line-height: 24px;
  color: #999999;
}

.xypg-left-nav .xypg-left-threenav > li > a:before {
  content: '\2014   ';
}

.xypg-left-nav .xypg-left-threenav > li > a:hover {
  color: #01a453;
}

.xypg-left-nav .xypg-left-threenav > li.clicked > a {
  color: #01a453;
}

@media (max-width: 990px) {
  .xypg-left-nav .xypg-left-threenav {
    display: block;
  }
}






.showpage { width:360px; position:relative;}
.showpage a { display:none; width:15px; border:1px solid #ddd; height:60px; line-height:60px; background:#eee; text-align:center; font-size:18px; position:absolute; left:0; top:-62px; text-decoration:none; color:#999;}
.showpage a#shownext { left:auto; right:0;}
.showpage a:hover { background:#ccc; color:#777;}
#showbox{margin-bottom:12px; border:1px solid #ccc; box-sizing:content-box;}
#showbox .zq{background:rgba(0,155,77,0.2)}
#showbox .bimg{border:1px solid #009b4d;}
#showsum img{border:1px solid #ccc; margin-right:10px; display: block;}
#showsum .sel img{border:1px solid #009b4d;}


.newscontainer img{max-width:100%;}


@media (max-width: 768px) {
.bread_nav .bread_nav_left{width:100%;}
.pagecon2 .about_img{width:100%;}
.about_wz{width:100%; margin-top:24px;}
    .new_inside ul li span{display:none;}
    .newscon .newsbasic{display:inline-block;}
.newscon .newsbasic .p3{float:left; width:50%; display:none}
.pagehonor li{width:49%;}
.pagehonor li:nth-child(2n){margin-right:0%}
}
