@charset "utf-8";
@font-face {
  font-family: 'Futura Md BT Medium';/* 自定义字体名称 */
  src: url('./Futura Md BT Medium.ttf') format('truetype');/* 字体文件的路径及格式 */
  font-weight: 500;
}
html, body {padding: 0;margin: 0;background: #fff;}
* {margin: 0;padding: 0;font-family: Arial, Helvetica, Verdana, 'Microsoft YaHei';border: 0;outline: medium;text-shadow: none;text-decoration: none;transition: all 0.3s;font-weight: 300;}
body {color: rgba(0 ,0 ,0 ,0.8);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-color: none;border: none;outline: none;}
textarea {resize: none;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;font-size: 16px;margin: 0;padding: 0;}
hr {border-width: 1px;border-style: inset;}
ul {list-style: none;margin: 0;padding: 0;}
p {margin: 0;}
a, a:link, a:active, a:visited{text-decoration: none;color: rgba(0 ,0 ,0 ,0.8);}
a:hover{transform: translateY(-3px);text-decoration: unset;}
i {display: block;}
i, em {font-style: normal;}
html, body {width: 100%;min-height: 100%;}
.h-bd{overflow-x: hidden;}
.fr{float: right;}
.fl{float: left;}
.clear{clear: both;}
body {
  overflow-y: scroll; /* 始终显示滚动条 */
}

body::-webkit-scrollbar {
  width: 0px; /* 滚动条的宽度 */
}

body::-webkit-scrollbar-thumb {
  background-color: transparent; /* 设置滚动条的颜色为透明 */
}

.layer{width: 100%;height: 100vh;background-color: rgba(0 ,0 ,0 ,0.3);position: fixed;top: 0;left: 0;z-index: 98;display: none;}
/* head */
.head{width: 100%;position: fixed;top: 0;left: 0;z-index: 100;transition: all 0.3s;display: flex;flex-wrap: wrap;height: 130px;align-items: center;padding: 0;z-index: 99;}

.headleft{width: 30%;}
.headleft .logo{height: 100%;}
.headleft .logo a,.headleft .logo a h1{display: inline-block;width: 100%;margin: 0;height: 100%;text-align: center;}
.headleft .logo a h1 img{max-height: 80%;max-width: 90%;
  /* filter: grayscale(1) brightness(10); */
}


.headright{width: 70%;height: 100%;display: flex;flex-wrap: wrap;align-items: center;padding-left: 55px;}
.headright .nav{width: 80%;height: 100%;max-width: 1150px;display: flex;align-items: center;}
.headright .nav .child{text-align: center;font-size: 16px;transition: all 0.3s;flex-grow: 1;height: 100%;display: flex;align-items: center;}
.headright .nav .child>a{color: #fff;font-size: 17px;display: flex;width: 100%;text-align: center;height: 100%;align-items: center;}
.headright .nav .child>a p{width: 100%;font-weight: 500;}
.headright .nav .child>a::after{position: absolute;content: '';display: inline-block;width: 0%;height: 3px;background-color: #023f98;bottom: -3px;right: 0;transition: all 0.3s;}
.headright .nav .child:hover>a::after{right: auto;left: 0;width: 100%;}
.headright .nav .child .childContent{padding: 15px 20px;transform: rotateX(90deg);transform-origin: top;transition: all 0.3s;position: absolute;min-width: 100%;z-index: 11;left: 0%;top: 100%;border-top: 1px solid #f4f5f6;background-color: #fafafa;box-shadow: 0 2px 10px rgba(0 ,0 ,0 ,0.1);}
.headright .nav .child:hover .childContent{transform: rotateX(0deg);padding: 50px 15px;}
.headright .nav .child .childContent .n-area{display: flex;align-items: stretch;}
.headright .nav .child .childContent .n-area .left{width: 50%;padding-right: 15px;text-align: left;}
.headright .nav .child .childContent .n-area .left h2{font-size: 26px;font-weight: 600;color: #023f98;margin-bottom: 10px;}
.headright .nav .child .childContent .n-area .left p{font-size: 16px;color: rgba(0, 0, 0, 0.5);line-height: 30px;margin-bottom: 15px;font-weight: 500;}
.headright .nav .child .childContent .n-area .left .childContent-ul{display: flex;flex-wrap: wrap;width: 100%;margin-bottom: 25px;}
.headright .nav .child .childContent .n-area .left .childContent-ul a{width: 33%;line-height: 45px;font-size: 16px;}
.headright .nav .child .childContent .n-area .left .childContent-ul a::before{content: '>';color: rgba(0, 0, 0, 0.5);margin-right: 20px;}
.headright .nav .child .childContent .n-area .right{width: 50%;text-align: right;}
.headright .nav .child .childContent .n-area .right img{width: 100%;max-width: 440px;height: 100%;object-fit: cover;}



.head .form-btn{display: flex;padding-left: 20px;margin-left: auto;width: 20%;justify-content: center;height: 100%;align-items: center;}

/* 搜索框隐藏 */
.head .form-btn .search{width: calc(100% - 135px);position: relative;transition: all 0.3s;z-index: 2;}
.head .form-btn .search form{display: flex;}
.head .form-btn .search input{display: block;float: left;width: 100%;color: #333;border-radius: 5px;height: 40px;text-indent: 65px;font-size: 15px;transition: all 0.3s;background-color: rgba(0, 0, 0, 0.05);}
.head .form-btn .search button{display: inline-block;width: 40px;height: 40px;position: absolute;left: 0;top: 0%;background-color: rgba(0,0,0,0);}
.head .form-btn .search input::placeholder{color: #ccc;}
/* 搜索框 */

.head .form-btn .lan-btn{width: 150px;position: relative;}
.head .form-btn .lan-btn>a{line-height: 40px;font-size: 16px;display: flex;align-items: center;color: #fff;}
.head .form-btn .lan-btn>a span{display: inline-block;width: 20px;height: 20px;background-image: url(../images/en-bt.png);background-size: contain;margin-right: 5px;}
.head .form-btn .lan-btn .ul{position: absolute;width: 100%;background-color: #023f98;transform: rotateX(90deg);transform-origin: top;top: 100%;left: 0;border-radius: 3px;}
.head .form-btn .lan-btn .ul a{line-height: 35px;text-align: center;color: #fff;display: block;}
.head .form-btn .lan-btn .ul a:hover{background-color: rgba(0 ,0 ,0 ,0.1);}
.head .form-btn .lan-btn:hover .ul{transform: rotateX(0deg);}

/* 下滑导航 */
.head.tr{position: fixed;height: 110px;box-shadow: 0 2px 5px rgba(0 ,0 ,0 ,0.05);background-color: #fff;}
.head.tr .headleft .logo a h1 img{filter: grayscale(0) brightness(1);}
.head.tr .headright .nav .child>a p{color: rgba(0 ,0 ,0 ,0.8);}
.head.tr .form-btn{background-color: #023f98;}
/* .head.tr .form-btn .lan-btn a{color: rgba(0 ,0 ,0 ,0.8);}
.head.tr .form-btn .lan-btn a span{filter: brightness(0.1);} */


.head:hover{height: 110px;box-shadow: 0 2px 5px rgba(0 ,0 ,0 ,0.05);background-color: #fff;}
.head:hover .headleft .logo a h1 img{filter: grayscale(0) brightness(1);}
.head:hover .headright .nav .child>a p{color: rgba(0 ,0 ,0 ,0.8);}
.head:hover  .form-btn{background-color: #023f98;}
/* .head:hover .form-btn .lan-btn a{color: rgba(0 ,0 ,0 ,0.8);}
.head:hover .form-btn .lan-btn a span{filter: brightness(0.1);} */


/* wapnav */
.menu-btn {position: absolute;z-index: 3;display: flex;justify-content: center;align-items: center;width: 105px;height: 43px;border-radius: 22px;cursor: pointer;transition: 0.4s 0.2s;background: rgba(0, 0, 0, 0.4);top: 50%;right: 3%;transform: translateY(-50%);}
.menu-btn p {margin-right: 10px;color: #fff;font-size: 15px;text-transform: uppercase;transition: 0.4s 0.2s;}
.menubtn {position: relative;z-index: 20;float: right;cursor: pointer;transition: 0.4s;cursor: pointer;}
.menubtn span {display: block;width: 18px;height: 2px;background: #fff;position: relative;vertical-align: middle;-webkit-transition-duration: .3s,.3s;-moz-transition-duration: .3s,.3s;-ms-transition-duration: .3s,.3s;-o-transition-duration: .3s,.3s;transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s;-moz-transition-delay: .3s,0s;-ms-transition-delay: .3s,0s;-o-transition-delay: .3s,0s;transition-delay: .3s,0s;}
.menubtn span:after, .menubtn span:before {content: "";position: absolute;display: inline-block;width: 100%;height: 2px;left: 0;background-color: #fff;-webkit-transition-duration: .3s,.3s;-moz-transition-duration: .3s,.3s;-ms-transition-duration: .3s,.3s;-o-transition-duration: .3s,.3s;transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s;-moz-transition-delay: .3s,0s;-ms-transition-delay: .3s,0s;-o-transition-delay: .3s,0s;transition-delay: .3s,0s;}
.menubtn span:before {top: -6px;-webkit-transition-property: top,transform;-moz-transition-property: top,transform;-ms-transition-property: top,transform;-o-transition-property: top,transform;transition-property: top,transform;}
.menubtn span:after {bottom: -6px;-webkit-transition-property: bottom,transform;-moz-transition-property: bottom,transform;-ms-transition-property: bottom,transform;-o-transition-property: bottom,transform;transition-property: bottom,transform;}
.menubtn.active span {background-color: transparent;-webkit-transition-delay: 0s,0s;-moz-transition-delay: 0s,0s;-ms-transition-delay: 0s,0s;-o-transition-delay: 0s,0s;transition-delay: 0s,0s;}
.menubtn.active span:after, .menubtn.active span:before {-webkit-transition-delay: 0s,.3s;-moz-transition-delay: 0s,.3s;-ms-transition-delay: 0s,.3s;-o-transition-delay: 0s,.3s;transition-delay: 0s,.3s;}
.menubtn.active span:before {top: 0px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.menubtn.active span:after, .menubtn.active span:before {-webkit-transition-delay: 0s,.3s;-moz-transition-delay: 0s,.3s;-ms-transition-delay: 0s,.3s;-o-transition-delay: 0s,.3s;transition-delay: 0s,.3s;}
.menubtn.active span:after {bottom: 0px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.menu-flex.show {visibility: visible;pointer-events: visible;}
.menu-flex {position: fixed;left: 0;top: 0;width: 100%;height: 100vh;visibility: hidden;pointer-events: none;transition: 0.88s;}
.menu-flex.show .menu-bg {opacity: 1;visibility: visible;transition: 0.88s 0s;}
.menu-bg {position: absolute;left: 0;top: 0;background: rgba(0, 0, 0, 0.5);width: 100%;height: 100%;opacity: 0;visibility: hidden;transition: 0.88s 0.3s;z-index: 9;}
.menu-flex.show .menu-right {right: 0;}
.menu-right {position: absolute;right: -330px;top: 0;width: 60%;max-width: 330px;height: 100%;background: #fff;transition: 0.8s cubic-bezier(0.77, 0, 0.175, 1);z-index: 10;}
.menu-list {padding-top: 100px;margin: 0 30px;}
.menu-list > li {position: relative;z-index: 3;border-bottom: 1px solid #ebebeb;}
.menu-list > li > a {display: block;position: relative;z-index: 2;padding-left: 42px;color: rgba(0 ,0 ,0 ,0.8);font-size: 16px;height: 59px;line-height: 59px;}
.menu-list > li > a:before {position: absolute;left: 0;bottom: 0;content: "";width: 100%;height: 0;background: #6ef944;transition: 0.38s;z-index: -1;}



.area{width: 100%;padding: 0 15px;overflow: hidden;}
.n-area{width: 100%;max-width: 1600px;margin: 0 auto;
  /* overflow: hidden; */
}

a.more{color: #fff;}
.more{font-size: 15px;color: #fff;display: flex;align-items: center;line-height: 55px;background-color: #023f98;width: 140px;justify-content: center;}
/* .more i{position: relative;width: 50px;height: 1px;margin-left: auto;margin-right: 30px;border-radius: 16px;background-color: #fff;transition: all 0.6s;}
.more i::after{content: '●';display: inline-block;position: absolute;left: 0;top: 50%;transform: translate(-50%,-50%);width: 20px;height: 20px;transition: all 0.4s;border: 1px solid #fff;border-radius: 50%;color: #fff;text-align: center;line-height: 16px;font-size: 13px;font-weight: 600;}
.more:hover i{width: 0px;}
.more:hover i::after{left: 100%;font-size: 20px;} */
.more:hover{color: #023f98;background-color: #fff;box-shadow: 0 0 20px rgba(2 ,63 ,152 ,0.2);}
.por{position: relative;}
.poa{position: absolute;left: 0;top: 0;}
.pof{position: fixed;left: 0;top: 0;}

table tr td{border: 1px solid #222;padding: 5px;}

/* nbanner */
.nbanner{max-height: 590px;height: 70vh;background-size: 1920px;background-position: top center;position: relative;background-repeat: no-repeat;background-color: #fff;overflow: hidden;background-attachment: fixed;padding: 0 15px;}
.nbanner .n-area{height: 100%;position: relative;}
.nbanner .n-tit{position: absolute;top: 50%;left: 50%;color: #333;transform: translate(-50%,-50%);text-align: center;width: 100%;}
/* .nbanner .n-tit::after{content: '';display: inline-block;height: 500%;width: 80%;background-image: linear-gradient(to right, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0));position: absolute;left: -7%;top: 50%;transform: translateY(-50%);z-index: -1;} */
.nbanner .n-tit h2{font-size: 46px;color: #fff;font-weight: 600;margin-bottom: 15px;position: relative;z-index: 2;}
.nbanner .n-tit p{font-size: 18px;line-height: 40px;color: #fff;}

.nbanner .n-nav{position: absolute;right: 0;bottom: 0;width: 95%;font-size: 16px;background-color: #fff;transform: translateY(50%);z-index: 9;padding:30px 10% 30px 5%;}
.nbanner .crumbs{width: auto;position: absolute;z-index: 2;right: 0;bottom: 0;}
.nbanner .crumbs .current{width: 100%;height: 40px;text-align: center;color: rgba(255, 255, 255, 0.5);display: flex;align-items: center;justify-content: left;flex-wrap: wrap;}
.nbanner .crumbs .current i{font-size: 20px;color: rgba(255, 255, 255, 1);margin-right: 0px;}
.nbanner .crumbs a{font-size: 15px;color: rgba(255, 255, 255, 1);padding: 0 10px;line-height: 40px;}


.n-cate{width: 100%;background-color: #fff;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);z-index: 2;}
.n-cate .n-area{width: 100%;display: flex;flex-wrap: wrap;padding: 20px 15px;}
.n-cate a{line-height: 40px;margin-right: 3%;color: rgba(0, 0, 0, 0.8);font-size: 16px;position: relative;}
.n-cate a::before{content: '';display: inline-block;width: 0%;height: 3px;position: absolute;right: 0;bottom: 0px;background-color: #023f98;transition: all 0.3s;}
.n-cate a.active{color: #023f98;}
.n-cate a.active::before{width: 100%;left: 0;}
.n-cate a:hover{color: #023f98;}
.n-cate a:hover::before{width: 100%;left: 0;}

.n-nav .n-area{overflow: visible;}
.n-nav{padding: 25px 0;background-color: #f6f6f6;float: left;width: 100%;}
.n-nav .n-area{padding: 0 15px;}
.n-nav a{padding: 0 30px;font-size: 16px;border-right: 1px solid #d8d8d8;display: inline-block;position: relative;z-index: 1;}
.n-nav a::before{position: absolute;content: '';display: inline-block;width: 0%;height: 0%;z-index: -1;border-radius: 50%;background-color: #023f98;opacity: 0;left: 50%;top: 50%;transform: translate(-50%,-50%);transition-property: all, height;transition-duration: 0.3s, 0.3s;}
/* .n-nav a:first-child{padding-left: 0;} */
.n-nav a:last-child{border-right: 0;}
.n-nav a:hover{color: #fff;}
.n-nav a:hover::before{width: 100%;height: calc(100% + 15px);opacity: 1;border-radius: 0;}

/* num-change */
.num-change{width: 100%;font-size: 16px;margin-top: 60px;}
.num-change ul{width: 100%;display: flex;flex-wrap: wrap;}
.num-change ul li{flex: 1;-webkit-flex: 1;display: inline-grid;line-height: 1;}
.num-change ul li:last-child{flex: inherit;-webkit-flex: inherit;}
.num-change .shuzi p{display: flex;align-items: end;}
.num-change .shuzi p i{width: 60px;font-size: 32px;color: #023f98;}
.num-change .shuzi p span{color: #023f98;font-family: 'Futura Md BT Medium';}
.num-change .shuzi p span:last-child{font-size: 22px;}
.num-change .shuzi p:first-child{margin-bottom: 15px;}
.num-change .shuzi p:last-child{padding-left: 60px;line-height: 2;margin-top: 5px;}
.num-change .counter{font-size: 46px;padding-right: 5px;line-height: 1;}

/* adv */
.area.adv{padding: 0;}
.adv{background-size: cover;background-position: center top;background-repeat: no-repeat;margin: 5% 0 calc(5% + 60px);height: 720px;background-attachment: fixed;}
.adv h2{padding: 100px 15px 40px;color: #fff;}
.adv h2 p{padding: 10px 0 20px;}
.adv h2 p,.adv h2 span{color: #fff;}

.adv ul li{text-align: center;color: #fff;padding: 50px 4.5% 60px;cursor: pointer;overflow: hidden;}
.adv ul li .adv-info{width: 100%;}
.adv ul li .tit{position: relative;}
.adv ul li .tit img{height: 60px;left: 50%;top: 50%;transform: translate(0%,0%);transition: all 0s;}
.adv ul li .tit h4{font-size: 32px;line-height: 60px;font-weight: bold;padding: 30px 0;position: relative;z-index: 2;transition: all 0.3s;}
.adv ul li .cont{font-size: 16px;line-height: 30px;transition: all 0.3s;}
.adv ul li i{display: inline-block;width: 1px;height: 25px;background-color: #023f98;margin: 35px 0;transition: all 0.3s;}
.adv ul li h3{font-size: 24px;font-weight: bold;color: #023f98;transition: all 0.3s;}

.adv ul li.active{background-color: #023f98;}
.adv ul li.active .tit img{position: absolute;height: 95px;opacity: 0.1;transform: translate(-50%,-50%);}
.adv ul li.active .tit h4{padding: 40px 0 30px;}
.adv ul li.active i{height: 80px;margin: 50px 0 30px;background-color: rgba(255, 255, 255, 0.2);}
.adv ul li.active h3{font-size: 100px;color: rgba(255, 255, 255, 0.2);}

.adv ul li:hover{background-color: #023f98;}
.adv ul li:hover .tit img{position: absolute;height: 95px;opacity: 0.1;transform: translate(-50%,-50%);}
.adv ul li:hover .tit h4{padding: 40px 0 30px;}
.adv ul li:hover i{height: 80px;margin: 50px 0 30px;background-color: rgba(255, 255, 255, 0.2);}
.adv ul li:hover h3{font-size: 100px;color: rgba(255, 255, 255, 0.2);}


/* foot */
.footer{background-color: #1c232a;padding: 0 15px;}
.footer .n-area{display: flex;flex-wrap: wrap;align-items: stretch;}
.footer .left{width: 28%;padding: 50px 15px 0 0;border-right: 1px solid rgba(255, 255, 255, 0.1);}
.footer .left img{width: 80%;max-width: 230px;
  /* filter: grayscale(1) brightness(10); */
}
.footer .left h3{height: 100px;font-size: 30px;color: #fff;display: flex;align-items: center;font-weight: 600;}
.footer .left h3 i{width: 40px;height: 40px;border-radius: 50%;background-color: #023f98;color: #fff;text-align: center;line-height: 40px;margin-right: 10px;}
.footer .left p{line-height: 35px;color: rgba(255, 255, 255, 0.7);font-size: 15px;}
.footer .midd{width: 57%;padding: 50px 15px;}
.footer .midd .f-nav{display: flex;flex-wrap: wrap;width: 100%;max-width: 740px;margin: 0 auto;}
.footer .midd .f-nav .li{flex: 1;-webkit-flex: 1;display: inline-grid;align-content: start;}
.footer .midd .f-nav .li:last-child{flex: inherit;-webkit-flex: inherit;}
.footer .midd .f-nav .li a{width: 100%;display: inline-block;line-height: 2.5;font-size: 15px;color: rgba(255, 255, 255, 0.7);}
.footer .midd .f-nav .li a:first-child{line-height: 4;color: #fff;font-size: 16px;}
.footer .right{border-left: 1px solid rgba(255, 255, 255, 0.1);display: flex;flex-wrap: wrap;padding: 50px 0 0;width: 15%;align-items: flex-start;}
.footer .right .wx_qrcode{padding: 5px;background-color: #fff;border-radius: 10px;margin-left: auto;margin-top: 20px;overflow: hidden;display: none;}
.footer .right .wx_qrcode img{width: 105px;}
.footer .right .ul{width: 100%;display: flex;margin-left: auto;margin-top: auto;margin-bottom: 30px;flex-wrap: wrap;}
.footer .right .ul a{width: 60px;height: 60px;background-color: #2b3640;border-radius: 50%;text-align: center;margin-left: 10px;margin-bottom: 10px;position: relative;cursor: pointer;}
.footer .right .ul a i{font-size: 28px;color: #fff;line-height: 60px;}
.footer .right .ul a img{width: 120px;position: absolute;bottom: 100%;right: 0;height: 0px;}
.footer .right .ul a span{background-color: #fff;display: inline-block;;font-size: 18px;font-weight: 600;color: rgba(221 ,28 ,46 , 1);height: 0px;padding: 0 15px;overflow: hidden;position: absolute;right: 0;bottom: 100%;white-space: nowrap;line-height: 40px;}
.footer .right .ul a:hover img{height: 120px;}
.footer .right .ul a:hover span{height: 40px;}


.footer .copyright{padding: 20px 15px;text-align: center;color: rgba(255, 255, 255, 0.7);background-color: #131a22;line-height: 35px;margin-left: -15px;margin-right: -15px;}
.footer .copyright a{color: rgba(255, 255, 255, 0.8);}

@media screen and (min-width: 0px) and (max-width:1400px){
  .headright{padding-left: 0;}
}
@media screen and (min-width: 0px) and (max-width:1200px){
  .head{height: 110px;}
  .head.tr{height: 95px;}
  .head:hover{height: 95px;}

  .headright .nav{display: none;}
  .head .form-btn{width: 380px;}
  .headleft{width: 50%;max-width: 400px;}
  .headright{width: 40%;}

  .nbanner .n-tit h2{font-size: 40px;}

  .footer .left{width: 60%;padding-bottom: 30px;}
  .footer .midd{width: 100%;order: 1;border-top: 1px solid rgba(255, 255, 255, 0.1);padding: 30px 15px;}
  .footer .right{width: 40%;border-left: 0;padding-left: 30px;}
  .footer .right .wx_qrcode{margin-left: 0;margin-top: 0;margin-bottom: 20px;}
  .footer .right .ul a{margin-left: 0;margin-right: 10px;}
}
@media screen and (min-width: 0px) and (max-width:1024px){
  
  .num-change .counter{font-size: 40px;}
  .num-change .shuzi p:first-child{padding-bottom: 0;}

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

  .more{line-height: 50px;}

  .nbanner .n-tit p{font-size: 16px;line-height: 2;}

  .head .form-btn .lan-btn{cursor: pointer;}
  .head:hover .form-btn{background-color: rgba(255 ,255 ,255 , 0);}
  .head:hover .form-btn .lan-btn>a{color: rgba(0 ,0 ,0 ,0.8);}
  .head:hover .form-btn .lan-btn>a span{filter: invert(0.8);}
  .footer-bar{display: none!important;}
}
@media screen and (min-width: 0px) and (max-width:768px){
  .headright{width: calc(40% - 130px);}
  .head .form-btn .lan-btn>a{overflow: hidden;font-size: 0px;}
  .footer-bar{display: block!important;}


  .col-xs-6:nth-child(2n-1){padding-right: 7.5px;}
  .col-xs-6:nth-child(2n){padding-left: 7.5px;}

  .head{height: 90px;}
  .head.tr{height: 75px;}
  .head:hover{height: 75px;}
  .headleft{width: 70%;}

  .n-cate a{font-size: 15px;}
  .n-cate .n-area{padding: 10px 15px;}

  .num-change{margin-top: 40px;}
  .num-change ul li{-webkit-flex: auto;width: 50%;margin-bottom: 10px;}
  .num-change .counter{font-size: 32px;}
  .num-change .shuzi p span:last-child{font-size: 16px;}
  .num-change .shuzi p i{width: 50px;}
  .num-change .shuzi p:last-child{padding-left: 50px;}

  
}
@media screen and (min-width: 0px) and (max-width:640px){
  .num-change .counter{font-size: 28px;}
  .num-change .shuzi p i{font-size: 28px;}
  .num-change .shuzi p:last-child{font-size: 15px;}

  .nbanner .n-tit h2{font-size: 32px;}

  .footer .left{width: 100%;border: 0;border-bottom: 1px solid rgba(255, 255, 255, 0.1);order: 1;padding-top: 0;}
  .footer .midd{order: 0;}
  .footer .midd .f-nav .li a{display: none;}
  .footer .midd .f-nav .li a:first-child{display: block;}
  .footer .right{width: 100%;order: 1;padding-left: 0;}
  .footer .right .ul a{width: 45px;height: 45px;}
  .footer .right .ul a i{line-height: 45px;font-size: 20px;}
  
  .footer .right .ul a img{right: auto;left: 0;}
}
@media screen and (min-width: 0px) and (max-width:440px){
  .headleft{width: 50%;}

  .footer .left{padding-bottom: 15px;padding-right: 0;}
  .footer .midd{padding: 20px 0;}
  .footer .midd .f-nav .li a:first-child{font-size: 14px;}
  .footer .right{padding-top: 15px;}
  .footer .right .ul{margin-bottom: 0;}
  .footer .copyright{padding: 15px;}
  .footer .left h3{height: 80px;font-size: 28px;}
}
@media screen and (min-width: 0px) and (max-width:375px){


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

}