/************       Common       ************/

* {
  margin: 0;

  padding: 0;
}

html,
body {
  font-family: "微软雅黑", "Microsoft YaHei", Arial, sans-serif;

  font-size: 14px;

  color: #333;
}

a {
  text-decoration: none;

  color: #333;
}

input[type="checkbox"] {
  -webkit-appearance: checkbox;
}

ul,
ol {
  list-style-type: none;
}

img {
  max-width: 100%;

  border: none;

  vertical-align: middle;

  object-fit: contain;
}

button,
input {
  /* font-style: inherit; */

  font-family: inherit;

  font-weight: inherit;

  border: none;

  outline: none;
}

textarea {
  border: none;

  outline: none;

  font-family: "微软雅黑";

  text-indent: 0.725em;
}

i,
cite,
em,
var,
address,
dfn {
  font-style: normal;
}

select,
textarea {
  resize: none;

  outline: none;
}

input {
  outline: medium;

  -webkit-appearance: none;
}

input[type="button"] {
  cursor: pointer;
}

input[type="submit"] {
  cursor: pointer;
}

input[type="text"] {
  text-indent: 0.725em;
}

:-moz-placeholder {
  color: #ccc;
}

/* Mozilla Firefox 4 to 18 */

::-moz-placeholder {
  color: #ccc;
}

/* Mozilla Firefox 19+ */

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #ccc;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #ccc;
}

.left {
  float: left;
}

.right {
  float: right;
}

.block {
  display: block;
}

.none {
  display: none;
}

.flex {
  display: box;

  display: -ms-box;

  display: -webkit-box;

  display: flex;

  display: -ms-flex;

  display: -webkit-flex;
}

.in-line {
  display: inline;
}

.inl-block {
  display: inline-block;

  *display: inline;

  *zoom: 1;
}

.bg-fff {
  background: #fff;
}

.f-24 {
  font-size: 24px;
}

.f-22 {
  font-size: 22px;
}

.f-20 {
  font-size: 20px;
}

.f-18 {
  font-size: 18px;
}

.f-16 {
  font-size: 16px;
}

.f-14 {
  font-size: 14px;
}

.f-000 {
  color: #000;
}

.f-333 {
  color: #333;
}

.f-666 {
  color: #666;
}

.f-999 {
  color: #999;
}

.f-ddd {
  color: #ddd;
}

.f-eee {
  color: #eee;
}

.f-fff {
  color: #fff;
}

.placeholder {
  color: #aaa;
}

.text-c {
  text-align: center;
}

.text-l {
  text-align: left;
}

.text-r {
  text-align: right;
}

.text-j {
  text-align: justify;

  text-justify: inter-ideograph;
}

.text-line {
  overflow: hidden;

  display: -webkit-box;

  text-overflow: ellipsis;

  -webkit-box-orient: vertical;
}

.line-2 {
  -webkit-line-clamp: 2;
}

.line-3 {
  -webkit-line-clamp: 3;
}

.line-4 {
  -webkit-line-clamp: 4;
}

.over {
  overflow: hidden;

  _height: 1px;
}

.clear,
.clear-fx {
  clear: both;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.wd1200 {
  max-width: 1200px;

  margin: auto;
}

.wd100 {
  width: 100%;
}

.line-number-1 {
  display: -webkit-box;

  -webkit-line-clamp: 1;

  -webkit-box-orient: vertical;

  overflow: hidden;
}

.line-number-2 {
  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;
}

.line-number-3 {
  display: -webkit-box;

  -webkit-line-clamp: 3;

  -webkit-box-orient: vertical;

  overflow: hidden;
}

.swiper-button-next,
.swiper-button-prev,
.swiper-pagination-bullet {
  outline: none;
}

ul {
  margin: 0;

  padding: 0;
}

p {
  margin: 0;
}

/* // 手机导航 */

.m-header {
  /* width: auto; */
  height: 15px;
  display: none;
  cursor: pointer;
  width: 20px;
  float: right;
}

.m-header .box {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 16px;
  position: relative;
  /* padding-right: 10px; */
}

.m-header .box::before {
  position: absolute;
  content: "导航";
  width: 50px;
  left: -35px;
  font-size: 16px;
  text-align: left;
  font-weight: bold;
}

.m-header .box img {
  width: 20px;
}

.m-header .line {
  display: block;

  width: 100%;

  height: 2px;

  background-color: #3186e0;

  position: absolute;

  left: 0;

  transition: width 0.3s ease 0s;
}

.m-header .line1 {
  width: 12px;

  top: 0;
}

.m-header .line2 {
  width: 20px;

  top: 6px;
}

.m-header .line3 {
  width: 16px;

  top: 13px;
}

.m-header-menu {
  position: fixed;

  right: -100%;

  width: 66%;

  top: 60px;

  z-index: 100;

  height: 100%;

  background-color: #fff;

  transition: all 0.44s ease 0s;
}

.m-header-menu .m-menu-top {
  line-height: 60px;

  background-color: #3186e0;
}

.m-header-menu .m-menu-top>a img {
  height: 35px;
}

.m-header-menu .m-menu-top .title {
  display: inline-block;

  font-size: 16px;

  color: #fff;

  margin-left: 8.2%;

  font-family: "Base-font";
}

.m-header-menu .m-menu-top .close {
  display: inline-block;

  width: 17px;

  height: 17px;

  background: url(../image/close.png) no-repeat center;

  margin-right: 7.8%;

  margin-top: 22px;

  cursor: pointer;
}

.f-cb:after {
  display: block;

  height: 0;

  clear: both;

  visibility: hidden;

  overflow: hidden;

  content: ".";
}

.m-header-menu .m-header-list ul {
  width: 100%;
  padding: 0;
  margin: 0;
}

.m-header-menu .m-header-list>ul>li {
  width: 100%;
  padding: 10px 0;
  border-bottom: 1px solid #ccc8c8;
  line-height: 30px;
}

.m-header-menu .m-header-list li ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding-left: 7.8%;
}

.m-header-menu .m-header-list li ul li {
  padding: 0;
  margin: 0;
  margin-right: 10px;
  height: 14px;
  line-height: 14px;
  margin-top: 10px;
}

.m-header-menu .m-header-list li ul li a {
  font-size: 14px;
  color: #666;
}

.m-header-menu .m-header-list li .col-box {
  display: block;

  width: 84%;

  padding: 0 7.8% 0 8.2%;
}

.m-header-menu .m-header-list .tit {
  font-size: 16px;
  color: #000000;
}

.m-header-menu .m-header-list .tit>a {
  color: #666;
}

.m-header-menu .m-header-list .point {
  display: inline-block;

  width: 8px;

  height: 12px;

  background: url(https://www.choexpo.com/style/images/arrow_right.png) no-repeat center;

  margin-top: 26px;
}

.f-cb:after {
  display: block;

  height: 0;

  clear: both;

  visibility: hidden;

  overflow: hidden;

  content: ".";
}

.m-header-menu .m-header-menu-sub {
  position: absolute;

  right: -100%;

  top: 60px;

  width: 100%;

  height: 100%;
}

.m-header-menu .m-header-menu-sub .boxs {
  width: 100%;

  position: absolute;

  left: 0;

  top: 0;

  transition: all 0.4s ease 0s;

  background-color: #fff;

  height: 100%;
}

.m-header-menu .m-header-menu-sub .boxs.show {
  left: -100%;
}

.m-header-menu .m-header-menu-sub .return-fir {
  display: block;

  width: 84%;

  padding: 0 7.8% 0 8.2%;

  line-height: 60px;

  background-color: #d90e00;
}

.m-header-menu .m-header-menu-sub .return-fir p {
  padding-left: 18px;

  color: #fff;

  font-size: 16px;

  background: url(https://www.choexpo.com/style/images/arrow_left.png) no-repeat left center;
}

.m-header-menu .m-header-menu-sub ul,
.m-header-menu .m-header-menu-sub li {
  width: 100%;

  background: #fff;
}

.m-header-menu .m-header-menu-sub li {
  line-height: 60px;

  border-bottom: 1px solid #f2f2f2;
}

.m-header-menu .m-header-menu-sub li a {
  display: block;

  width: 84%;

  padding: 0 7.8% 0 8.2%;

  font-size: 16px;

  color: #666;
}

.m-shadow {
  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(0, 0, 0, 0.3);

  display: none;

  z-index: 99;
}

/* // 手机导航 */

footer {
  background-color: #272a2c;
}

footer .foot-nav {
  padding-top: 20px;

  box-sizing: border-box;

  position: relative;

  border-top: 1px solid #5c5c5c;
  padding-bottom: 20px;
}

footer .foot-nav .wd1200 {
  height: 100%;

  position: relative;
}

footer .foot-nav .wd1200 .foot-link {}

footer .foot-nav .wd1200 .foot-link .icon {
  width: 26px;

  margin-right: 10px;
  float: left;
}

footer .foot-nav .wd1200 .foot-link .word {}

footer .foot-nav .wd1200 .foot-link .word span {
  font-size: 16px;

  color: #fff;
}

footer .foot-nav .wd1200 .foot-link .word a {
  margin-right: 8px;

  font-size: 14px;

  color: #b3b3b3;

  transition: 0.3s;
}

footer .foot-nav .wd1200 .foot-link .word a:hover {
  color: #ffb123;
}

footer .foot-main {
  padding: 40px 0;
}

footer .foot-main .wd1200 {
  display: flex;
}

footer .foot-main .wd1200 .foot-logo {
  flex: 3;

  text-align: center;

  padding-top: 20px;

  border-right: 1px solid #525252;
}

footer .foot-main .wd1200 .foot-logo img {
  width: 158px;
}

footer .foot-main .wd1200 .foot-logo div {
  margin-top: 15px;

  font-size: 16px;

  color: #b3b3b3;
}

footer .foot-main .wd1200 .middle {
  flex: 5;

  padding-left: 70px;

  border-right: 1px solid #525252;
}

footer .foot-main .wd1200 .middle h3 {
  font-weight: 400;

  font-size: 18px;

  color: #fff;
}

footer .foot-main .wd1200 .middle .info p {
  margin-top: 15px;

  font-size: 16px;

  color: #b3b3b3;
}

footer .foot-main .wd1200 .leave {
  flex: 4;

  padding-left: 70px;
}

footer .foot-main .wd1200 .leave .title {
  font-size: 16px;

  color: #fff;
}

footer .foot-main .wd1200 .leave .input {
  margin-top: 20px;

  width: 340px;

  height: 50px;

  border: solid 1px #7f7f7f;
}

footer .foot-main .wd1200 .leave .input input {
  width: 100%;

  height: 100%;

  color: #fff;

  background-color: #272a2c;
}

footer .foot-main .wd1200 .leave button {
  display: block;

  margin-top: 20px;

  width: 130px;

  height: 40px;

  font-size: 16px;

  color: #fff;

  line-height: 40px;

  text-align: center;

  background-color: #3186e0;

  border-radius: 20px;

  transition: 0.2s;
}

footer .foot-main .wd1200 .leave button:hover {
  background-color: #ffb123;
}

footer .foot-main .wd1200 .leave .subm {
  display: block;

  margin-top: 20px;

  width: 130px;

  height: 40px;

  font-size: 16px;

  color: #fff;

  line-height: 40px;

  text-align: center;

  background-color: #3186e0;

  border-radius: 20px;

  transition: 0.2s;
}

footer .foot-main .wd1200 .leave .subm:hover {
  background-color: #ffb123;
}

footer .banquan {
  height: 70px;
  line-height: 70px;
  /*border-top: 1px solid #4d4d4d;*/
}

footer .banquan .wd1200 {
  justify-content: space-between;
  font-size: 15px;
  color: #b3b3b3;
  text-align: center;
}

footer .banquan .wd1200 span a {
  color: #b3b3b3;
}


/*特殊处理*/
.pageBox .pageNav .special-active {
  background-color: rgb(238, 90, 2);
  color: #fff;
}

.babyserBox .babyser .container .special-active {
  background-color: rgb(238, 90, 2);
  color: #fff;
}



@media screen and (max-width: 1200px) {
  .wd1200 {
    padding: 0 15px;
  }
}

footer .banquan a {
  color: #b3b3b3;
  padding-left: 10px;
}

.ab_pages {
  clear: both;
  padding: 20px 0;
  font-size: 14px;
  text-align: center;
  overflow: hidden;
}

.ab_pages ul {
  display: inline-block;
  margin: 0 auto;
  padding: 0;
}

.ab_pages ul a {
  color: #555;
  display: block;
  padding: 2px 10px;
  border: 1px solid #ddd;
  float: left;
  margin: 0 5px;
}

.ab_pages ul a.page-num-current {
  background: #ddd;
}

#maximg img {
  max-width: 100%;
  height: auto !important;
}