@charset "UTF-8";
/* Scss Document */
@import url(base.css);
@import url(stylesheet.css);
body{}
a{text-decoration:none;}
a:hover{color:#8C0000;}
.clear{clear:both;}
.header {
  position: relative; }
	.hqh-top{height:120px;width:100%;}	
	.hqh-logo{float:left;height:120px;width:355px;background-color:#00326E;}
	/*.hqh-logo img{width:75%;margin-top:5%;margin-left:13%;}*/
	.hqh-logo img{width:100%}
	.nav-m{display:none;}
	@media screen and (max-width: 1280px) {
		.hqh-logo{width:250px;height:120px;padding-top:18px;}	
		/*.hqh-logo img{width:89%;margin-top:8%;margin-left:5%;}*/
		
	}
	.hqh-nav{float:left;height:120px;width:calc(-355px + 100%);}
	@media screen and (max-width: 1280px) {
		.hqh-nav{width:calc(-250px + 100%);font-size:14px;}
	}
	.hqh-nav-top{height:60px;width:100%;background-color:#F8F8F8;}	
	.hqh-nav-top ul{float:right;height:60px;line-height:60px;background-color:#00326E;padding-left:10px;padding-right:10px;}
	.hqh-nav-top ul li{float:left;width:80px;height:60px;font-size:14px;text-align:center;}
	.hqh-nav-top ul li a{display:block;width:100%;color:#fff;background-color:#00326E;}
	.hqh-nav-top ul li a:hover{color:#d18e59;}	
	@media screen and (max-width: 999px) {
		.hqh-logo{display:none;}
		.hqh-nav{width:100%;height:60px;font-size:16px;}
		.hqh-top{height:60px;}
		.hqh-nav-top{display:none;}
		.navbar-nav{border-bottom:2px solid #eee;}
		.navbar-nav li a{border-bottom:1px solid #eee;}
		.nav-m{display:block;}
	}
	.hqh-line{height:0px;background-color:#eee;box-shadow:0px 0px 10px #666}
  .header .topimg {
    position: relative;
    z-index: 0; }
    .header .topimg .slick-list li {
      background-repeat: no-repeat;
      background-position: center top;
      background-size: cover;	  
      height: calc(100vw * 0.35);
      position: relative; }
      @media screen and (max-width: 1000px) {
        .header .topimg .slick-list li {
          height: calc(100vw * 0.4); } }
      @media screen and (max-width: 400px) {
        .header .topimg .slick-list li {
          height: calc(100vw * 0.6); } }
      .header .topimg .slick-list li h3 {
        font-size: 32px;
        color: #fff;
        position: absolute;
        bottom: 40px;
        right: 100px;
        line-height: 1.5em;
        text-shadow: 2px 2px 0px #000;
        text-align: right;
        max-width: 70%; }
        @media screen and (max-width: 1400px) {
          .header .topimg .slick-list li h3 {
            font-size: 30px;
            right: 50px;
            bottom: 40px; } }
        @media screen and (max-width: 1280px) {
          .header .topimg .slick-list li h3 {
            font-size: 24px;
            right: 40px;
            max-width: 50%; } }
        @media screen and (max-width: 1000px) {
          .header .topimg .slick-list li h3 {
			  font-size: 18px;
            bottom: 40px; } }
        @media screen and (max-width: 700px) {
          .header .topimg .slick-list li h3 {
            max-width: 100%;
            text-align: center;
            width: auto;
            right: 25px;
            left: 25px;
            font-size: 16px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            bottom: 10px;
            text-shadow: 1px 1px 0px #000; } }
        
      .header .topimg .slick-list li a {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
       /* background: url(http://pic.wrsaa.com/images/bgrad_1.png) left -1px repeat-x, url(http://pic.wrsaa.com/images/bgrad_2.png) repeat-x bottom left; */ 
	   } 
        @media screen and (max-width: 1000px) {
          .header .topimg .slick-list li a {
           /* background: url(http://pic.wrsaa.com/images/bgrad_2.png) repeat-x bottom left; */
            background-size: 7%; } }
    .header .topimg .arrow {
      position: absolute;
      top: 50%;
      background: #000;
      color: #fff;
      font-size: 40px;
      height: 70px;
      width: 70px;
      margin-top: -35px;
      border-radius: 50%;
      opacity: 0.5;
      filter: alpha(opacity=50);
      text-align: center;
      cursor: pointer;
      z-index: 1000;
      border: 1px solid rgba(255, 255, 255, 0.5); }
      @media screen and (max-width: 1280px) {
        .header .topimg .arrow {
          display: none !important; } }
      .header .topimg .arrow i {
        line-height: 65px; }
      .header .topimg .arrow.pre {
        left: 30px; }
      .header .topimg .arrow.next {
        right: 30px; }
      .header .topimg .arrow:hover {
        opacity: 0.4;
        filter: alpha(opacity=40); }
    .header .topimg .slick-dots {
      position: absolute;
      bottom: -40px;
      width: 100%;
      text-align: center;
      z-index: 1000; }
    .header .topimg .slick-dots li {
      display: inline-block;
      width: auto;
      float: none;
      vertical-align: middle; }
    .header .topimg .slick-dots li button {
      background: #A8B3C6;
      border: 0 none;
      border-radius: 7px;
      cursor: pointer;
      display: block;
      font-size: 0;
      height: 12px;
      line-height: 0;
      margin: 0 8px;
      outline: medium none;
      padding: 0;
      width: 12px; }
    .header .topimg .slick-dots li.slick-active button {
      background: #5e068c; }
    .header .topimg .slick-dots {
      bottom: 40px;
      left: 70px;
      text-align: left; }
      @media screen and (max-width: 1400px) {
        .header .topimg .slick-dots {
          bottom: 40px;
          left: 25px;
          text-align: left;
          bottom: 40px; } }
      @media screen and (max-width: 1000px) {
        .header .topimg .slick-dots {
          bottom: 30px; } }
      @media screen and (max-width: 700px) {
        .header .topimg .slick-dots {
          text-align: center;
          bottom: 35px;
          left: 0; } }
      .header .topimg .slick-dots li button {
        font-size: 16px;
        color: #fff;
        background: none;
        height: 50px;
        width: 34px;
        border-radius: 0;
        font-family: 'Raleway'; }
        @media screen and (max-width: 700px) {
          .header .topimg .slick-dots li button {
            font-size: 0;
            border-radius: 6px;
            height: 10px;
            width: 10px;
            background: #fff; } }
      .header .topimg .slick-dots li.slick-active button {
        background: #9f8027;
        font-weight: bold; }
      .header .topimg .slick-dots .moreimg {
        display: inline-block;
        background: #9f8027;
        color: #fff;
        padding: 0 15px;
        height: 30px;
        line-height: 30px;
        border-radius: 15px;
        margin-left: 30px; }
        @media screen and (max-width: 700px) {
          .header .topimg .slick-dots .moreimg {
            margin-left: 10px;
            font-size: 9px;
            line-height: 20px;
            height: 20px;
            border-radius: 10px;
            padding: 0 8px; } }
        .header .topimg .slick-dots .moreimg:hover {
          background: #461C8E; }


/*主体*/
.hbysaa-panel{width:1600px;padding-top:2em;padding-bottom:2em;margin:0 auto;padding-left:2%;}
.hbysaa-panel-w{padding-top:3em;padding-bottom:3em;}
.hbysaa-panel-banner img{width:100%;}
.hbysaa-shadow{box-shadow: 2px 4px 9px  #999;overflow:hidden;transition: all 0.5s;}
.hbysaa-shadow:hover{box-shadow: 2px 4px 15px 4px #666;transition-duration:0.8s;}
.hbysaa-shadow .hover{transform: scale(1.03);}
.hbysaa-btn{margin:1.5em auto;text-align:center;}
.hbysaa-btn a{height:3em;line-height:3em;font-size:1.1em;min-width:18em;display:inline-block;color:#fff;background-color:#00326E;box-shadow:0px 0px 10px rgba(0,0,0,0.1), 0px 0px 5px rgba(0,0,0,0.1);}
.hbysaa-btn a:hover{color:#fff;background-color:#012148;}
.hbysaa-btn-s{margin:2em auto; margin-top:4em;text-align:center;}
.hbysaa-btn-s a{height:2.5em;line-height:2.5em;font-size:1.1em;min-width:10em;display:inline-block;color:#00326E;background-color:#fff;border:1px solid #00326E;}
.hbysaa-btn-s a:hover{color:#fff;background-color:#00326E;}
.bg-eee{background-color:#eee;}
.bg4{background-color:#F4F1EC;}
.bg5{background-color:#F8F8F8;}
.bg-fff{background-color:#fff;}
.bg-foot{background-color:#00326E;}
.bg2{background-color:#E0DED9;}
.bg-inner{background-color:#F5F7F6;}
.bg-view{background:#F5F7F6 url(http://pic.wrsaa.com/images/bg_view.jpg) center top ;}
.hbysaa-block-title{width:96%;font-size:2em;color:#00326E;height:3em;line-height:3em;border-bottom:1px solid #00326E;margin-bottom:1em;}
.hbysaa-block-title a{color:#00326E;}
.hbysaa-block-title .title{float:left;font-size:1em;padding-right:1em;}
.hbysaa-block-title .more{float:right;font-size:0.5em;line-height:8em;}
.hbysaa-block-box{width:100%;height:1;display:inline-block;font-size:0;}
.hbysaa-block-56{width:56%;float:left;font-size:16px;}
.hbysaa-block-56 ul li{float:left; padding-right:4%;width:50%;}
.hbysaa-news-group{padding-left:1em;padding-right:0.5em;padding-bottom:1em;height:7.5em;}
.hbysaa-news-img{overflow:hidden;}
.hbysaa-news-img img{width:100%;transition: all 0.5s;}
.hbysaa-news-title{margin-top:1em;margin-bottom:0.5em;line-height:2em;max-height:4em;overflow:hidden;}
.hbysaa-news-date{font-size:0.8em;color:#666;}
.hbysaa-block-44{width:44%;float:left;font-size:18px;}
.hbysaa-news-date-block{float:left;background-color:#00326E;color:#fff;margin-top:5px;margin-right:1em;line-height:1;
	padding:0.4em 0.5em 0.4em 0.5em;text-align:center;width:3em;}
.hbysaa-news-date-d{font-size:1.31em;letter-spacing:2;padding-bottom:0.1em}
.hbysaa-news-date-m{font-size:0.81em;}
.hbysaa-news-txt-block{float:left;width:80%;padding-bottom:1em;height:7.2em;}
.hbysaa-news-txt-title {margin-bottom:0.2em;height:1.5em;overflow:hidden;font-weight:600;}
.hbysaa-news-txt-title  a{font-weight:600;}
.hbysaa-news-txt-view{font-size:0.88em;line-height:1.5em;max-height:3em;overflow:hidden;margin-bottom:0.2em;}
.hbysaa-news-txt-date{color:#666;font-size:0.8em;}
.hbysaa-events-block{width:99%;}
.hbysaa-events{float:left;width:25%;font-size:16px;padding-right:0.5em;padding-bottom:1em;margin-bottom:2em;}
.events-group{margin-right:10%;background-color:#fff;}
.hbysaa-events-img{overflow:hidden;}
.hbysaa-events-img img{width:100%;transition: all 0.5s;}
.hbysaa-events-part{color:#8C0000;}
.hbysaa-events-group{height:16.5em;padding-left:2em;padding-top:4em;padding-right:1em;padding-bottom:1em;}
.hbysaa-events-date-block{background-color:#00326E;color:#fff;margin-top:-2.7em;position:absolute;margin-left:2em;line-height:1;
	padding:1.5em;text-align:center;width:5em;box-shadow:0px 0px 10px rgba(0,0,0,0.15), 0px 3px 3px rgba(0,0,0,0.15);}
.hbysaa-events-date-d{font-size:1.31em;letter-spacing:2;padding-top:0.2em;}
.hbysaa-events-date-m{font-size:0.81em;padding-bottom:0.1em;}
.hbysaa-events-title{margin-top:1em;margin-bottom:0.5em;line-height:2em;max-height:6em;overflow:hidden;}
.hbysaa-events-date{font-size:0.8em;color:#666;}
.hbysaa-law-block{}
.hbysaa-law-group{float:left;width:33%;font-size:16px;padding-right:3em;padding-bottom:1em;}
.hbysaa-law-title{margin-top:-0.5em;margin-bottom:0.5em;line-height:2em;max-height:2em;overflow:hidden;font-size:1.2em;font-weight:600;color:#8C0000;}
.hbysaa-law-title a{font-weight:600;color:#8C0000;}
.hbysaa-law-view{line-height:2em;max-height:12em;word-break: break-all;text-overflow: ellipsis;overflow: hidden;}
.hbysaa-base-block li{float:left;width:25%;font-size:16px;padding-right:3em;padding-bottom:3em;}
.hbysaa-base-img{overflow:hidden;background-color:#fff;}
.hbysaa-base-img img{width:100%;transition: all 0.5s;}
.hbysaa-base-group{padding-left:1em;padding-right:0.5em;padding-bottom:1em;background-color:#F8F8F8;}
.hbysaa-base-title{padding-top:1.5em;padding-bottom:0.5em;line-height:2em;height:4em;overflow:hidden;text-align:center;font-weight:600;}
@media screen and (max-width: 1600px) {
	.hbysaa-panel{width:100%;font-size:100%;}	
}
@media screen and (max-width: 1400px) {
	.hbysaa-events-date-block{margin-top:-2.4em;margin-left:1.8em;padding:1.3em;width:4.5em;}
	.hbysaa-events-date-d{font-size:1.3em;padding-top:0.2em;}
	.hbysaa-events-date-m{font-size:0.8em;padding-bottom:0.1em;}	
	.hbysaa-events-title{font-size:0.95em}
}
@media screen and (max-width: 1280px) {
	.hbysaa-block-title{height:2em;line-height:2em;}
	.hbysaa-block-title .title{font-size:0.8em;}
	.hbysaa-block-title .more{line-height:5.5em;}
	.hbysaa-block-56{font-size:14px;}
	.hbysaa-block-44{font-size:16px;}
	.hbysaa-news-txt-block{height:7em;}
	.hbysaa-events-date-block{margin-top:-2em;margin-left:1.6em;padding:1.1em;width:4.1em;}
	.hbysaa-events-date-d{font-size:1.2em;padding-top:0.1em;}
	.hbysaa-events-title{font-size:0.9em}
}
@media screen and (max-width: 1000px) {
	.hbysaa-panel{width:90%;font-size:100%;}
	.hbysaa-block-56{width:100%;font-size:16px;}
	.hbysaa-block-44{width:100%;font-size:18px;margin-top:2em;}	
	.hbysaa-news-txt-block{height:6.5em;}
	.hbysaa-events{width:50%;margin-bottom:2em;}
	.hbysaa-events-date-block{margin-top:-2.7em;margin-left:2em;padding:1.5em;width:5em;}
	.hbysaa-events-date-d{font-size:1.31em;padding-top:0.2em;}
	.hbysaa-events-date-m{font-size:0.81em;padding-bottom:0.1em;}
	.hbysaa-events-title{font-size:0.85em;}
	.hbysaa-base-block li{float:left;width:50%;}
	.hbysaa-law-group{width:50%;font-size:14px;padding-right:2em;}
}
@media screen and (max-width: 700px) {
	.hbysaa-panel{padding-top:1.5em;}
	.hbysaa-btn a{min-width:12em;font-size:1em;height:2.5em;line-height:2.5em;}
	.hbysaa-btn a{font-size:1em;}
	.hbysaa-block-56{font-size:14px;}
	.hbysaa-block-44{font-size:16px;}	
	.hbysaa-block-56 ul li{float:none; width:100%;padding-bottom:2em;}
	.hbysaa-block-44{margin-top:0em;}
	.hbysaa-events-date-block{margin-top:-2em;margin-left:1.6em;padding:1em;width:4em;}
	.hbysaa-events-date-d{font-size:1.1em;padding-top:0.1em;}
	.hbysaa-events-date-m{font-size:0.8em;padding-bottom:0.1em;}	
	.hbysaa-law-group{width:100%;font-size:16px;padding-right:1em;}
}
@media screen and (max-width: 500px) {
	.hbysaa-panel{padding-top:1em;}
	.hbysaa-block-title{font-size:1.5em;height:1.5em;line-height:1.5em;}
	.hbysaa-news-group{padding-bottom:0.5em;height:6em;}
	.hbysaa-news-title{line-height:1.5em;max-height:3em;overflow:hidden;}
	.hbysaa-block-title .more{line-height:4em;}
	.hbysaa-news-date-block{margin-right:0.5em;}
	.hbysaa-news-txt-block{width:75%;}
	.hbysaa-events{width:100%;padding-right:0.5em;}
	.hbysaa-events-date-block{margin-top:-2.7em;margin-left:2em;padding:1.5em;width:5em;}
	.hbysaa-events-date-d{font-size:1.31em;padding-top:0.2em;}
	.hbysaa-events-date-m{font-size:0.81em;padding-bottom:0.1em;}
	.events-group{margin-right:2%;}
	.hbysaa-base-block li{width:100%;padding-right:1em;}
	.hbysaa-law-group{font-size:14px;}
}
.hbysaa-panel-foot{padding-top:1em;padding-bottom:2em;background-color:#00326E;}
.hbysaa-foot-logo{display:none;}
.hbysaa-foot-bottom{font-size:1em;height:4em;line-height:4em;color:#fff;}
.hbysaa-foot-bottom ul{display:block;height:4em;width:61em;margin:0 auto;border-bottom:1px solid #345276;}
.hbysaa-foot-bottom ul li{float:left;padding:0 1em;}
.hbysaa-foot-bottom a{color:#fff;}
.hbysaa-foot-w{text-align:center;color:#fff;padding-top:0.3em;font-size:0.9em;height:3em;line-height:3em;}
.hbysaa-foot{display:none;}
@media screen and (max-width: 1000px) {
	.hbysaa-panel-foot{padding-left:5%;}
	.hbysaa-foot-logo{display:block;}
	.hbysaa-foot-bottom{display:none;}
	.hbysaa-foot-w{display:none;}
	.hbysaa-foot{display:block;text-align:left;width:90%;color:#fff;padding-left:0.5em;background-color:#00326E;}
	.hbysaa-foot span{display:block;}
}

.hbysaa-content{width:990px;margin:auto;}
.hbysaa-content .colunm1{width:650px;float:left}
.hbysaa-content .colunm1{width:290px;float:left;margin-left:50px;}