@font-face {
  font-family: 'MyriadPro';
  src: url('../font/MyriadPro-Regular.woff') format('woff'), url('../font/MyriadPro-Regular.ttf') format('truetype');
}
body,
html {
  margin: 0;
  padding: 0;
  border: 0;
  font-family: 'MyriadPro', "\5FAE\8F6F\96C5\9ED1";
}
a {
  text-decoration: none;
  color:#000;
}
img {
  border: 0;
}
.cache {
  display: none;
}
.fff {
  color: #fff;
}
.home-section {
  min-width: 1220px;
  position: relative;
  /* height:780px; */
}
.center-box {
  min-width: 1220px;
  position: relative;
}
.center1920-img {
  position: absolute;
  left: 50%;
  margin-left: -960px;
  top: 0;
}
.center1220-img {
  position: absolute;
  left: 50%;
  margin-left: -610px;
  top: 0;
}
.row-by-top {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.row-by-bottom {
  width: 100%;
  position: absolute;
  left: 0;
  top: auto;
  bottom: 0;
}
.center {
  width: 1220px;
  margin: 0 auto;
  overflow: hidden;
}
.center.visible {
  overflow: visible;
}
.margin-left-145 {
  margin-left: 145px;
}
.margin-left-305 {
  margin-left: 305px;
}
.link-inline {
  text-decoration: underline;
  color: #000;
}
.i-title {
  width: 100%;
  height: 30px;
  line-height: 48px;
  text-align: center;
  font-size: 40px;
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
}
.i-sub-title {
  width: 100%;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0px;
}
.nav {
  background-color: #fff;
}
.nav .center .logo {
  display: block;
  float: left;
}
.nav .center .change-v {
  position: absolute;
  left: 50%;
  margin-left: 550px;
  top: 35px;
  width: 80px;
  padding: 0 5px;
  height: 25px;
  background-color: #217fc4;
  text-align: center;
  line-height: 25px;
  color: #fff;
  font-size: 12px;
}
.nav .center .change-v a {
  height: 25px;
  line-height: 25px;
  color: #fff;
  font-size: 12px;
}
.nav .center .change-v a:hover {
  text-decoration: underline;
}
.nav .center .nav-box {
  width: 950px;
  height: 94px;
  float: right;
}
.nav .center .nav-box .base {
  padding: 0 13px;
  height: 100%;
  display: block;
  float: left;
  line-height: 94px;
  font-size: 18px;
  color: #535353;
  cursor: pointer;
  position: relative;
}
.nav .center .nav-box .base a {
  width: 100%;
  height: 100%;
  color: #535353;
  float: left;
}
.nav .center .nav-box .base .sub-navs {
  position: absolute;
  left: 0;
  top: 94px;
  z-index: 10;
  display: none;
}
.nav .center .nav-box .base .sub-navs .sub-nav {
  background-color: #fff;
  height: 40px;
  line-height: 40px;
  float: left;
  position: relative;
  border-top: 1px solid #ccc;
  display: table;
  white-space: nowrap;
  min-width: 100%;
}
.nav .center .nav-box .base .sub-navs .sub-nav a {
  color: #535353;
  font-size: 16px;
  padding: 0 20px;
}
.nav .center .nav-box .base .sub-navs .sub-nav .subsub-navs {
  position: absolute;
  left: 100%;
  top: 0;
  z-index: 10;
  display: none;
}
.nav .center .nav-box .base .sub-navs .sub-nav .subsub-navs .subsub-nav {
  background-color: #fff;
  height: 40px;
  line-height: 40px;
  float: left;
  position: relative;
  border-top: 1px solid #ccc;
  display: table;
  white-space: nowrap;
  min-width: 100%;
}
.nav .center .nav-box .base .sub-navs .sub-nav .subsub-navs .subsub-nav a {
  color: #535353;
  font-size: 16px;
  padding: 0 20px;
}
.nav .center .nav-box .base .sub-navs .sub-nav .subsub-navs .subsub-nav .subsubsub-navs {
  position: absolute;
  left: 100%;
  top: 0;
  z-index: 10;
  display: none;
}
.nav .center .nav-box .base .sub-navs .sub-nav .subsub-navs .subsub-nav .subsubsub-navs .subsubsub-nav {
  background-color: #fff;
  height: 40px;
  line-height: 40px;
  float: left;
  position: relative;
  border-top: 1px solid #ccc;
  display: table;
  white-space: nowrap;
  min-width: 100%;
}
.nav .center .nav-box .base .sub-navs .sub-nav .subsub-navs .subsub-nav .subsubsub-navs .subsubsub-nav a {
  color: #535353;
  font-size: 16px;
  padding: 0 20px;
}
.nav .center .nav-box .base .sub-navs .sub-nav .subsub-navs .subsub-nav .subsubsub-navs .subsubsub-nav:first-child {
  border-top: 0;
}
.nav .center .nav-box .base .sub-navs .sub-nav .subsub-navs .subsub-nav .subsubsub-navs .subsubsub-nav:hover {
  background-color: #217fc4;
}
.nav .center .nav-box .base .sub-navs .sub-nav .subsub-navs .subsub-nav .subsubsub-navs .subsubsub-nav:hover a {
  color: #fff;
}
.nav .center .nav-box .base .sub-navs .sub-nav .subsub-navs .subsub-nav:first-child {
  border-top: 0;
}
.nav .center .nav-box .base .sub-navs .sub-nav .subsub-navs .subsub-nav:hover {
  background-color: #217fc4;
}
.nav .center .nav-box .base .sub-navs .sub-nav .subsub-navs .subsub-nav:hover .subsubsub-navs {
  display: block;
}
.nav .center .nav-box .base .sub-navs .sub-nav .subsub-navs .subsub-nav:hover a {
  color: #fff;
}
.nav .center .nav-box .base .sub-navs .sub-nav:first-child {
  border-top: 0;
}
.nav .center .nav-box .base .sub-navs .sub-nav:hover {
  background-color: #217fc4;
  color: #fff;
}
.nav .center .nav-box .base .sub-navs .sub-nav:hover .subsub-navs {
  display: block;
}
.nav .center .nav-box .base .sub-navs .sub-nav:hover a {
  color: #fff;
}
.nav .center .nav-box .base:hover {
  background-color: #217fc4;
}
.nav .center .nav-box .base:hover .sub-navs {
  display: block;
}
.nav .center .nav-box .base:hover a {
  color: #fff;
}
.nav .center .fonts {
  width: 100%;
  position: relative;
  color: #000;
  font-size: 30px;
  margin: 0 auto;
  text-align: center;
}
.nav .center .fonts span {
  font-size: 30px;
}
.nav .center .fonts a {
  width: 264px;
  height: 43px;
  border: 2px solid #000;
  border-radius: 2px;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  color: #000;
  font-size: 20px;
  line-height: 43px;
}
.main {
  position: relative;
}
.swiper-main {
  width: 100%;
  overflow: hidden;
}
.swiper-slide {
  overflow: hidden;
  position: relative;
}
.center-img-1920 {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -960px;
  margin-top: -540px;
}
.swiper-container {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.swiper-container .swiper-slide {
  overflow: hidden;
  position: relative;
}
.slick {
  width: 100%;
  position: relative;
  overflow: hidden;
  outline: none;
}
.slick .slick-arrow {
  display: none!important;
}
.slick .btn-link {
  width: 260px;
  height: 38px;
  border: 2px solid #000;
  position: absolute;
  left: 62.45%;
  margin-left: -130px;
  bottom: 60px;
  border-radius: 3px;
  color: #000;
  text-align: center;
  line-height: 38px;
  font-size: 20px;
  background: url(../img/ico-next-000.png) no-repeat 175px center;
}
.slick div {
  height: 100%;
  overflow: hidden;
  outline: none;
}
.slick div img {
  width: 100%;
  outline: none;
}
.top-30 {
  width: 100%;
  background-color: #e7e72f;
  position: relative;
  z-index: 9;
}
.top-30 .p2-font {
  text-align: center;
  font-size: 30px;
  color: #3a3a3a;
}
.top-30 .p2-font a {
  width: 264px;
  height: 43px;
  background: url(../img/1-p2-gy.png);
  display: inline-block;
  color: #000;
  text-align: center;
  line-height: 43px;
  font-size: 20px;
  text-decoration: none;
  margin-top: 20px;
}
.top-30 .p1-dsj {
  position: absolute;
  bottom: -34px;
  left: 50%;
  margin-left: -34px;
}
.bottom-70 {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.bottom-70 .img_1920x704 {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -352px;
  margin-left: -960px;
}
.top-30-2 {
  background-color: rgba(254, 208, 193, 0.7);
}
.top-30-3 {
  background-color: rgba(89, 199, 227, 0.7);
}
.top-30-4 {
  background-color: rgba(255, 255, 255, 0.7);
}
.top-30-3 .p2-font{color:white;}
.top-30-3 .p2-font a{color:white;background:none;border:2px solid;}
.bottom-70-2 .in-2 {
  width: 50%;
  height: 100%;
  position: relative;
  float: left;
  overflow: hidden;
  background-size:cover;
}
.bottom-70-2 .in-2 img {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -343.5px;
  margin-left: -320px;
}
.bottom-70-2 .in-3 {
  width: 33.3333333%;
  height: 100%;
  position: relative;
  float: left;
  overflow: hidden;
}
.bottom-70-2 .in-3 img {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -343.5px;
  margin-left: -320px;
}
.bottom-70-2 .in-info {
  width: 264px;
  height: 43px;
  border-radius: 3px;
  color: #000;
  text-align: center;
  line-height: 43px;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -21.5px;
  margin-left: -132px;
  cursor: pointer;
  display: block;
  text-decoration: none;
}
.bottom-70-2 .in-info-1 {
  background-color: #ffffff;
}
.bottom-70-2 .in-info-2 {
  background-color: #fed0c1;
}
.bottom-70-2 .in-info-3 {
  background-color: #e7e72f;
}
.p4-font,
.p5-font {
  text-align: center;
  font-size: 30px;
  color: #fff;
}
.p4-font a,
.p5-font a {
  width: 264px;
  height: 43px;
  background: url(../img/1-p1-gy.png);
  display: inline-block;
  color: #fff;
  text-align: center;
  line-height: 43px;
  font-size: 20px;
  text-decoration: none;
}
.p4-font .p4-box,
.p5-font .p4-box {
  width: 100%;
  height: 275px;
}
.p4-font .p4-box img,
.p5-font .p4-box img {
  position: relative;
  float: left;
  cursor: pointer;
}
.bottom-other {
  width: 100%;
  height: 665px;
  background-color: #60cdc9;
}
.bottom-other .other-info {
  margin-top: 200px;
  overflow: hidden;
}
.bottom-other .other-info .join-t {
  width: 100%;
  height: 30px;
  text-align: center;
  line-height: 30px;
  font-size: 30px;
  color: #3a3a3a;
}
.bottom-other .other-info .join-box {
  margin-top: 70px;
  width: 100%;
}
.bottom-other .other-info .join-box div {
  width: 25%;
  float: left;
  text-align: center;
  font-size: 15px;
  color: #000;
}
.bottom-other .other-info .join-box div a {
  width: 264px;
  height: 43px;
  border-radius: 3px;
  color: #000;
  text-align: center;
  line-height: 43px;
  font-size: 20px;
  display: inline-block;
  text-decoration: none;
  background-color: #fed0c1;
}
.bottom-other .other-info .join-box .join-2 a {
  background-color: #fff;
}
.bottom-other .other-info .join-box .join-3 a {
  background-color: #e7e72f;
}
.bottom-other .other-info .join-box .join-4 a {
  background-color: #fff;
}
.footer {
  width: 100%;
  height: 350px;
  background-color: #fff;
  overflow: hidden;
}
.footer .footer-box {
  width: 100%;
  margin-top: 60px;
}
.footer .footer-box .footer-left {
  min-width: 665px;
}
.footer .footer-box .footer-left div {
  /*min-width: 65px;*/
  float: left;
  position: relative;
  border-left: 1px solid #b2b2b2;
  box-sizing: border-box;
  min-height: 190px;
}
.footer .footer-box .footer-left div a {
  display: block;
  /*width: 100%;*/
  /*min-width: 10px;*/
  height: 25px;
  font-size: 13px;
  line-height: 25px;
  text-indent: 10px;
  text-decoration: none;
  color: #000;
  margin-right: 10px;
  /*color: #3a3a3a;*/
}
.footer .footer-box .footer-left div a.sm {
  font-size: 12px;
  color: #333;
  text-indent: 20px;
}
.footer .footer-box .footer-left div a.sm2 {
  font-size: 12px;
  color: #333;
  text-indent: 25px;
}
.footer .footer-box .footer-left div a:first-child {
  font-weight: bold;
  margin-bottom: 30px;
  color: #000;
}
.footer .footer-box .footer-left div:first-child {
  border: none;
}
.footer .footer-box .footer-left div:first-child a {
  text-indent: 0;
}
.footer .footer-box .footer-left div:first-child a.sm {
  text-indent: 5px;
}
.footer .footer-box .footer-left div:first-child a.sm2 {
  text-indent: 10px;
}
.footer .footer-box .footer-input {
  float: left;
  margin-left: 20px;
}
.footer .footer-box .footer-input .input-t {
  font-size: 13px;
  font-weight: bold;
  height: 25px;
  line-height: 25px;
}
.footer .footer-box .footer-input .input-t a {
  color: #000;
}
.footer .footer-box .footer-input .email {
  width: 190px;
  height: 14px;
  border: 1px solid #cdcdcd;
  border-radius: 3px;
  margin-top: 40px;
  font-size: 13px;
  padding: 13px;
}
.footer .footer-box .footer-input .email-up {
  width: 130px;
  height: 40px;
  background-color: #fed0c1;
  text-align: center;
  line-height: 40px;
  font-size: 13px;
  font-weight: bold;
  margin-top: 12px;
  cursor: pointer;
}
.footer .footer-box .concern {
  position: relative;
  width: 300px;
  margin-left: 30px;
  float: left;
}
.footer .footer-box .concern .concern-t {
  position: relative;
  font-weight: bold;
}
.footer .footer-box .concern .concern-d {
  position: relative;
  width: 100%;
  height: 30px;
}
.footer .footer-box .concern .concern-d .wqr {
  width: 210px;
  position: absolute;
  left: -245px;
  top: -40px;
  z-index: 10;
  display: none;
  box-shadow: 0px 0px 4px #888888;
}
.footer .footer-box .concern .concern-d .hover-info {
  width: 250px;
  height: 60px;
  padding: 75px 0;
  position: absolute;
  left: -245px;
  top: -40px;
  z-index: 10;
  background-color: #fff;
  font-size: 18px;
  text-align: center;
  line-height: 30px;
  display: none;
  box-shadow: 0px 0px 4px #888888;
}
.footer .footer-box .concern .concern-d .wx {
  position: relative;
  float: left;
}
.footer .footer-box .concern .concern-d .wb {
  position: relative;
  margin-left: 12px;
  float: left;
}
.footer .footer-box .concern .concern-d .yj {
  position: relative;
  margin-left: 12px;
  float: left;
}
.footer .footer-box .concern .concern-d .dh {
  position: relative;
  margin-left: 12px;
  float: left;
}
.footer .footer-box .concern .concern-f {
  white-space: nowrap;
  position: relative;
  margin-top: 25px;
  line-height: 25px;
  font-size: 12px;
}
.footer .copy-font {
  padding: 50px 0 80px 0;
}
.footer .copy-font p {
  padding: 0;
  margin: 0;
  font-size: 13px;
  line-height: 25px;
}
.footer .copy-font a {
  color: #000;
  text-decoration: underline;
}
.container {
  width: 100%;
  min-width: 1220px;
  position: relative;
  overflow: hidden;
}
.container-body {
  width: 1220px;
  margin: 0 auto;
  position: relative;
}
.btn {
  width: 260px;
  height: 38px;
  border: 2px solid #000;
  border-radius: 3px;
  color: #000;
  text-align: center;
  line-height: 38px;
  font-size: 20px;
  display: block;
  background-image: url(../img/ico-next-000.png);
  background-repeat: no-repeat;
  background-position: 195px center;
}
.btn-clear {
  background-image: url('../img/0.png') !important;
}
.btn-yellow-popup {
  cursor: pointer;
  width:100px;
  text-align: center;
  margin:20px auto;
  padding: 5px 20px;
  font-size:14px;
}
.btn-popup {
  cursor: pointer;
  border: 1px solid #000000;
  border-radius: 5px;
  width:100px;
  text-align: center;
  margin:20px auto;
  padding: 5px 20px;
  font-size:14px;
}
.btn-green-popup {
  cursor: pointer;
}
.btn-fff-popup {
  cursor: pointer;
}
.btn-hand {
  cursor: pointer;
}
.topkv {
  min-height: 987px;
}
.topkv .mbg {
  position: absolute;
  left: 50%;
  margin-left: -960px;
  top: 0;
}
.topkv h2 {
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 40px;
  position: absolute;
  left: 0px;
  top: 435px;
  margin: 0;
}
.topkv h21 {
  width: 100%;
  height: 40px;
  line-height: 5px;
  text-align: center;
  font-size: 40px;
  position: absolute;
  left: 56px;
  top: 260px;
  margin: 0;
}
.topkv h22 {
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 40px;
  position: absolute;
  left: 0px;
  top: 320px;
  margin: 0;
}
.topkv .h3 {
  width: 100%;
  padding: 0px 15%;
  box-sizing: border-box;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  position: absolute;
  left: 0px;
  top: 505px;
}
.topkv .h3 p {
  margin: 0;
  padding: 0;
}
.topkv .h3 span.left-to {
  width: 720px;
  margin: 0 auto;
  text-align: left;
  display: block;
}
.topkv .h3 span.right-to {
  width: 720px;
  margin: 0 auto;
  text-align: right;
  display: block;
}
.topkv .h31 {
  width: 100%;
  padding: 20px 15%;
  box-sizing: border-box;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  position: absolute;
  left: 56px;
  top: 335px;
}
.topkv .h31 span.left-to {
  width: 720px;
  margin: 0 auto;
  text-align: left;
  display: block;
}
.topkv .h31 span.right-to {
  width: 720px;
  margin: 0 auto;
  text-align: right;
  display: block;
}
.topkv .h32 {
  width: 100%;
  padding: 0px 15%;
  box-sizing: border-box;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  position: absolute;
  left: 0px;
  top: 400px;
}
.topkv .h32 span.left-to {
  width: 720px;
  margin: 0 auto;
  text-align: left;
  display: block;
}
.topkv .h32 span.right-to {
  width: 720px;
  margin: 0 auto;
  text-align: right;
  display: block;
}
.topkv .btn-more {
  position: absolute;
  left: 50%;
  margin-left: -132px;
  top: 420px;
}
.topkv.fff h2 {
  color: #fff;
}
.topkv.fff .h3 {
  color: #fff;
}
.topkv.small {
  min-height: 642px;
  background-size:contain;
  background-repeat: no-repeat;
}
.topkv.small h2 {
  top: 257px;
}
.topkv.small .h3 {
  top: 335px;
}
.topkv.small2 {
  min-height: 642px;
}
.topkv.small2 h2 {
  top: 273px;
}
.topkv.small2 .h3 {
  top: 351px;
}
.left-right {
  min-height: 735px;
}
.left-right .left {
  width: 50%;
  height: 735px;
  float: left;
  background-color: #e7e72f;
  position: relative;
}
.left-right .right {
  width: 50%;
  height: 735px;
  float: left;
  position: relative;
  overflow: hidden;
}
.left-right .right .cbox {
  width: 460px;
  padding: 80px 90px;
  background-color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -320px;
  margin-top: -135px;
  font-size: 18px;
  line-height: 25px;
  text-align: left;
}
.left-right h2 {
  width: 100%;
  height: 30px;
  line-height: 30px;
  text-align: center;
  position: absolute;
  left: 0;
  top: 310px;
  font-weight: normal;
  font-size: 30px;
  margin: 0;
}
.left-right .h3 {
  width: 100%;
  height: 30px;
  line-height: 30px;
  text-align: center;
  position: absolute;
  left: 0;
  top: 380px;
  font-size: 20px;
}
.left-right .btn-more {
  position: absolute;
  left: 50%;
  margin-left: -130px;
  top: 470px;
}
.left-right .right-arr {
  position: absolute;
  right: -34px;
  top: 50%;
  margin-top: -34px;
  z-index: 10;
}
.left-right .left-arr {
  position: absolute;
  left: -34px;
  top: 50%;
  margin-top: -34px;
  z-index: 10;
}
.left-right .center-img {
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -480px;
}
.left-right.yellow-right .left {
  overflow: hidden;
}
.left-right.yellow-right .right {
  overflow: visible;
  background-color: #e7e72f;
}
.left-right.white{color:#000000}
.left-right.white .left {
  overflow: hidden;
}
.left-right.white .right {
  overflow: visible;
}
.left-right.pink .left {
  overflow: hidden;
}
.left-right.pink .right {
  overflow: visible;
  background-color: #fed0c1;
}
.left-right.pink-left .left {
  background-color: #fed0c1;
}
.left-right.white-left .left {
  background-color: #fff;
}
.center-info {
  height: 460px;
  background: url(../img/think/inspiration-bg.jpg) no-repeat center;
}
.center-info p {
  width: 100%;
  height: 30px;
  line-height: 30px;
  text-align: center;
  top: 50%;
  margin-top: -15px;
  margin: 0;
  padding: 0;
  position: absolute;
  font-size: 30px;
  color: #fff;
}
.auto-banner {
  position: relative;
  width: 100%;
  min-width: 1220px;
  height: 794px;
  overflow: hidden;
}
.auto-banner .swipe-ele {
  width: 1920px;
  height: 100%;
  position: absolute;
  left: 50%;
  margin-left: -960px;
  top: 0;
}
.auto-banner .swipe-ele .swiper-slide {
  position: relative;
}
.auto-banner .swipe-ele .w100 {
  width: 100%;
  height: 100%;
  display: block;
}
.auto-banner .swipe-ele h4 {
  width: 100%;
  height: 30px;
  line-height: 30px;
  /* color: #fff; */
  text-align: center;
  position: absolute;
  left: 0;
  top: 240px;
  font-size: 30px;
  font-weight: normal;
  margin: 0;
}
.auto-banner .swipe-ele .h5 {
  width: 100%;
  text-align: center;
  font-size: 20px;
  line-height: 30px;
  /* color: #fff; */
  position: absolute;
  left: 0;
  top: 300px;
}
.auto-banner .swipe-ele .btn-link {
  width: 260px;
  height: 38px;
  border: 2px solid #000;
  position: absolute;
  left: 50%;
  margin-left: -130px;
  top: 395px;
  border-radius: 3px;
  color: #000;
  text-align: center;
  line-height: 38px;
  font-size: 20px;
  background: url(../img/ico-next-000.png) no-repeat 175px center;
}
.grow .tpbox {
  width: 100%;
  height: 480px;
  background: url(../img/about/growup-bg.jpg) no-repeat center bottom;
  position: relative;
}
.grow .tpbox h2 {
  width: 100%;
  height: 30px;
  color: #fff;
  line-height: 30px;
  text-align: center;
  position: absolute;
  left: 0;
  top: 90px;
  font-weight: normal;
}
.grow .tpbox .lp-history {
  width: 260px;
  height: 38px;
  border: 2px solid #fff;
  position: absolute;
  left: 50%;
  margin-left: -130px;
  top: 200px;
  border-radius: 3px;
  color: #fff;
  text-align: center;
  line-height: 38px;
  font-size: 20px;
  background: url(../img/ico-next.png) no-repeat 175px center;
}
.grow .tpbox .arrow-left {
  background: url(../img/arrows.png) no-repeat left top;
  position: absolute;
  left: 50%;
  margin-left: -650px;
  top: 363px;
  width: 17px;
  height: 30px;
}
.grow .tpbox .arrow-right {
  background: url(../img/arrows.png) no-repeat left bottom;
  position: absolute;
  left: 50%;
  margin-left: 650px;
  top: 363px;
  width: 17px;
  height: 30px;
}
.grow .tpbox .grow-list {
  width: 1220px;
  height: 245px;
  position: absolute;
  left: 50%;
  margin-left: -610px;
  top: 360px;
  overflow: hidden;
  z-index: 100;
}
.grow .tpbox .grow-list div.swiper-slide {
  width: 98px;
  height: 38px;
  float: left;
  border: 2px solid #fff;
  text-align: center;
  font-size: 20px;
  border-radius: 2px;
  color: #fff;
  line-height: 38px;
  position: relative;
  margin-left: 35px;
  cursor: pointer;
  overflow: visible;
  box-sizing: border-box;
}
.grow .tpbox .grow-list div.swiper-slide span {
  width: 35px;
  height: 2px;
  background-color: #fff;
  position: absolute;
  left: -37px;
  top: 20px;
}
.grow .tpbox .grow-list div.swiper-slide img {
  position: absolute;
  left: 12px;
  bottom: -84px;
  display: none;
}
.grow .tpbox .grow-list div.swiper-slide:first-child {
  margin-left: 0;
}
.grow .tpbox .grow-list div.swiper-slide:first-child span {
  display: none;
}
.grow .tpbox .grow-list div.swiper-slide.on {
  border: 2px solid #fed0c1;
  background: #fed0c1;
  color: #000;
}
.grow .tpbox .grow-list div.swiper-slide.on img {
  display: block;
}
.grow .ifbox {
  width: 100%;
  min-height: 300px;
  background-color: #fed0c1;
  position: relative;
}
.grow .ifbox .grow-info {
  width: 100%;
  overflow: hidden;
  display: none;
}
.grow .ifbox .grow-info h2 {
  width: 100%;
  font-size: 30px;
  text-align: center;
  line-height: 30px;
  margin: 90px auto 0 auto;
  font-weight: normal;
}
.grow .ifbox .grow-info div {
  margin: 40px auto 0 auto;
  text-align: center;
  line-height: 30px;
  font-size: 20px;
}
.grow .ifbox .grow-info .btn-more {
  display: inline-block;
  margin: 40px auto;
}
.grow .ifbox .grow-info:first-child {
  display: block;
}
.left-right-box {
  height: 735px;
}
.left-right-box .left {
  width: 610px;
  height: 275px;
  background-color: #e7e72f;
  position: absolute;
  left: 50%;
  margin-left: -610px;
  top: 300px;
}
.left-right-box .left h2 {
  width: 360px;
  height: 30px;
  line-height: 30px;
  font-size: 30px;
  position: absolute;
  left: 230px;
  top: 80px;
  font-weight: normal;
  padding: 0;
  margin: 0;
}
.left-right-box .left .h3 {
  width: 360px;
  position: absolute;
  left: 170px;
  top: 140px;
  font-size: 20px;
  line-height: 30px;
}
.left-right-box .right {
  width: 610px;
  height: 275px;
  background-color: #fff;
  position: absolute;
  left: 50%;
  margin-left: 0px;
  top: 300px;
}
.left-right-box .right .btn-more {
  width: 170px;
  height: 25px;
  background: url(../img/ico-next-000.png) no-repeat right center;
  font-size: 25px;
  line-height: 25px;
  position: absolute;
  left: 255px;
  top: 125px;
  color: #000;
}
.x9box .x9head {
  width: 100%;
  height: 262px;
  background-color: #e7e72f;
  position: relative;
}
.x9box .x9head .ar-yl-b {
  position: absolute;
  left: 50%;
  top: 262px;
  z-index: 10;
  margin-left: -34px;
}
.x9box .x9head h2 {
  width: 100%;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 30px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  position: absolute;
  left: 0;
  top: 85px;
}
.x9box .x9head .h3 {
  width: 100%;
  line-height: 20px;
  text-align: center;
  font-size: 20px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  position: absolute;
  left: 0;
  top: 150px;
}
.x9box .x9body {
  width: 100%;
  height: 935px;
  position: relative;
}
.x9box .x9body .body-box {
  width: 1220px;
  height: 100%;
  position: absolute;
  left: 50%;
  margin-left: -610px;
}
.x9box .x9body .body-box .row {
  width: 100%;
  margin: 0 auto;
  clear: both;
}
.x9box .x9body .body-box .row .section-box {
  width: 600px;
  display: inline-block;
  margin-right: 14px;
  background-color: #FFFFFF;
}
.x9box .x9body .body-box .row .section-box:last-child {margin-right:0;}
.x9box .x9body .body-box .row .section-box .sub-title{
  text-align: center;
  line-height: 80px;
  font-size:20px;
}
.x9box .x9body .body-box .row .section-box ul li{
  display: block;
  list-style: none;
  color: #000000;
  height:40px;
  line-height: 40px;
}
.x9box .x9body .body-box .row .section-box ul li a{
  color: #000000;
}
.x9box .x9body .body-box .row .section-box ul li div{display: inline-block}
.x9box .x9body .body-box .row .section-box ul li .dot{color:gray;}
.x9box .x9body .body-box .row .section-box ul li .title{width:313px;}
 .preview{width:110px;background: url('../img/icon-preview.png') no-repeat left center;text-align: center;}
 .download{width:110px;background: url('../img/icon-download.png') no-repeat left center;text-align: center;}
.section-box table{width:80%;margin:50px auto;}
.section-box table tr th{color:gray;}
.section-box table tr td{text-align:center;height:40px;line-height: 40px;}
.section-box table tr td span{display: inline-block;}
.section-box table tr td span a{color:black}
.section-box table tr td.left{text-align: left}
.x9box .x9body .body-box .row div span img {
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
}
.x9box .x9body .body-box .row div:first-child,
.x9box .x9body .body-box .row div.first {
  margin-left: 0;
}
.x9box.pink {
  background-color: #fed0c1;
  height: 934px;
}
.x9box.pink .x9head {
  background-color: #fed0c1;
  height: 242px;
}
.x9box.pink .x9head h2 {
  top: 122px;
}
.x9box.pink .x9head .ar-yl-b {
  top: 242px;
}
.x9box.yellow .x9body {
  height: 800px;
  clear:both;
}
.x9box.yellow .x9body .body-box {
  width:1220px;
}
.x9box.yellow .x9body .body-box div span {
  color: #000;
}
.x9box.yellow .x9body .body-box div.fed0c1 {
  background-color: #fed0c1;
}
.x9box.yellow .x9body .body-box div.ffffff {
  background-color: #ffffff;
}
.x9box.yellow .x9body .body-box div.hex60cdc9 {
  background-color: #60cdc9;
}
.x9box.smh704 .x9head {
  height: 370px;
}
.x9box.smh704 .x9head .btn {
  position: absolute;
  left: 50%;
  margin-left: -130px;
  top: 250px;
}
.x9box.smh704 .x9head .ar-yl-b {
  top: 370px;
}
.x9box.smh704 .x9body {
  height: 704px;
}
.x9box.just-pink {
  background-color: #fed0c1;
}
.x9box.just-pink .x9head {
  background-color: #fed0c1;
}
.info-swipe h2 {
  top: 165px;
}
.info-swipe .i-sub-title {
  top: 235px;
}
.info-swipe .swipe-info {
  width: 1220px;
  height: 680px;
  left: 50%;
  margin-left: -610px;
  bottom: 0;
  position: absolute;
  overflow: hidden;
}
.info-swipe .swipe-info .swiper-pagination-switch {
  border: 1px solid #000;
}
.info-swipe .swipe-info .swiper-active-switch {
  background-color: #000;
}
.info-swipe .swipe-info .swiper-slide div {
  width: 282px;
  height: 282px;
  float: left;
  margin-left: 183px;
}
.info-swipe .swipe-info .swiper-slide div img {
  width: 282px;
  height: 282px;
  border-radius: 50%;
}
.info-swipe .swipe-info .swiper-slide div span {
  width: 100%;
  line-height: 30px;
  text-align: center;
  display: block;
  font-size: 20px;
  margin-top: 10px;
}
.info-swipe .swipe-info .swiper-slide div:first-child {
  margin-left: 0;
}
.info-swipe .swipe-info .btn-more {
  position: absolute;
  left: 50%;
  top: 440px;
  margin-left: -130px;
}
.nav-head {
  width: 100%;
  height: 43px;
  padding: 35px 0;
}
.nav-head div {
  width: 396px;
  height: 39px;
  float: left;
  border: 2px solid #000;
  font-size: 20px;
  line-height: 39px;
  text-align: center;
  margin-left: 10px;
  border-radius: 2px;
  cursor: pointer;
}
.nav-head div:first-child {
  margin-left: 0;
}
.nav-head div.on {
  background-color: #60cdc9;
  border: 2px solid #60cdc9;
}
.nav-head.x2 div {
  width: 601px;
}
.nav-head.news-tab div {
  width: 465px;
}
.nav-head.news-tab .search {
  width: 255px;
}
.nav-head.news-tab .search input {
  border: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  outline: none;
  background-color: transparent;
  padding: 0 10% 0 15%;
  font-size: 18px;
  color: #333;
  background: url(../img/ico-search.png) 15px center no-repeat;
}
.list-body .one {
  width: 25%;
  height: 560px;
  float: left;
}
.list-body .one img {
  width: 100%;
  height: 274px;
  display: block;
}
.list-body .one span {
  width: 100%;
  display: block;
  margin: 0 auto;
  font-size: 14px;
  line-height: 30px;
  clear: both;
  text-align: center;
  color: #777;
}
.list-body .one span.name {
  font-size: 24px;
  padding-top: 25px;
  padding-bottom: 15px;
  color: #009EE3;
}
.list-body .one.sm {
  width: 250px;
  padding-left: 70px;
}
.list-body .one.sm img {
  width: 250px;
  height: 250px;
  display: block;
  border-radius: 50%;
}
.list-body .one.sm.first {
  padding-left: 0;
}
.list-body .one-line {
  position: relative;
  float: left;
  text-align: left;
  padding-bottom: 40px;
  font-size: 26px;
}
.list-body .news {
  width: 100%;
  height: 444px;
  position: relative;
}
.list-body .news .h2 {
  color: #fff;
  top: 130px;
}
.list-body .news .h3 {
  color: #fff;
  top: 180px;
}
.list-body .news .btn {
  position: absolute;
  left: 50%;
  margin-left: -130px;
  top: 280px;
  background-color: #fed0c1;
  border: 2px solid #fed0c1;
}
.list-body .news .btn.yellow {
  background-color: #e7e72f;
  border: 2px solid #e7e72f;
}
.list-body .news .btn.green {
  background-color: #60cdc9;
  border: 2px solid #60cdc9;
}
.lr-news-body {
  width: 100%;
  padding: 44px 0 0 0;
}
/* Start 小狐新增20181017 */
.lr-news-body .news-box {
  width: 100%;
  margin: 60px 0;
  clear: both;
}
.lr-news-body .news-box .h2 {
  width: 100%;
  height: 35px;
  line-height: 35px;
  font-size: 30px;
  margin-bottom: 20px;
}
.lr-news-body .news-box .h3.leftto {
  text-align: justify;
  line-height: 30px;
  font-size:18px;
}
.lr-news-body .news-box.right .n-img {
  float:left;
  width: 577px;
  margin-right: 60px;
  margin-left: 0px;
}
.lr-news-body .news-box .n-img {
  float:right;
  width: 577px;
  margin-left: 60px;
}
.lr-news-body .news-box .btn-yellow-popup{
  text-align: center;
  margin: 0;
  margin-top:20px;
  font-size:20px;
}
.lr-news-body .news-box.right .btn-yellow-popup{
  margin-left: 638px;
  margin-top:20px;
}
/* End 小狐新增20181017 */

/* Start 小狐修改20181206 */
.lr-news-body .news {
  width: 100%;
  min-height: 300px;
  margin: 44px 0;
  clear:both;
}
.lr-news-body .news .h2 {
  width: 576px;
  line-height: 35px;
  text-align: right;
  font-size: 30px;
}
.lr-news-body .news .h2 span {
  width: 46px;
  height: 2px;
  background-color: #000;
}
.lr-news-body .news .h3 {
  width: 576px;
  line-height: 30px;
  margin-top: 30px;
  text-align: justify;
  font-size: 18px;
  word-wrap: break-word;
}
.lr-news-body .news .h3.leftto {
  text-align: justify;
}
.lr-news-body .news .more {
  line-height: 30px;
  font-size:18px;
  width: 576px;
  text-align: right;
}
.lr-news-body .news .n-img {
  float:right;
  width: 577px;
}
.lr-news-body .news .btn-more {
  margin-top:30px;
  display: inline-block;
}
.lr-news-body .news.right .h2 {
  text-align: left;
  float: right;
}
.lr-news-body .news.right .h2 span {
  left: 0;
}
.lr-news-body .news.right .h3 {
  text-align: justify;
  float: right;
}
.lr-news-body .news.right .n-img {
  float:left;
  width: 577px;
}
.lr-news-body .news.right .more {
  line-height: 30px;
  font-size:18px;
  width: 576px;
  text-align: left;
  float:right;
}
.lr-news-body .news.right .btn-more {
  margin-top:30px;
  display: inline-block;
}
/* End 小狐修改20181206 */
.snews-body {
  width: 100%;
  padding: 44px 0 0 0;
}
.snews-body .snews {
  width: 100%;
  height: 274px;
  margin: 44px 0;
  position: relative;
  display: inline-block;
}
.snews-body .snews .n-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 420px;
  height: 274px;
}
.snews-body .snews .h2and3 {
  width: 760px;
  height: auto;
  position: absolute;
  right: 0;
  top: 5px;
}
.snews-body .snews .h2and3 .h2 {
  width: 760px;
  line-height: 35px;
  font-size: 30px;
}
.snews-body .snews .h2and3 .h21 {
  width: 760px;
  padding-top: 0px;
  line-height: 50px;
  height: 30px;
  font-size: 18px;
}
.snews-body .snews .h2and3 .h3 {
  width: 760px;
  padding-top: 10px;
  line-height: 30px;
  font-size: 18px;
  word-wrap: break-word;
}
.snews-body .snews .btn-more {
  position: absolute;
  left: 462px;
  top: 233px;
}
.snews-body .snews-simple {
  width: 100%;
  height: auto;
  margin: 44px 0;
  position: relative;
  display: inline-block;
}
.snews-body .snews-simple .h2 {
  width: 100%;
  line-height: 40px;
  font-size: 30px;
}
.snews-body .snews-simple .h3 {
  width: 100%;
  line-height: 30px;
  margin-top: 15px;
  font-size: 18px;
  word-wrap: break-word;
}
.snews-body .snews-simple .btn-more {
  margin-top: 15px;
}
.t2box {
  width: 100%;
  height: 735px;
  background-color: #60cdc9;
  position: relative;
}
.t2box .top-arr {
  position: absolute;
  left: 50%;
  margin-left: -34px;
  top: 0;
}
.t2box .left-d {
  width: 610px;
  height: 274px;
  position: absolute;
  left: 50%;
  margin-left: -610px;
  top: 230px;
}
.t2box .right-d {
  width: 610px;
  height: 274px;
  position: absolute;
  left: 50%;
  margin-left: 0px;
  top: 230px;
}
.t2box .btn {
  position: absolute;
  left: 50%;
  margin-left: -130px;
  top: 118px;
  border: 2px solid #e7e72f;
  background-color: #e7e72f;
  background-position: 208px center;
}
.t2box .btn.white {
  border: 2px solid #fff;
  background-color: #fff;
}
.t2box .qr-title {
  top: 170px;
  color: #3a3a3a;
}
.t2box .qr {
  width: 274px;
  position: absolute;
  left: 50%;
  margin-left: -137px;
  top: 242px;
}
.x3box {
  width: 100%;
  padding: 200px 0;
  overflow: hidden;
}
.x3box div {
  width: 306px;
  height: 326px;
  background-color: #e7e72f;
  float: left;
  margin-left: 150px;
  position: relative;
}
.x3box div.item-mt{clear:both;width:100%}
.x3box div .bimg {
  width: 100%;
  height: 100%;
}
.x3box div h2 {
  font-size: 25px;
  top: 125px;
}
.x3box div .smtt {
  top: 80px;
}
.x3box div .download {
  width: 195px;
  background-position: 130px center;
  position: absolute;
  left: 50%;
  margin-left: -97.5px;
  top: 150px;
}
.x3box div.green {
  background-color: #60cdc9;
}
.x3box div.pink {
  background-color: #fed0c1;
}
.x3box div.mgz {
  height: 370px;
  margin-bottom: 50px;
}
.x3box div.mgz .smtt {
  top: 130px;
}
.x3box div.mgz .download {
  top: 200px;
}
.x3box div.fff h2 {
  color: #fff;
}
.x3box div.fff .download {
  color: #fff;
  border: 2px solid #fff;
  background-image: url(../img/ico-next-fff.png);
}
.x3box div.span {
  background-color: transparent;
}
.x3box div:first-child,
.x3box div.first {
  margin-left: 0;
}
.x3box .pls-wait {
  width: 100%;
  height: 50px;
  text-align: center;
  line-height: 50px;
  background-color: transparent;
  font-size: 20px;
}
.h622 {
  height: 622px;
  min-height: 622px;
  overflow: hidden;
}
.h622 .btn {
  width: 390px;
  background: #e7e72f;
  border: 2px solid #e7e72f;
  position: absolute;
  left: 50%;
  margin-left: -195px;
  top: 245px;
}
.h622 .btn.gray {
  background: #fed0c1;
  border: 2px solid #fed0c1;
}
.h622 .i-sub-title {
  width: 80%;
  margin-left: 10%;
  top: 315px;
}
.we-story .btn {
  width: 390px;
  left: 50%;
  margin-left: -195px;
  top: 245px;
  position: absolute;
  background-color: #fff;
  border: 2px solid #fff;
  background-position: 255px center;
}
.we-story .i-sub-title {
  top: 333px;
}
.we-story .center-img {
  width: 100%;
}
.x4box {
  height: 640px;
}
.x4box .i-title {
  top: 120px;
}
.x4box .i-sub-title {
  top: 200px;
}
.x4box .btn {
  left: 50%;
  margin-left: -130px;
  top: 280px;
  position: absolute;
}
.x4box .box-body {
  width: 100%;
  height: 274px;
  position: absolute;
  left: 0;
  top: 245px;
}
.x4box .box-body div {
  width: 25%;
  height: 274px;
  float: left;
  position: relative;
}
.x4box .box-body div img.ab {
  width: 100%;
  height: 100%;
}
.x4box .box-body div span {
  width: 95%;
  padding:0 10px;
  height: auto;
  display: block;
  position: absolute;
  left: 0px;
  top: 100px;
  font-size: 20px;
  line-height: 30px;
  color: #fff;
  text-align: center;
}
.x4box .box-body div span img {
  padding-left: 2px;
  vertical-align: middle;
  margin-top: -2px;
}
.x4box.green {
  height: 440px;
  background-color: #60cdc9;
}
.slide-center {
  width: 1220px;
  height: 274px;
  position: absolute;
  left: 50%;
  margin-left: -610px;
  top: 234px;
  background-color: #ccc;
  overflow: hidden;
}
.slide-center .swiper-pagination {
  bottom: 20px;
}
.search-box {
  height: 377px;
  background-color: #e7e72f;
  overflow: visible;
}
.search-box .arr-yellow-b {
  position: absolute;
  left: 50%;
  margin-left: -34px;
  top: 377px;
  z-index: 10;
}
.search-box .container-body {
  height: 377px;
  position: relative;
}
.search-box .container-body .i-title {
  top: 135px;
}
.search-box .container-body .s {
  width: 100%;
  height: 41px;
  box-sizing: border-box;
  border: 1px solid #a1a121;
  position: absolute;
  left: 0;
  top: 200px;
  background-color: transparent;
  text-indent: 15px;
  font-size: 14px;
  line-height: 39px;
  color: #000;
}
.search-box .container-body .submit {
  width: 186px;
  height: 41px;
  position: absolute;
  top: 200px;
  right: 0;
  border: none;
  outline: none;
  cursor: pointer;
  background: #60cdc9 url(../img/ico-search.png) no-repeat center;
}
.our-email {
  padding-top:60px;
  padding-bottom:60px;
  background-color: #fed0c1;
}
.our-email .i-title {
  margin-top: 40px;
  position: initial;
}
.our-email .i-sub-title {
  margin-top: 60px;
  position: initial;
  line-height: 200%;
}
.our-email .i-sub-title p {
  margin: 0;
  padding: 0;
}
.search-list {
  padding-top: 30px;
  padding-bottom: 110px;
}
.search-list .i-title {
  position: relative;
  height: 94px;
  line-height: 94px;
  padding-top: 20px;
}
.search-list .i-sub-title {
  position: relative;
  padding-bottom: 20px;
}
.search-list .x4job {
  width: 100%;
  overflow: hidden;
}
.search-list .x4job div {
  width: 25%;
  height: 274px;
  float: left;
  position: relative;
  cursor: pointer;
}
.search-list .x4job div .ab {
  width: 100%;
  height: 100%;
}
.search-list .x4job div span {
  width: 250px;
  height: auto;
  position: absolute;
  left: 50%;
  margin-left: -125px;
  top: 85px;
  font-size: 20px;
  color: #fff;
  text-align: center;
  line-height: 30px;
}
.rich-text {
  padding: 90px 0;
}
.rich-text .i-title {
  position: relative;
  height: auto;
  line-height: 50px;
}
.rich-text .i-title span {
  width: 46px;
  height: 2px;
  background-color: #000;
  position: absolute;
  left: 50%;
  margin-left: -23px;
  bottom: -10px;
}
.rich-text .font-time {
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin-top: 15px;
  font-size: 16px;
}
.rich-text .texts {
  width: 100%;
  line-height: 30px;
  font-size: 20px;
  word-wrap: break-word;
  padding-top: 20px;
}
.rich-text .texts p {
  margin: 0;
  padding: 0;
  line-height: 180%;
}
.rich-text .texts.news-rich-text {
  text-align: left;
}
.contact {
  height: 560px;
  background-color: #60cdc9;
}
.contact .i-title {
  top: 140px;
}
.contact .i-sub-title {
  top: 260px;
}
.contact .i-sub-title dl dt{
  float:left;
  width:290px;
  text-align: right;
  font-size: 18px;
  line-height: 36px;
}
.contact .i-sub-title dl dd{
  padding-left: 280px;
  text-align: left;
  font-size: 18px;
  line-height: 36px;
}
.contact .i-input {
  width: 247px;
  height: 40px;
  padding: 0 15px;
  border: none;
  background-color: #fff;
  border-radius: 2px;
  outline: none;
  font-size: 14px;
  line-height: 40px;
  box-sizing: border-box;
}
.contact .i-textarea {
  width: 100%;
  height: 160px;
  padding: 0 15px;
  border: none;
  background-color: #fff;
  border-radius: 2px;
  outline: none;
  font-size: 14px;
  line-height: 40px;
  box-sizing: border-box;
}
.contact .i1 {
  position: absolute;
  left: 0;
  top: 335px;
}
.contact .i2 {
  position: absolute;
  left: 322px;
  top: 335px;
}
.contact .i3 {
  position: absolute;
  left: 648px;
  top: 335px;
}
.contact .i4 {
  position: absolute;
  left: auto;
  right: 0;
  top: 335px;
}
.contact .i5 {
  width: 100%;
  position: absolute;
  left: 0;
  top: 455px;
}
.contact .i6 {
  width: 100%;
  position: absolute;
  left: 0;
  top: 522px;
}
.contact .submit {
  width: 250px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #000;
  text-align: center;
  position: absolute;
  left: 50%;
  margin-left: -125px;
  top: 730px;
  background-color: #fed0c1;
  border: none;
  outline: none;
  display: block;
  cursor: pointer;
}
.lp-popup {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 999;
  display: none;
}
.lp-popup .pop {
  width: 1220px;
  height: 500px;
  position: absolute;
  left: 50%;
  margin-left: -610px;
  top: 50%;
  margin-top: -250px;
  background-color: #fed0c1;
}
.lp-popup .pop .i-title {
  top: 70px;
  line-height: 46px;
}
.lp-popup .pop .ts {
  width: 830px;
  height: 330px;
  position: absolute;
  left: 50%;
  margin-left: -415px;
  top: 135px;
  font-size: 20px;
  line-height: 30px;
}
.lp-popup .pop .close {
  position: absolute;
  top: 30px;
  right: 30px;
  cursor: pointer;
}
.info-popup {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 999;
  display: none;
}
.info-popup .pop {
  width: 1220px;
  height: 500px;
  position: absolute;
  left: 50%;
  margin-left: -610px;
  top: 50%;
  margin-top: -250px;
  background-color: #fed0c1;
}
.info-popup .pop .ts {
  width: 1070px;
  padding: 0 35px;
  height: 370px;
  position: absolute;
  left: 50%;
  margin-left: -570px;
  top: 65px;
  font-size: 20px;
  line-height: 30px;
}
.info-popup .pop .ts .i-title {
  position: relative;
  padding: 10px 0 20px 0;
  height: auto;
  line-height: 46px;
}
.info-popup .pop .ts .i-title span {
  font-size: 26px;
}
.info-popup .pop .ts .i-title2 {
  position: relative;
  padding: 10px 0 20px 0;
  height: auto;
  line-height: 46px;
  font-size: 20px;
}
.info-popup .pop .ts .i-sub-title {
  position: relative;
  padding: 10px 0 10px 0;
  height: auto;
  line-height: 35px;
  font-size: 30px;
}
.info-popup .pop .ts .m-content {
  width: 100%;
  font-size: 20px;
  line-height: 30px;
  text-align: justify;
}
.info-popup .pop .close {
  position: absolute;
  top: 30px;
  right: 30px;
  cursor: pointer;
}
.info-popup.green .pop {
  background-color: #fed0c1;
}
.info-popup.fff .pop {
  background-color: #fff;
}
.info-popup.fff .pop .ts {
  color: #000;
}
.down-line {
  width: 100%;
  height: 60px;
  line-height: 60px;
  display: block;
  text-align: center;
  color: #000;
}
.down-line span {
  width: 27px;
  height: 27px;
  border-radius: 50%;
  background-color: #000;
  color: #fff;
  line-height: 27px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  margin-top: -5px;
}
.swipe-news {
  width: 1920px;
  height: 642px;
}
.swipe-news .btn-more {
  position: absolute;
  left: 50%;
  margin-left: -130px;
  top: 465px;
  color: #fff;
  border: 2px solid #fff;
  background-image: url(../img/ico-next-fff.png);
}
.section-title{font-size:24px;margin:60px auto;text-align:center;}
.white {color:white}
.white.btn{border-color:white;background-image: none}
.black {color:black}
.col-md-3 {
  width: 305px;
  height: 274px;
  float: left;
  margin-left: 152px;
  position: relative;
  margin-top: 50px;
  margin-bottom: 50px;
}
.col-md-3.first{margin-left:0}
.col-md-3 span{
  width: 100%;
    height: 25px;
    line-height: 25px;
    font-size: 25px;
    text-align: center;
    color: #fff;
    position: absolute;
    left: 0;
    top: 125px;
}
.hidden {display:none}
.section-container{
  width: 100%;
  min-width: 1220px;
  position: relative;
}
.section-container img {width:100%;}
.section-container .h2{
  position: absolute;
  top:90px;
  text-align:center;
  width:100%;
  font-size:36px;
  font-weight: bold;
}
.section-container .h3{
  position: absolute;
  top:160px;
  text-align:center;
  width:100%;
  font-size:24px;
}
.section-container .h3 a{
    border: 1px solid #000;
    border-radius: 3px;
    color: #000;
    text-align: center;
    font-size: 18px;
    display: block;
    padding:10px 5px;
    width:200px;
    display: inline-block;
}
.section-content{
  width:1220px;
  margin: 0 auto;
}
.section-sub-title { position: relative; z-index: 2; font-size: 24px; line-height: 24px; text-align: center; overflow: hidden; margin-top:50px;}
.section-sub-title .caption { position: relative; display: inline-block; }
.section-sub-title .caption .line { position: absolute; top: 11px; width: 600px; height: 1px; background-color: #ddd; }
.section-sub-title .caption .line-l { right: 100%; margin-right: 15px; }
.section-sub-title .caption .line-r { left: 100%; margin-left: 15px; }
.series_list {
  padding-top: 30px;
  position: relative;
}
.series_list li {
  float: left;
  width: 220px;
  text-align: center;
  margin-right: 100px;
  list-style: none
}
.series_list li:last-child {
  margin-right: 0px;
}
.series_list li img {
  width: 100%;
}
.series_list li p {
  font-size: 18px;
  color:#ab1600;
}
.section-content .section-more-btn{clear:both;margin:50px auto;text-align: center;padding-top:30px;}
.section-content .section-more-btn a{
  border: 1px solid #000;
  border-radius: 3px;
  color: #000;
  text-align: center;
  font-size: 14px;
  display: block;
  padding:10px 5px;
  width:160px;
  display: inline-block;
}
.subpage-container{
  width:950px;
  clear: both;
  margin: 120px auto;
}
.subpage-container .subpage-box{
  float: left;
  width:450px;
  height: 300px;
  margin-right:50px;
}
.subpage-container .subpage-box.nr{
  margin-right: 0;
}
.subpage-container .subpage-box .title{
  font-size: 20px;
  text-align: center;
  display: block;
  width: 50%;
  margin-top: 132px;
}
.subpage-container .subpage-box .sub-title{
  font-size: 16px;
  text-align: center;
  display: block;
  width: 50%;
  margin-top: 15px;
}
.subpage-container .subpage-box3{
  float: left;
  width:300px;
  height: 300px;
  margin-right:25px;
}
.subpage-container .subpage-box3.nr{
  margin-right: 0;
}
.subpage-container .subpage-box3 .title{
  font-size: 20px;
  text-align: center;
  display: block;
  width: 120px;
  margin: 0 auto;
  margin-top: 132px;
  background-color: rgba(252, 208, 195, 0.7);
  padding: 10px 20px;
  border-radius: 2px;
}
.subpage-container .subpage-box4 .title{
  font-size: 20px;
  text-align: center;
  display: block;
  width: 50%;
  margin-top: 132px;
  padding-left: 50%;
}
.series_list2 .swiper-slide{
  /* width:309px; */
  width: 180px;
  text-align: center;
  float:left;
  margin-right: 36px;
}
.series_list2 .swiper-slide:nth-child(4n){
  margin-right: 0px;
}
.series_list2 {
  /* padding-top: 30px; */
  /* position: relative; */
  width: 830px;
  /* height: 370px; */
  margin:0 auto;
  overflow: hidden;
}
.series_list2 img {
  width: 100%;
}
.series_list2 .swiper-slide p{margin-top:0;}