﻿/* 字体文件 */
@font-face {
  font-family: 'puHuiMedium';
  font-display: swap;
  src: url('./fonts/puhui-medium/webfont.eot'); /* IE9 */
  src: url('./fonts/puhui-medium/webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('./fonts/puhui-medium/webfont.woff2') format('woff2'),
  url('./fonts/puhui-medium/webfont.woff') format('woff'), /* chrome、firefox */
  url('./fonts/puhui-medium/webfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('./fonts/puhui-medium/webfont.svg#webfont') format('svg'); /* iOS 4.1- */
}
@font-face {
  font-family: 'puHuiBold';
  font-display: swap;
  src: url('./fonts/puhui-bold/webfont.eot'); /* IE9 */
  src: url('./fonts/puhui-bold/webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('./fonts/puhui-bold/webfont.woff2') format('woff2'),
  url('./fonts/puhui-bold/webfont.woff') format('woff'), /* chrome、firefox */
  url('./fonts/puhui-bold/webfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('./fonts/puhui-bold/webfont.svg#webfont') format('svg'); /* iOS 4.1- */
}
@font-face {
  font-family: 'puHuiRegular';
  font-display: swap;
  src: url('./fonts/puhui-regular/simple/webfont.eot'); /* IE9 */
  src: url('./fonts/puhui-regular/simple/webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('./fonts/puhui-regular/simple/webfont.woff2') format('woff2'),
  url('./fonts/puhui-regular/simple/webfont.woff') format('woff'), /* chrome、firefox */
  url('./fonts/puhui-regular/simple/webfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('./fonts/puhui-regular/simple/webfont.svg#webfont') format('svg'); /* iOS 4.1- */
}
/*@font-face {*/
/*  font-family: 'puHuiRegular';*/
/*  font-display: swap;*/
/*  src: url('./fonts/puhui-regular/AlibabaPuHuiTi-2-55-Regular.eot'); !* IE9 *!*/
/*  src: url('./fonts/puhui-regular/AlibabaPuHuiTi-2-55-Regular.eot?#iefix') format('embedded-opentype'), !* IE6-IE8 *!*/
/*  url('./fonts/puhui-regular/AlibabaPuHuiTi-2-55-Regular.woff2') format('woff2'),*/
/*  url('./fonts/puhui-regular/AlibabaPuHuiTi-2-55-Regular.woff') format('woff'), !* chrome、firefox *!*/
/*  url('./fonts/puhui-regular/AlibabaPuHuiTi-2-55-Regular.ttf') format('truetype'), !* chrome、firefox、opera、Safari, Android, iOS 4.2+*!*/
/*  url('./fonts/puhui-regular/AlibabaPuHuiTi-2-55-Regular.svg#webfont') format('svg'); !* iOS 4.1- *!*/
/*}*/
/* 全局样式 */
* {
  margin: 0;
  padding: 0;
  background-repeat: no-repeat;
}
body{
  width: 100%;
  min-width: 1280px;
  font-family: "puHuiRegular";
}
img {
  display: block;
}

ul,
a {
  list-style: none;
  text-decoration: none;
  color: inherit;
}

.nav,
.banner-container,
.sec-header,
.sec-content{
  width: 1200px;
  margin: 0 auto;
}

/* Header 样式 */
.header {
  position: fixed;
  width: 100%;
  min-width: 1280px;
  background: linear-gradient(0deg,rgba(255,60,100,0.00) 13%, rgba(102,173,133,0.30));
  transition: all .2s;
  z-index: 10;
}
.header-contact {
  background: none;
}
.logo {
  display: block;
  /*width: 142px;*/
  height: 30px;
}
.logo.green{
  display: none;
}
.header .nav-list {
  flex-grow: 1;
}
.nav{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0 auto;
}
.header .nav-list ul {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 80px;
  line-height: 80px;
}

.header .nav-list li {
  margin-right: 80px;
  font-size: 16px;
  line-height: 24px;
  cursor: pointer;
  color: #fff;
}
.header .nav-list ul li:last-child {
  margin-right: 0;
}

.active-border{
  width: 35px;
  height: 4px;
  background: #fff;
  border-radius: 2px;
  margin-top: 3px;
}
.contact-nav,
.join-nav {
  width: 70px;
}
.nav-list ul li {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* 带白色背景的导航条 */
.header.with-bg{
  background: #fff;
  box-shadow: 10px 0px 26px 0px rgba(0,0,0,0.05); 
}
.header.with-bg .logo.white{
  display: none;
}
.header.with-bg .logo.green{
  display: block;
}
.header.with-bg a{
  color: #000;
}
.header.with-bg li .active-border{
  background: #66AD85;
}

/* Footer 样式 */
.footer {
  padding: 44px 0 38px;
  width: 100%;
  text-align: center;
  font-size: 12px;
  background-color: rgba(102, 173, 133, 0.05);
  color: #999999;
  line-height: 21px;
}
.footer a {
  list-style: none;
  text-decoration: none;
  color: #999999;
  cursor: pointer;
}
.footer a:hover {
  color: #0085d0;
}