.slick-list { z-index: 1; }

.slick-list a { outline: none; }

.slick-list .slick-slide { display: block; }

.slick-list .slick-slide .item { vertical-align: top; }

/*banner*/
.banner-slick { position: relative; }

.banner-slick .slick-dots { position: absolute; bottom: 50px; left: 0; width: 100%; text-align: center; z-index: 10; margin: 0; padding: 0; }

.banner-slick .slick-dots li { display: inline-block; vertical-align: middle; padding: 5px; }

.banner-slick .slick-dots li button { border: none; background: none; width: 12px; height: 12px; background: transparent; font-size: 0; padding: 0; display: block; border-radius: 50%; border: 1px solid #fff; }

.banner-slick .slick-dots li.slick-active button { background: #fff; -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); }

@media only screen and (max-width: 991px) { .banner-slick .slick-dots { bottom: 20px; } }

/*news-slick*/
.news-slick { position: relative; }

.news-slick .slick-arrow { position: absolute; top: 50%; width: 50px; height: 65px; margin-top: -32px; background: #5e88b7; z-index: 10; border: none; font-size: 0; }

.news-slick .slick-arrow:before { content: ""; position: absolute; left: 50%; top: 50%; width: 20px; height: 20px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin: -10px 0 0 -10px; }

.news-slick .slick-arrow.slick-prev { left: 0; }

.news-slick .slick-arrow.slick-prev:before { border-bottom: 2px solid #fff; border-left: 2px solid #fff; }

.news-slick .slick-arrow.slick-next { right: 0; }

.news-slick .slick-arrow.slick-next:before { border-top: 2px solid #fff; border-right: 2px solid #fff; }

.news-slick .slick-arrow.slick-disabled { background: #666 !important; cursor: not-allowed; }

@media only screen and (min-width: 992px) { .news-slick .slick-arrow.slick-prev { -webkit-clip-path: polygon(0 0, 100% 0, 75% 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 75% 100%, 0 100%); }
  .news-slick .slick-arrow.slick-next { -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 25% 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 25% 100%); }
  .news-slick .slick-arrow:hover { background: #314e6d; } }

@media only screen and (max-width: 991px) { .news-slick .slick-arrow.slick-prev:before { margin: -10px 0 0 -5px; }
  .news-slick .slick-arrow.slick-next:before { margin: -10px 0 0 -15px; } }

@media only screen and (max-width: 767px) { .news-slick .slick-arrow { width: 30px; height: 40px; }
  .news-slick .slick-arrow:before { width: 10px; height: 10px; }
  .news-slick .slick-arrow.slick-prev:before { margin: -5px 0 0 -3px; }
  .news-slick .slick-arrow.slick-next:before { margin: -5px 0 0 -7px; } }

.product-slick { position: relative; }

.product-slick .slick-arrow { position: absolute; top: 50%; z-index: 10; width: 100px; height: 100px; border-radius: 50%; margin-top: -50px; border: 0; background: none; outline: none; font-size: 0; background-color: #6789b2; -webkit-transition: ease 0.3s; -o-transition: ease 0.3s; transition: ease 0.3s; }

.product-slick .slick-arrow:after { content: ""; position: absolute; top: 50%; width: 20px; height: 20px; margin-top: -10px; border-left: 4px solid #fff; border-bottom: 4px solid #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.product-slick .slick-arrow.slick-prev { left: -50px; }

.product-slick .slick-arrow.slick-prev:after { right: 15px; }

.product-slick .slick-arrow.slick-next { right: -50px; }

.product-slick .slick-arrow.slick-next:after { left: 15px; -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }

@media only screen and (max-width: 767px) { .product-slick .slick-arrow { width: 80px; height: 80px; margin-top: -40px; }
  .product-slick .slick-arrow.slick-prev { left: -40px; }
  .product-slick .slick-arrow.slick-prev:after { right: 10px; }
  .product-slick .slick-arrow.slick-next { right: -40px; }
  .product-slick .slick-arrow.slick-next:after { left: 10px; } }

.relateProduct-slick .slick-dots { /* position: absolute; right: 0; top: 0; */ height: 14px; margin: 10px 0; padding: 0; text-align: center; background: #fff; border: none; font-size: 0;}

.relateProduct-slick .slick-dots li { display: inline-block; vertical-align: middle; padding: 0 3px; }

.relateProduct-slick .slick-dots li button { padding: 0; width: 10px; height: 10px; border-radius: 50%; border: none; background: #d7dfe7; }

.relateProduct-slick .slick-dots li.slick-active button { background: #2f7dbd; }

/*full video*/
.mfp-iframe-holder { padding: 50px; }

.mfp-iframe-holder .mfp-content { max-width: 80%; position: relative; }

.mfp-iframe-holder .mfp-close { color: #000; top: -25px; right: -25px; width: 50px; height: 50px; border-radius: 50%; display: block; z-index: 1047; text-align: center; background: #fff; padding: 0; opacity: 1; z-index: 9999; }

@media only screen and (max-width: 991px) { .mfp-iframe-holder { padding: 20px; }
  .mfp-iframe-holder .mfp-content { max-width: 768px; }
  .mfp-iframe-holder .mfp-close { top: -18px; right: -18px; width: 36px; height: 36px; line-height: 30px; } }