.tip-box {
  height: 60px;
  line-height: 60px;
  background-image: url("../images/tip_bg.jpg");
  background-position: 0 0;
  background-repeat: repeat;
}
.tip-box .tip-comp {
  margin-left: 380px;
}
.tip-box .tip-comp:before {
  background-color: #4995cf;
}
.tip-box p,
.tip-box .tel {
  display: inline;
  color: #fff;
  font-size: 16px;
}
.tip-box p:before,
.tip-box .tel:before {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 8px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #4995cf;
}
.tip-box p.tel,
.tip-box .tel.tel {
  font-size: 30px;
  color: #4995cf;
  font-family: "Aria";
  font-weight: bold;
  line-height: 48px;
}
.tip-box p em,
.tip-box .tel em {
  font-size: 16px;
  color: #fff;
  font-weight: normal;
}
.tip-box p .num,
.tip-box .tel .num {
  float: right;
  margin-top: 5px;
}
.top-box {
  position: relative;
}
.top-box .area {
  height: 100px;
}
.top-box .logo {
  position: absolute;
  bottom: 0;
  padding: 24px 2px;
  background: rgba(241,246,249, 1);
  width: 296px;
  height: 112px;
  text-align: center;
}
.top-box .nav-box {
  margin-left: 300px;
}
.top-box .nav-box .lst-item {
  display: inline-block;
  width: 95px;
  text-align: center;
  box-shadow: inset -3px 2px 9px -5px #bdbdbd;
}
.top-box .nav-box .lst-item > a {
  display: block;
  padding: 24px 0;
}
.top-box .nav-box .lst-item label {
  display: block;
  font-size: 16px;
  color: #888;
}
.top-box .nav-box .lst-item em {
  font-size: 16px;
  color: #000;
}
.top-box .nav-box .lst-item.active > a *,
.top-box .nav-box .lst-item:hover > a * {
  color: #4995cf;
}
.top-box .nav-box .lst-item .sec-box {
  display: none;
  position: absolute;
  z-index: 9;
}
.top-box .nav-box .lst-item .sec-box ul {
  white-space: nowrap;
}
.top-box .nav-box .lst-item .sec-box li {
  display: inline-block;
  zoom: 1;
  vertical-align: top;
  height: 40px;
  margin-right: 15px;
  line-height: 40px;
  overflow: hidden;
}
.top-box .nav-box .lst-item .sec-box a {
  color: #917d84;
}
.top-box .nav-box .lst-item .sec-box a:hover {
  color: #4995cf;
}
.top-box .nav-bg {
  display: none;
  position: absolute;
  width: 100%;
  height: 40px;
  z-index: 8;
  background: #fff;
  opacity: .8;
}
/*焦点图*/
.banner-box {
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.banner-box .m-slide {
  position: relative;
  width: 100%;
  height: 720px;
}
.banner-box .m-slide .scroll-box {
  overflow: hidden;
  height: 720px;
  width: 100%;
}
.banner-box .m-slide .scroll-box li {
  width: 100%;
  height: 720px;
  text-align: center;
}
.banner-box .m-slide .scroll-box li a {
  display: block;
  height: 720px;
}
.banner-box .slider {
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: 9px;
  z-index: 10;
}
.banner-box .slider li {
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 15px;
  margin: 0 7px;
  line-height: 45px;
  overflow: hidden;
  background: #fff;
  border: 1px solid #e31f6b;
}
.banner-box .slider li.active {
  background: #e31f6b;
}
.banner-box .line-shadow {
  position: absolute;
  top: 0;
  display: block;
  width: 100%;
  box-shadow: 0px 1px 8px 1px #a5a5a5;
  z-index: 99;
}
.banner-box .m-banner-link {
  background-color: #4995cf;
  /* height: 120px; */
  text-align: center;
}
.banner-box .m-banner-link .img{width:65px}
.banner-box .m-banner-link .img,.banner-box .m-banner-link .info{float:left}

.banner-box .m-banner-link a {
  display: inline-block;
  color: #fff;
  padding: 7px 0;
  text-align: left;
  margin: 26px 52px 20px 0;
}

.banner-box .m-banner-link a em {
  display: block;
  font-size: 13px;
  font-family: 宋体;
}
.banner-box .m-banner-link a span {
  font-size: 12px;
  font-weight: bold;
}
.banner-box .m-banner-link a .img {
  width: 60px;
  height: 60px;
  overflow: hidden;
  border-radius: 60px;
  float: left;
  -webkit-transition: all .8s;
  -moz-transition: all .8s;
  -ms-transition: all .8s;
  -o-transition: all .8s;
  transition: all .8s;
}
.banner-box .m-banner-link a:hover .img {
  -webkit-transform: rotateY(360deg);
  -moz-transform: rotateY(360deg);
  -ms-transform: rotateY(360deg);
  -o-transform: rotateY(360deg);
  transform: rotateY(360deg);
}
.banner-box .m-banner-link a .info {
  margin-left: 75px;
}
/*****main****/
.main-box {
  background-image: url("../images/main_bg.jpg");
  background-position: 0 0;
  background-repeat: repeat;
  padding: 60px 0;
}
.m-video .video {
  width: 625px;
  height: 455px;
}
.m-video .video-lst {
  margin-left: 630px;
  text-align: center;
}
.m-video .video-lst .img {
  display: inline-block;
  position: relative;
  width: 280px;
  height: 225px;
  float: left;
  margin: 2px;
  overflow: hidden;
}
.m-video .video-lst .img .shadow {
  position: absolute;
  overflow: hidden;
  height: 0;
  width: 0;
  top: 52%;
  left: 47%;
  background-image: url("../images/play.png");
  background-position: center 50px;
  background-repeat: no-repeat;
  background-color: rgba(0, 0, 0, 0.5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, 0, endColorstr=#66000000, 0);
}
.m-video .video-lst .img:hover .shadow {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.m-video .video-lst .img:hover .text {
  bottom: 55px;
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -ms-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
}
.m-video .video-lst .img .text {
  display: block;
  position: absolute;
  left: 0;
  bottom: -50px;
  width: 100%;
  font-size: 18px;
  color: #d3d3d3;
}
.m-title {
  text-align: center;
  position: relative;
  border-bottom: 1px solid #ccc;
  margin: 60px auto 45px;
  font-weight: bold;
  font-family: 宋体;
}
.m-title .title-box {
  height: 120px;
  position: relative;
  background-image: url("../images/m-title.png");
  background-position: 45% top;
  background-repeat: no-repeat;
}
.m-title .lg_title {
  display: inline-block;
  font-size: 37px;
  color: #4995cf;
  position: absolute;
  top: 40px;
  left: 50%;
}
.m-title .sm_title {
  display: inline-block;
  background: #fff;
  position: relative;
  top: 16px;
  padding: 0 20px;
  font-size: 18px;
  color: #000;
  font-style: italic;
}
.pic-lst li {
  float: left;
  margin: 10px;
}
.pic-lst li a {
  display: block;
  overflow: hidden;
}
.pic-lst li a .img {
  text-align: center;
  width: 380px;
  height: 240px;
  overflow: hidden;
}
.pic-lst li a .pic-title {
  font-size: 18px;
  color: #000;
  line-height: 40px;
  height: 40px;
  width: 380px;
}
.pic-lst li a .pic-title .num {
  display: inline-block;
  position: relative;
  width: 25px;
  height: 22px;
  float: left;
  margin-top: 8px;
  margin-right: 15px;
  line-height: 22px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  background: #c0c0c0;
}
.pic-lst li a .pic-title .num:after {
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  bottom: -11px;
  left: 0;
  border-top: 12px solid #c0c0c0;
  border-right: 10px solid transparent;
}
.pic-lst li a:hover .img {
  border: 3px solid #4995cf;
  width: 374px;
  height: 234px;
}
.pic-lst li a:hover .img .jqthumb {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.pic-lst li a:hover .num {
  background-color: #4995cf;
}
.pic-lst li a:hover .num:after {
  border-top-color: #4995cf;
}
.m-maneuver .overflow-hidden {
  height: 140px;
  padding: 20px 0;
  background: #4995cf;
  display: none;
}
.m-maneuver .pageBox {
  border-bottom: 1px solid #e4e4e4;
  position: relative;
}
.m-maneuver .pageBox .pic-title {
  font-size: 18px;
  color: #fff;
  line-height: 36px;
  margin-top: 7px;
  position: relative;
}
.m-maneuver .pageBox .pic-title .num {
  display: inline-block;
  position: relative;
  width: 25px;
  height: 22px;
  float: left;
  margin-top: 8px;
  margin-right: 15px;
  line-height: 22px;
  font-size: 14px;
  color: #4995cf;
  text-align: center;
  background: #fff;
}
.m-maneuver .pageBox .pic-title .num:after {
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  bottom: -11px;
  left: 0;
  border-top: 12px solid #fff;
  border-right: 10px solid transparent;
}
.m-maneuver .pageBox .selected .pic-title {
  color: #ffff00;
}
.m-maneuver .pageBox .selected .num {
  background-color: #ffff00;
}
.m-maneuver .pageBox .selected .num:after {
  border-top-color: #ffff00;
}
.m-maneuver .pageBox .line {
  display: block;
  width: 200px;
  height: 5px;
  background: #fff000;
  position: absolute;
  bottom: 0;
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -ms-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
}
.overflow-hidden {
  position: relative;
  zoom: 1;
  overflow: hidden;
}
.imgBox {
  position: relative;
  zoom: 1;
}
.imgBox li {
  float: left;
  _display: inline;
  overflow: hidden;
}
.imgBox li a {
  display: block;
  height: 100%;
  text-align: center;
}
.imgBox li a img {
  max-width: 100%;
  max-height: 100%;
}
.pageBox {
  height: 139px;
  margin: 0 auto;
  overflow: hidden;
}
.pageBox li {
  width: 200px;
  height: 125px;
  display: inline-block;
  margin-right: 50px;
  overflow: hidden;
  position: relative;
}
.pageBox li a {
  display: block;
  overflow: hidden;
  height: 100%;
  text-align: center;
  color: #ffffff;
  text-align: left;
}
.pageBox li.selected img {
  border-color: #fff000;
}
.pageBox li img {
  max-width: 98%;
  max-height: 100%;
  border: 2px solid #4995cf;
}
.m-imgbox {
  margin: 40px auto;
}
.m-imgbox .carousel-btn {
  position: absolute;
  top: 50%;
  margin-top: -40px;
  cursor: pointer;
  z-index: 100;
  filter: alpha(opacity=80);
  opacity: 0.8;
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
}
.m-imgbox .carousel-btn:hover {
  filter: alpha(opacity=100);
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
}
.m-imgbox .carousel-btn .btn {
  display: block;
  width: 50px;
  height: 60px;
  background: url(../images/scroll.png) no-repeat;
}
.m-imgbox .j-carousel-prev {
  left: 0;
}
.m-imgbox .j-carousel-prev .btn {
  background-position: 0 0;
}
.m-imgbox .j-carousel-next {
  right: 0;
}
.m-imgbox .j-carousel-next .btn {
  background-position: -70px 0;
}
.m-imgbox .px {
  position: absolute;
  top: 28px;
}
.m-imgbox .px.j-carousel-prev {
  left: 0;
}
.m-imgbox .px.j-carousel-prev .btn {
  background-position: -3px -129px;
}
.m-imgbox .px.j-carousel-next {
  right: 0;
}
.m-imgbox .px.j-carousel-next .btn {
  background-position: -77px -129px;
}
.m-imgbox .px .btn {
  background-image: url("../images/inner_scroll.png");
  background-position: center center;
  background-repeat: no-repeat;
  display: block;
  width: 25px;
  height: 60px;
}
.cus-lst li {
  float: left;
  margin: 10px;
}
.cus-lst li .img {
  display: block;
  width: 380px;
  height: 240px;
  overflow: hidden;
  position: relative;
}
.cus-lst li .img .shadow {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  transition: background .3s;
  z-index: 8;
}
.cus-lst li .img .shadow .shadow-text {
  width: 216px;
  position: absolute;
  height: 110px;
  overflow: hidden;
  line-height: 30px;
  top: 30px;
  left: -350px;
  background-image: url("../images/refresh.png");
  background-position: 260px center;
  background-repeat: no-repeat;
  background-color: rgba(73, 149, 207, 0.8);
  padding: 9px 114px 9px 20px;
  color: #fff;
  transition: left .4s;
}
.cus-lst li .img .shadow .shadow-text h4 {
  font-size: 24px;
}
.cus-lst li .img .shadow .shadow-text .date {
  display: block;
  font-size: 18px;
}
.cus-lst li .img .shadow .shadow-text .more {
  font-size: 18px;
  color: #fff000;
}
.cus-lst li .info {
  display: block;
  margin-top: 5px;
  width: 380px;
}
.cus-lst li .info .date {
  line-height: 30px;
  font-size: 24px;
  color: #757575;
  font-weight: bold;
  overflow: hidden;
}
.cus-lst li .info .toupper {
  color: #666;
  white-space: nowrap;
}
.cus-lst li .info .addr {
  color: #666;
  font-family: 宋体;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  display: block;
}
.cus-lst li:hover .shadow {
  background-color: rgba(0, 0, 0, 0.4);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, 0, endColorstr=#66000000, 0);
}
.cus-lst li:hover .shadow .shadow-text {
  left: 0;
}
.m-discount .disBox {
  width: 100%;
  height: 500px;
  overflow: hidden;
}
.m-discount .disBox li {
  float: left;
}
.m-discount .dispage li {
  float: left;
}
.m-discount .dispage li a {
  display: block;
  height: 86px;
  width: 236px;
  padding: 15px 30px;
  border: 2px solid #e9e9e9;
  text-align: center;
  background: #e9e9e9;
  color: #000;
  box-shadow: inset -2px 0px 0px -1px #fff;
}

.m-discount .dispage li a:hover{
  background: #4995cf;
}
.m-discount .dispage li a:hover h4,.m-discount .dispage li a:hover .tip{
  color: #fff;
}
.m-discount .dispage li a:hover .price{
  background-color:#fff;
  color:#4995cf;
}


.m-discount .dispage li a h4 {
  font-size: 18px;
}
.m-discount .dispage li a .price {
  margin: 5px 0;
  background: #4995cf;
  line-height: 28px;
  font-size: 20px;
  color: #fff;
  font-weight: bold;
}
.m-discount .dispage li a .tip {
  font-family: 宋体;
}
.m-discount .dispage li.active a {
  box-shadow: none;
  border-color: #e31f6b;
}
.m-discount .dispage li.shadow a {
  box-shadow: none;
}
.footer {
  background-color: #4995cf;
  color: #fff;
}
.footer .f-content {
  padding: 35px 0 45px;
}
.footer .page {
  width: 400px;
  float: left;
}
.footer .page .toupper {
  font-size: 36px;
  margin-bottom: 22px;
}
.footer .page .tel {
  border-bottom: 1px solid #ffffff;
  padding-bottom: 30px;
}
.footer .page .tel p {
  padding-left: 32px;
  line-height: 30px;
  background-image: url("../images/footer.png");
  background-position: left 8px;
  background-repeat: no-repeat;
  font-size: 14px;
}
.footer .page .tel p.phone {
  background-position: 0 -23px;
}
.footer .page .tel p.qq {
  background-position: 0 -53px;
}
.footer .page .tel p.email {
  background-position: 0 -83px;
}
.footer .page .tel p.map {
  background-position: 0 -113px;
}
.footer .page .tel p.addr {
  background-position: 0 -143px;
}
.footer .form {
  margin-left: 48px;
}
.footer .form input[type='text'],
.footer .form textarea,
.footer .form button,
.footer .form .valid {
  border: none;
  background-color: #fff;
  padding: 0 10px;
  height: 35px;
  line-height: 35px;
  font-size: 16px;
}
.footer .form .group {
  margin: 10px 0;
}
.footer .form .group .txt01 {
  width: 190px;
}
.footer .form .group .txt02 {
  width: 160px;
  float: right;
}
.footer .form .group .txt02.valid {
  text-align: center;
}
.footer .form .group .txt02.valid img {
  height: 35px;
}
.footer .form .group textarea {
  width: 380px;
  line-height: 28px;
  height: 70px;
}
.footer .form .submit {
  width: 400px;
  cursor: pointer;
  margin-top: 5px;
}
.footer .form .submit:hover {
  color: #e31f6b;
}
.footer .smpage {
  text-align: right;
  font-size: 13px;
  line-height: 30px;
}
.footer .smpage .code {
  margin-top: 15px;
}
.footer .smpage .code img {
  width: 180px;
  height: 180px;
}
.footer .copyright {
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  overflow: hidden;
  text-align: center;
  background-color: #2470ab;
}
.footer .copyright a {
  color: #fff;
}
.right-link {
  position: fixed;
  top: 40%;
  width: 50px;
  right: 5px;
  z-index: 99;
}
.right-link li {
  margin-bottom: 10px;
  position: relative;
}
.right-link li a {
  display: block;
  background-color: #4995cf;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  height: 50px;
  position: relative;
}
.right-link li a:hover {
  background-color: #2470ab;
}
.right-link li .ico {
  display: block;
  overflow: hidden;
  width: 50px;
  height: 50px;
  background-image: url("../images/right.png");
  background-position: center 10px;
  background-repeat: no-repeat;
}
.right-link li.phone .ico {
  background-position: center -50px;
}
.right-link li.wechat .ico {
  background-position: center -110px;
}
.right-link li.top .ico {
  background-position: center -170px;
}
.right-link li .text {
  position: absolute;
  top: 0;
  left: 52px;
  padding: 0 15px 0 5px;
  white-space: nowrap;
  font-size: 18px;
  font-family: 'Microsoft YaHei';
  color: #fff;
  line-height: 52px;
}
.right-link li .erwei {
  position: absolute;
  right: 100%;
  bottom: 0;
  /* display: none; */
  margin: -65px 8px 0 0;
  padding: 3px;
  border: solid 2px #4995cf;
  background: #fff;
}
.right-link li .erwei:after {
  position: absolute;
  right: -10px;
  bottom: 0;
  overflow: hidden;
  margin-bottom: 17px;
  width: 0;
  height: 0;
  border-color: transparent transparent transparent #e31f6b;
  border-style: solid;
  border-width: 5px 5px;
  content: "";
}
.right-link li .erwei img {
  width: 120px;
  height: 120px;
}
/***************内页*****************/
.inner {
  padding-bottom: 40px;
}
.inner .m-title {
  margin-top: 0;
}
.inner .com-title-box {
  text-align: center;
  margin-bottom: 30px;
}
.inner .com-title-box .com-title {
  font-size: 30px;
  color: #000;
  line-height: 45px;
  margin-bottom: 15px;
}
.inner .com-title-box .com-detail {
  font-size: 14px;
  color: #666;
  font-family: 宋体;
}
.inner .detail-img {
  text-align: center;
  margin-bottom: 15px;
}
.inner .detail-img img{
	display: block;
    margin: 0 auto;
    padding: 0;
    max-width: 100%;
	overflow:hidden;
}
.inner .content p img{
	display: block;
    margin: 0 auto;
    padding: 0;
    max-width: 100%;
	overflow:hidden;
}
.inner .dis-item {
  margin-top: 60px;
}
.inner .dis-item .img {
  display: block;
  height: 500px;
  overflow: hidden;
}
.inner .dis-item .info {
  height: 60px;
  padding: 30px;
  overflow: hidden;
  background-color: #e9e9e9;
  border: 2px solid #e9e9e9;
  color: #000;
}
.inner .dis-item .info:hover {
  border-color: #4995cf;
}
.inner .dis-item .info h4 {
  font-size: 24px;
  margin-bottom: 8px;
}
.inner .dis-item .info h4 .price {
  font-weight: bold;
  margin-left: 10px;
}
.inner .dis-item .info .tip {
  font-size: 14px;
  font-family: 宋体;
}
.inner .dis-item .info .more {
  display: inline-block;
  width: 240px;
  line-height: 40px;
  margin-top: 8px;
  text-align: center;
  background-color: #4995cf;
  font-size: 20px;
  color: #fff;
  font-weight: bold;
}
.inner .dis-page {
  margin-bottom: 40px;
  background-color: #e9e9e9;
  height: 400px;
  position: relative;
}
.inner .dis-page .img {
  width: 780px;
  height: 400px;
  overflow: hidden;
}
.inner .dis-page .info {
  margin-left: 810px;
  padding: 35px 30px 35px 0;
  color: #000;
}
.inner .dis-page .info h4 {
  font-size: 24px;
}
.inner .dis-page .info .price {
  margin: 23px 0;
  font-size: 30px;
  font-weight: bold;
}
.inner .dis-page .info .tip,
.inner .dis-page .info .detail {
  line-height: 30px;
  font-size: 14px;
  font-family: 宋体;
}
.inner .dis-page .info .goback {
  position: absolute;
  bottom: 35px;
  width: 240px;
  line-height: 40px;
  margin-top: 8px;
  text-align: center;
  background-color: #e31f6b;
  font-size: 20px;
  color: #fff;
  font-weight: bold;
}
.inner .ds-content {
  border: 1px solid #e4e4e4;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 2px 0px #d2d2d2;
  -moz-box-shadow: 0px 0px 2px 0px #d2d2d2;
  box-shadow: 0px 0px 2px 0px #d2d2d2;
}
.inner .ds-content .content {
  padding: 22px;
}
.inner .dis-title {
  line-height: 55px;
  font-size: 20px;
  color: #fff;
  font-weight: bold;
  padding-left: 22px;
  background-color: #e31f6b;
  border-bottom: 5px solid #c70a54;
}
.inner .ds-item {
  margin-bottom: 20px;
  color: #000;
  font-size: 16px;
  line-height: 28px;
}
.inner .ds-item .bold {
  font-size: 16px;
  font-weight: bold;
}
.inner .sub-news-imgtext li {
  position: relative;
  padding: 15px 10px;
  border: 1px solid #ccc;
  background: #fff;
  margin-bottom: 10px;
}
.inner .sub-news-imgtext li .img {
  float: left;
  display: block;
  width: 160px;
  height: 90px;
  margin-right: 15px;
  overflow: hidden;
}
.inner .sub-news-imgtext li .img img {
  width: 160px;
  height: 90px;
}
.inner .sub-news-imgtext li h4 {
  text-align: left;
  font-size: 16px;
  margin-bottom: 5px;
}
.inner .sub-news-imgtext li h4 a:hover {
  color: #4995cf;
}
.inner .sub-news-imgtext li p {
  color: #000000;
  line-height: 20px;
  height: 60px;
  font-size: 14px;
  overflow: hidden;
}
.inner .sub-news-imgtext li p a:hover {
  color: #4995cf;
}
.inner .sub-news-imgtext li:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
}
.m-nav {
  line-height: 48px;
  background: #efefef;
  /*border-bottom: 5px solid #ccc;*/
  text-align: left;
  margin-bottom: 28px;
}
.m-nav li {
  display: inline-block;
  margin: 0 40px;
}
.m-nav li a {
  font-size: 16px;
  color: #000;
}
.m-nav li a:before {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  font-size: 18px;
  margin-right: 10px;
  background-color: #ccc;
}
.m-nav li:hover a,
.m-nav li.active a {
  color: #4995cf;
}
.m-nav li:hover a:before,
.m-nav li.active a:before {
  background-color: #4995cf;
}


.swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  margin: 0 7px;
  background: #fff;
  border: 1px solid #4995cf;
  opacity: 1;
}
.swiper-pagination-bullet-active {
  background-color: #4995cf;
} 
.banner-box  .swiper-container img {
  width: 100%;
  height: 100%;
  /*object-fit: cover;*/
}