@charset "utf-8";

body,div,span,ul,li,h1,h2,h3,h4,h5,h6,p,input,dl,dt,dd{
    margin: 0;
    padding: 0;
    border: 0
}

body {
    overflow-x: hidden
}

td,
th {
    padding: 0;
    margin: 0
}

table {
    border-spacing: 0;
    border-collapse: collapse
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto-Light.ttf");
  font-style: normal;
  font-weight: 200;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto-Regular.ttf");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto-Medium.ttf");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto-Bold.ttf");
  font-style: normal;
  font-weight: 800;
  font-display: swap;
}

body {
	font-family:"Roboto";
	color: #666;
	background: #fff;
	font-size:15px;
}

li {
    list-style: none
}

img {
    padding: 0;
    margin: 0;
    border: 0;
    height: auto !important;
    image-rendering: -webkit-optimize-contrast
}

.clear {
    clear: both;
    visibility: hidden
}

a {
    color: #000;
    text-decoration: none
}

a:hover {
    color: #047446
}

.fl {
    float: left
}

.fr {
    float: right
}

i,
cite,
em {
    font-style: normal
}

input,
button,
select,
textarea {
    font-size: inherit;
    line-height: inherit;
    outline: none
}

h1 {
    font-size: 34px;
    line-height: 45px
}

h2 {
    font-size: 24px;
    line-height: 36px
}

h3 {
    font-size: 20px
}

h4 {
    font-size: 18px
}

h5 {
    font-size: 20px
}

h6 {
    font-size: 15px
}



.wrapper {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
}

@media (max-width:1299px) {
    .container {
        width: 95%;
        margin: 0 auto;
        overflow: hidden
    }
}

.nyban {
    display: block;
    padding-top: 120px;
    overflow: hidden
}

.nyban img {
    width: 100%;
    display: block
}

@media (max-width:1024px) {
    .nyban {
        padding-top: 60px
    }
}

.swiper-container img {
    display: block;
    width: 100% !important;
    image-rendering: pixelated
}

.wrap {
    width: 100%;
    max-width: 1600px;
    padding: 0 20px;
    box-sizing: border-box;
    margin: 0 auto
}

.hidden-g {
    display: none
}

.hidden-g {
    position: relative
}

.hidden-g .h-nav-g {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;
    width: 100%;
    height: 60px;
    background: #fff;
    transition: 300ms;
    -webkit-transition: 300ms
}

.hidden-g .h-nav-g img {
        max-height: 65%;
        margin-left: 15px;
        margin-top: 10px;
}

.hidden-g .h-nav-g .btn_i {
    display: block;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

.hidden-g .h-nav-g .btn_i small,
.hidden-g .h-nav-g .btn_i:before,
.hidden-g .h-nav-g .btn_i:after {
    display: block;
    content: '';
    width: 24px;
    height: 2px;
    background: #000000;
    border-radius: 4px;
    margin: 6px 0
}

.hidden-g .h-nav-g .btn_i_click small {
    opacity: 0
}

.hidden-g .h-nav-g .btn_i_click:before {
    transform: rotateZ(45deg);
    transform-origin: 0px 6px
}

.hidden-g .h-nav-g .btn_i_click:after {
    transform: rotateZ(-45deg);
    transform-origin: 5px -1px
}

.hidden-g .h-nav-g .i_tel {
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    background-image: url(../image/tel.png);
    position: absolute;
    right: 15px;
    top: 0;
    height: 60px;
    width: 40px
}

.hidden-g .ul-small {
    background: #3a3a3a;
    width: 220px;
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 100;
    transform: translateX(220px);
    transition: 300ms;
    -webkit-transition: 300ms;
    -webkit-transform: translateX(220px)
}

.hidden-g .ul-small input {
    width: 160px;
    line-height: 40px;
    background: #fff;
    border: 0;
    border-radius: 20px;
    margin: 20px 30px 0 30px;
    text-indent: 10px
}

.hidden-g .ul-small ul {
    margin-top: 20px
}

.hidden-g .ul-small ul li a {
    color: #fff;
    padding-left: 30px;
    padding-right: 30px;
    line-height: 50px;
    display: block
}

.hidden-g .translate {
    transform: translateX(-220px);
    -webkit-transform: translateX(-220px)
}

.hidden-g .translate2 {
    transform: translateX(0);
    -webkit-transform: translateX(0)
}

@media (min-width:768px) and (max-width:1024px) {

    .top_main,
    .header,
    .navtop {
        display: none
    }

    .hidden-g {
        display: block
    }

    .swiper-container {
        padding-top: 60px
    }
}

@media (max-width:768px) {

    .top_main,
    .header,
    .navtop {
        display: none
    }

    .hidden-g {
        display: block
    }

    .swiper-container {
        padding-top: 60px
    }
}

.swiper-container img {
    display: block
}


/*header*/

.grid-box {
    font-size: 0;
    [;letter-spacing: -4px;
    font-size: 12px;
    ]}

.grid-box .column {
    display: inline-block;
    font-size: 12px;
    vertical-align: top;
    [;letter-spacing: 0;
    ]}

.grid-box .column {
    width: 100%
}

.grid-box.two>.column {
    width: 50%
}

.grid-box.three>.column {
    width: 33.33333%
}

.grid-box.four>.column {
    width: 25%
}

.grid-box.five>.column {
    width: 20%
}

.grid-box.six>.column {
    width: 16.6666667%
}

.grid-box.seven>.column {
    width: 14.285714%
}

.grid-box.eight>.column {
    width: 12.55%
}

.grid-box.nine>.column {
    width: 11.11111111%
}

.grid-box.ten>.column {
    width: 10%
}

.wid-100 {
    width: 100%
}

.wid-10 {
    width: 10%
}

.wid-20 {
    width: 20%
}

.wid-30 {
    width: 30%
}

.wid-40 {
    width: 40%
}

.wid-50 {
    width: 50%
}

.wid-60 {
    width: 60%
}

.wid-70 {
    width: 70%
}

.wid-80 {
    width: 80%
}

.wid-90 {
    width: 90%
}

.half {
    width: 50%
}

.layout-middle {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.layout-v-middle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto
}

.layout-h-middle {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto
}

.layout-tab {
    display: table;
    width: 100%
}

.layout-tab>.cell {
    display: table-cell;
    vertical-align: middle
}

.transi {
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out
}

#lanSelBox {
    font-size: 16px;
    background: #fff;
    border-radius: 4px;
    position: relative
}

.current_lang {
    cursor: pointer;
    text-transform: uppercase;
    overflow: hidden
}

.lang.selected {
    display: none
}

.lang img,.lang span.lang-txt {
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
    color: #444
}

.lang span.lang-txt {
    position: relative;
    top: -1px;
    font-weight: 700
}

.lang img {
    width: 20px;
    margin-left: 0
}

.lang span span {
    color: #999;
    font-weight: 400
}

.lang i.chevron.down {
    font-size: 12px;
    position: relative;
    top: -1px;
    margin-left: 3px
}

.more_lang {
    transform: translateY(-20px);
    opacity: 0;
    cursor: pointer;
    display: none;
    position: absolute;
    right: 0;
    top: 100%;
    width: 180px;
    background: #fff;
    -webkit-transition: all .3s cubic-bezier(.25,1.15,.35,1.15);
    -moz-transition: all .3s cubic-bezier(.25,1.15,.35,1.15);
    -o-transition: all .3s cubic-bezier(.25,1.15,.35,1.15);
    -ms-transition: all .3s cubic-bezier(.25,1.15,.35,1.15);
    transition: all .3s cubic-bezier(.25,1.15,.35,1.15)
}

.more_lang .lang {
    padding: 10px 15px
}

#lanSelBox.active .more_lang {
    display: block
}

.more_lang.active {
    opacity: 1;
    transform: translateY(0px)
}

.more_lang .lang:hover {
    background: #5766b2;
    color: #fff
}

.more_lang .lang:hover span {
    color: #fff
}

#lanSelBox:hover,#lanSelBox.active {
    box-shadow: rgba(0,0,0,.2) 0 5px 15px;
    -webkit-transition: all .3s cubic-bezier(0,.99,.44,.99);
    -moz-transition: all .3s cubic-bezier(0,.99,.44,.99);
    -o-transition: all .3s cubic-bezier(0,.99,.44,.99);
    -ms-transition: all .3s cubic-bezier(0,.99,.44,.99);
    transition: all .3s cubic-bezier(0,.99,.44,.99)
}

#lanSelBox.active .more_lang .lang {
    border-top: 1px solid #eaeaea
}

.body-overflow-box {
    position: relative;
    left: 0;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

#header {
    z-index: 21;
    position: relative;
    line-height: 150px;
    height: 150px
}

#header .box .left {
    width: 35%;
    text-align: center
}

#header .box .left img {
    display: inline-block;
    vertical-align: middle
}

#header .box .left h5 {
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
    font-size: 31px;
    font-weight: 700;
    color: #555;
    text-transform: uppercase;
    line-height: 1;
    text-align: left;
    margin-top: 20px
}

#header .box .left h5 small {
    display: block;
    font-size: 18px;
    font-weight: 400;
    text-transform: none;
    margin-top: 5px;
    color: #333
}

#header .box .right {
    width: 65%
}

#header .box .right .h-top {
    line-height: 75px;
    height: 75px;
    padding-left: 6%;
    background: #047446;
    position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	
}
#header .right .nav .ui{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	padding-right:15%;
}
#header .box .right .h-top ul{
	padding-right:15%;
}

#header .box .right .h-top:after {
    content: '';
    border-top: 75px solid #047446;
    border-left: 40px solid transparent;
    position: absolute;
    right: 100%;
    top: 0
}

#header .box .right .h-top ul li {
    display: inline-block;
    vertical-align: top;
    font-size: 20px;
    color: #ffffff;
    width: auto;
    margin-right: 40px
}

#header .box .right .h-top ul li:last-child {
    margin-right: 0
}

#header .box .right .h-top ul li i {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    line-height: normal;
    margin-top: -4px
}

#header .box .right .h-top ul li i img {
    display: inline-block;
    vertical-align: middle
}

#header .box .right .h-top ul li p {
    display: inline-block;
    vertical-align: top
}

#header .nav {
    line-height: 75px;
    height: 75px;
    padding-left: 6%;
    text-align: right
}

#header .nav .ui.menu .menu-box {
    display: inline-block;
    vertical-align: top;
    margin-left: auto;
    margin-right: 0;
    float: left
}

#header .nav .ui.menu .menu-box ul.menu>li {
    margin: 0 25px;
    font-size: 20px;
    color: #555;
    -webkit-perspective: 500px;
    -moz-perspective: 500px;
    perspective: 500px;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    z-index: 100;
    float: left;
    position: relative;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
    text-transform: capitalize;
    font-weight: 600
}
#header .nav .ui.menu .menu-box ul.menu>li:last-child{
	margin-right: 0;
}
#header .nav .ui.menu .menu-box ul.menu>li:hover {
    color: #047446
}

#header .nav .ui.menu .menu-box ul.menu>li:first-child {
    margin-left: 0
}

#header .nav .ui.menu .menu-box ul.menu>li>a {
    display: block;
	font-weight:400;
}

#header .nav .ui.menu .menu-box ul.menu>li>a i.fa {
    margin-left: 5px
}

#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu {
    -webkit-perspective: 500px;
    -moz-perspective: 500px;
    perspective: 500px;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    text-align: left;
    position: absolute;
    font-size: 14px;
    background: #fff;
    top: 100%;
    left: -10px;
    width: 180px;
    transform: rotate3d(1,0,0,-90deg);
    -webkit-transform: rotate3d(1,0,0,-90deg);
    -moz-transform: rotate3d(1,0,0,-90deg);
    -ms-transform: rotate3d(1,0,0,-90deg);
    -o-transform: rotate3d(1,0,0,-90deg);
    -webkit-transform-origin: 0 0 0;
    -moz-transform-origin: 0 0 0;
    -ms-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    opacity: 0;
    -webkit-transition: opacity .3s,-webkit-transform .5s;
    transition: opacity .3s,-webkit-transform .5s;
    -moz-transition: transform .5s,opacity .3s,-moz-transform .5s;
    transition: transform .5s,opacity .3s;
    transition: transform .5s,opacity .3s,-webkit-transform .5s,-moz-transform .5s;
    -webkit-transition: -webkit-transform .5s,opacity .3s;
    -moz-transition: -moz-transform .5s,opacity .3s;
    -webkit-box-shadow: 0px 8px 10px rgba(0,0,0,.2);
    box-shadow: 0px 8px 10px rgba(0,0,0,.2);
    border-bottom: 3px solid #047446;
    display: none 
}

#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li {
    display: block;
    float: none;
    padding: 8px 15px;
    line-height: 24px;
    color: #000;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
    text-transform: capitalize;
    position: relative
}

#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li ul {
    position: absolute;
    top: 0;
    left: 100%;
    display: none;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    transform: rotate3d(0,0,0,0);
    -webkit-transform: rotate3d(0,0,0,0);
    -moz-transform: rotate3d(0,0,0,0);
    -ms-transform: rotate3d(0,0,0,0);
    -o-transform: rotate3d(0,0,0,0)
}

#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li:hover>ul {
    display: block
}

#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li a {
    display: block
}

#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li:hover {
    background: #047446;
    color: #fff
}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li:hover a{
	color: #fff
}
#header .nav .ui.menu .menu-box ul.menu>li:hover ul.sub-menu {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    transform: rotate3d(0,0,0,0);
    -webkit-transform: rotate3d(0,0,0,0);
    -moz-transform: rotate3d(0,0,0,0);
    -ms-transform: rotate3d(0,0,0,0);
    -o-transform: rotate3d(0,0,0,0);
    display: block 
}

#header .nav .ui.menu .box2 {
    display: inline-block;
    vertical-align: top;
	display: none;
}

#header .nav .ui.menu .box2 .share {
    display: inline-block;
    vertical-align: top
}

#header .nav .ui.menu .box2 .share ul li {
    line-height: normal;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    color: #555;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
    font-size: 16px;
    width: auto
}

#header .nav .ui.menu .box2 .share ul li:hover {
    color: #047446
}

#header .nav .ui.menu .box2 .yuy {
    display: inline-block;
    vertical-align: top;
    position: relative
}

#header .nav .ui.menu .box2 .yuy span {
    line-height: 26px;
    height: 26px;
    font-size: 24px;
    color: #555;
    font-weight: 600
}

#header .nav .ui.menu .box2 .yuy span i {
    display: inline-block
}

#header .nav .ui.menu .box2 .yuy span i.icon {
    vertical-align: middle;
    padding-right: 20px;
    border-right: 1px solid #bcbcbc;
    margin-right: 20px
}

#header .nav .ui.menu .box2 .yuy span i.icon img {
    max-width: 24px;
    vertical-align: middle;
    margin-top: -5px
}

#header .nav .ui.menu .box2 .yuy span i.fa {
    margin-left: 5px
}

#header .nav .ui.menu .box2 .yuy ul {
    -webkit-perspective: 500px;
    -moz-perspective: 500px;
    perspective: 500px;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    text-align: left;
    position: absolute;
    font-size: 14px;
    background: #fff;
    top: 100%;
    right: 0;
    width: 140px;
    transform: rotate3d(1,0,0,-90deg);
    -webkit-transform: rotate3d(1,0,0,-90deg);
    -moz-transform: rotate3d(1,0,0,-90deg);
    -ms-transform: rotate3d(1,0,0,-90deg);
    -o-transform: rotate3d(1,0,0,-90deg);
    -webkit-transform-origin: 0 0 0;
    -moz-transform-origin: 0 0 0;
    -ms-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    opacity: 0;
    -webkit-transition: opacity .3s,-webkit-transform .5s;
    transition: opacity .3s,-webkit-transform .5s;
    -moz-transition: transform .5s,opacity .3s,-moz-transform .5s;
    transition: transform .5s,opacity .3s;
    transition: transform .5s,opacity .3s,-webkit-transform .5s,-moz-transform .5s;
    -webkit-transition: -webkit-transform .5s,opacity .3s;
    -moz-transition: -moz-transform .5s,opacity .3s;
    -webkit-box-shadow: 0px 8px 10px rgba(0,0,0,.2);
    box-shadow: 0px 8px 10px rgba(0,0,0,.2);
    border-bottom: 3px solid #047446;
    display: none;
}

#header .nav .ui.menu .box2 .yuy ul li {
    display: block;
    float: none;
    padding: 6px 10px;
    line-height: 20px;
    color: #000;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
    text-transform: capitalize
}

#header .nav .ui.menu .box2 .yuy ul li img {
    max-width: 24px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px
}

#header .nav .ui.menu .box2 .yuy ul li a {
    display: block
}

#header .nav .ui.menu .box2 .yuy ul li:hover {
    background: #222;
    color: #fff
}

#header .nav .ui.menu .box2 .yuy:hover ul {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    transform: rotate3d(0,0,0,0);
    -webkit-transform: rotate3d(0,0,0,0);
    -moz-transform: rotate3d(0,0,0,0);
    -ms-transform: rotate3d(0,0,0,0);
    -o-transform: rotate3d(0,0,0,0);
    display: block 
}

#header .nav .ui.menu .h-search {
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
    margin-right: 50px;
    cursor: pointer;
    cursor: hand;
    line-height: normal;
    margin-top: -5px
}

#header .nav .search-box {
    line-height: normal;
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
    height: 100%;
    z-index: 99999;
    display: none
}

#header .nav .search-box form {
    position: absolute;
    top: 45%;
    left: 50%;
    width: 60%;
    margin-left: -30%
}

#header .nav .search-box form input {
    background: 0 0;
    outline: none;
    border: none
}

#header .nav .search-box form input[type=text] {
    width: 100%;
    border-bottom: 1px solid #e1e1e1;
    font-size: 26px;
    color: #000;
    padding: 10px 0
}

#header .nav .search-box form input[type=submit] {
    width: 22px;
    height: 22px;
    background: url(../image/tc-zoom.png) no-repeat;
    position: absolute;
    right: 15px;
    top: 20px
}

#header .nav .search-box form input[type=submit]:hover {
    opacity: .7;
    filter: alpha(opacity=70)
}

#header .nav .search-box .close {
    width: 30px;
    height: 30px;
    background: url(../image/close.png) no-repeat;
    position: absolute;
    right: 25px;
    top: 15px;
    cursor: pointer
}
@media(max-width:1500px){
	#header .nav .ui.menu .menu-box ul.menu>li{
		font-size:16px;
	}
}
@media(max-width:1300px){
	#header .nav .ui.menu .menu-box ul.menu>li{
		margin:0 15px;
	}
}
@media(max-width:1024px){
	#header{
		display: none;
	}
}
/* 底部 */
footer.yx_foot {
  position: relative;
  background: #fff;
  z-index: 1;
  overflow: hidden;
  background-size: cover;
  padding: 4% 0 0;
  border-top: 1px solid #e5e5e5;
}


.footer_top {
  width: 100%;
  border-bottom: 1px solid rgb(255 255 255 / 10%);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 2%;
}

.footer_top img {
  width: max(161px, 8vw);
}

.footer_left {
  width: 63%;
}

.footer_left ul {
  display: flex;
  flex-wrap: wrap;
  gap: max(25px, 2vw) 0;
  position: relative;
  z-index: 1;
  flex-direction: column;
  height: max(200px, 15vw);
}

footer.yx_foot .center {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
  font-size: max(14px, 0.835vw);
}


.yx_foot .footer_tit {
  font-size: max(16px, 0.938vw);
  color: #000;
  line-height: 150%;
  opacity: 1;
}

.yx_foot li .footer_tit {
  margin-bottom: 1vw;
}

.yx_foot li a {
  font-size: max(14px, 0.835vw);
  color: #777777;
  display: inline-block;
  line-height: 200%;
}

.yx_foot li a:hover {
  color: var(--li);
}

.footer_center {
  width: 25%;
  position: relative;
}

.footer_logo {
  width: max(221px, 10vw);
  max-width: 100%;
}

.footer_center .phone {
  color: #000;
  display: block;
  font-weight: 500;
  font-size: max(18px, 1.05vw);
  margin: 0.5vw 0;
}

.footer_center p {
  color: #666;
  line-height: 187%;
  font-size: max(14px, 0.835vw);
}

.footer_center p a {
  color: #047446;
  text-decoration: underline !important;
}

.rq_box {
  margin-top: 2vw;
  display: flex;
  justify-content: space-between;
  width: max(230px, 15vw);
  flex-wrap: wrap;
  max-width: 100%;
  margin-bottom:20px;
}

.rq_box a.lis {
  display: flex;
  align-items: center;
  color: #999999;
  gap: 0.5vw;
  position: relative;
}

.rq_box a.lis p {
  position: absolute;
  left: 50%;
  top: -500%;
  transform: translate(-50%, 10%);
  width: max(90px, 7.5vw);
  box-shadow: 0 0 10px #999;
  transition: all .5s ease;
  opacity: 0;
  max-height: 0;
  z-index: 2;
  overflow: hidden;
}

.rq_box a.lis img {
  max-width: 100%;
  visibility: visible;
  vertical-align: top;
}

.rq_box a.lis:hover p {
  opacity: 1;
  max-height: max(90px, 7.5vw);
  transform: translate(-50%, 0%);
}

.footer_foot {
  border-top: 1px solid #e5e5e5;
  margin-top: 5%;
  padding: 3% 0;
}

.footer_foot div {
  display: flex;
  align-items: center;
  color: #000;
  gap: 1vw;
}

.footer_foot div a {
  color: #999;
}

.footer_foot .sm {
  
  color: #999;
}

.footer_foot b {
  color: #000;
}


@media only screen and (max-width:768px) {

  .nav_top .nav_fxbox>a {
    display: none;
  }

  .yx_foot .footer_tit {
    font-size: 18px;
  }

  .yx_foot li a {
    font-size: 16px;
  }

  .footer_center p {
    font-size: 16px;
    width: 100%;
  }

  .footer_center .ma_more {
    font-size: 16px;
  }

  .foter_ab p {
    font-size: 14px;
  }

  footer.yx_foot .center>div {
    width: 100%;
    flex-wrap: wrap;
	padding-bottom: 20px;
  }

  .footer_logo {
    width: 150px;
    margin-bottom: 10px;
  }

  footer.yx_foot .center .footer_right {
    padding: 0;
    border: none;
  }

  .footer_right .follow {
    margin: 15px 0 5px;
  }

  .foter_ab {
    position: static;
  }

  .footer_xx p {
    line-height: 150%;
  }

  .footer_xx {
    margin-bottom: 6%;
  }

  .footer_left {
    display: none;
  }

  .footer_center a.more_pic {
    margin: 20px 0;
    position: static;
  }

  .footer_right img {
    display: none;
  }

  footer.yx_foot {
    position: relative;
    background: #fff;
    padding: 35px 0 0;
  }

  .footer_foot {
    padding: 3% 0 30px;
  }

}