.banner {

  background: url(../../img/earlier/banner_environment.jpg) no-repeat center center;

}

.headline {

  border-bottom: none;

  background: url(../../img/earlier/line.png) repeat-x bottom center;

}

.common_center {

  width: 1080px;

}

.sub-nav-title {

  height: 1px;

  background: #e5e5e5;

  text-align: center;

  margin-bottom: 2%;

  position: relative;

  margin-top: 6.25%;

}

.sub-nav-title p {

  position: absolute;

  bottom: 0;

  border-bottom: 1px solid #fff;

  font-size: 20px;

  color: #003a8d;

  font-weight: bolder;

  line-height: 100%;

  padding: 0 22px;

  left: 50%;

  margin-left: -77px;

}

.sub-nav-title p span {

  font-size: 25px;

  font-weight: normal;

}

.sub-nav-title p.p2 {

  margin-left: -94px;

}

.sub-nav-title p.p3 {

  margin-left: -75px;

}

.sub-nav-title p.p4 {

  margin-left: -134px;

}

.sub-nav-title p.p5 {

  margin-left: -109px;

}

.detail {

  color: #666666;

  line-height: 25px;

  margin-top: 1.5%;

  text-align: justify;

}

.changes {

  text-align: center;

  color: #999999;

}

@media all and (max-width:1024px) {

  .headline {

    padding-top: 5.4%;

    padding-bottom: 3.3%;

  }

  .sub-nav-title {

    margin-top: 12%;

  }

  .sub-nav-title p {

    font-size: 17px;

    padding: 0 8px;

    margin-left: -64px;

  }

  .sub-nav-title p span {

    font-size: 20px;

  }

  .detail,
  .changes,
  .step-list {

    width: 88%;

    margin-left: 6%;

  }

  .detail {

    margin-top: 4%;

  }

  .changes {

    padding-top: 4%;

    text-align: justify;

  }

}


.subcontent {
  font-size: 14px;
}


/*table*/

.subcontent table {

  width: 100%;

  margin: 0 auto;

  border-collapse: collapse;

  border: none;

  margin-top: 1.35%;

}

.subcontent table.adding-top {

  margin-top: 5%;

}

.subcontent table th {

  background: #999999;

  color: #000000;

}

.subcontent table td {

  color: #444444;

  text-align: center;

}

.subcontent table tr.gray td {

  background: #f3f4f4;

}

.subcontent table td,
.subcontent table th {

  border: solid #e7e7e7 1px;

  padding: 2.4% 0;

}





/*鏍囬妯℃澘*/

.tit-pannel {

  text-align: center;

  padding: 2.6% 0 1.3% 0;

}

.tit-pannel h2 {

  font-size: 24px;

  color: #222222;

  font-weight: normal;

  margin-bottom: 0.2%;

  line-height: 120%;

}



/*鐜繚鍏泭*/

.event-box {

  margin-top: 10px;

  margin-bottom: 4%;

  position: relative;

}

.event-container span.word-pannel {

  display: block;

  width: 98.5%;

  overflow: hidden;

  cursor: pointer;

}

.event-container span.word-pannel img {

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -ms-transition: all 0.5s;

  -o-transition: all 0.5s;

}

.event-container span.word-pannel img:hover {

  transform: scale(1.1);

  -webkit-transform: scale(1.1);

  -moz-transform: scale(1.1);

  -ms-transform: scale(1.1);

  -o-transform: scale(1.1);

}

.event-container .center span.word-pannel {

  margin: 0 auto;

}

.event-container .right span.word-pannel {

  float: right;

}

.event-container .word {

  color: #888888;

  background: #f6f6f6;

  position: relative;

}

.event-container .his-box h3 {

  font-weight: normal;

  font-size: 14px;

  margin-bottom: 1%;

  color: #090a0b;

}

.event-container .his-box span {

  display: block;

  margin-top: 1%;

  margin-bottom: 3%;

  font-size: 12px;

}

.event-container img {

  width: 100%;

}

.model-btn {

  position: absolute;

  top: 0;

  width: 10%;

  height: 100%;

  background: url(../../img/earlier/left-arr-black.png) no-repeat center center;

  background-size: 85%;

  left: -5%;

  z-index: 999;

  transition: opacity 0.5s;

  -webkit-transition: opacity 0.5s;

  -moz-transition: opacity 0.5s;

  -ms-transition: opacity 0.5s;

  -o-transition: opacity 0.5s;

  cursor: pointer;

}

.right-btn {

  right: -5%;

  left: auto;

  background: url(../../img/earlier/right-arr-black.png) no-repeat center center;

  background-size: 85%;

}

.alter-opc {

  filter: alpha(opacity=70);
  /* IE */

  -moz-opacity: 0.7;
  /* 鑰佺増Mozilla */

  -khtml-opacity: 0.7;
  /* 鑰佺増Safari */

  opacity: 0.7;
  /* 鏀寔opacity鐨勬祻瑙堝櫒*/

}

.event .common_center {

  overflow: visible;

}

.event-container .center .left-line {

  position: absolute;

  height: 100%;

  width: 1px;

  background: #fff;

  top: 0;

  left: 0;

}

.event-container .center {

  position: relative;

}

.event-container .center .right-line {

  position: absolute;

  height: 100%;

  width: 1px;

  background: #fff;

  top: 0;

  right: 0;

}

.his-box {

  position: absolute;

  top: 0;

  left: 0;

  width: 86%;

  height: 100%;

  padding: 5%;

  text-align: justify;

}

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

  .event-container span.word-pannel {

    width: 100%;

    margin: 0 auto !important;

  }

  .event-container .right span.word-pannel {

    margin-left: 0;

  }

  .event-container .word {

    border-top: none;

  }

  .event-container .center .left-line,

  .event-container .center .right-line {

    display: none;

  }

}

@media screen and (min-width: 700px) {

  .model-btn {

    width: 57px;

    background: url(../../img/earlier/left-arr-black.png) no-repeat center center;

    background-size: 100%;

    left: -28px;

    height: 40%;

    top: 30%;

    cursor: pointer;

  }

  .right-btn {

    right: -28px;

    left: auto;

    background: url(../../img/earlier/right-arr-black.png) no-repeat center center;

    background-size: 100%;

  }

  .event-box {

    margin-bottom: 8%;

  }

}









/*鐜繚鍏泭*/

.d-l {

  background: url(../../img/earlier/word-bg.jpg) repeat;

  padding: 4% 0;

  margin-top: 3%;

}

.d-l-box {

  position: relative;

}

.d-l-container span.word-pannel {

  display: block;

  width: 98.5%;

  overflow: hidden;

  cursor: pointer;

  position: relative;

}

.dl-shadw {

  display: none;

}

.d-l-container span.word-pannel:hover .dl-shadw {

  display: block;

}

.dl-shadw .d-cell {

  vertical-align: middle;

}

.dl-shadw .d-cell img {

  width: auto;

}

.d-l-container .center span.word-pannel {

  margin: 0 auto;

}

.d-l-container .right span.word-pannel {

  float: right;

}

.d-l-container .word {

  color: #888888;

  background: #f6f6f6;

  position: relative;

  overflow: hidden;

}

.d-l-container .his-box h3 {

  font-weight: normal;

  font-size: 14px;

  margin-bottom: 1%;

  color: #090a0b;

}

.d-l-container .his-box span {

  display: block;

  margin-top: 1%;

  margin-bottom: 3%;

  font-size: 12px;

}

.d-l-container img {

  width: 100%;

}

.model-btn {

  position: absolute;

  top: 0;

  width: 10%;

  height: 100%;

  background: url(../../img/earlier/left-arr-black.png) no-repeat center center;

  background-size: 40%;

  left: -5%;

  z-index: 999;

  transition: opacity 0.5s;

  -webkit-transition: opacity 0.5s;

  -moz-transition: opacity 0.5s;

  -ms-transition: opacity 0.5s;

  -o-transition: opacity 0.5s;

  cursor: pointer;

}

.right-btn {

  right: -5%;

  left: auto;

  background: url(../../img/earlier/right-arr-black.png) no-repeat center center;

  background-size: 40%;

}

.alter-opc {

  filter: alpha(opacity=70);
  /* IE */

  -moz-opacity: 0.7;
  /* 鑰佺増Mozilla */

  -khtml-opacity: 0.7;
  /* 鑰佺増Safari */

  opacity: 0.7;
  /* 鏀寔opacity鐨勬祻瑙堝櫒*/

}

.d-l .common_center {

  overflow: visible;

}

.d-l-container .center .left-line {

  position: absolute;

  height: 100%;

  width: 1px;

  background: #fff;

  top: 0;

  left: 0;

}

.d-l-container .center {

  position: relative;

}

.d-l-container .center .right-line {

  position: absolute;

  height: 100%;

  width: 1px;

  background: #fff;

  top: 0;

  right: 0;

}

.his-box {

  position: absolute;

  top: 0;

  left: 0;

  width: 86%;

  height: 100%;

  padding: 5%;

  text-align: justify;

}

.dl-shadw {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

.swiper-slide {

  position: relative;

}

.dl-shadw {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: url(../../img/earlier/bg-1.png) repeat;

}

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

  .d-l-container span.word-pannel {

    width: 100%;

    margin: 0 auto !important;

  }

  .d-l-container .right span.word-pannel {

    margin-left: 0;

  }

  .d-l-container .word {

    border-top: none;

  }

  .d-l-container .center .left-line,

  .d-l-container .center .right-line {

    display: none;

  }

}



/*寮瑰眰*/

.d-cell {

  vertical-align: top;

}

.open-pop {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: url(../../img/earlier/bg.png) repeat;

  z-index: 99999;

  display: none;

}

.eq-close {

  position: absolute;

  top: -26px;

  right: -26px;

  width: auto;

  cursor: pointer;

}

.eq-open-content {

  width: 55%;

  height: 100%;

  max-width: 960px;

  margin: 0 auto;

  color: #fff;

  position: relative;

}

.eq-main {

  position: relative;

  margin: 0 auto;

  padding: 1%;

  background: #fff;

  max-width: 100%;

  margin-top: 8%;

}

.eq-download-list {

  width: 100%;

}

.eq-download-list li {

  float: left;

  width: 33.33%;

  position: relative;

  background: #292b2d;

  text-align: center;

  padding: 1% 0;

  cursor: pointer;

}

.eq-download-list li.current {

  background: #eaeaea;

  color: #000000;

}

.eq-download-list .li-line {

  position: absolute;

  top: 0;

  right: 0;

  height: 100%;

  width: 1px;

  background: #fff;

}

.eq-items {

  width: 100%;

  margin: 1.5% 0;

  display: none;

}

.eq-items.current {

  display: block;

}

.eq-items li {

  float: left;

  width: 33.33%;

  color: #999999;

  font-size: 12px;

  padding-top: 8px;

}

.eq-items li img {

  width: 20px;

  vertical-align: middle;

}

.eq-items li a {

  text-decoration: underline;

}

.eq-items.none li a {

  color: #003a8d;

  text-decoration: none;

}

.eq-items li a:hover,

.eq-items li a:visited,

.eq-items li a:active {

  color: #003a8d;

}

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

  .common_center {

    width: 96%;

  }

}

@media screen and (min-width: 1024px) and (max-width: 1280px) {

  body {

    overflow-x: hidden;

  }

}

@media (max-width: 1024px) {

  .common_center {

    width: 89%;

  }

  .model-btn,
  .right-btn {

    background-size: 28px;

  }

  .dl-shadw {

    position: relative;

    width: 100%;

    display: block;

    background: #f6f6f6;

  }

  .d-l {

    background: #f6f6f6;

    margin: 6% auto;

  }

  .dl-shadw .d-cell img {

    width: 140px;

    margin: 4% 0;

  }

  .event-container .his-box h3 {

    font-size: 16px;
  }

  .tit-pannel h2 {

    font-size: 22px;
  }

  .event-box {

    margin-bottom: 10%;

  }

  /*寮圭獥鏍峰紡淇敼*/

  .eq-open-content {

    width: 85%;

  }

  .eq-items li {

    float: none;

    width: 100%;

  }

  .eq-close {

    top: -17px;

    right: -17px;

    width: 35px;

  }

  .d-cell {

    vertical-align: middle;

  }

  .eq-download-list li {

    font-size: 12px;

  }

  .subcontent table {

    margin-top: 5%;

  }

  .long-table {

    overflow: hidden;

    overflow-x: scroll;

    height: 410px;

    margin-top: 5%;

  }

  .long-table table {

    width: 1024px;

    overflow: hidden;

    height: 360px;

    margin-top: 0;

  }



  /*婊氬姩鏉� start*/

  .long-table::-webkit-scrollbar {

    width: 10px;

    height: 15px;

    background: url(../images/eq/gun.png) no-repeat center center;

    background-size: 100% 8px;

  }

  /*瀹氫箟婊氬姩鏉¤建閬� 鍐呴槾褰�+鍦嗚*/

  /*  .long-table::-webkit-scrollbar-track {  

      -webkit-box-shadow: inset 0 0 6px red;  

      background: red ;  

      

    }  */

  /*瀹氫箟婊戝潡 鍐呴槾褰�+鍦嗚*/

  .long-table::-webkit-scrollbar-thumb {

    border-radius: 3px;

    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  */

    /*background-color:red;  */

    background: url(../images/eq/gun2.png) no-repeat;

    background-size: 116px 15px;

  }

  /*.long-table::-webkit-scrollbar-thumb:hover {  

      border-radius: 3px;  

      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  

      background-color:red;  

    }  */

}

@media (max-width: 600px) {

  .slong-table {

    overflow: hidden;

    overflow-x: scroll;

    height: 600px;

    margin-top: 5%;

  }

  .slong-table table {

    width: 600px;

    overflow: hidden;

    height: 560px;

    margin-top: 0;

  }

  /*婊氬姩鏉� start*/

  .slong-table::-webkit-scrollbar {

    width: 10px;

    height: 15px;

    background: url(../images/eq/gun.png) no-repeat center center;

    background-size: 100% 8px;

  }

  /*瀹氫箟婊戝潡 鍐呴槾褰�+鍦嗚*/

  .slong-table::-webkit-scrollbar-thumb {

    border-radius: 3px;

    background: url(../images/eq/gun2.png) no-repeat;

    background-size: 116px 15px;

  }

}

@media (max-width: 600px) {

  .mlong-table {

    overflow: hidden;

    overflow-x: scroll;

    height: 290px;

    margin-top: 5%;

  }

  .mlong-table table {

    width: 600px;

    overflow: hidden;

    height: 250px;

    margin-top: 0;

  }

  /*婊氬姩鏉� start*/

  .mlong-table::-webkit-scrollbar {

    width: 10px;

    height: 15px;

    background: url(../images/eq/gun.png) no-repeat center center;

    background-size: 100% 8px;

  }

  /*瀹氫箟婊戝潡 鍐呴槾褰�+鍦嗚*/

  .mlong-table::-webkit-scrollbar-thumb {

    border-radius: 3px;

    background: url(../images/eq/gun2.png) no-repeat;

    background-size: 116px 15px;

  }

}