body {  background-color: #fff; } .huodong-banner {  background-image: url('66cf9af294a5fd0becbb247fce18c449.png');  background-position: center;  background-repeat: no-repeat;  background-size: 100% 100%;  height: 70px; } .huodong-entry-btn {  position: fixed;  width: 158px;  height: 127px;  bottom: 450px;  z-index: 1024;  right: 1px; } .scan-code {  position: fixed;  z-index: 1024;  bottom: 250px;  right: 10px;  background-image: url('5ca733860b04d544c5ae998dd07f57c0.png');  height: 158px;  width: 124px;  background-repeat: no-repeat; } .scan-code>img {  width: 90px;  position: relative;  left: 15px;  top: 17px; } #dialog, #biaowang-dialog {  position: fixed;  left: 0;  right: 0;  top: 0;  bottom: 0;  background-color: rgba(0,0,0,.5);  display: none; } #dialog > .dialog-body, #biaowang-dialog > .dialog-body {  position: fixed;  left: 50%;  transform: translate(-50%, -60%);  top: 50%; }  #biaowang-dialog > .dialog-body {  width: 550px;  padding: 26px 27px 31px 27px;  box-sizing: border-box;  background: #fff;  z-index: 99999;  border-radius: 8px; }  #biaowang-dialog > .dialog-body h3 {  position: relative;  font-size: 18px;  color: #333;  margin-bottom: 27px; }  #biaowang-dialog > .dialog-body p {  font-size: 16px;  color: #666;  margin-bottom: 67px; }  #biaowang-dialog > .dialog-body p.mb {  margin-bottom: 26px; }  #biaowang-dialog > .dialog-body .close-btn {  display: block;  font-size: 14px;  color: #fff;  margin: 0 auto;  width: 240px;  background: #FFA205;  padding: 10px 0;  border-radius: 20px;  text-align: center;  cursor: pointer; } #biaowang-dialog > .dialog-body .submit-btn {  margin-top: 52px; } #biaowang-dialog > .dialog-body .fields input {  border-radius: 20px; } #biaowang-dialog > .dialog-body .fields input:first-child {  margin-right: 56px; } #biaowang-dialog > .dialog-body .close-dialog-btn {  position: absolute;  right: 0;  top: 0;  font-size: 16px;  color: #666;  cursor: pointer; } #biaowang-dialog > .dialog-body .content {  height: 250px; } #biaowang-dialog > .dialog-body #biaowang-success-content {  display: none; } #biaowang-dialog > .dialog-body .success-box {  text-align: center; } #biaowang-dialog > .dialog-body .success-prompt {  width: 72px;  margin: 30px 0 69px 0; } .dialog-body > .cancel {  position: absolute;  left: 28px;  bottom: 41px;  border: 1px solid #FFA04A;  color: #FFA04A;  width: 150px;  height: 40px;  line-height: 40px;  font-size: 16px;  border-radius: 4px;  text-align: center;  cursor: pointer; } .dialog-body > .confirm {  position: absolute;  right: 28px;  bottom: 41px;  background-color: #FF8211;  color: #fff;  width: 150px;  height: 40px;  line-height: 40px;  font-size: 16px;  border-radius: 4px;  text-align: center;  cursor: pointer; } #modal {  display: none;  flex-direction: column;  justify-content: center;  align-items: center;  position: fixed;  top: 0;  bottom: 0;  left: 0;  right: 0;  background: rgba(0, 0, 0, .66);  z-index:2; } #modal .content-container {  overflow-y: scroll;  transform: translate3d(0, 0, 0);  height: 75%;  transform: translateY(-40px); } #modal .close-btn {  height: 30px;  line-height: 22px;  font-size: 22px;  width: 30px;  border-radius: 50%;  color: #fff;  border: 2px solid #fff;  text-align: center;  cursor: pointer;  transform: translateY(-20px); } body> footer {  margin-top: 0 !important; } section#three, section#five, section#six {  background-color: #FCFAFA; } a.button {  border: 1px solid #FFA205;  background-color: #fff;  border-radius: 25px;  padding: 7px 37px;  color: #FFA205; } a.button:hover, a.button:focus, a.button:active {  background-color: #FF8A00;  text-decoration: none;  color: white; } a.button.large {  background-color: #FFA205;  padding: 14px 60px;  font-size: 1.2em;  color: #fff; } a.button.large:hover {  background-color: #FF8A00; }  .container {  font-size: 16px;  padding-top: 80px;  padding-bottom: 80px; } .container p {  color: #666; } section h2 {  margin-bottom: 28px; } section#two h2, section#six h2 {  margin-bottom: 60px; } #one {  background-size: 100% 100%;  background-image: url('b2b44e37e42235f0526276ce7fd39f6c.png');  height: 280px;  background-position: left top; } #one img.big, #four img.big {  width: 100%; } h2::after {  content: '';  display: block;  height: 2px;  background: #FF650C;  width: 80px;  margin: 0 auto;  margin-top: 4px; } h2+p {  font-size: 18px; }  #two h2:nth-of-type(2) {  margin-top: 100px; }  #two h3 {  margin-top: 28px; } #two .card {  width: 300px;  height: 380px;  padding: 28px;  border-top: 2px solid #F56742;  transition: all .2s;  box-shadow: 0 1px 3px rgba(219, 113, 20, 0.12), 0 1px 2px rgba(219, 113, 20, 0.12);  margin: auto; } #two .card:hover {  border-top: 8px solid #FFA205;  box-shadow: 0 14px 28px rgba(219, 113, 20, 0.12), 0 10px 10px rgba(219, 113, 20, 0.12); } #two .card h3 {  margin-top: 0; } #two .card>img {  margin-top: 53px;  margin-bottom: 43px; } #two .card p {  color: #666;  margin-bottom: 26px; } #two .card:hover .button {  background-color: #FFA205;  color: #fff;  text-decoration: none; } #two .card:hover .button:hover {  background-color: #FF8A00; } #three .row {  margin-top: 70px;  margin-bottom: 36px; } .list-item-one {  margin-bottom: 40px;  text-align: left; } .list-item-one::after {  content: '';  clear: both; } .list-item-one img {  float: left;  margin-right: 16px; } .list-item-one p {  margin-top: 14px; } .list-item-one:nth-of-type(1) {  margin-top: 30px; } #four .row {  margin-top: 30px;  margin-bottom: 50px; } #four p.gray {  color: #999; } .list-item-two {  margin-bottom: 40px;  text-align: left; } .list-item-two span {  margin-left: 15px;  font-size: 24px; } .list-item-two img {  margin-bottom: 12px; } .list-item-two:nth-of-type(1) span {  color: #3490E5; } .list-item-two:nth-of-type(2) span {  color: #EB9E24; } .list-item-two:nth-of-type(3) span {  color: #F15F70; }  .gw-compare {  display: flex;  padding:0 102px; } .gw-compare .noraml .header{  background-image: linear-gradient(172deg, #FFD53C 0%, #FF7E3B 100%); } .gw-compare .pro .header{  background-image: linear-gradient(166deg, #FF6EA4 0%, #FA4A4A 100%); } .gw-compare .vs{  width: 162px;  margin:0 50px;  display: flex;  flex-direction: column;  justify-content: center; } .gw-compare .vs>span{  display:block; } .gw-compare .vs>span:nth-of-type(1){  opacity: 0.1;  height: 106px;  font-size: 162px;  color: #333333;  transform: translateY(-100px); } .gw-compare .compare{  border: 1px solid #FFA205;  background: #fff;  color: #FFA205;  border-radius: 16px;  height: 34px;  line-height: 32px;  width:100%;  cursor: pointer;  user-select: none;  z-index: 1; } .gw-compare .header {  height: 123px;  padding-top: 4px;  margin-bottom: 10px;  position: relative;  overflow: hidden;  width: 100%; } .gw-compare .header:after {  content: '';  position: absolute;  left: 0;  transform: translate3d(-33.3%, 97.5%, 0);  padding: 150%;  bottom: 0;  background: #fff;  border-radius: 100%; } .gw-compare ul{  margin-top:10px; } .gw-compare .header > h6 {  color: #fff;  font-size: 28px;  margin-top:15px; } .gw-compare .header > p {  color: #fff;  font-size: 16px;  margin-top: -4px; } .gw-compare .item {  display: flex;  align-items: center;  flex-direction: column;  flex: 1;  width: 40%;  background: #fff;  border-radius: 2px; } .gw-compare .item + .item {  margin-left: 4px; } .gw-compare li {  color: #333333;  text-align: left;  white-space: nowrap;  background: #fff;  text-indent: -1em;  font-size: 14px;  transform-origin: left top;  margin-bottom: 15px;  list-style: disc; } .gw-compare a {  height: 32px;  line-height: 32px;  display: inline-block;  width: 140px;  color: #fff !important;  background: #FFA205;  border-radius: 16px;  margin-top: auto;  margin-bottom: 20px; } #five .row {  margin-top: 60px;  margin-bottom: 60px; } #five img {  width: 100%; } #eight .row {  margin-top: 60px;  margin-bottom: 0px; } #eight img {  width: 100%; } .list-item-three {  margin-bottom: 32px; } .list-item-three span:nth-of-type(1) {  display: inline-block;  border: 1px solid gray;  width: 30px;  height: 30px;  text-align: center;  line-height: 30px;  border-radius: 4px;  margin-right: 12px;  float: left; } .list-item-three span:nth-of-type(2) {  float: left; } .list-item-three::after {  content: '';  display: block;  clear: both; } .list-item-three:nth-of-type(1) {  margin-top: 20px; } .small-card {  margin-right: 16px;  margin-bottom: 20px; } .my-row {  display: flex;  justify-content: center; } #seven .title {  color: #666;  margin-bottom: 26px; } #seven .phone {  margin-top: 20px; } #seven .phone-number {  color: #FF5050;  font-size: 36px;  margin-bottom: 30px; } #leads {  position: fixed;  bottom: 0;  left: 0;  background-image: url(http://file.baixing.net/201806/a253a153fbdad2e93fca726f3a376be9.png);  right: 0;  text-align: center;  height: 70px;  padding: 15px;  z-index: 1; } #leads input {  margin-right: 35px;  border-radius: 22px;  background-color: rgba(255, 255, 255, .3);  height: 44px;  width: 230px;  font-size: 16px;  padding-left: 20px;  color: #fff; } #leads input::-webkit-input-placeholder {  color: #fff; } 
 
 
 
 .topbar-haina {  margin: 0;  height: 48px;  line-height: 48px;  width: 100%;  background-color: #f7f7f7; }  .topbar-haina .container {  width: 980px;  margin: 0 auto;  position: relative;  padding: 0 10px; }  .topbar-haina .topbar-left {  position: absolute;  left: 0; }  .topbar-haina .topbar-left img {  vertical-align: text-bottom; }  .topbar-haina .topbar-left span {  font-size: 16px;  font-weight: bold; }  .topbar-haina .topbar-right {  position: absolute;  right: 0; }  .topbar-haina .topbar-right span, .topbar-haina .topbar-right a {  margin: 0 0.5em;  color: #666; }  .topbar-haina .topbar-right a {  text-decoration: none; }  .topbar-haina .topbar-right a.active {  color: #428bca; }  .topbar-haina .sep {  color: #c0c0c0;  margin-left: 0.5em;  margin-right: 0.5em; }  .navbar-bg {  height: 87px;  background: #ffffff; }  .navbar {  margin: 0 auto;  padding: 24px 0;  width: 1000px;  border: 0; }  .navbar ul {  text-align: left;  margin: 0 0 0 12px; }  .navbar ul li {  text-align: left;  font-size: 16px;  display: inline-block;  padding: 7px 20px 0; }  .navbar ul li .nav-item, .navbar ul li .nav-item:visited {  cursor: pointer;  color: #999;  text-decoration: none;  padding: 4px 10px 7px; }  .navbar ul li .nav-item:hover {  text-decoration: none;  color: #2e2e2e;  padding-bottom: 4px;  border-bottom: 3px solid #666666; }  .navbar ul li .caret {  color: #999;  margin-left: -5px;  margin-top: 0;  display: inline-block;  width: 0;  height: 0;  vertical-align: middle;  border-top: 4px dashed;  border-right: 4px solid transparent;  border-left: 4px solid transparent; }  .navbar ul li:hover .caret {  color: #2e2e2e; }  .navbar ul li .nav-item.active {  color: #2e2e2e; }  .navbar ul li .active {  padding-bottom: 4px;  border-bottom: 3px solid #666666; }  .navbar-popover {  margin: 9px 0 0;  padding: 0 14px;  width: 120px;  text-align: center;  border: 1px solid rgba(0, 0, 0, 0.2);  border-radius: 2px;  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2); }  .arrow {  border-width: 11px;  left: 30%;  margin-left: -11px;  width: 0;  height: 0;  border-bottom-color: #a3a3a3 !important;  top: -11px; }  .arrow, .arrow:after {  position: absolute;  display: block;  width: 0;  height: 0;  border: 10px solid transparent; }  .arrow:after {  content: " ";  top: 1px;  margin-left: -10px;  border-top-width: 0;  border-bottom-color: #fff; }  .navbar-popover a, .navbar-popover a:visited {  padding: 0 0 3px;  margin: 12px 8px 4px;  display: block;  color: #6e6e6e;  text-decoration: none;  height: 32px;  line-height: 32px;  font-size: 14px; }  .navbar-popover a:hover {  color: #000;  padding: 0;  text-decoration: none;  border-bottom: 3px solid #666666; }  @media (max-width: 768px) {  .topbar-haina .container {   width: 100%;   margin: 0 auto;   position: relative;   padding: 0 16px;  }  .topbar-haina .topbar-left {   position: absolute;   left: auto;  }    .navbar-bg {   width: 100%;  }  .navbar {   margin: 0 auto;   padding: 24px 20px;   width: 100%;  }  .navbar ul {   text-align: left;  }
 
 
 .gw-compare{ display:block; width:100%;}
.gw-compare .noraml ,.gw-compare .pro{ width:100%;}
 .gw-compare .vs{ clear:both;display:block; padding-top:30px;}


  
#six .container{ width:100%;}
#six .container *{ max-width:100%;}
#six .container .row { display:block;margin:auto}
#six .container .row .my-row{ display:block; width:100%; margin:auto}
#six .container .row .my-row .small-card{ float:left; display:block; width:33.3333333%; margin-left:auto; margin-right:auto; text-align:center;}
#six .container .row .my-row .small-card:nth-child(3n+1){ clear:both; }
#six .container .row .my-row .small-card img{ max-width:90%;}

#seven .text-right{ text-align:left}
#seven .container{ max-width:250px; margin:auto}
#seven .phone-number span{ display:none}
#seven  .phone-number font{ display:block}
  #one {
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: center center; height:200px;
}
  }  @media (min-width: 980px) {  .topbar-haina .container {   width: 980px;   margin: 0 auto;   position: relative;   padding: 0 10px;  }  .navbar {   margin: 0 auto;   padding: 24px 0;   width: 1000px;  } }  .dropdown {  position: relative; }  .dropdown:hover .dropdown-content {  display: block; } .dropdown-content {  margin-top: 8px;  background: #fff;  position: absolute;  display: none;  z-index: 10; }  .dropdown-content:hover {  display: block; }  .transparent-line {  background: transparent;  position: absolute;  width: 100%;  height: 20px; } 
 #six{ background-color:#f5f5f5}

  .prosort{ padding:0px; margin:0px; margin-bottom:-10px;}

@media (max-width: 600px) {  #one {
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: center center; height:150px; margin-top:10px;
}
#two h2{ margin-top:0px; padding-top:0px;}
}
@media (max-width: 420px) {  #one {
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: center center; height:120px;
}}
@media (max-width: 350px) {  #one {
	 height:100px;
}}