.kv .swiper-pagination-bullet-active {background: #fff}.kv img {max-width: 100%}.kv .pc-play {display: block}@media only all and (max-width: 768px) {.kv .pc-play {display: none !important}}.kv .mobile-play {position: relative;display: none}@media only all and (max-width: 768px) {.kv .mobile-play {display: block}}.kv .mobile-play p {position: absolute;cursor: pointer;left: 50%;margin: -16px 0 0 -16px;top: 50%}.kv .mobile-play p > a {cursor: pointer}.kv .mobile-play p > a > img {cursor: pointer}.kv .mobile-play .play-v {position: absolute;top: 0;left: 0;display: none;height: 100% !important}.kv .swiper-slide {height: 100%}.kv .swiper-slide iframe {width: 100%;display: block;margin: 0 auto}.home-title {font-size: 45px;text-align: center;margin-bottom: 80px}@media only all and (max-width: 1366px) {.home-title {margin-bottom: 40px;font-size: 35px}}@media only all and (max-width: 768px) {.home-title {font-size: 24px;margin-bottom: 40px}}.home-title span {display: block;text-align: center;font-weight: bold;margin-top: 5px}.home-title a {font-size: 14px;color: #022c5b;padding-bottom: 3px;border-bottom: 2px solid #022c5b;display: inline-block}.withbg {background-image: url("../images/index/top-bg.jpg"), url("../images/index/mid-bg.jpg"), url("../images/index/bottom-bg.jpg");background-size: 11% auto, 19% auto, 13% auto;background-position: 0 10%, center right, left bottom;background-repeat: no-repeat}@media only all and (max-width: 1366px) {.withbg {background-size: 11% auto, 19% auto, 10% auto}}@media only all and (max-width: 768px) {.withbg {background: none}}.products {padding-top: 110px;margin-bottom: 80px}@media only all and (max-width: 1366px) {.products {padding-top: 60px}}@media only all and (max-width: 768px) {.products {padding-top: 20px;margin-bottom: 40px}}.products > div {position: relative}.products > div a:hover {box-shadow: 0 0 15px rgba(0, 0, 0, 0.5)}.products > div a:hover .txt {background: #114784}.products > div a:hover .txt h1, .products > div a:hover .txt h2 {color: #fff}.products .swiper-container2 {padding: 10px 10px}.products .prev, .products .next {width: 35px;height: 35px;border: 2px solid #022c5b;color: #022c5b;text-align: center;line-height: 33px;border-radius: 5px;cursor: pointer;position: absolute;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%)}@media only all and (max-width: 768px) {.products .prev, .products .next {display: none}}.products .prev {left: -80px}.products .next {right: -80px}.products .img {position: relative;height: 324px}.products .img img {max-width: 90%;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%)}.products .txt {text-align: center;padding: 20px 0}@media only all and (max-width: 1024px) {.products .txt {padding: 20px 10px}}.products .txt h1 {font-size: 20px;margin-bottom: 15px}@media only all and (max-width: 1366px) {.products .txt h1 {font-size: 16px}}@media only all and (max-width: 1024px) {.products .txt h1 {font-size: 14px}}.products .txt h2 {font-size: 16px;color: #022c5b}@media only all and (max-width: 1366px) {.products .txt h2 {font-size: 14px}}.question-warp > div {display: block;position: relative}.question-warp > div::after {content: '';display: block;clear: both}@media only all and (max-width: 768px) {.question-warp > div {margin-bottom: 20px}}.question-warp > div:hover::before {content: "";display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 2px solid #022c5b}.question-warp > div:hover .qa-icon span {background: #022c5b}.question-warp > div:hover .qa-icon span::after {color: #fff}.question-warp > div:hover h1 {color: #022c5b}.question-warp > div.right .img {float: right}@media only all and (max-width: 768px) {.question-warp > div.right .img {float: none}}.question-warp > div.right .txt {position: absolute;left: 0;top: 0}@media only all and (max-width: 768px) {.question-warp > div.right .txt {position: static}}.question-warp > div.left .img {float: left}@media only all and (max-width: 768px) {.question-warp > div.left .img {float: none}}.question-warp > div.left .txt {position: absolute;top: 0;right: 0}@media only all and (max-width: 768px) {.question-warp > div.left .txt {position: static}}.question-warp > div .img {width: 50%}@media only all and (max-width: 768px) {.question-warp > div .img {width: 100%}}.question-warp > div .img img {max-width: 100%}.question-warp > div .txt {width: 50%;height: 100%}@media only all and (max-width: 768px) {.question-warp > div .txt {width: 100%;height: auto;padding: 15px 0}}.question-warp > div .txt .center {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);text-align: center;line-height: 2;width: 80%}@media only all and (max-width: 768px) {.question-warp > div .txt .center {position: static !important;width: 100%;-webkit-transform: translate(0);-moz-transform: translate(0);-ms-transform: translate(0);-o-transform: translate(0);transform: translate(0)}}.question-warp > div .txt .center .qa-icon {margin-bottom: 10px}.question-warp > div .txt h1 {font-size: 20px}@media only all and (max-width: 1366px) {.question-warp > div .txt h1 {font-size: 18px}}.question-warp > div .txt p {font-size: 16px}@media only all and (max-width: 1366px) {.question-warp > div .txt p {font-size: 14px;display: block;overflow: hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap}}.question-warp > div .txt a {font-size: 14px;color: #022c5b;padding-bottom: 3px;border-bottom: 2px solid #022c5b;display: inline-block}.news {margin-top: 80px;margin-bottom: 80px}.news .news-warp {position: relative}.news .news-warp::after {content: '';display: block;clear: both}.news .news-warp > div {position: relative;display: block;width: 33.333%;float: left;padding: 50px 40px;background: url("../images/common/wechat.png") no-repeat;background-size: 100% 100%;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;transition: all 1s;height: 380px}@media only all and (max-width: 1366px) {.news .news-warp > div {height: 350px}}@media only all and (max-width: 768px) {.news .news-warp > div {height: auto;width: 100%;margin-bottom: 20px;float: none}}.news .news-warp > div:hover {background: url("../images/index/news-bg.jpg") no-repeat;background-size: 100% 100%;color: #fff !important}.news .news-warp > div:hover a {color: #fff;border-color: #fff}.news .news-warp > div h1 {font-size: 20px}@media only all and (max-width: 1024px) {.news .news-warp > div h1 {font-size: 14px}}.news .news-warp > div .time {margin: 30px 0}@media only all and (max-width: 1024px) {.news .news-warp > div .time {margin: 15px 0}}.news .news-warp > div a {-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;transition: all 1s;position: absolute;bottom: 50px;left: 40px;font-size: 14px;color: #022c5b;padding-bottom: 3px;border-bottom: 2px solid #022c5b;display: inline-block}@media only all and (max-width: 768px) {.news .news-warp > div a {position: static;margin-top: 20px}}.club {position: relative}.club::after {content: '';display: block;clear: both}@media only all and (max-width: 1366px) {.club {max-height: 260px;overflow: hidden}}@media only all and (max-width: 768px) {.club {max-height: 999999999px}}.club > div {width: 25%;float: left;position: relative}@media only all and (max-width: 768px) {.club > div {width: 100%}}.club > div img {max-width: 100%}.club > div .center {color: #fff;text-align: center;display: inline-block;line-height: 2;width: 80%;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%)}.club > div .center h1 {font-size: 45px}@media only all and (max-width: 1366px) {.club > div .center h1 {font-size: 35px}}@media only all and (max-width: 1024px) {.club > div .center h1 {font-size: 20px}}.club > div .center h1 span {display: block;font-size: 16px;color: #fff}.club > div .center a {margin-top: 35px;font-size: 14px;color: #fff;padding-bottom: 3px;border-bottom: 2px solid #fff;display: inline-block}@media only all and (max-width: 1024px) {.club > div .center a {margin-top: 15px}}.club > div .bottom {width: 85%;padding: 10px;background: rgba(0, 0, 0, 0.4);color: #fff;bottom: 2%;position: absolute;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%)}.club > div .bottom p {text-align: center;overflow: hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap}.club > div .bottom p span {margin-right: 15px}.contact {position: relative}.contact > img {width: 100%}@media only all and (max-width: 768px) {.contact > img {width: auto;position: relative;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%)}}@media only all and (max-width: 768px) {.contact {height: 400px;overflow: hidden}}.contact .information {width: 50%;height: 100%;background: rgba(2, 44, 91, 0.7);position: absolute;right: 0;top: 0;padding-left: 120px}@media only all and (max-width: 1366px) {.contact .information {padding-left: 80px}}@media only all and (max-width: 768px) {.contact .information {width: 100%;position: absolute;left: 0;top: 0;right: auto;padding-left: 10px;padding-right: 10px}}.contact .information .center {color: #fff;position: relative;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%)}.contact .information .center h1 {font-size: 45px;margin-bottom: 20px}@media only all and (max-width: 1366px) {.contact .information .center h1 {font-size: 35px}}.contact .information .center h1 span {display: block;font-size: 16px}.contact .information .center ul li {margin-bottom: 10px}@media only all and (max-width: 1366px) {.contact .information .center ul li {margin-bottom: 5px}}.contact .information .center a {margin-top: 40px;font-size: 14px;color: #fff;padding-bottom: 3px;border-bottom: 2px solid #fff;display: inline-block}.link {padding: 80px 0}.link .warp {border: 1px solid #e1e1e1}.link .warp::after {content: '';display: block;clear: both}.link .warp > div {float: left;width: 10%;height: 85px;border-right: 1px solid #e1e1e1;position: relative;border-bottom: 1px solid #e1e1e1}.link .warp > div:hover {opacity: 0.5}.link .warp > div img {position: relative;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);max-width: 100%}@media only all and (max-width: 768px) {.link .warp > div {width: 20%;border-bottom: 1px solid #e1e1e1}}aside ul li a.wx {background: transparent url(../images/common/wx1.png) no-repeat 0 0}aside ul li a.wx:hover {background-position: 0 -50px}aside ul li a.xhs {background: transparent url(../images/common/xhs.png) no-repeat 0 0}aside ul li a.xhs:hover {background-position: 0 -50px}