@charset "UTF-8";

/*
*  reset
*/

@-ms-viewport {
  width: device-width;
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
}



@font-face {
  font-family: 'PoppinsBold';
  src: url('../font/Poppins-Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'PoppinsRegular';
  src: url('../font/Poppins-Regular.ttf') format('truetype');
}



body {
  font-family: "PingFang SC", Arial, "San Francisco", 'Hiragino Sans GB',"Microsoft YaHei",  "Helvetica Neue", Helvetica, sans-serif;
  font-size: 1.4rem;
  font-weight: normal;
  color: #333;
  background-color: #fff;
}

a {
  color: #333;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
  transition: linear 0.2s all;
  -webkit-transition: linear 0.2s all;
}

input,
textarea,
select {
  outline: none;
}

textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 1); 
  font-size: 14px;
}

textarea::-webkit-textarea-placeholder,
input::-moz-input-placeholder {
  color: rgba(0, 0, 0, 1); 
  font-size: 14px;
}

textarea::-webkit-input-placeholder,
input::-ms-input-placeholder {
  color: rgba(0, 0, 0, 1); 
  font-size: 14px;
}

ul {
  list-style: none;
}


select {
  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
  border: solid 1px #F0F0F0;

  /*很关键：将默认的select选择框样式清除*/
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;

  /*为下拉小箭头留出一点位置，避免被文字覆盖*/
  padding-left: 15px;
  padding-right: 30px;

}


/*清除ie的默认选择框样式清除，隐藏下拉箭头*/

/*滚动条样式*/

*::-webkit-scrollbar-track {
  background-color: #fff;
  margin-right: 10px;
}

*::-webkit-scrollbar {
  width: 4px;
  background-color: #fff;
}

*::-webkit-scrollbar-thumb {
  background-color: #004088;
  border-radius: 2px;
}

body::-webkit-scrollbar-track {
  background-color: #fff;
}

body::-webkit-scrollbar {
  width: 4px;
  background-color: #fff;
}

body::-webkit-scrollbar-thumb {
  background-color: #004088;
  border-radius: 2px;
}

.scroll-container {
  overflow-y: auto;
}

.scroll-container::-webkit-scrollbar-track {
  background-color: #fff;
}

.scroll-container::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: #fff;
}

.scroll-container::-webkit-scrollbar-thumb {
  background-color: #004088;
  border-radius: 2px;
}

div:focus {
  outline: none;
}


/*用户选中区域样式*/

::selection {
  background: #73a3d4;
  color: #fff;
}

::-moz-selection {
  background: #73a3d4;
  color: #fff;
}

::-webkit-selection {
  background: #73a3d4;
  color: #fff;
}

img {
  vertical-align: middle;
  border-style: none;
}




.newSelect {
  display: inline-block;
  line-height: 30px;

  vertical-align: middle;
}


.newSelect * {
  font-size: 14px;
  padding: 0px;
  margin: 0px;
}

.newSelect:hover {
  cursor: pointer;
}

.newSelect .newSelectTitle {
  display: block;
  background: #FFF;
  text-align: left;
  width: 100%;
  height: 3.333333vw;
  line-height: 3.333333vw;
  font-size: 0.7291667vw;
  padding: 0 0.78125vw;
  border: 1px solid #CDD1D8;
  position: relative;
}

.newSelect .newSelectTitle:hover {
  border-color: #AAA;
}

.newSelect .select_arrows {
  background-image: url('../images/select_arrows.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 2.135417vw;
  height: 0.833333vw;
  right: 0;
  top: 37%;
  position: absolute;
}

.newSelect .newSelectTitle span {
  display: inline-block;
  max-width: 80%;
  white-space: nowrap;
  overflow: hidden;

  font-family: '微软雅黑';
  font-size: 0.7291667vw;
}

.newSelect .arrow {

  transition: transform 0.3s;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
}

.newSelect .arrow_turn {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
}

.newOptions {
  text-indent: 20px;
  margin: 5px 0 5px 0;
  border: 1px solid #CCC;
  border-radius: 2px;
  background: #FFF;
  position: absolute;
  z-index: 1000;
  display: none;

}

.newOptions::-webkit-scrollbar-track {
  background-color: #E0E0E0;
}

.newOptions::-webkit-scrollbar {
  width: 5px;
  background-color: #F5F5F5;
}

.newOptions::-webkit-scrollbar-thumb {
  background-color: #AAA;
  border-radius: 10px;
}

.newOptions::-webkit-scrollbar-thumb:hover {
  background-color: #888;
}


.newOptions li {
  font-family: '微软雅黑';
  font-size: 14px;
  text-align: left;
  height: 3.333333vw;
  line-height: 3.333333vw;
}

.newOptions li:hover {
  background: #eee;

}

.newOptions li.sArea {
  border-top: 1px solid #EEE;
  padding: 5px 0px !important;
  text-align: center;
}

.newOptions li.sArea:hover {
  background: #FFF;
  cursor: auto;
}

.newOptions li.sArea button {
  padding: 4px 20px;
  color: #4F4F4F;
  border: 1px solid #CCC;
  border-radius: 2px;
  background: linear-gradient(to bottom, #fff 0%, #fff 50%, #f3f3f3 70%, #f8f8f8 90%);
}

.newOptions li.sArea button:hover {
  background: linear-gradient(to bottom, #f8f8f8 0%, #f8f8f8 50%, #f3f3f3 70%, #fafafa 90%);
}

.newOptions li.sArea button:hover {
  border-color: #AAA;
  cursor: pointer;
}

.newOptions li[data-select="true"] {
  background: #2E3C4D;
  color: #FAFAFA;
}




.m-t-18 {
  margin-top: 0.9375vw;
}

.m-t-70 {
  margin-top: 3.645833vw;
}

.m-t-124 {
  margin-top: 6.458333vw;
}

.m-b-10 {
  margin-bottom: 0.520833vw;
}

.m-b-116 {
  margin-bottom: 6.041667vw;
}

.m-b-124 {
  margin-bottom: 6.458333vw;
}

.m-b-134 {
  margin-bottom: 6.979167vw;
}

.clearfix:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.content_box {
  max-width: 83.769634vw;
  margin: 0 auto;
}

.ellipsis-1 {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
}

.ellipsis-2 {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.ellipsis-3 {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}
.ellipsis-4 {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
}
.ellipsis-5 {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  line-clamp: 5;
  -webkit-box-orient: vertical;
}



.map-line {
  stroke-dashoffset: 1280px;
  stroke-dasharray: 1280px;
  animation: animation-line 6s ease-in;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
}

@keyframes animation-line {
  0% {
    stroke-dashoffset: 1280px
  }

  14.28571% {
    stroke-dashoffset: 0px
  }

  61.42857% {
    stroke-dashoffset: 0px
  }

  85.71429% {
    stroke-dashoffset: -1000px
  }

  to {
    stroke-dashoffset: -1000px
  }
}




.container {
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  width: 1000px;
  height: 200px;
  margin: 50px auto 0px;
  border: 1px solid red;
}

.container .wrapper {
  position: absolute;
  top: 0px;
  left: 0px;
  box-sizing: border-box;
  width: 2200px;
  height: 200px;
}

.container .wrapper .slider {
  box-sizing: border-box;
  float: left;
  width: 200px;
  height: 200px;
  padding: 10px 20px;
}

.container .wrapper .slider span {
  display: block;
  /* 不换行三件套 */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.container .wrapper .slider img {
  width: 150px;
  height: 150px;
}

.container .wrapper {
  animation: test 5s infinite linear;
}

@keyframes test {
  from {
    transform: translate3d(0,-100%,0);
    visibility: visible;
  }

  to {
    transform: translate3d(0,0,0);
  }
}

@keyframes test2 {
  from {
    left: 180px;
  }

  to {
    left: -1200px;
  }
}

.container:hover .wrapper {
  animation-play-state: paused;
}

img{
  width: 100%;
}



header .nav-icon {
  display: none;
  margin-left: 25px;
}




@font-face{ 
  font-family:'YouSheBiaoTiHei';
  src:url('../fonts/YouSheBiaoTiHei.ttf')
}
@font-face{ 
  font-family:"Rafael";
  src:url('../fonts/Rafael-Regular.ttf')
}
@font-face{ 
  font-family:"Gotham";
  src:url('../fonts/Gotham-Bold.otf')
}