a {
	text-decoration: none;
	color: inherit;
	font-size: inherit;
	line-height: inherit;
	display: block;
	width: 100%;
	height: 100%;
}
.box1 {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 6.26rem;
    position: relative;
    margin-top: 1rem;
}

.box1_text {
    position: absolute;
    top: 32.2%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 17rem;
}

.box1_text_p1 {
    font-family: w27;
    font-size: 0.5rem;
    color: #FFFFFF;
    text-align: left;
    font-style: normal;
    text-transform: none;
    font-weight: 700;
}

.box1_text_p2 {
    font-family: w15;
    font-size: 0.2rem;
    color: #FFFFFF;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    margin-bottom: 0.17rem;
    font-weight: 600;
}

.indulist {
    /*margin-top: .6rem;*/
    overflow: hidden;
}

.indulist .listcon {
    margin-top: .6rem;

    border-radius: .24rem;
}

.indulist .listcon a {
    display: flex;
    border-radius: 0.24rem 0.24rem 0 0.24rem;
    overflow: hidden;
}

.indulist .listcon:nth-child(2n) a {
    flex-direction: row-reverse
}

.indulist .listcon .list-left {
    width: 50%;
    background: #eeeffa;
    transition: .4s all ease;
}

.radius {
    border-radius: .24rem;
}

.indulist .listcon .text {
    padding: .8rem .7rem;
    display: flex;
    flex-wrap: wrap;
}

.indulist .listcon .text img {
    width: .4rem;
    height: .35rem;
    display: inline-block;
    transition: .4s all ease;
    object-fit: contain;
}

.indulist .listcon .title {
    color: #333333;
    font-size: .3rem;
    margin-top: .3rem;
    transition: .4s all ease;
    width: 100%;
}

.indulist .listcon p {
    color: #474747;
    font-size: .18rem;
    line-height: .48rem;
    margin-top: .2rem;
    transition: .4s all ease;
    width: 100%;
}

.indulist .listcon .more {
    display: block;
    width: 1.8rem;
    height: .56rem;
    line-height: .56rem;
    text-align: center;
    color: #fff;
    font-size: .18rem;
    margin-top: .3rem;
    background-image: linear-gradient(to right, #f9c40c, #e17626);
    border-radius: .24rem;
    border-bottom-right-radius: 0;
}

.indulist .listcon .list-right {
    width: 50%
}

.indulist .listcon .img {
    height: 100%;
    overflow: hidden
}

.indulist .listcon .g_bg {
    height: 100%;
    transition: .8s all ease
}
.indulist .listcon .g_bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.indulist .listcon:hover .title {
    color: #fff
}

.indulist .listcon:hover i {
    color: #fff
}

.indulist .listcon:hover p {
    color: #fff
}

.indulist .listcon:hover .list-left {
    background: url("../images/n_fa1_10.jpg");
}

.indulist .listcon:hover .g_bg {
    transform: scale(1.08);
}

.indulist .listcon:hover .text img {
    filter: brightness(0%) invert(100%);

}

.box5 {
    margin-top: .6rem;
}

.n_fa_bottom {
    padding: 1.1rem 0;
    background: url("../images/i_con3_2.jpg") no-repeat;
    background-size: cover;
    background-position: center
}

.n_fa_bottom .top {
    display: flex;
    justify-content: space-between;
    border-bottom: .01rem solid #ddd
}

.n_fa_bottom .tab_nav {
    display: flex;
}

.n_fa_bottom .tab_nav a {
    margin-right: .56rem;
    position: relative;
    display: block;
    padding-bottom: .36rem;
    font-size: .3rem;
    color: #525252;
    transition: .4s all ease
}

.n_fa_bottom .tab_nav a:before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: .1rem;
    transform: translateX(-50%) scale(0);
    opacity: 0;
    transition: .4s all ease;
    width: .23rem;
    height: .26rem;
    background: url("../images/n_about1_13.png") no-repeat;
    background-size: 100% 100%
}

.n_fa_bottom .tab_nav a:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    transition: .4s all ease;
    width: 0;
    height: .04rem;
    background-image: linear-gradient(to right, #f9c40c, #e17626);
}

.n_fa_bottom .tab_nav a:hover:before {
    transform: translateX(-50%) scale(1);
    opacity: 1;
}

.n_fa_bottom .tab_nav a:hover:after {
    width: 100%;
}

.n_fa_bottom .tab_nav a:hover {
    color: #e07405;
}

.n_fa_bottom .tab_nav a.active:before {
    transform: translateX(-50%) scale(1);
    opacity: 1;
}

.n_fa_bottom .tab_nav a.active:after {
    width: 100%;
}

.n_fa_bottom .tab_nav a.active {
    color: #e07405;
}

.n_fa_bottom .g_btn {
    display: none;
    width: 1.5rem;
}

.n_fa_bottom .g_btn.active {
    display: block
}

.n_fa_bottom .tab_con {
    display: none
}

.n_fa_bottom .tab_con.active {
    display: block
}

.n_fa_bottom .list {
    display: flex;
    margin-top: .56rem;
}

.n_fa_bottom .list .item_yh {
    width: 33.33%;
    border-right: .01px solid #ddd
}

.g_btn {
    display: block;
    height: .56rem;
    line-height: .56rem;
    text-align: center;
    font-size: .18rem;
    color: #fff;
    position: relative
}

.g_btn span {
    display: block;
    width: 100%;
    height: 100%;
    transition: .4s all ease;
    position: relative;
    z-index: 9;
    background-image: linear-gradient(to right, #f9c40c, #e17626);
    border-radius: .24rem;
    border-bottom-right-radius: 0;
}

.g_btn:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    border-radius: .24rem;
    border-bottom-right-radius: 0;
    background-image: linear-gradient(to right, #303360, #243e91, #43c5ec);
    transform: scale(.99);
    transition: .4s all ease
}

.g_btn:hover span {
    transform: translate(-3px, -3px)
}

.g_btn:hover:before {
    transform: translate(3px, 3px) scale(1)
}

.item_yh {
    position: relative;
    background: #fff;
}

.item_yh:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    display: block;
    width: 0;
    height: calc(100% + .2rem);
    border-radius: 8px;
    border-bottom-right-radius: 0;
    background-image: linear-gradient(to right, #f9c40c, #e17626);
    transform: translateY(-50%);
    transition: .6s all ease
}

.item_yh a {
    display: grid;
    padding: .3rem .5rem;
    position: relative;
    z-index: 9
}

.item_yh span {
    display: inline-block;
    padding: .08rem .2rem;
    transition: .4s all ease;
    border-radius: .08rem;
    border-bottom-right-radius: 0;
    font-size: .18rem;
    color: #474747;
    background: #eeeeee;
    width: 1.14rem;
}

.item_yh .title {
    font-size: .24rem;
    color: #000000;
    margin-top: .24rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: .4s all ease;
}

.item_yh p {
    font-size: .16rem;
    color: #525252;
    margin-top: .2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: .4s all ease;
}

.item_yh em {
    font-size: .16rem;
    color: #525252;
    margin-top: .2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex;
    align-items: center;
    transition: .4s all ease;
    font-style: normal;
}

.item_yh em i {
    margin-right: .06rem;
    font-size: .24rem;
    color: #e07405;
    transition: .4s all ease;
}

.item_yh:hover:before {
    width: 100%;
}

.item_yh:hover span {
    background: #fff;
    color: #e07405
}

.item_yh:hover .title {
    color: #fff
}

.item_yh:hover p {
    color: #fff
}

.item_yh:hover em {
    color: #fff
}

.item_yh:hover em i {
    color: #fff
}



/* 二级样式 */

.box2 .main .breadcrumb {
    font-size: .18rem;
    color: #333;
    width: 100%;
    text-align: right;
    line-height: .26rem;
    margin-top: .45rem;
}

.box2 .main .breadcrumb a {
    display: contents;
    color: #333;
    transition: .4s all ease;
}

.box2 .main .title {
    text-align: center;
    font-size: .46rem;
    color: #474747;
    margin-top: .17rem;
}

.nav2 {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: .4rem;
}

.nav2 a {
    display: block;
    margin: .2rem .08rem 0 .08rem;
    flex: 1;
    height: .6rem;
    line-height: .6rem;
    text-align: center;
    color: #e07405;
    font-size: .2rem;
    border: 1px solid #e07405;
    transition: .4s all ease;
    border-radius: .24rem;
    border-bottom-right-radius: 0;
}
.nav2 a:hover{
    border: 0;
    color: #fff;
    background-image: linear-gradient(to right, #f4b312, #e17626);
}

.box2 .main .indulist {
    margin-top: 0;
}

.box2 .main .indulist .title {
    text-align: left;
}

.list3 {
    display: flex;
    flex-wrap: wrap;
    margin-top: .7rem;
}

.list3 .yllist {
    width: calc((100% - .6rem)/3);
    margin-bottom: .3rem;
    height: 2.81rem;
}

.list3 .yllist:not(:nth-child(3n)) {
    margin-right: .3rem;
}

.list3 .yllist a {
    position: relative;
    display: block;
    overflow: hidden;
}

.list3 .yllist .img33 {
    width: 100%;
    height: 2.8rem;
}

.list3 .yllist a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .3s ease;
}

.list3 .yllist a .tex {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: .1rem 0;
    background: rgba(0, 0, 0, 0.65);
    color: #fff;
    z-index: 2;
    font-size: .16rem;
    text-align: center;
    transition: all .3s ease;
}

.list3 .yllist a:hover img {
    transform: scale(1.1);
}

.list3 .yllist a:hover .title {
    background: rgba(0, 0, 0, 0.75)
}

.list3 {
    display: flex;
    flex-wrap: wrap
}


/* 三级样式 */

.contain {
    display: flex;
    margin-top: .52rem;
}

.contain .about {
    width: 12.5rem;
    padding-right: .16rem;
}

.about1 .tit b {
    font-size: .2rem;
    color: #3C3C3C;
    line-height: .29rem;
    text-transform: uppercase;
    display: block;
}

.about1 .tit span {
    font-weight: 400;
    font-size: .46rem;
    color: #474747;
    line-height: .64rem;
    display: block;
    margin-top: .2rem;
}

.about1 .content {
    text-align: justify;
    font-size: .18rem;
    color: #474747;
    line-height: .45rem;
    margin-top: .6rem;
}

.about1 .g_btn {
    width: 1.8rem;
    margin-top: .4rem;
    margin-bottom: .3rem;
}

.leftBg::before {
    content: '';
    position: absolute;
    left: 0;
    transform: translateX(calc((-100vw + 1700px) / 2));
    background-size: cover;
    pointer-events: none;
    display: block;
}

.about2::before {
    width: 8.18rem;
    height: 3.13rem;
    background: url("../images/n_fa_d1.png") no-repeat;
}

.leftBg {
    position: relative;
}

.about3 p {
    font-size: .18rem !important;
    line-height: 1rem !important;
}

.about3 {
    margin-top: .6rem;
    padding: .2rem;
    margin-bottom: .6rem;
    background-image: url("../images/n_fa_d2.png");
    background-color: #f0f2fc;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: .24rem;
    border-bottom-right-radius: 0;
}

/* --product-detail-- */
.product-detail {
    margin: .2rem 0 .3rem;
    overflow: hidden;
}

.detail-menu {
    margin-bottom: .2rem;
    height: .6rem;
    line-height: .6rem;
    cursor: pointer;
    overflow: hidden;
    background: #fff;
}

.detail-menu li {
    float: left;
    width: 25%;
    text-align: center;
    font-size: .18rem;
    border-right: #eee solid 1px;
    box-sizing: border-box;
}

.detail-menu li:last-child {
    border-right: none;
}

.detail-menu li.cur {
    color: #fff;
    background-image: linear-gradient(to right, #f9c40c, #e17626);
}

.detail-main .con {
    padding: .45rem;
    font-size: .14rem;
    line-height: .24rem;
    color: #333;
    overflow: hidden;
    background: #fff;
}

.detail-main .lxcon {
    padding: .45rem 0;
    background: #fff;
}

.qd ul li {
    list-style: none;
    width: 5.5rem;
    float: left;
}

.about5 {
    width: 4rem;
    margin: .4rem auto !important;
    height: .8rem;
    line-height: .8rem;
    font-size: .2rem;
}

.about5 .g_btn {
    height: .8rem;
    line-height: .8rem;
}

.view_r {
    width: 4.2rem;
    position: relative
}

.n_fa_d_form {
    overflow: hidden;
    box-shadow: 0 0 .08rem #999;
    width: 4.2rem;
    border-radius: .18rem;
}

.n_fa_d_form.active {
    position: fixed;
    top: 1.2rem;
}

.n_fa_d_form.active2 {
    position: absolute;
    bottom: .2rem;
    top: auto
}

.n_fa_d_form .title {
    display: block;
    height: .7rem;
    line-height: .7rem;
    font-size: .22rem !important;
    color: #fff !important;
    text-align: center;
    background-image: linear-gradient(to right, #f9c40c, #e17626);
    margin-top: 0 !important;
}

.n_fa_d_form form {
    padding: .2rem .38rem;
    background: #fff
}

.n_fa_d_form .item {
    margin-top: .2rem
}

.n_fa_d_form .item span {
    display: block;
    color: #777777;
    font-size: .16rem;
}

.n_fa_d_form .item input {
    border-radius: .08rem;
    display: block;
    margin-top: .06rem;
    width: 100%;
    height: .5rem;
    padding: 0 .2rem;
    color: #777777;
    font-size: .16rem;
    line-height: .5rem;
    border: 0;
    background: #f4f4f4
}

.n_fa_d_form button {
    width: 1.8rem;
    margin: .44rem auto 0 auto;
    border: 0;
    padding: 0;
    background: none
}

.n_fa_d_bottom .i_con3 {
    padding-left: 0;
}

.box3{
    margin-top: 1.2rem;
}
.i_con3 {
    padding: .8rem 0 .8rem 1.1rem;
    padding-left: 1.1rem;
    background: url("../images/i_con3_2.jpg");
    background-position-x: 0%, 0%;
    background-position-y: 0%, 0%;
    background-size: auto, auto;
    background-position: center, .1rem center;
    background-size: cover, .45rem auto;
}

.g_w {
    max-width: 17rem;
    margin: 0 auto;
    overflow: hidden;
}

.i_con3 .top {
    display: flex;
    justify-content: space-between;
    margin-bottom: .3rem;
}

.i_con3 .i_title {
    text-align: left;
    font-size: .46rem;
    color: #474747;
}

.i_title b {
    font-size: .2rem;
    color: #3c3c3c;
    text-transform: uppercase;
    display: block;
    margin-bottom: .2rem;
}

.i_title span {
    display: block;
    margin-top: .2rem;
}

.i_title p {
    font-size: .24rem;
    color: #474747;
    display: block;
    margin-top: .2rem;
}

.i_con3 .con_r {
    width: 2.4rem;
}

.i_con3 .g_btn {
    width: 2.3rem;
    height: .56rem;
    line-height: .56rem;
    text-align: center;
    font-size: .18rem;
    color: #fff;
}

.g_btn span {
    display: block;
    width: 100%;
    height: 100%;
    transition: .4s all ease;
    position: relative;
    z-index: 9;
}

.i_con3 .btn_view {
    display: flex;
    margin-top: .24rem;
}

.i_con3 .swiper_btn {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    transform: translate(0);
    margin-left: .3rem;
}

.swiper_btn {
    margin: 0;
    width: .68rem;
    height: .68rem;
    transform: translateY(-50%);
    text-align: center;
    line-height: .68rem;
    border-radius: 50%;
    background: #fff;
    color: #e07405;
    transition: .4s all ease
}

.swiper_btn i {
    font-size: .18rem;
    display: block;
}

.swiper_btn.swiper-button-prev i {
    transform: rotate(180deg)
}

.swiper_btn:hover {
    background: #e07405;
    color: #fff
}

.n_fa_d_bottom .item_yh{background: url("../images/n_fa_d11.jpg") no-repeat;background-size: cover;}
.n_fa_d_bottom .item_yh:before{width: 100%;height: .08rem; bottom: 0;top: auto; border-radius: 0;transform: translate(0);background-image: linear-gradient(to right, #f9c40c, #e17626);}
.n_fa_d_bottom .item_yh:hover:before{height: 100%;background: url("../images/n_fa_d10.jpg") no-repeat;background-size: cover;border-radius: .18rem;border-bottom-right-radius: 0;}
.n_fa_d_bottom .item_yh:hover{border-radius: .18rem;border-bottom-right-radius: 0; }
.n_fa_d_bottom .item_yh:hover .title i{color: #fff; background-image:-webkit-linear-gradient(top,  #fff,#fff);}
.n_fa_d_bottom .item_yh .title i{margin-right: .06rem;font-size: .4rem;transition: .4s all ease;
    background-image:-webkit-linear-gradient(top,  #43c5ed,#303360);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;}


@media only screen and (max-width: 1024px) {
.box1{
    margin-top: 0;
    height: 2.5rem !important;
    background-size: auto;
    background-position: center;
    background-size: cover;
}
.nav{
    display: none;
}
    
.box1_text_p1{
    font-size: 0.24rem;
}
.box1_text_p2{
    margin-bottom: 0;
    font-size: 0.18rem;
}
.indulist .listcon a{
    display: block;
}
.indulist .listcon .list-left{
    width: 100%;
}
.indulist .listcon .list-right{
    width: 100%;
}
.indulist .listcon .text{
    padding: 0.2rem;
}
.indulist .listcon .text img {
  width: .21rem;
  height: .19rem;
}
.indulist .listcon .title{
    font-size: 0.2rem;
    margin-top: .1rem;
}
.indulist .listcon p{
    font-size: 0.14rem;
    line-height: .3rem;
    margin-top: .1rem;
}

.indulist .listcon .more {
  width: 50%;
  height: .4rem;
  line-height: .4rem;
  font-size: .14rem;
  margin-top: .1rem;
}
.indulist .listcon{
    margin-top: .3rem;
}
.box1_text{
    width: 90%;
}
.box2 .main .breadcrumb{
    margin-top: .2rem;
    text-align: left;
    font-size: 0.14rem;
}
.box2 .main .title{
    font-size: 0.24rem;
}
.nav2{
    display: block;
    height: auto;
    overflow: hidden;
}
.nav2 a{
    width: 48%;
    float: left;
    margin-right: 4%;
    margin-left: 0;
    font-size: 0.14rem;
    height: .4rem;
    line-height: .4rem;
    transition: all .3s
}

.nav2 a:nth-of-type(2n){
    margin-right: 0;
}
.list3{
    margin-top: .2rem;
    display: block;
    height: auto;
    overflow: hidden;
}
   
.list3 .yllist{
    width: 100%;
    height: 2rem;
}
.list3 .yllist a img {
  width: 100%;
  object-fit: cover;
  height: 2rem;
}
.list3 .yllist .img33 {
  height: 2rem;
}
.list3 .yllist a .tex{
    font-size: 0.14rem;
}
.n_fa_bottom .tab_nav a::before{
    width: 0.13rem;
    height: 0.16rem;
}
.n_fa_bottom .tab_nav a{
    font-size: 0.16rem;
    margin-right: .1rem;
}
.g_btn {
  height: .45rem;
  line-height: .45rem;
  font-size: .16rem;
}
.n_fa_bottom .list {
  margin-top: .36rem;
  display: block;
  height: auto;
  overflow: hidden;
}
.n_fa_bottom .list .item_yh{
    width: 100%;
    margin-bottom: .2rem;
}
.item_yh a{
    padding: .2rem;
}
.item_yh span{
    font-size: 0.14rem;
}
.item_yh .title{
    font-size: 0.18rem;
}
.item_yh::before{
    height: 100%;
}
.contain{
    margin-top: .3rem;
    display: block;
    height: auto;
    overflow: hidden;
}
.contain .about{
    width: 100%;
    padding-right: 0;
}
.about1 .tit span {
  font-size: .24rem;
  line-height: .3rem;
  margin-top: 0;
}
.about1 .content{
    margin-top: 0.3rem;
}
.about1 .content{
    font-size: 0.14rem;
    line-height: .3rem;

}
.about2::before{
    width: 100%;
}
.about2 img{
    width: 100% !important;
}
.about3 p {
  font-size: .14rem !important;
  line-height: .3rem !important;
}
.detail-menu li {
  font-size: .15rem;
  padding: 0 .04rem;
  width: auto;
}
.detail-main .con {
  padding: 0.1rem;}
  .detail-main .con table{
    width: 100%;
  }
.about5{
    width: 100%;
}
.about5 .g_btn{
    height: .55rem;
    line-height: .55rem;
}
.view_r{
    display: none;
}
.box3{
    margin-top: 0;
}
.i_con3 .top{
    display: block;
    height: auto;
    overflow: hidden;
    padding: 0 .2rem;

}
.i_title b{
    margin-bottom: 0;
}
.i_con3 .i_title{
    font-size: 0.24rem;
}
.i_title span{
    margin-top: 0;
}
.i_title p{
    font-size: 0.14rem;
}
.i_con3 .con_r {
  width: 100%;
  margin-top: .3rem;
}
.i_con3 .g_btn{
    width: 80%;
    height: .45rem;
    line-height: .45rem;
}
.swiper_con{
    padding: 0 0.3rem;
}
}