.main__visual .mv__nav {
  background-color: #eee;
  width: 100%;
  /*position: absolute;
  bottom: 0;
  left: 0;*/
  height: 125px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-top: 3px solid #a6a6a6;
}

.main__visual .mv__arrow .arrow__prev {
  position: absolute;
  top: 35%;
  left: 80px;
  cursor: pointer;
}

.main__visual .mv__arrow .arrow__next {
  position: absolute;
  top: 35%;
  right: 80px;
  cursor: pointer;
}

.main__visual .slick-dots {
  width: 1200px;
  margin: auto;
  position: absolute;
  bottom: 50px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.main__visual .slick-dots > li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  padding-left: 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #4a4a4a;
  font-size: 14px;
  cursor: pointer;
  line-height: 1.6em;
}

.main__visual .slick-dots > li::after {
  content: "";
  border-left: 1px solid #e0e0e0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.main__visual .slick-dots > li.slick-active {
  font-weight: 600;
  color: #dc0817;
}

.main__visual .slick-dots > li.slick-active::before {
  content: "";
  width: 100%;
  height: 3px;
  background-color: #dc0817;
  position: absolute;
  top: -31px;
  left: 0;
}

.main__visual .slick-dots > li.slick-active::after {
  border-left: 1px solid #dc0817;
}

.main__product {
  padding-top: 34px;
  padding-bottom: 116px;
}

.main__product .product__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 31px;
}

.main__product .product__top .top__tit {
  font-size: 37px;
  font-weight: 600;
}

.main__product .product__top .top__more {
  font-size: 16px;
  color: #343738;
  border: 1px solid #626262;
  line-height: 45px;
  height: 45px;
  padding-left: 28px;
  padding-right: 48px;
  background-image: url(/image/main/more_icon.png);
  background-repeat: no-repeat;
  background-position: calc(100% - 14px) center;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.main__product .product__cell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.main__product .product__cell .cell__vga {
  width: 480px;
}

.main__product .product__cell .cell__vga .slick-dots {
  position: absolute;
  top: 30px;
  right: 35px;
}

.main__product .product__cell .cell__vga .slick-dots li {
  display: inline;
  margin: 0 3px;
}

.main__product .product__cell .cell__vga .slick-dots li button {
  font-size: 0;
  background: none;
  border: none;
  width: 12px;
  height: 12px;
  background-color: #a9a9a9;
  cursor: pointer;
  padding: 0;
  outline: none;
}

.main__product .product__cell .cell__vga .slick-dots li.slick-active button {
  background-color: #dc0817;
}

.main__product .product__cell .cell__other {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.main__product .product__cell .cell__other > a {
  width: 50%;
  padding: 15px 27px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  position: relative;
  background-color: #fff;
  transition: all 0.3 ease-in-out;
}

.main__product .product__cell .cell__other > a:hover img.img--style01 {
  transform: scale(1.1);
  transition: all 0.5s;
}

/*.main__product .product__cell .cell__other > a:hover .cell__hover {*/
/*  opacity: 1;*/
/*}*/

.main__product .product__cell .cell__other > a:nth-child(2), .main__product .product__cell .cell__other > a:nth-child(3) {
  background-image: url(/image/main/cell_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

.main__product .product__cell .cell__other > a .cell__tit {
  font-size: 22px;
  font-weight: 600;
  color: #404040;
  margin-bottom: 20px;
}

.main__product .product__cell .cell__other > a .cell__name {
  margin-top: 7px;
  font-size: 16px;
  color: #3d3d3d;
  text-align: center;
}

.main__product .product__cell .cell__other > a .cell__more {
  position: absolute;
  top: 35px;
  right: 35px;
}

.main__product .product__cell .cell__other > a .cell__hover {
  position: absolute;
  z-index: 1;
  background-color: rgba(255, 255, 255, 0.94);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*padding-top: 91px;*/
  text-align: center;
  opacity: 0;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.main__product .product__cell .cell__other > a .cell__hover .hover__tit {
  font-size: 16px;
  font-weight: 600;
  line-height: 1em;
  padding-bottom: 19px;
  position: relative;
}

.main__product .product__cell .cell__other > a .cell__hover .hover__tit::before {
  content: "";
  width: 23px;
  height: 1px;
  background-color: #1a2527;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
}

.main__product .product__cell .cell__other > a .cell__hover .hover__name {
  font-size: 22px;
  line-height: 1em;
  margin-top: 25px;
  margin-bottom: 47px;
}

.main__support {
  background-color: #343434;
  position: relative;
}

.main__support .support__bg {
  background-color: #dc0817;
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

.main__support .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 2;
  align-items: center;
}

.main__support .inner > div {
  width: 50%;
}

.main__support .support__info {
  padding: 35px;
  padding-left: 0;
}

.main__support .support__info .info__param01 {
  line-height: 1em;
  color: #fff;
  font-size: 34px;
  font-weight: 600;
  margin-bottom: 18px;
  display: inline-block;
  margin-right: 20px;
}

.main__support .support__info .info__param02 {
  font-size: 16px;
  color: #fff;
  margin-bottom: 5px;
}

.main__support .support__info .info__param03 {
  line-height: 1em;
  font-size: 3rem;
  font-weight: 600;
  color: #fff;
  background-image: url(/image/main/call_icon.png);
  background-repeat: no-repeat;
  background-position: 0 100%;
  padding-left: 50px;
  display: inline-block;
}

.main__support .support__info .info__param04{
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid #fff;
  width: 100%;
}

.main__support .support__info .info__param04 .info__param01{
  margin-bottom: 5px;
}

.main__support .support__info .info__param04 span.info__param02{
  margin-bottom: 18px;
}

.main__support .support__info .info__param04 ul{
  display: flex;
  justify-content: space-between;
}

.main__support .support__info .info__param04 ul li p:first-child{
  font-size: 1.3rem;
  font-weight: 500;
}

.main__support .support__info .info__param04 a {
  padding: 4px 10px;
  width: 175px;
  display: inline-block;
  border-radius: 30px;
  border: 2px solid #fff;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  margin-top: 10px;
  transition: all 0.3s;
}

.main__support .support__info .info__param04 a:hover{
  background: #fff;
  color: #343434;
}

.main__support .support__info .info__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.main__support .support__info .info__link > a {
  width: 130px;
  height: 106px;
  border: 1px solid #fff;
  padding-top: 20px;
  padding-left: 9px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  position: relative;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.main__support .support__info .info__link > a .link__img {
  position: absolute;
  background-image: url(/image/main/more_icon02.png);
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 20px;
  right: 15px;
}

.main__support .support__info .info__link > a:hover {
  background-color: #fff;
  color: #dc0817;
}

.main__support .support__info .info__link > a:hover .link__img {
  background-image: url(/image/main/more_icon03.png);
}

.main__support .support__banner .slick-dots {
  width: 100%;
  position: absolute;
  /*top: 37px;*/
  /*left: 45px;*/
  bottom: -10%;
  left: 20px;
}

.main__support .support__banner .slick-dots li {
  display: inline;
  margin-right: 10px;
}

.main__support .support__banner .slick-dots li button {
  font-size: 0;
  background: none;
  border: none;
  width: 20px;
  height: 20px;
  border-radius: 5px;
  line-height: 20px;
  background-color: #989898;
  cursor: pointer;
  padding: 0;
  outline: none;
  color: #fff;
  font-size: 13px;
}

.main__support .support__banner .slick-dots li.slick-active button {
  background-color: #dc0817;
}

.main__news {
  padding-top: 100px;
  padding-bottom: 90px;
}

.main__news .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.main__news .news__nav {
  width: 350px;
}

.main__news .news__nav .nav__tit {
  font-size: 37px;
  line-height: 1em;
  font-weight: 600;
}

.main__news .news__nav .nav__cate {
  margin-top: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.main__news .news__nav .nav__cate > p {
  cursor: pointer;
  font-size: 18px;
  line-height: 1em;
  margin-bottom: 10px;
  color: #666;
  display: inline-block;
  padding-bottom: 3px;
}

.main__news .news__nav .nav__cate > p.active {
  border-bottom: 2px solid #333;
  font-weight: 600;
  color: #333;
}

.main__news .news__list {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}