@charset "utf-8";
::-webkit-scrollbar {
  width: 0;
  height: 0;
}
::-moz-scrollbar {
  width: 0;
  height: 0;
}
::-ms-scrollbar {
  width: 0;
  height: 0;
}
html, body {padding: 0;margin: 0;background: #fff;overflow-x: hidden;}
* {margin: 0;padding: 0;font-family: Arial, Helvetica, Verdana, 'Microsoft YaHei';border: 0;outline: medium;text-shadow: none;text-decoration: none;-webkit-user-select: none; /* Safari/Chrome */-moz-user-select: none; /* Firefox */-ms-user-select: none; /* IE10+ */user-select: none; /* 标准语法 */}
body {color: #333;font-size: 14px;line-height: 1.5;position: relative;-webkit-text-size-adjust: none;-ms-text-size-adjust: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);overflow-x: hidden;}
input{vertical-align: middle;background: none;border: none;}
textarea {resize: none;background: none;border: none;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;font-size: 14px;margin: 0;padding: 0;}
hr {border-width: 1px;border-style: inset;}
ul {list-style: none;}
p {margin: 0;}
a, a:link, a:active, a:visited, a:hover {text-decoration: none;cursor: pointer;}
i {display: block;}
i, em {font-style: normal;}
html{height: 100%;}
html, body {width: 100%;min-height: 100%;}
.h-bd{overflow-x: hidden;}
.fr{float: right;}
.fl{float: left;}
img {-webkit-user-drag: none; /* Safari/Chrome */-khtml-user-drag: none; /* Konqueror */-moz-user-drag: none; /* Firefox */-o-user-drag: none; /* Opera */user-drag: none; /* Generic */}
.tr-Y{transition: all 0.5s;}
.tr-Y:hover{transform: translateY(-3px);}
.tr-X{transition: all 0.5s;}
.tr-X:hover{transform: translateX(-3px);}
.tr-Y-shadow{transition: all 0.5s;}
.tr-Y-shadow:hover{transform: translateY(-3px);box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);}

.tr-shadow{transition: all 0.5s;}
.tr-shadow:hover{box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);}

.swiper-button-prev,.swiper-button-next{width: 50px;height: 50px;background-color: rgba(0, 0, 0, 0.7);border-radius: 50%;}
.swiper-button-prev:after,.swiper-button-next:after{color: #fff;font-size: 18px;text-align: center;}

.wow{opacity: 0;animation-fill-mode: forwards;transition: opacity 0.5s ease-out;}
.wow2{opacity: 1;}

@media screen and (min-width: 0px) and (max-width:768px){
  .swiper-button-prev,.swiper-button-next{width: 35px;height: 35px;}
}

/* top */
.top{position: fixed;height: 90px;display: flex;align-items: center;width: 100%;flex-wrap: wrap;z-index: 9;transition: all 0.5s;cursor: pointer;}
.top::before{content: "";display: inline-block;position: absolute;width: 100%;height: 1px;bottom: 0;background-color: rgba(255, 255, 255, .1);}
.top .left{margin-right: 0;display: flex;padding-left: 30px;}
.top .left form{margin-right: 20px;color: #fff;}
.top .left form svg{width: 30px;height: 30px;fill: #fff;stroke: #fff;}
.top .left .pro-menu{color: #fff;font-size: 16px;display: flex;align-items: center;}
.top .left .pro-menu i{font-size: 22px;margin-right: 10px;}
.top .left .pro-menu-info{position: absolute;width: 100%;display: flex;left: 0;top: 100%;background-color: #fff;z-index: 2;padding: 65px 5% 40px;transform-origin: top;transform: rotateX(90deg);transition: all 0.5s;}
.top .left .pro-menu-info .info{width: calc(50% - 60px);display: flex;flex-wrap: wrap;margin-right: auto;align-self: stretch;flex-direction: column;}
.top .left .pro-menu-info .info:last-child{margin-left: auto;margin-right: 0;position: relative;}
.top .left .pro-menu-info .info:last-child::before{width: 1px;height: 100%;position: absolute;background-color: rgba(0, 0, 0, 0.1);left: -60px;top: 50%;transform: translate(-50%,-50%);content: "";display: inline-block;}
.top .left .pro-menu-info .info h2{line-height: 40px;font-size: 26px;color: rgba(0, 0, 0, 0.8);display: flex;margin-bottom: 35px;}
.top .left .pro-menu-info .info h2 i{line-height: 40px;font-size: 24px;color: rgba(0, 0, 0, 0.8);}
.top .left .pro-menu-info .info>.ul{width: 100%;display: flex;flex-wrap: wrap;}
.top .left .pro-menu-info .info>.ul .li{width: calc(25% - 15px);margin-right: 20px;}
.top .left .pro-menu-info .info>.ul .li:nth-child(4n){margin-right: 0px;}
.top .left .pro-menu-info .info>.ul .li .img{position: relative;padding-top: 55%;background-color: rgba(0, 0, 0, 0.04);}
.top .left .pro-menu-info .info>.ul .li .img img{position: absolute;width: 100%;height: 75%;object-fit: contain;left: 50%;top: 50%;transform: translate(-50%,-50%);transition: all 0.5s;}
.top .left .pro-menu-info .info>.ul .li .img img:last-child{opacity: 0;}
.top .left .pro-menu-info .info>.ul .li .img:hover img{opacity: 0;}
.top .left .pro-menu-info .info>.ul .li .img:hover img:last-child{opacity: 1;}
.top .left .pro-menu-info .info>.ul .li p{text-align: center;color: rgba(0, 0, 0, 0.8);line-height: 40px;padding-bottom: 25px;}

.top .left .pro-menu:hover .pro-menu-info{transform: rotateX(0deg);}


.top .logo{margin: 0 auto;height: 100%;display: flex;align-items: center;}
.top .logo img{height: 60%;filter: grayscale(1) brightness(10);transition: all 0.5s;width: 100%;object-fit: contain;}

.top .right{margin-left: 0;display: flex;height: 100%;align-items: center;}
.top .right .lang{display: flex;position: relative;color: #fff;padding-right: 50px;transition: all 0.3s;z-index: 10;}
.top .right .lang::after{content: ">";display: inline-block;position: absolute;width: 20px;height: 20px;color: #fff;font-size: 18px;right: 20px;top: 50%;transform: translateY(-50%) rotate(90deg);text-align: center;line-height: 20px;font-family: cursive;}
.top .right .lang:hover{color: rgba(22, 66, 187, 1);transform:translateY(-3px);}
.top .right .lang .select{position: absolute;background-color: #fff;transform-origin: top;transform: rotateX(90deg);transition: all 0.5s;position: absolute;top: 100%;left: 0;width: 100%;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);}
.top .right .lang:hover .select{transform: rotateX(0deg);}
.top .right .lang .select a{display: block;line-height: 30px;font-size: 13px;color: rgba(0, 0, 0, 0.7);text-align: center;transition: all 0.3s;}
.top .right .lang .select a:hover{background-color: rgba(22, 66, 187, 1);color: #fff;}


.top .right .menu{width: 160px;height: 100%;display: flex;background-color: rgba(22, 66, 187, 1);color: #fff;align-items: center;justify-content: center;font-size: 16px;position: relative;z-index: 21;transition: all 0.8s;}
.top .right .menu b{font-weight: normal;}
.top .right .menu p{width: 25px;height: 20px;position: relative;margin-left: 20px;overflow: hidden;cursor: pointer;}
.top .right .menu p span{width: 60%;height: 3px;background-color: #fff;position: absolute;top: 50%;left: 0;transform: translateY(-50%);transition: background-color 0.5s;}
.top .right .menu p::before,.top .right .menu p::after{content: "";display: inline-block;position: absolute;left: 50%;background-color: #fff;height: 3px;width: 100%;transition: all 0.5s;transform: translateX(-50%);}
.top .right .menu p::before{top: 0;}
.top .right .menu p::after{bottom: 0;}
.top .right .menu.tr{background-color: rgba(22, 66, 187, 0);color: rgba(0, 0, 0, 0.7);}
.top .right .menu.tr p::before, .top .right .menu.tr p::after,.top .right .menu.tr p span{background-color: rgba(0, 0, 0, 0.7);}
.top .right .menu.tr p span{width: 0%;}
.top .right .menu.tr p::before{transform-origin: left center;transform: translateX(-35%) rotate(45deg);}
.top .right .menu.tr p::after{transform-origin: left center;transform: translateX(-35%) rotate(-45deg);}

.top .nav{width: 100%;line-height: 70px;display: flex;padding-left: 10px;position: relative;transition: all 0.5s;}
.top .nav>.li{width: 25%;max-width: 130px;display: flex;justify-content: center;}
.top .nav>.li>a{color: #fff;font-size: 15px;text-align: center;display: flex;align-items: center;transition: all 0.5s;position: relative;}
.top .nav>.li>a::after{display: inline-block;content: "";height: 4px;width: 0%;right: 0;position: absolute;background-color: rgba(22, 66, 187, 1);bottom: 15px;transition: all 0.5s;}
.top .nav>.li>a i{width: 20px;height: 20px;position: relative;display: inline-block;}
.top .nav>.li>a i::before{content: ">";position: absolute;line-height: 20px;right: 0;top: 50%;color: #fff;font-size: 16px;font-family: cursive;transform: translateY(-50%) rotate(90deg);transition: all 0.5s;}
.top .nav>.li .nav-ul{position: absolute;top: 100%;left: 0;transform-origin: top;transform: rotateX(90deg);display: flex;width: 100%;padding: 0 15px;background-color: #fff;transition: all 0.3s ease-out;}
.top .nav>.li .nav-ul .li{width: 15%;padding: 30px 15px 15px;text-align: center;}
.top .nav>.li .nav-ul .li .img{position: relative;padding-top: 55%;overflow: hidden;width: 100%;}
.top .nav>.li .nav-ul .li .img img{width: 100%;height: 100%;object-fit: cover;left: 50%;top: 50%;transform: translate(-50%,-50%);position: absolute;transition: all 0.5s;}
.top .nav>.li .nav-ul .li p{line-height: 50px;color: rgba(0, 0, 0, 0.8);}
.top .nav>.li>a:hover::after{width: 100%;left: 0;}


/* 首页变化 */
.top.tr .logo img{filter:grayscale(0) brightness(1);}
.top.tr .right .lang{color: rgba(0, 0, 0, 0.8);}
.top.tr .left .pro-menu i{color: rgba(0, 0, 0, 0.8);}
.top.tr .right .lang::after{color: rgba(0, 0, 0, 0.6);}
.top.tr .left form svg{stroke: rgba(0, 0, 0, 0.6);fill: rgba(0, 0, 0, 0.6);}
.top.tr .left .pro-menu{color: rgba(0, 0, 0, 0.6);}
.top.tr::before{background-color: rgba(0, 0, 0, 0.05);}
.top.tr .nav{display: none;}
/*  */

.top:hover{background-color: #fff;}
.top:hover .logo img{filter:grayscale(0) brightness(1);}
.top:hover .right .lang{color: rgba(0, 0, 0, 0.6);}
.top:hover .left .pro-menu i{color: rgba(0, 0, 0, 0.8);}
.top:hover .right .lang::after{color: rgba(0, 0, 0, 0.6);}
.top:hover .left form svg{stroke: rgba(0, 0, 0, 0.6);fill: rgba(0, 0, 0, 0.6);}
.top:hover .left .pro-menu{color: rgba(0, 0, 0, 0.6);}
.top:hover::before{background-color: rgba(0, 0, 0, 0.05);}
.top:hover .nav{background-color: #fff;}
/* .top .nav:hover{background-color: #fff;} */
.top:hover .nav>.li>a{color: rgba(0, 0, 0, 0.8);}

.top:hover .nav>.li>a i::before{color: rgba(0, 0, 0, 0.8);}
.top .nav>.li:hover .nav-ul{transform: rotateX(0deg);}
.top .nav>.li .nav-ul .li:hover .img img{transform: scale(1.05) translate(-50%,-50%);}

.top .left .pro-menu:hover,.top .left .pro-menu:hover i{color: rgba(22, 66, 187, 1);}


.top .right .menu-info{position: fixed;width: 100%;height: 100%;z-index: 20;background-color: #fff;left: 0;top: 0;display: flex;align-items: center;flex-wrap: wrap;opacity: 0.3;transform: translateY(-100%);transition: all 0.8s ease-out 0.3s;}
.top .right .menu-info.tr{transform: translateY(0);opacity: 1;}
.top .right .menu-info .img{height: 90px;width: 100%;text-align: left;max-width: 440px;display: flex;align-items: center;justify-content: center;}
.top .right .menu-info .img img{height: 65%;}
.top .right .menu-info .info{width: 100%;height: calc(100vh - 200px);max-width: 1500px;display: flex;margin: 0 auto;align-items: center;flex-wrap: wrap;}


.top .right .menu-info .info>.ul{display: flex;flex-grow: 0;width: 100%;max-width: 1400px;margin: 0 auto;padding: 0 30px;align-items: flex-start;}
.top .right .menu-info .info>.ul>.li{flex: 1;-webkit-flex: 1;display: inline-grid;}
.top .right .menu-info .info>.ul>.li:last-child{flex: inherit;-webkit-flex: inherit;}
.top .right .menu-info .info>.ul>.li a{width: auto;}
.top .right .menu-info .info>.ul>.li a{display: inline-block;position: relative;}
.top .right .menu-info .info>.ul>.li a{font-size: 16px;color: rgba(0, 0, 0, 0.3);line-height: 35px;}
.top .right .menu-info .info>.ul>.li>.ul a::after{position: absolute;content: "";display: inline-block;width: 0%;height: 5px;background-color: rgba(22, 66, 187, 1);right: 0;bottom: 10px;transition: all 0.5s;}
.top .right .menu-info .info>.ul>.li>.ul>.li>a{font-size: 18px;line-height: 40px;color: rgba(0, 0, 0, 0.4);}
.top .right .menu-info .info>.ul .li a:hover{color: rgba(0, 0, 0, 0.8)!important;font-weight: bold;}
.top .right .menu-info .info>.ul .li a:hover::after{width: 100%;left: 0;}
.top .right .menu-info .info>.ul>.li>a{font-size: 24px;font-weight: bold;line-height: 65px;color: rgba(0, 0, 0, 0.8);}
/* .top .right .menu-info .info>.ul>.li>div.h-s{display: block;}
.top .right .menu-info .info>.ul>.li>div.h-s>a{padding-left: 20px;position: relative;}
.top .right .menu-info .info>.ul>.li>div.h-s>a::before{content: "+";font-size: 24px;color: rgba(0, 0, 0, 0.3);position: absolute;left: 0;top: 50%;transform: translateY(-50%);} */
/* .top .right .menu-info .info>.ul>.li>div.h-s:hover>a::before{color: rgba(22, 66, 187, 1);content: "";width: 14px;height: 2px;background-color: rgba(22, 66, 187, 1);} */
.top .right .menu-info .info>.ul .li .ul{display: grid;width: 100%;padding-left: 20px;font-size: 16px;color: rgba(0, 0, 0, 0.3);transition: all 0.5s;}
.top .right .menu-info .info>.ul>.li>.ul{padding-left: 0;}
.top .right .menu-info .info>.ul>.li .h-s2 .ul .li{height: 0;overflow: hidden;transition: all 0.5s;}
.top .right .menu-info .info>.ul>.li .h-s2 .ul a{height: 100%;overflow: hidden;}
.top .right .menu-info .info>.ul>.li .h-s2:hover .ul .li{height: 35px;}


.top .right .menu-info .form{width: 100%;max-width: 1400px;margin: 60px auto 0;padding: 0 15px;display: flex;}
.top .right .menu-info .form form{width: 90%;max-width: 575px;display: flex;margin-left: auto;}
.top .right .menu-info .form form input{border: 1px solid rgba(0, 0, 0, 0.1);line-height: 55px;width: calc(100% - 140px);text-indent: 20px;}
.top .right .menu-info .form form input::placeholder{color: rgba(0, 0, 0, 0.2);}
.top .right .menu-info .form form a{width: 140px;line-height: 57px;color: #fff;background-color: rgba(22, 66, 187, 1);text-align: center;display: inline-block;}

.top .right .menu-info .contact-info{width: 100%;height: 110px;display: flex;background-color: rgba(0, 0, 0, 0.05);}
.top .right .menu-info .contact-info .ul{max-width: 1600px;width: 100%;padding: 0 15px;display: flex;align-items: center;justify-content: center;margin: 0 auto;}
.top .right .menu-info .contact-info .ul .li{display: flex;flex: 1;-webkit-flex: 1;justify-content: center;line-height: 30px;font-size: 16px;font-weight: bold;color: rgba(0, 0, 0, 0.8);}
.top .right .menu-info .contact-info .ul .li i{width: 30px;height: 30px;border-radius: 50%;border: 1px solid rgba(22, 66, 187, 1);color: rgba(22, 66, 187, 1);text-align: center;line-height: 30px;margin-right: 15px;}

/*  */
.area{width: 100%;height: 100%;position: relative;margin: 0 auto;overflow: hidden;}
.n-area{max-width: 1630px;margin: 0 auto;padding: 0 15px;}
table tr td{border: 1px solid rgba(0, 0, 0, 0.2);padding: 5px;}


/* nbanner */
.nbanner{height: 75vh;background-image: url('../images/nbanner.jpg');background-size: cover;position: relative;}
.nbanner .info{position: absolute;top: 45%;color: #fff;text-align: center;width: 100%;padding: 0 15px;}
.nbanner .info h2{font-size: 46px;font-weight: bold;}
.nbanner .info p{font-size: 32px;padding-top: 20px;}

.nbanner .crumbs{position: absolute;bottom: 0;width: 100%;line-height: 100px;text-align: right;color: #fff;}
.nbanner .crumbs a{font-size: 14px;color: #fff;}

/* foot */
.foot{background-color: rgba(0, 0, 0, 0.02);border-top: 7px solid rgba(22, 66, 187, 1);padding-top: 80px;}
.foot .n-area{display: flex;flex-wrap: wrap;justify-content: space-between;}
.foot .left{display: flex;width: 50%;max-width: 510px;flex-wrap: wrap;}
.foot .left .f-logo{width: 100%;display: flex;padding-bottom: 60px;border-bottom: 1px solid rgba(0, 0, 0, 0.1);align-items: center;}
.foot .left .f-logo>img{width: 50%;max-width: 240px;margin-right: auto;}
.foot .left .f-logo .img{width: 40px;height: 40px;border-radius: 50%;background-color: #fff;text-align: center;margin-left: auto;}
.foot .left .f-logo .img img{width: 70%;object-fit: contain;height: 100%;}

.foot .left .contact{width: 100%;padding-top: 60px;display: flex;align-items: center;}
.foot .left .contact .text{width: calc(100% - 130px);}
.foot .left .contact h2{font-size: 38px;font-family: fantasy;padding-bottom: 20px;}
.foot .left .contact p{font-size: 14px;color: rgba(0, 0, 0, 0.7);line-height: 35px;}
.foot .left .contact .m-qrcode{width: 130px;text-align: center;}
.foot .left .contact .m-qrcode img{width: 130px;height: 130px;background-color: #fff;margin-bottom: 10px;}

.foot .right{display: flex;width: 50%;max-width: 630px;text-align: right;flex-wrap: wrap;}
.foot .right .f-nav{width: 100%;display: flex;padding-bottom: 70px;}
.foot .right .f-nav .li{width: 100%;}
.foot .right .f-nav>.li{width: 25%;}
.foot .right .f-nav .li a{font-size: 15px;color: rgba(0, 0, 0, 0.5);line-height: 35px;display: block;text-align: left;position: relative;transition: all 0.5s;}
.foot .right .f-nav>.li>a{font-size: 18px;color: rgba(0, 0, 0, 0.8);line-height: 18px;padding-bottom: 20px;}
.foot .right .f-nav .li a:hover{color: rgba(22, 66, 187, 1);transform: translateY(-3px);}
.foot .right .wz{width: 100%;display: flex;justify-content: flex-end;}
.foot .right .wz a{width: 25%;font-size: 18px;color: rgba(0, 0, 0, 0.8);text-align: left;transition: all 0.5s;}
.foot .right .wz a:hover{color: rgba(22, 66, 187, 1);transform: translateY(-3px);}


.foot .bottom{width: 100%;margin-top: 50px;padding: 35px 0;border-top: 1px solid rgba(0, 0, 0, 0.1);display: flex;}
.foot .bottom .f-link a{color: rgba(0, 0, 0, 0.8);}


@media screen and (min-width: 0px) and (max-width:1400px){

}

@media screen and (min-width: 0px) and (max-width:1200px){
  .foot .right{padding-left: 30px;}
}
@media screen and (min-width: 0px) and (max-width:1024px){
  .top .left{display: none;}
  .top .logo{padding-left: 30px;margin: 0;margin-right: auto;}
  .top .right .menu-info .info>.ul .li>div:first-child>a{font-size: 21px;}
  .top .right .menu-info .info>.ul .li>div>a{font-size: 16px;}
  .nbanner .info h2{font-size: 38px;}
  .nbanner .info p{font-size: 26px;}
}
@media screen and (min-width: 0px) and (max-width:992px){
  .top .nav{display: none!important;}
  .top .right .menu{font-size: 15px;}
  .foot .right .wz a,.foot .right .wz a{font-size: 16px;}
  .foot .right .f-nav .li .ul a{font-size: 14px;}
  .foot .left .contact h2{font-size: 32px;}
}
@media screen and (min-width: 0px) and (max-width:768px){
  .top{height: 75px;}
  .top .logo{max-width: calc(100% - 200px);padding-left: 15px;}
  .top .right .lang{padding-right: 40px;font-size: 13px;}
  .top .right .lang::after{right: 5px;}
  .top.tr .right .menu p::before,.top.tr .right .menu p::after,.top.tr .right .menu p span{background-color: rgba(0, 0, 0, 0.8);}
  .top:hover .right .menu p::before,.top:hover .right .menu p::after,.top:hover .right .menu p span{background-color: rgba(0, 0, 0, 0.8);}
  .top .right .menu{width: auto;background-color: rgba(22, 66, 187, 0);}
  .top .right .menu b{display: none;}
  .top .right .menu p{margin: 0 25px 0 15px;}
  .top .right .menu-info .form{display: none;}
  .top .right .menu-info .contact-info{display: none;}
  .top .right .menu-info .img{height: 75px;max-width: none;padding-left: 15px;justify-content: start;}
  .top .right .menu-info .img img{height: 55%;}
  .top .right .menu-info .info{height: calc(100vh - 75px);align-items: flex-start;}
  .top .right .menu-info .info>.ul{flex-wrap: wrap;}
  .top .right .menu-info .info>.ul>.li{flex: auto;-webkit-flex: auto;display: flex;flex-wrap: wrap;width: 100%;}
  .top .right .menu-info .info>.ul>.li>.ul>.li>a{width: auto;max-width: 110px;margin-right: 15px;font-size: 15px;}
  .top .right .menu-info .info>.ul>.li a{font-size: 14px;}
  .top .right .menu-info .info>.ul>.li>a{width: 100%;max-width: none;font-size: 21px;}
  .top .right .menu-info .info>.ul>.li>.ul{display: flex;flex-wrap: wrap;}

  .nbanner .info h2{font-size: 32px;}
  .nbanner .info p{font-size: 22px;}

  .foot{padding-top: 35px;}
  .foot .right{width: 100%;padding-left: 0;order: -1;max-width: none;}
  .foot .right .f-nav{padding-bottom: 20px;}
  .foot .right .f-nav .li .ul{display: none;}
  .foot .right .f-nav .li a:first-child{display: block;text-align: center;font-size: 22px;padding-bottom: 10px;}
  .foot .right .wz a, .foot .right .wz a{text-align: center;width: auto;padding: 5px 20px;color: #fff;border-radius: 5px;background-color: rgba(22, 66, 187, 1);margin-left: 15px;}
  .foot .left{width: 100%;max-width: none;}
  .foot .left .f-logo{padding-top: 20px;padding-bottom: 20px;}
  .foot .left .contact{padding-top: 30px;}

  .foot .bottom{margin-top: 20px;}
}
@media screen and (min-width: 0px) and (max-width:640px){
  .foot .right .f-nav .li a:first-child{font-size: 18px;font-weight: bold;}
}
@media screen and (min-width: 0px) and (max-width:500px){

}
@media screen and (min-width: 0px) and (max-width:440px){
  .top .right .menu-info .info>.ul>.li>.ul>.li>a{line-height: 35px;}
  .top .right .menu-info .info>.ul>.li>a{font-size: 18px;line-height: 40px;}
  .top .right .menu-info .info>.ul>.li .h-s2 .ul .li{line-height: 30px;}
  .top .right .menu-info .info>.ul .li>div.h-s:hover .c-li a{height: 30px;}

  .nbanner{height: 65vh;}
  .nbanner .info h2{font-size: 26px;}
  .nbanner .crumbs{line-height: 60px;}
  .nbanner .info p{font-size: 17px;}

  .foot{padding-top: 25px;}
  .foot .right .f-nav .li a:first-child{font-size: 17px;}
  .foot .left .contact h2{font-size: 28px;padding-bottom: 15px;}
  .foot .right .wz a, .foot .right .wz a{font-size: 14px;}
  .foot .bottom{padding: 20px 0;}
}
@media screen and (min-width: 0px) and (max-width:375px){


}
@media screen and (min-width: 0px) and (max-width:320px){


}