p,span,a,h1,h3,h4,h5,h6{
  color: #666;
}
h2{
  color:#333
}

.top{
  background: #eee;
}
.copyright>div{
  display: flex;
  align-items: center;
  justify-content: center
}
hr{
  width: 90%;
  height:0px; 
  border-top:1px solid #999;
     border-right:0px;
      border-bottom:0px;
      border-left:0px; 
}
.dropdowns div a{
}
.dropdowns div a:hover,
.dropdowns div a:active {
  border-left: 3px #ff6f6f solid;
  background-color: #eee
}
html,body{
  overflow-x: hidden;
  margin: 0;
}

a {
  text-decoration: none
}

.dropdowns .dropdown-menu {
  display: none
}

.active {
  color: #ff6f6f !important;
  border-bottom: 2px solid #ff6f6f;
}
.active span{
  color: #ff6f6f !important;
}

.dropdowns .dropdown-menu.flex {
  display: flex;
  flex-direction: column;
  align-items: center;
}

@font-face {font-family: "iconfont";
  src: url('iconfont.eot?t=1526447521622'); /* IE9*/
  src: url('iconfont.eot?t=1526447521622#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'),
  url('iconfont.ttf?t=1526447521622') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('iconfont.svg?t=1526447521622#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:40px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-msnui-downmini:before { content: "\e602"; }

.icon-dianhua:before { content: "\e627"; }

.icon-icon-p_xinfeng:before { content: "\e607"; }

.icon-location:before { content: "\e611"; }



.nav {
  width: 70%;
  height: 10vh;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 9999;
  background: #fff;
}

.logo {
  display: flex;
  align-items: center;
  width: auto;
  flex-shrink: 0;
  margin-right: 5rem;
}

.logo>img {
  width: 80%;
  height: 80%;
}

.logo>div>p {
  margin-left: 20px;
}

.logo>div>p:nth-child(2) {
  font-size: 22px;
  color: #666666;
}

.dropdowns {
  position: relative;
}

.dropdowns div {
  position: absolute;
  width: 150px;
  background: #fff;
  height: 160px;
  top: 102%;
  display: flex;
  flex-direction: column;
  margin-left: -25%;
  z-index: 999;
}

.dropdowns div a {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  color: #666;
  outline: 0 none !important;
  font-size: 16px;
}

.redActive {
  border-left: 2px solid #ff6f6f;
  color: #ff6f6f;
  background: #f5f5f5;
}

.navigate {
  width: 700px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}

.navigate>div {
  height: 100%;
  align-items: center;
  justify-content: center;
}

.navigate a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 20px;
  color: #666;
  height: 100%;
  box-sizing: border-box
}

.navigate a span {
  margin: 0;
  margin-top: -5px;
  margin-left: -5px;
}

.navigation {
  width: 100%;
  border-top: 1px solid #ff5d5d;
}

.navigation>a {
  display: block;
  width: 10rem;
  height: 5rem;
  padding-left: 1rem;
  line-height: 5rem;
}

.navbar:active {
  background: #dddddd;
}

.navbar {
  display: none;
  width: 50px;
  height: 30px;
  border: 1px solid #dddddd;
  border-radius: 5px;
  margin: 0 0.8rem;
  padding: 10px;
}

.icon-navbar {
  display: block;
  width: 75%;
  height: 1px;
  border-radius: 5px;
  border: 1px solid #666;
  background: #666666;
  margin: 6px auto;
}

@media (max-width: 1440px) {
  /* .contant {
    width: 90% !important;
  } */
  .top>img:nth-child(2) {
    margin: 0!important;
  }
}

@media (max-width: 1440px) and (max-width: 1240px) {
  .logo {
    margin: 1rem;
  }
}

@media (max-width: 1440px) and (max-width: 1240px) and (max-width: 750px) {
  .footer {
    width: 100%;
    background: #333333;
    border: 1px solid #333;
  }
  .footer .between {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin-top: 48px;
    margin-bottom: 48px;
  }
  .footer .between * {
    color: #cccccc;
    font-size: 16px;
    margin-top: 30px;
    margin-left: 30px;
    margin-right: 30px;
  }
  .navigate {
    display: none;
    height: 100%;
  }
  .logo {
    height: 60px !important;
  }
  .logo>img {
    width: auto !important;
    height: 95% !important;
  }
  .navbar {
    display: block;
  }
}

.footer {
  width: 100%;
  background: #333333;
  border: 1px solid #333;
}

.footer .link {
  display: flex;
  justify-content: center;
  margin-top: 40px;
  margin-bottom: 18px;
}

.footer .link * {
  color: #cccccc;
  font-size: 16px;
  margin-left: 30px;
  margin-right: 30px;
}

.top>div {
  margin: 0 auto;
  max-width: 1200px;
  display: -webkit-box;
    /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box;
    /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox;
    /* 混合版本语法: IE 10 */
    display: -webkit-flex;
    /* 新版本语法: Chrome 21+ */
  display: flex;
  -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  justify-content: space-evenly;
  background: #eee;
}

.top>img:nth-child(2) {
  margin: 0 180px;
}