:root{

    --red--:#E90000;

    --menu--:#303133;

    --font--:#909399;

}


@font-face {

	font-family: AlibabaPuHuiTi-2-45-Light;

	src:url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-2/AlibabaPuHuiTi-2-45-Light/AlibabaPuHuiTi-2-45-Light.eot) format('embedded-opentype'),

    url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-2/AlibabaPuHuiTi-2-45-Light/AlibabaPuHuiTi-2-45-Light.otf) format('opentype'),

    url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-2/AlibabaPuHuiTi-2-45-Light/AlibabaPuHuiTi-2-45-Light.ttf) format('TrueType'),

    url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-2/AlibabaPuHuiTi-2-45-Light/AlibabaPuHuiTi-2-45-Light.woff) format('woff'),

    url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-2/AlibabaPuHuiTi-2-45-Light/AlibabaPuHuiTi-2-45-Light.woff2) format('woff2');

}

@font-face {

	font-family: AlibabaPuHuiTi-ExtraBold;

	src:url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-2/AlibabaPuHuiTi-2-95-ExtraBold/AlibabaPuHuiTi-2-95-ExtraBold.eot) format('embedded-opentype'),

    url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-2/AlibabaPuHuiTi-2-95-ExtraBold/AlibabaPuHuiTi-2-95-ExtraBold.otf) format('opentype'),

    url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-2/AlibabaPuHuiTi-2-95-ExtraBold/AlibabaPuHuiTi-2-95-ExtraBold.ttf) format('TrueType'),

    url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-2/AlibabaPuHuiTi-2-95-ExtraBold/AlibabaPuHuiTi-2-95-ExtraBold.woff) format('woff'),

    url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-2/AlibabaPuHuiTi-2-95-ExtraBold/AlibabaPuHuiTi-2-95-ExtraBold.woff2) format('woff2');

}

*:focus {   

    outline: none;  

}

a:focus, a:hover{

    outline: none;

    text-decoration: none;

}

a:hover{

    text-decoration: none;

}

ul,li{

    list-style: none;

    margin:0;

    padding:0;

}

img{

    border:none;

    max-width:100%;

}

p{

    margin-bottom: 0;

}

body{

    font-family:'AlibabaPuHuiTi-2-45-Light';

    overflow-x: hidden;

}

.container{

    margin:0 auto;

    position: relative;

}

header{

    background: rgba(255, 255, 255, 0.8);

    height:102px;

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    z-index: 10000001;

    transition: all 0.3s ease-in-out;

    display:flex;

    align-items: center;

    justify-content: space-between;

}

.logo a{

    display:flex;

    justify-content: flex-start;

    align-items: center;

}

.logo a span{

    font-family: AlibabaPuHuiTi-ExtraBold;

    font-size: 34px;

    line-height: 16px;

    letter-spacing: 0.1em;

    /* font-weight: bold; */

    font-weight: normal;

    color: var(--menu--);

    display: block;

    margin-left:10px;

}

.header-nav{

    height:100%;

}

.header-nav ul {

    display:flex;

    align-items: center;

    margin-left:5vw;

    height:100%;

}

.header-nav ul li{

    display: flex;

    justify-content: center;

    align-items: center;

    height: 100%;

    position: relative;

    background: transparent;

    cursor: pointer;

}

.header-nav ul li>a{

    width:100%;

    height:100%;

    display: flex;

    justify-content: center;

    align-items: center;

    font-style: normal;

    font-weight: 400;

    font-size: 16px;

    line-height: 24px;

    letter-spacing: 0.01em;

    color: var(--menu--);

    padding:0 1.9vw;

}

.header-nav ul .active>a,

.header-nav ul li>a:hover{

    color:var(--red--);

}

.m-fbox-code{

    display: none;

}

.sub-nav {

    position: absolute;

    left: 50%;

    visibility: hidden;

    /*pointer-events: none;

    */top: 102px;

    opacity: 1;

    width: 140px;

    min-width: 140px;

    /*transition: all 0.3s ease-in-out;

    -webkit-transition: all 0.3s ease-in-out;

    */transform: translateX(-50%);

    display: flex;

    justify-content: space-between;

    background:rgba(245, 246, 248, .9);

    border-radius: 0 0 5px 5px;

    box-shadow: 0 1px 3px rgb(0 0 0 / 10%);

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    -webkit-border-radius: 0 0 5px 5px;

    -moz-border-radius: 0 0 5px 5px;

    -ms-border-radius: 0 0 5px 5px;

    -o-border-radius: 0 0 5px 5px;

}

.sub-nav .nav-item {

    background-color: #fff;

    min-width: 140px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: flex-start;

    width: 100%;

    padding:20px 0;

}

.sub-max{

    width: 180px;

    min-width: 180px;

}

.sub-max .nav-item{

    min-width: 180px;

    width: 100%;

}

.sub-nav .nav-item a {

    padding: 1px 18px;

    width: 100%;

    display: flex;

    background: transparent;

    line-height: 40px;

    align-items: center;

    justify-content:center;

    position: relative;

}

.sub-max .nav-item a{

    justify-content: flex-start;

}

.sub-nav .nav-item a span{

    position: relative;

    font-size: 15px;

    letter-spacing: 0.01em;

    color:rgba(96, 98, 102, 1);

    padding-left:6px;

}

.sub-nav .nav-item a span::before{

    content:'';

    width:5px;

    height:1px;

    background:#47484a;

    position: absolute;

    left:0;

    top:50%;

}

.sub-nav .nav-item a::after{

    content:'';

    width:24px;

    height:24px;

    position: absolute;

    background:url(../images/nav-item.svg) no-repeat center;

    background-size: cover;

    top:50%;

    right:8px;

    transform: translateY(-50%);

    opacity: 0;

    transition: all .3s;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

}

.sub-nav .nav-item a:hover span{

    color:var(--red--)

}

.sub-nav .nav-item a:hover span::before{

    background: var(--red--);

}

.sub-nav .nav-item a:hover::after{

    opacity: 1;

}

.sub-nav.on{

    visibility: visible; 

    opacity: 1;

}

.header-nav ul li.on >a{

    transition: all .2s;

    color: var(--red--);

    -webkit-transition: all .2s;

    -moz-transition: all .2s;

    -ms-transition: all .2s;

    -o-transition: all .2s;

}

.header-tel{

    display:flex;

    flex-direction: column;

    align-items: flex-start;

    position: relative;

}

.header-tel::before{

    content:'';

    width:38px;

    height:38px;

    background:url(../images/header-tel.svg) no-repeat center;

    position: absolute;

    top:4px;

    left:0;

    transform:translateX(-110%);

    -webkit-transform:translateX(-110%);

    -moz-transform:translateX(-110%);

    -ms-transform:translateX(-110%);

    -o-transform:translateX(-110%);

}

.header-tel span{

    font-size: 14px;

    line-height:1;

    letter-spacing: 0.01em;

    color: var(--menu--);

}

.header-tel p{

    margin-top:5px;

    font-size: 23px;

    line-height: 26px;

    letter-spacing: 0.01em;

    color: var(--red--);

    font-weight: bold;

}

.nav-icon {

    display: none;

    position: absolute;

    right: 15px;

    top: 50%;

    margin-top: -7px;

    cursor: pointer;

}

.nav-icon span {

    display: block;

    width: 22px;

    height: 2px;

    background: var(--red--);

    border-radius: 2px;

    transition: all .2s linear;

    -webkit-transition: all .2s linear;

    -moz-transition: all .2s linear;

    -ms-transition: all .2s linear;

    -o-transition: all .2s linear;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    -ms-border-radius: 2px;

    -o-border-radius: 2px;

}

.nav-icon span:not(:first-child) {

    margin-top: 4px;

}

.nav-icon.on span:nth-of-type(1) {

    -webkit-transform: matrix(1,0,0,1,0,6) rotate(45deg);

    transform: matrix(1,0,0,1,0,6) rotate(45deg);

    -moz-transform: matrix(1,0,0,1,0,6) rotate(45deg);

    -ms-transform: matrix(1,0,0,1,0,6) rotate(45deg);

    -o-transform: matrix(1,0,0,1,0,6) rotate(45deg);

}

.nav-icon.on span:nth-of-type(2) {

    width: 0;

}

.nav-icon.on span:nth-of-type(3) {

    -webkit-transform: matrix(1,0,0,1,0,-6) rotate(-45deg);

    transform: matrix(1,0,0,1,0,-6) rotate(-45deg);

    -moz-transform: matrix(1,0,0,1,0,-6) rotate(-45deg);

    -ms-transform: matrix(1,0,0,1,0,-6) rotate(-45deg);

    -o-transform: matrix(1,0,0,1,0,-6) rotate(-45deg);

}

#fp-nav ul li .fp-tooltip{

    display: none;

}

#fp-nav ul li a span, .fp-slidesNav ul li a span{

    background:var(--menu--);

}

#fp-nav ul li a.active span{

    width:8px;

    height:8px;

    margin:0;

    transform: translate(-50%,-50%);

    -webkit-transform: translate(-50%,-50%);

    -moz-transform: translate(-50%,-50%);

    -ms-transform: translate(-50%,-50%);

    -o-transform: translate(-50%,-50%);

}

#fp-nav.fp-left{

    left:0px;

}

#section0 .swiper-slide{

    background-color: #efefef; 

    overflow: hidden;

}

#section0 .swiper-slide>img{

    object-fit: cover; 

    width: 100%; 

    height: 100%;

}

#section0 .swiper-container{

    height: 100vh;

    position: relative ;

}

#section0 .swiper-pagination-bullet{

    background: #ffffff;

    opacity: .5;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

}

#section0 .swiper-pagination-bullet-active{

    width:40px;

    background: #ffffff;

    border-radius: 12px;

    opacity: 1;

    -webkit-border-radius: 12px;

    -moz-border-radius: 12px;

    -ms-border-radius: 12px;

    -o-border-radius: 12px;

}

.banner-h1{

    font-size: 26px;

    line-height: 36px;

    text-align: center;

    letter-spacing: 0.2em;

    color: #FFFFFF;

    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.6);

    transform: translateY(100%);

    transition: all 1s ease;

    transition-delay: 0.3s;

    opacity: 0;

    -webkit-transform: translateY(100%);

    -moz-transform: translateY(100%);

    -ms-transform: translateY(100%);

    -o-transform: translateY(100%);

    -webkit-transition: all 1s ease;

    -moz-transition: all 1s ease;

    -ms-transition: all 1s ease;

    -o-transition: all 1s ease;

}

.swiper-slide-active .banner-h1{

    transform: translateY(0%);

    opacity:1;

    -webkit-transform: translateY(0%);

    -moz-transform: translateY(0%);

    -ms-transform: translateY(0%);

    -o-transform: translateY(0%);

}



.banner-font{

    font-size: 26px;

    line-height: 36px;

    text-align: center;

    letter-spacing: 0.18em;

    color: #303133;

    text-shadow: none;

}



.banner-txt{

    width:100%;

    height:100%;

    position: absolute;

    top:58%;

    left:50%;

    transform: translate(-50%,-50%);

    display:flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    -webkit-transform: translate(-50%,-50%);

    -moz-transform: translate(-50%,-50%);

    -ms-transform: translate(-50%,-50%);

    -o-transform: translate(-50%,-50%);

}

.banner-txt2{

    top:50%;

}

.banner-desc{

    max-width:995px;

    /*max-height:132px;

    *//*margin:40px 0 40px 0;

    */transform: translateY(100%);

    transition: all 1s ease;

    transition-delay: 0.3s;

    opacity: 0;

    -webkit-transform: translateY(100%);

    -moz-transform: translateY(100%);

    -ms-transform: translateY(100%);

    -o-transform: translateY(100%);

    -webkit-transition: all 1s ease;

    -moz-transition: all 1s ease;

    -ms-transition: all 1s ease;

    -o-transition: all 1s ease;

}

.banner-desc-first{

    max-width: 910px;

    padding: 12px 0 54px 0;

}

.swiper-slide-active .banner-desc{

    transform: translateY(0%);

    opacity:1;

    -webkit-transform: translateY(0%);

    -moz-transform: translateY(0%);

    -ms-transform: translateY(0%);

    -o-transform: translateY(0%);

}

.banner-txt2 .banner-desc{

    margin-top:17px;

}

.banner-pic{

    max-width:780px;

    /*max-height:328px;

    */transform: translateY(50%);

    transition: all 1s ease;

    transition-delay: 0.3s;

    opacity: 0;

    padding-bottom: 20px;

    -webkit-transform: translateY(50%);

    -moz-transform: translateY(50%);

    -ms-transform: translateY(50%);

    -o-transform: translateY(50%);

    -webkit-transition: all 1s ease;

    -moz-transition: all 1s ease;

    -ms-transition: all 1s ease;

    -o-transition: all 1s ease;

}

.swiper-slide-active .banner-pic{

    transform: translateY(0%);

    opacity:1;

    -webkit-transform: translateY(0%);

    -moz-transform: translateY(0%);

    -ms-transform: translateY(0%);

    -o-transform: translateY(0%);

}

.pbox-main{

    max-width:1400px;

    margin:0 auto;

    padding:0 14px;

    display:flex;

    justify-content: space-around;

    align-items: flex-start;

}

.pbox-slides{

    /* padding:0 27px; */

    margin:0 27px;

    width:430px;

    position: relative;

    display:flex;

    flex-direction: column;

    align-items: center;

    justify-content: space-between;

    cursor: pointer;

}

.pbox-txt{

    position: absolute;

    z-index: 22;

    bottom:250px;

    left:40px;

    width:calc(100% - 80px);

    display:flex;

    flex-direction: column;

    align-items:flex-start;

}

.pbox-txt .svg{

    width:58px;

    height:58px;

}

.pbox-txt .svg svg{

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

}

.pbox-txt .svg svg:first-child{

    display:none;

}

.pbox-txt>span{

    font-size: 34px;

    line-height: 48px;

    letter-spacing: 0.01em;

    display: block;

    margin:30px 0 40px 0;

    transition: all .3s;

    color:var(--menu--);

    text-shadow: 0px 0.926923px 1.85385px rgba(0, 0, 0, 0.25);

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

}

.pbox-txt>p{

    font-family:'AlibabaPuHuiTi-2-45-Light';

    font-size: 15px;

    line-height: 25px;

    letter-spacing:1px;

    position: relative;

    padding-top:16px;

    transition: all .3s;

    color: var(--font--);

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

}

.pbox-txt>p::before{

    content:'';

    position: absolute;

    top:0;

    width: 19px;

    height: 4px;

    background:#C0C4CC;

    border-radius: 100px;

    transition: all .2s ease-out .2s;

    -webkit-transition: all .2s ease-out .2s;

    -moz-transition: all .2s ease-out .2s;

    -ms-transition: all .2s ease-out .2s;

    -o-transition: all .2s ease-out .2s;

    -webkit-border-radius: 100px;

    -moz-border-radius: 100px;

    -ms-border-radius: 100px;

    -o-border-radius: 100px;

}

.pbox-pic{

    position: relative;

    height:730px;

    width:100%;

    overflow: hidden;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    transition: all .5s ease .1s;

    -webkit-transition: all .5s ease .1s;

    -moz-transition: all .5s ease .1s;

    -ms-transition: all .5s ease .1s;

    -o-transition: all .5s ease .1s;

}

.pbox-pic::before{

    content:'';

    width:100%;

    height:100%;

    background: linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,1));

    position: absolute;

    z-index: 11;

    opacity: 0;

    transition: all 2s;

    -webkit-transition: all 2s;

    -moz-transition: all 2s;

    -ms-transition: all 2s;

    -o-transition: all 2s;

}

.pbox-image{

    position: absolute;

    z-index: 22;

    bottom: -40px;

    opacity: 0;

    transform: translateY(100%);

    transition: all .5s ease-out .3s;

    -webkit-transition: all .5s ease-out .3s;

    -moz-transition: all .5s ease-out .3s;

    -ms-transition: all .5s ease-out .3s;

    -o-transition: all .5s ease-out .3s;

    -webkit-transform: translateY(100%);

    -moz-transform: translateY(100%);

    -ms-transform: translateY(100%);

    -o-transform: translateY(100%);

}

.pbox-image1{

    right:55px;

    bottom:0;

    width:211px;

    height:188px;

}

.pbox-image2{

    right:0;

    bottom:0;

    width:317px;

    height:210px;

}

.pbox-image3{

    right:34px;

    bottom: -12px;

    width:265px;

    height:254px;

}

.pbox-num{

    position: absolute;

    z-index: 22;

    bottom:40px;

    left:47px;

    font-size: 17px;

    line-height: 24px;

    letter-spacing: 0.01em;

    color: #C0C4CC;

    transition: all .3s ease-out .2s;

    -webkit-transition: all .3s ease-out .2s;

    -moz-transition: all .3s ease-out .2s;

    -ms-transition: all .3s ease-out .2s;

    -o-transition: all .3s ease-out .2s;

}

.pbox-num span{

    font-size: 34px;

    line-height: 48px;

    letter-spacing: 0.01em;

    color:var(--menu--);

}

.pbox-more{

    height:203px;

    width: 100%;

    position: relative;

    background:var(--red--);

    display:flex;

    justify-content: center;

    align-items: flex-start;

    visibility:visible;

    opacity: 1;

    transition: all .6s;

    -webkit-transition: all .6s;

    -moz-transition: all .6s;

    -ms-transition: all .6s;

    -o-transition: all .6s;

}

.pbox-more::after{

    content:'';

    width:100%;

    height: 100%;

    position: absolute;

    bottom:0;

    right:0;

    background: rgba(255, 255, 255, 1);

    opacity: 1;

    transition: all .3s ease-out .4s;

    -webkit-transition: all .3s ease-out .4s;

    -moz-transition: all .3s ease-out .4s;

    -ms-transition: all .3s ease-out .4s;

    -o-transition: all .3s ease-out .4s;

}

.pbox-more a{

    display:flex;

    align-items: center;

    justify-content:center;

    width:230px;

    height:46px;

    margin-top:45px;

    border: 1px solid #EBEEF5;

    border-radius: 10px;

    font-size: 16px;

    line-height: 20px;

    text-align: center;

    letter-spacing: 0.01em;

    color: #FFFFFF;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    -ms-border-radius: 10px;

    -o-border-radius: 10px;

}

.pbox-more a::after{

    content:'>';

    font-size: 16px;

    line-height: 20px;

    text-align: center;

    letter-spacing: 0.01em;

    color: #FFFFFF;

    transform: translateX(8px);

}

.pbox-next,

.pbox-prev{

    position: absolute;

    z-index: 88888;

    top:50%;

    width:40px;

    height:40px;

    border-radius:4px;

    display: flex;

    align-items: center;

    justify-content: center;

    border:1px solid #ffffff;

    transform:translateY(-50%);

    -webkit-transform:translateY(-50%);

    -moz-transform:translateY(-50%);

    -ms-transform:translateY(-50%);

    -o-transform:translateY(-50%);

    visibility: hidden;

    -webkit-border-radius:4px;

    -moz-border-radius:4px;

    -ms-border-radius:4px;

    -o-border-radius:4px;

}

.pbox-next{

    right:10%;

    transform:rotateY(-180deg) translateY(-50%);

    -webkit-transform:rotateY(-180deg) translateY(-50%);

    -moz-transform:rotateY(-180deg) translateY(-50%);

    -ms-transform:rotateY(-180deg) translateY(-50%);

    -o-transform:rotateY(-180deg) translateY(-50%);

}

.pbox-prev{

    left:10%;

}

.pbox-next img,

.pbox-prev img{

    width:28px;

}



.pbox-slides.off .pbox-pic{

    background-image: none !important;

    background-position-x:-430px;

}

.pbox-slides.off .pbox-pic::before{

    opacity: 1;

}

.pbox-slides.off .pbox-more{

    opacity: 0;

}

.pbox-slides.on .pbox-image{

    background-position-x:0;

    opacity: 1;

    transform: translateY(0);

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

}

.pbox-slides.on .pbox-txt>p::before{

    width:40px;

}

.pbox-slides.on .pbox-txt>span{

    color: #FFFFFF;

    text-shadow: 0px 0.926923px 1.85385px rgba(0, 0, 0, 0.25);

}

.pbox-slides.on .pbox-txt>p,

.pbox-slides.on .pbox-txt>span{

    color: #FFFFFF;

}

.pbox-slides.on .svg svg:first-child{

    display:block;

}

.pbox-slides.on .pbox-num{

    bottom: -50px;

    opacity: 0;

}

.pbox-slides.on .pbox-more::after{

    height:0;

    opacity: 0;

}

.pbox-slides.on .svg svg:last-child{

    display:none;

} 

.pbox-slides.on .pbox-txt>p::before{

    background: #E90000; 

}



#section2 .container-fluid{

    height:calc(100% - 102px);

    margin-top:102px;

    position: relative;

}

#section2 .container{

    height:100%;

}

.abox-main{

    display:flex;

    justify-content: space-between;

    align-items: flex-start;

    width:100%;

    height:100%;

    position: relative;

    overflow: hidden;

}

#section2 .container-fluid::before{

    content:'';

    position: absolute;

    right:0;

    top:0;

    width:980px;

    height:100%;

    background:url(../images/abox-r-after.png) no-repeat left center;

    background-size: cover;

    z-index: 1;

    transition: all 1.5s;

    -webkit-transition: all 1.5s;

    -moz-transition: all 1.5s;

    -ms-transition: all 1.5s;

    -o-transition: all 1.5s;

}

#section2 .container-fluid::after{

    content:'';

    position: absolute;

    right:-100%;

    top:0;

    width:979px;

    height:100%;

    background:url(../images/abox-r-before.png) no-repeat left center;

    background-size: cover;

    z-index: 2;

    transition: all 1.3s;

    animation-delay: 0.3s;

    opacity: 0;

    -webkit-transition: all 1.3s;

    -moz-transition: all 1.3s;

    -ms-transition: all 1.3s;

    -o-transition: all 1.3s;

}

#section2.fp-completely .container-fluid::after{

    right:0;

    opacity: 1;

}

.about-bgm{

    display:none;

    width:100%;

    height:30vh;

    position:absolute;

    left:0;

    top:0;

    background: url(../images/about-bgm.png) no-repeat center bottom;

    background-size:cover;

}

.abox-l{

    flex:1;

    padding-right:220px;

    height: 100%;

    display: flex;

    flex-direction: column;

    justify-content: center;

}

.abox-r{

    position: relative;

    flex:1;

    height:100%;

}

.abox-pic{

    position: absolute;

    right:0;

    opacity: 0;

    top:150%;

    transform: translateY(-50%);

    max-width:378px;

    max-height:276px;

    z-index:333;

    transition: all .5s;

    animation-delay: 1s;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

}

#section2.fp-completely .abox-pic{

    top:50%;

    opacity: 1;

}

.abox-t span{

    font-size: 60px;

    line-height: 84px;

    letter-spacing: 0.01em;

    color: #303133;

    position: relative;

}

.abox-t span::after{

    content:'';

    background:url(../images/abox-t-after.svg) no-repeat center;

    background-size: contain;

    width:34px;

    height:34px;

    position: absolute;

    bottom: 360px;

    right:-200px;

    transform:rotate(360deg);

    transition: all .3s;

    -webkit-transform:rotate(360deg);

    -moz-transform:rotate(360deg);

    -ms-transform:rotate(360deg);

    -o-transform:rotate(360deg);

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

}

.abox-t span::before{

    content:'';

    position: absolute;

    right:-170px;

    bottom: 214px;

    width: 34px;

    height: 34px;

    background: #E7E7E7;

    transition: all .2s;

    transform:rotate(360deg);

    -webkit-transition: all .2s;

    -moz-transition: all .2s;

    -ms-transition: all .2s;

    -o-transition: all .2s;

    -webkit-transform:rotate(360deg);

    -moz-transform:rotate(360deg);

    -ms-transform:rotate(360deg);

    -o-transform:rotate(360deg);

}

.fp-completely .abox-t span::after{

    bottom: 33px;

    right:-88px;

    transform:rotate(0);

    -webkit-transform:rotate(0);

    -moz-transform:rotate(0);

    -ms-transform:rotate(0);

    -o-transform:rotate(0);

}

.fp-completely .abox-t span::before{

    right:-70px;

    bottom: 14px;

    transform:rotate(0);

    -webkit-transform:rotate(0);

    -moz-transform:rotate(0);

    -ms-transform:rotate(0);

    -o-transform:rotate(0);

}

.abox-t p{

    font-family:'AlibabaPuHuiTi-2-45-Light';

    font-size: 16px;

    line-height: 30px;

    letter-spacing: 0.01em;

    color: #606266;

    position: relative;

    padding-top:40px;

    margin-top:22px;

    text-indent:2rem;

}

.abox-t p::before{

    content:'';

    width: 19px;

    height: 4px;

    background: #E90000;

    border-radius: 100px;

    position: absolute;

    left:0;

    top:16px;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

    -webkit-border-radius: 100px;

    -moz-border-radius: 100px;

    -ms-border-radius: 100px;

    -o-border-radius: 100px;

}

.abox-l:hover .abox-t p::before{

    width: 100px;

}

.abox-p{

    /*padding-top:30px;*/

}

.abox-p span{

    font-size: 20px;

    line-height: 30px;

    letter-spacing: 0.01em;

    color: rgba(48, 49, 51, 1);

}

.abox-p p{

    font-family:'AlibabaPuHuiTi-2-45-Light';

    font-size: 16px;

    line-height: 30px;

    letter-spacing: 0.01em;

    color: #606266;

    text-indent: 2rem;

}

.abox-i{

    display:flex;

    justify-content:flex-start;

    align-items: flex-start;

    padding-top:62px;

}

.abox-i li{

    margin:0px 10px;

    display:flex;

    align-items: center;

    cursor: pointer;

}

.abox-i li:hover p{

    background: var(--red--);

}

.abox-i li:hover p svg:first-child{

    display:none;

}

.abox-i li:hover p svg:last-child{

    display: block;

}

.abox-i li p{

    width:56px;

    height:56px;

    border:1px solid #E4E7ED;

    border-radius:50%;

    display:flex;

    align-items: center;

    justify-content: center;

    transition: all .2s;

    -webkit-transition: all .2s;

    -moz-transition: all .2s;

    -ms-transition: all .2s;

    -o-transition: all .2s;

}

.abox-i li p svg:last-child{

    display:none;

}

/* .abox-i li:hover p{

    transform: rotateY(360deg);

} */

.abox-i li span{

    font-size: 18px;

    line-height: 30px;

    letter-spacing: 0.01em;

    color: #303133;

    display: block;

    margin:0 10px;

}

.abox-i li:hover span{

    color:var(--red--);

}

.abox-m{

    margin-top:50px;

    width:307px;

    height:67px;

    background:url(../images/abox-m.png) no-repeat;

    background-size: contain;

}

.abox-m a::after{

    content:'';

    width:31px;

    height:22px;

    background:url(../images/abox-m-after.svg) no-repeat center;

    background-size: contain;

    margin:0 10px;

    transition: all .6s;

    -webkit-transition: all .6s;

    -moz-transition: all .6s;

    -ms-transition: all .6s;

    -o-transition: all .6s;

}

.abox-m a:hover::after{

    transform: translateX(30px);

}

.abox-m a{

    position: relative;

    width:100%;

    height:100%;

    display: flex;

    align-items: center;

    justify-content:center;

    font-size: 16px;

    line-height: 20px;

    text-align: center;

    letter-spacing: 0.01em;

    color: #FFFFFF;

}

.news-bg{

    width:1400px;

    height:787px;

    background: rgba(255, 255, 255, 0.85);

    padding:48px;

}

.nbox-t span{

    font-size: 18px;

    line-height: 30px;

    letter-spacing: 0.01em;

    color: #E90000;

}

.nbox-t p{

    font-family:AlibabaPuHuiTi-ExtraBold;    

    font-size: 56px;

    line-height: 78px;

    letter-spacing: 0.01em;

    color: #303133;

}

.nbox-li{

    width:418px;

    overflow: hidden;

}

.nbox-li a{

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    width:100%;

    height:100%;

    overflow: hidden;

}

.nbox-pic{

    width:100%;

    max-height:192px;

    overflow: hidden;

}

.nbox-pic img{
	
	width:100%;
	height:100%;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

}

.nbox-pic:hover img{

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

}

.nbox-txt{

    width:100%;

    font-size: 24px;

    line-height: 38px;

    letter-spacing: 0.01em;

    color: #303133;

    margin-top:32px;

    overflow: hidden;

    word-break: break-all;

    text-overflow: ellipsis;

    overflow: hidden;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}

.nbox-more{

    display: block;

    margin-top:30px;

    font-size: 16px;

    line-height: 30px;

    letter-spacing: 0.01em;

    color: #E90000;

    position: relative;

}

.nbox-more::after{

    content:'';

    width:24px;

    height:24px;

    background:url(../images/nav-item.svg) no-repeat;

    background-size: contain;

    position: absolute;

    right:-30px;

    top:3px;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

}

.nbox-li:hover .nbox-more::after{

    right:-50px;

}

.nbox-g {

    display:flex;

    justify-content: flex-start;

    align-items: center;

    padding:64px 0;

}

.nbox-g li{

    margin-right:34px;

    display:flex;

    justify-content: center;

    align-items: center;

    width: 233px;

    height: 66px;

    border: 1px solid #909399;

    cursor: pointer;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

}

.nbox-g li:hover,

.nbox-g li.active{

    border: 1px solid var(--red--);

    background: var(--red--);

}

.nbox-g li:hover a,

.nbox-g li.active a{

    color:#ffffff;

}

.nbox-g li a{

    font-size: 18px;

    line-height: 20px;

    text-align: center;

    letter-spacing: 0.01em;

    color: #606266;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

}



.fbox-t{

    display:flex;

    flex-direction: column;

    align-items: center;

}

.fbox-t span{

    font-weight: 500;

    font-size: 56px;

    line-height: 78px;

    letter-spacing: 0.01em;

    color: #303133;

}

.fbox-t p{

    font-weight: 500;

    font-size: 13.8643px;

    line-height: 19px;

    letter-spacing: 0.01em;

    text-transform: uppercase;

    color: #E90000;

}

.fbox-tel{

    display:flex;

    justify-content: flex-start;

    align-items: flex-start;

    flex:1;

}

.fbox-msg{

    width:410px;

    display:flex;

    flex-direction: column;

    align-items:flex-start;

}

.fbox-bg{

    padding:75px 48px 80px 48px;

    height:600px;

    width:1400px;

    background: rgba(255, 255, 255, 0.85);

    border-bottom:9px solid #E90000;

}



.button_su{

    width:100%;

    overflow: hidden;

    position: relative;

    display: inline-block;

    border-radius:0 40px 40px 0;

}

.button_su::after{

    content:'';

    width:31px;

    height:22px;

    background:url(../images/msg-after.svg) no-repeat center;

    background-size: contain;

    position: absolute;

    right:30px;

    top:50%;

    transform: translateY(-50%);

    transition: all .3s;

    z-index:333;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

}

.button_su::before{

    content:'';

    width:36px;

    height:36px;

    position: absolute;

    left:18px;

    top:50%;

    background-position:center;

    background-size: contain;

    background-repeat: no-repeat;

    transform: translateY(-50%);

    z-index:333;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

}

.button_su:first-child::before{

    background-image:url(../images/msg-before1.svg);

}

.button_su:first-child:hover::before{

    background-image:url(../images/msg-before1-1.svg);

}

.button_su:nth-child(2)::before{

    background-image:url(../images/msg-before2.svg);

}

.button_su:nth-child(2):hover::before{

    background-image:url(../images/msg-before2-2.svg);

}



.button_su:first-child{

    margin-bottom: 60px;

}

.button_su::after{

    background-image:url(../images/msg-after.svg);

}

.button_su:hover::after{

    background-image:url(../images/msg-after2.svg);

}

.button_su:hover a{

    color:#ffffff;

}

.su_button_circle{

    background-color: red;

    border-radius: 1000px;

    position: absolute;

    left:0;

    top:0;

    width: 0px;

    height: 0px;

    margin-left: 0px;

    margin-top: 0px;

    pointer-events: none;

    z-index:111;

    -webkit-border-radius: 1000px;

    -moz-border-radius: 1000px;

    -ms-border-radius: 1000px;

    -o-border-radius: 1000px;

}

.button_su_inner{

    display: inline-block;

    background: #ffffff;

    font-family:'AlibabaPuHuiTi-2-45-Light';

    font-size: 22px;

    line-height: 26px;

    letter-spacing: 0.01em;

    color:rgba(48, 49, 51, 1);

    width:100%;

    transition: 400ms;

    text-decoration: none;

    padding: 30px 0 30px 60px;

    z-index: 100000;

    -webkit-transition: 400ms;

    -moz-transition: 400ms;

    -ms-transition: 400ms;

    -o-transition: 400ms;

}

.button_text_container{

    position:relative;

    z-index: 10000;

}

.explode-circle {

    animation: explode .8s forwards;

    -webkit-animation: explode .8s forwards;

}

.desplode-circle{

    animation: desplode .8s forwards;

    -webkit-animation: desplode .8s forwards;

}

@keyframes explode {

    0% {

      width: 0px;

      height: 0px;

      margin-left: 0px;

      margin-top: 0px;

      background-color: rgba(233, 0, 0,0.8);

    }

    100% {

      width: 840px;

      height: 840px;

      margin-left: -420px;

      margin-top: -420px;

      background-color: rgba(233, 0, 0,0.8);

    }

}

  

@keyframes desplode {

    0% {

        width: 840px;

        height: 840px;

        margin-left: -420px;

        margin-top: -420px;

        background-color: rgba(233, 0, 0,0.8);

    }

    100% {

      width: 0px;

      height: 0px;

      margin-left: 0px;

      margin-top: 0px;

      background-color: rgba(233, 0, 0,0.8);

    }

}

.su_button-txt{

    font-size: 16px;

    line-height: 26px;

    text-align: center;

    letter-spacing: 0.01em;

    color: #606266;

    display: block;

    margin:10px 0 0 20px;

}

.fbox-main{

    display:flex;

    justify-content: space-between;

    align-items: flex-start;

}

.copy{

    text-align: center;

    position: absolute;

    bottom: 20px;

    left: 50%;

    transform: translateX(-50%);

    width:100%;

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-transform: translateX(-50%);

}

.copy a,

.copy span{

    font-weight: 400;

    font-size: 14px;

    line-height: 20px;

    letter-spacing: 0.01em;

    color: #909399;

}

.fbox-code{

    display:flex;

}

.fbox-code li{

    display:flex;

    flex-direction: column;

    align-items: center;

    justify-content: space-between;

    margin-right:40px;

    position: relative;

    cursor: pointer;

}

.fbox-code li span{

    width:40px;

    height:40px;

    background: rgba(255, 255, 255, .2);

    border-radius:50%;

    display:flex;

    justify-content: center;

    align-items: center;

    -webkit-border-radius:50%;

    -moz-border-radius:50%;

    -ms-border-radius:50%;

    -o-border-radius:50%;

}

.fbox-code li p{

    font-size: 16px;

    line-height: 24px;

    text-align: center;

    letter-spacing: 0.01em;

    color: #909399;

    margin-top:6px;

}

.fbox-code li a{

    overflow: hidden;

    position: absolute;

    top:-110px;

    left:50%;

    transform: translateX(-50%);

    width:100px;

    height:100px;

    background: #ffffff;

    border-radius: 5px;

    padding:4px;

    display: none;

    border-radius: 2px;

    box-shadow: 0 1px 3px rgb(0 0 0 / 10%);

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    -ms-border-radius: 2px;

    -o-border-radius: 2px;

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-transform: translateX(-50%);

}

.fbox-code li span img:nth-child(2){

    display:none;

}

.fbox-code li:hover span img:nth-child(2){

    display: block;

}

.fbox-code li:hover span img:nth-child(1){

    display:none;

}

.fbox-code li:hover p{

    color:#E90000;

}

.fbox-txt{

    padding-bottom:30px;

}

.fbox-top20{

    margin-top:50px;

}

.fbox-txt span{

    font-weight: 400;

    font-size: 18px;

    line-height: 30px;

    letter-spacing: 0.01em;

    color: #E90000;

}

.fbox-txt p{

    font-family:'AlibabaPuHuiTi-2-45-Light';

    font-size: 18px;

    line-height: 30px;

    letter-spacing:1px;

    color: #303133;

    margin-top:6px;

}

.fbox-l{

    padding-right:140px;

}

.m-fbox-txt{

    display:none;

}

#section3{

    background:url(../images/nbox-bg.png) no-repeat center;

    background-size: cover;

}

#section3 .fp-tableCell{

    vertical-align:bottom;

}

#section3 .container{

    height:calc( 100% - 102px );

    display:flex;

    justify-content: center;

    align-items: center;

}

#section4{

    background:url(../images/foot-bg.png) no-repeat center;

    background-size:cover;

}

#about .container{

    max-width: 1226px;

}

/* about */

.page-banner{

    background-repeat: no-repeat;

    background-position: center;

    background-size:cover;

    height:380px;

    margin-top:102px;

    position: relative;

}

.page-txt{

    display: none;

    position: absolute;

    left:50%;

    bottom:70px;

    transform: translateX(-50%);

    font-size: 54px;

    line-height: 2;

    letter-spacing: 0.1em;

    color: #FFFFFF;

    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-transform: translateX(-50%);

}

.nav .breadcrumb{

    padding-top:36px;

    background:none;

}

.nav .breadcrumb a{

    font-size: 16px;

    line-height: 22px;

    letter-spacing: 0.01em;

    color: #909399;

}

.nav-tag{

    display: flex;

    flex-direction: row;

    justify-content: center;

    align-items: flex-start;

    padding:10px 0;

}

.nav-tag li{

    display: flex;

    flex-direction: row;

    justify-content: center;

    align-items: center;

    height: 66px;

    border: 1px solid #E4E7ED;

    margin:0 16px;

}

.nav-tag li.active,

.nav-tag li:hover{

    background:var(--red--);

}

.nav-tag li a{

    display:flex;

    align-items: center;

    justify-content: center;

    width:100%;

    height:100%;

    padding:0 50px;

    font-size: 18px;

    line-height: 20px;

    text-align: center;

    letter-spacing: 0.01em;

    color: #606266;

}

.nav-tag li a svg{

    display: none;

    margin-right:10px;

}

.nav-tag li a svg:first-child{

    display: block;

}

.nav-tag li:hover svg:first-child{

    display: none;

}

.nav-tag li:hover svg:nth-child(2){

    display: block;

}

.nav-tag li.active a,

.nav-tag li:hover a{

    color:#ffffff;

}

.nav-tag-desc{

    max-width:960px;

    margin:30px auto;

    font-size: 18px;

    line-height: 32px;

    text-align: center;

    letter-spacing: 0.01em;

    color: #606266;

}

.page-abox{

    max-width:1196px;

    margin:0 auto;

    display:flex;

    flex-direction: column;

    align-items: center;

}

.page-abox span{

    font-size: 36px;

    line-height: 26px;

    letter-spacing: 0.2em;

    color: #303133;

    padding-top:60px;

    margin-bottom: 30px;

}

.page-abox p{

     font-family:'AlibabaPuHuiTi-2-45-Light';

    font-size: 16px;

    line-height: 32px;

    letter-spacing: 0.01em;

    color: #606266;

    text-indent:2em;

}

.page-abox img{

    margin-top:40px;

}

.leader{

    height:948px;

    background:url(../images/leader-bg.jpg) no-repeat center;

    background-size: cover;

    margin-top:72px;

}

.leader .container{

    height:100%;

    display:flex;

    align-items: center;

}

.leader-main{

    max-width:1200px;

    margin:0 auto;

}

.leader-t{

    display:flex;

    flex-direction: column;

    align-items: center;

}

.leader-t span{

    font-size: 58px;

    font-weight: bold;

    line-height: 1.5;

    text-align: center;

    letter-spacing: 0.01em;

    text-transform: capitalize;

    color: #E90000;

}

.leader-t p{

    font-size: 30px;

    line-height: 1.2;

    text-align: center;

    letter-spacing: 0.01em;

    color: #303133;

}

.leader-txt{

    padding-top:40px;

}

.leader-txt p{

    font-family:'AlibabaPuHuiTi-2-45-Light';

    text-indent: 2em;

    font-size: 16px;

    line-height: 32px;

    letter-spacing: 0.01em;

    color: #303133;

}

.culture{

    height:870px;

    background:url(../images/culture-bg.jpg) no-repeat center;

    background-size: cover;

}

.culture-main{

    max-width:1200px;

    margin:0 auto;

    padding-top:80px;

}

.culture-txt{

    font-size: 16px;

    line-height: 32px;

    text-align: center;

    letter-spacing: 0.01em;

    color: #303133;

}

.culture-txt span{

    font-weight: bold;

}

.culture-ul{

    display:flex;

    align-items: center;

    justify-content: space-between;

    max-width: 1130px;

    margin:0 auto;

    padding:100px 0 70px 0;

}

.culture-ul li{

    display:flex;

    align-items: center;

}

.culture-r{

    margin-left:15px;

}

.culture-r span{

    font-size: 24px;

    line-height: 32px;

    letter-spacing: 0.01em;

    color: #303133;

    display: block;

    padding-bottom: 10px;

}

.culture-r p{

    font-size: 18px;

    line-height: 32px;

    letter-spacing: 0.01em;

    color: #606266;

}



footer{

    height:298px;

    background: #303133;

}

footer .footer-main{

    max-width:1200px;

    margin:0 auto;

    display:flex;

    justify-content:flex-start;

    align-items: flex-start;

    padding-top:70px;

}

.fo-logo{

    margin-right:40px;

}

.fo-logo a img:last-child{

    display:none;

}

.fo-add-main{

    display:flex;

    align-items: center;

}

.fo-add{

    display:flex;

    flex-direction: column;

    align-items: flex-start;

    margin-right:40px;

}

.fo-add li{

    display:flex;

    justify-content: flex-start;

    align-items: center;

    margin-bottom: 20px;

}

.fo-add-20px{

    margin-top:28px;

}

.fo-svg{

    width:40px;

    height:40px;

    border:1px solid #909399;

    border-radius:50%;

    display:flex;

    justify-content: center;

    align-items: center;

    margin-right:20px;

    -webkit-border-radius:50%;

    -moz-border-radius:50%;

    -ms-border-radius:50%;

    -o-border-radius:50%;

}

.fo-txt span{

    font-size: 18px;

    line-height: 26px;

    letter-spacing: 0.01em;

    color: #E90000;

}

.fo-txt p{

    font-size: 18px;

    line-height: 30px;

    letter-spacing: 0.01em;

    color: #FFFFFF;

    display:flex;

    flex-direction: column;

}

.fo-txt p b{

    font-weight: normal;

}

.fo-code{

    display:flex;

    justify-content: flex-end;

    align-items: center;

    flex:1;

}

.fo-code li{

    display:flex;

    flex-direction: column;

    align-items:center;

    margin-left:42px;

    position: relative;

    cursor:pointer;

}

.code-box{

    display:flex;

    flex-direction: column;

    justify-content: center;

    align-items:center;

    visibility: hidden;

    position:absolute;

    top:-30px;

    left:-150px;

    background: rgba(255, 255, 255, 0.1);

    border-radius: 4px;

    width:132px;

    height:175px;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -ms-border-radius: 4px;

    -o-border-radius: 4px;

}

.code-box::after{

    content:'';

    width:8px;

    height:13px;

    background:url(../images/code-box.svg) no-repeat center;

    background-size: contain;

    position: absolute;

    top:46px;

    right:-7px;

}

.code-box p{

    width:108px;

    height:108px;

    overflow: hidden;

    border-radius: 4px;

    background-color: #ffffff;

}

.code-box span{

    font-size: 14px;

    line-height: 20px;

    letter-spacing: 0.01em;

    color: #C0C4CC;

    display: block;

    margin-top:16px;

}

.fo-code li>span{

    background:rgba(255, 255, 255, 0.2);

    width:40px;

    height:40px;

    border-radius: 50%;

    display:flex;

    align-items: center;

    justify-content: center;

}

.fo-code li>span img:nth-child(2){

    display:none;

}

.fo-code li:hover>span img:nth-child(1){

    display: none;

}

.fo-code li:hover>span img:nth-child(2){

    display: block;

}

.fo-code li>p{

    font-size: 16px;

    line-height: 24px;

    text-align: center;

    letter-spacing: 0.01em;

    color: #909399;

    margin-top:7px;  

}

.fo-code li:hover>p{

    color:#ffffff;

}

.copyright{

    background: #303133;

    height:58px;

    border-top:1px solid rgba(255, 255, 255, .12);

}

.copyright .footer-main{

    max-width:1200px;

    height:100%;

    margin:0 auto;

    display:flex;

    justify-content: space-between;

    align-items: center;

}

.copyright .footer-main span b,

.copyright .footer-main a,

.copyright .footer-main span{

    font-size: 14px;

    line-height: 20px;

    font-weight:normal;

    text-align: center;

    letter-spacing: 0.01em;

    color: rgba(144,147,153,.4);

}

/* 浜у搧涓撳尯 */

.plist{

    display:flex;

    flex-wrap: wrap;

    justify-content: flex-start;

    align-items: flex-start;

    padding-bottom: 4rem;
	min-height: 30vh;

}

.plist li{

    max-width:272px;

    margin:40px 36px 40px 0;

}

.plist li:nth-child(4n+0){

    margin-right:0;

}

.plist li a{

    width:100%;

    height:100%;

    display:flex;

    flex-direction: column;

    align-items: center;

}

.plist li a p{

    width:100%;

    height:244px;

    display:flex;

    align-items: center;

    justify-content: center;

    overflow: hidden;

}

.plist li a p img{

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

}

.plist li:hover a p img{

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

}

.plist li a span{

    display:flex;

    align-items: center;

    width: 100%;

    padding-left:16px;

    height: 71px;

    background: #F5F6F8;

    font-size: 18px;

    line-height: 27px;

    letter-spacing: 0.01em;

    color: #303133;

    position: relative;

}

.plist li a span::after{

    content:'';

    width:34px;

    height:34px;

    background:url(../images/plist-svg.svg) no-repeat;

    position: absolute;

    top:50%;

    right:10px;

    transform: translateY(-50%);

    transition: all .2s;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    -webkit-transition: all .2s;

    -moz-transition: all .2s;

    -ms-transition: all .2s;

    -o-transition: all .2s;

}

.plist li:hover a span::after{

    right:30px;

}

/* 浜ゅ畨宸ョ▼ */

#case .container{

    max-width: 1230px;

}

.clist{

    display:flex;

    flex-wrap: wrap;

    justify-content: flex-start;

    align-items: flex-start;

}

.clist li{

    max-width:384px;

    margin:25px 24px 25px 0;

}

.clist li:nth-child(3n+0){

    margin-right: 0;

}

.clist li a{

    width:100%;

    height:100%;

    display:flex;

    flex-direction: column;

    align-items: center;

    background: #F5F6F8;

}

.clist li a p{

    max-height:256px;

    display:flex;

    align-items: center;

    justify-content: center;

    overflow: hidden;

}

.clist li a p img{

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

}

.clist li:hover a p img{

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

}

.clist li a span{

    display:flex;

    align-items: center;

    width: 100%;

    padding-left:16px;

    height: 71px;

    background: #F5F6F8;

    font-size: 18px;

    line-height: 27px;

    letter-spacing: 0.01em;

    color: #303133;

    position: relative;

}

.clist li a span::after{

    content:'';

    width:34px;

    height:34px;

    background:url(../images/plist-svg.svg) no-repeat;

    position: absolute;

    top:50%;

    right:10px;

    transform: translateY(-50%);

    transition: all .2s;

    -webkit-transition: all .2s;

    -moz-transition: all .2s;

    -ms-transition: all .2s;

    -o-transition: all .2s;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

}

.clist li:hover a span::after{

    right:30px;

}

/* 鍒嗛〉 */

.pagination{

    display: inline-block;

    border-radius: 4px;

}

.pager{

    display: flex;

    justify-content: center;

    margin:1rem 0 3rem 0;

}

.pager li {

    display: inline;

}

.pager li span,

.pager li a

{

    margin:0 8px;

    padding:7px 12px;

    border:1px solid #606266;

    color:#606266;

}

.pagination > .active > span{

    background:var(--red--);

    border:1px solid var(--red--);

    color:#fff;

}

.pagination > .disabled > span{

    background: white !important;

    color:#606266;

}

.pagination>.active>span:hover{

    background:var(--red--);

    border:1px solid #ffffff;

}
.pager li>a, .pager li>span,
.pagination>li:last-child>a, .pagination>li:last-child>span,

.pagination>li:first-child>a, .pagination>li:first-child>span{

    border-radius:4px;

}

/* 璧勮涓績 */

.nlist-pic{

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

}

.nlist-li{

    height:240px;

    width:100%;

    margin-top:20px;

    display: flex;

    align-items: center;

}

.nlist-li:hover{

    background:#f5f6f8;

}

.nlist-main{

    width:1200px;

    margin:0 auto;

    display:flex;

    align-items: center;

    justify-content: space-between;

}

.nlist-info{

    width:906px;

    display:flex;

    justify-content: flex-start;

    align-items: center;

    position: relative;

}

.nlist-info::after{

    content:'';

    width:1px;

    height:20px;

    background: #000000;

    transform:rotate(20deg) translateX(-50%);

    -webkit-transform:rotate(20deg) translateX(-50%);

    -moz-transform:rotate(20deg) translateX(-50%);

    -ms-transform:rotate(20deg) translateX(-50%);

    -o-transform:rotate(20deg) translateX(-50%);

    position:absolute;

    top:50%;

    right:0;

}

.nlist-time{

    width:84px;

    display:flex;

    flex-direction: column;

    align-items: center;

    position: relative;

    padding-right:26px;

}

.nlist-time::after{

    content:'';

    width:1px;

    height:60px;

    background:#E4E7ED;

    position: absolute;

    right:0;

    top:50%;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

}

.nlist-time span{

    font-size: 40px;

    line-height: 50px;

    letter-spacing: 0.01em;

    color: #303133;

}

.nlist-time p{

    font-size: 14px;

    line-height: 24px;

    letter-spacing: 0.01em;

    color: #909399;

}

.nlist-desc{

    width:716px;

    overflow: hidden;

    margin-left:34px;

}

.nlist-desc a{

    font-size: 22px;

    line-height: 31px;

    letter-spacing: 0.01em;

    color: #303133;

    word-break: break-all;

    text-overflow: ellipsis;

    overflow: hidden;

    display: -webkit-box;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

}

.nlist-desc p{

    margin-top:10px;

    font-size: 16px;

    line-height: 22px;

    letter-spacing: 0.01em;

    color: #909399;

    word-break: break-all;

    text-overflow: ellipsis;

    overflow: hidden;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

}

/* 鑱旂郴鎴戜滑 */

.join{

    max-width:1200px;

    margin:20px auto;

    padding:40px 0;

    position: relative;

}

#join{

    position: absolute;

    top:-100px;

}

.join .table thead{

    padding-bottom: 20px;

}

.join .table tr th{

    background: rgba(233, 0, 0,.06);

    border:0;

    height:64px;

    vertical-align:middle;

    text-align: center;

    font-size: 16px;

    line-height: 24px;

    letter-spacing: 0.01em;

    color: #303133;

}



.join .table tr td{

    height:53px;

    vertical-align:middle;

    text-align: center;

    border-top:0;

    border-bottom:1px solid #EBEEF5;

    font-size: 16px;

    line-height: 24px;

    letter-spacing: 0.01em;

    color: #606266;

    cursor: pointer;

}

.join .table tr.join-more{

    display: none;

}

.join .table tr.join-more td{

    text-align: left;

    font-size:14px;

    padding:14px;

    cursor:default;

    height:auto;

}

.honor li a span{

    height:50px;

    justify-content: center;

    padding:0;

}

.honor li a span::after{

    display: none;

}

.mage{

    margin:0 auto;

    max-width:1250px;

    padding-top:70px;    

    position: sticky;

    z-index: 666;

    margin-bottom: -100px;

    display: flex;

    justify-content: space-between;

}

.mage-l{

    width: 628px;

    height: 564px;

    border-top:6px solid var(--red--);

    box-shadow:0px 5px 12px rgba(233, 0, 0, 0.06) ;

    display: flex;

    flex-direction: column;

    background: #ffffff;

}

.mage-btn{

    margin:20px auto;

    width: 272px;

    height: 58px;

    border:0px none;

    background: #E90000;

    border-radius: 461px;

    font-size: 20px;

    letter-spacing: 0.01em;

    color: #FFFFFF;

}

.mage-t{

    display:flex;

    flex-direction: column;

    align-items: flex-start;

    margin:54px 0 0 54px;

}

.mage-t span{

    font-size: 36px;

    line-height: 50px;

    letter-spacing: 0.01em;

    color: #303133;

}

.mage-t p{

    font-family:AlibabaPuHuiTi-2-45-Light;

    font-size: 16px;

    line-height: 26px;

    letter-spacing: 0.01em;

    color: #909399;

}

.mage-main{

    margin:40px 55px;

}

.mage-li{

    height:70px;

    display:flex;

    align-items: center;

    border-bottom:1px solid #EBEEF5;

}

.mage-li input{

    font-family:AlibabaPuHuiTi-2-45-Light;

    font-size: 18px;

    line-height: 26px;

    letter-spacing: 0.01em;

    color: #909399;

    width:100%;

    border:none;

}

.mage-r{

    width:540px;

}

.mage-tel{

    display:flex;

    flex-direction: column;

    align-items: flex-start;

    margin-top:50px;

}

.mage-tel span{

    font-size: 36px;

    line-height: 50px;

    letter-spacing: 0.01em;

    color: #E90000;

}

.mage-tel p{

    font-family:AlibabaPuHuiTi-2-45-Light;

    font-size: 16px;

    line-height: 26px;

    letter-spacing: 0.01em;

    color: #909399;

}

.mage-ul{

    margin-top:46px;

}

.mage-ul li{

    display:flex;

    align-items: center;

}

.mage-ul li P{

    margin-left:10px;

    font-size: 18px;

    line-height: 37px;

    letter-spacing: 0.01em;

    color: #606266;

}

.title{

    text-align: center;

    font-size:26px;

    margin-top:2rem;

}

.time{

    text-align: center;

    padding:16px 0;

    border-bottom:1px solid #E4E7ED;

    width:100%;

    margin:0px auto 0 auto;

}

.time span{

    font-size:14px;

    margin:0 16px;

}

.content{

    padding:25px 20px;

    font-size:16px;

    line-height:2;

}

.tool{

    text-align: left;

    padding:3rem 0px;

}

.tool ul{

    padding:0;

    display: flex;

    justify-content: space-between;

}

.tool ul li{

    color:#464646;

    height:30px;

    line-height:30px;

    font-size:14px;

	overflow:hidden;

}

.tool ul li a{

    margin-left:2rem;

    font-size:14px;

    color:#464646;

}

.min-copy,

.pbox-acce{

    display:none;

}





@media (min-width: 1920px) {

    header{

        padding:0 104px 0 160px;

    }

}

@media (max-width: 1900px) {

    header{

        padding:0 2.6rem;

    }

}

@media (max-width: 1600px) {

    .news-bg{

        width:100%;

        height:auto;

        padding:32px;

    }

    .fbox-bg{

        width:100%;

        height:auto;

        padding:40px 30px;

    }

    #section4 .container{

        height: calc( 100% - 102px );

        display: flex;

        justify-content: center;

        align-items: center;

    }

    .abox-l{

        padding-right:0;

    }

    #section2 .container-fluid::before{

        width:50%;

    }

    #section2 .container-fluid::after{

        width:50%;

    }

    .clist li{

        width:31.66%;

        margin:20px 1%;

    }

    .clist li a span{

        height:56px;

        line-height:1.6;

        font-size:16px;

    }

    .nbox-li{

        width:360px;

    }

    .nbox-g li a{

        font-size:16px;

    }

    .nbox-g{

        padding:30px 0;

    }

    .nbox-t p{

        font-size:40px;

        line-height:1.5;

    }

    .nbox-g li{

        width:160px;

        height:50px;

        margin-right:20px;

    }

    .nbox-txt{

        font-size:18px;

        margin-top:16px;

        line-height:1.6;

    }

    .nbox-more{

        font-size:14px;

        line-height:1.5;

        margin-top:16px;

    }

    .plist{

        padding-bottom:3rem;

    }

    .plist li{

        width:23.25%;

        margin:20px 1%;

    }

    .plist li a span{

        height:50px;

        line-height:2;

        font-size:16px;

    }

    .plist li a span::after{

        height:26px;

        height:26px;

    }

    .nav-tag-desc{

        margin:14px auto;

        font-size:16px;

        line-height:1.6;

    }

}

@media (max-width: 1500px) {

    .header-nav ul{

        margin-left:1vw;

    }

    .header-nav ul li>a{

        padding:0 1vw;

    }

    .header-tel::before{

        display: none;

    }

    .pbox-txt>span{

        font-size:20px;

        line-height:1.5;

        margin:10px 0 16px 0;

    }

    .pbox-txt>p{

        font-size:15px;

        line-height:22px;

    }

    .pbox-txt>p::before{

        height:2px;

    }

    .pbox-more{

        height:100px;

    }

    .pbox-more a{

        border-radius: 5px;

        font-size:14px;

        margin-top:20px;

        height:36px;

        width:160px;

        -webkit-border-radius: 5px;

        -moz-border-radius: 5px;

        -ms-border-radius: 5px;

        -o-border-radius: 5px;

    }

    .pbox-pic{

        height: calc(100vh - 100px);

    }

    .culture{

        margin-top:0px;

        padding:50px 0;

        background-color:#fdfdfd;

        height:auto;

    }

}

@media (max-width: 1400px) {

    .pbox-txt{

        bottom:220px;

        left:20px;

        width: calc(100% - 40px);

    }

    .pbox-slides{

        margin:0;

        width:31%;

    }

}

@media (max-width: 1300px) {

    .nlist-li{

        height:auto;

        margin-top:0;

        padding:16px 14px;

    }

    .nlist-info{

        flex:1;

        width: auto;

        padding-left:10px;

    }

    .nlist-desc{

        flex:1;

        width: auto;

        margin:0 16px;

    }

    .nlist-time{

        padding-right:10px;

    }

    .page-txt{

        top:50%;

        bottom:auto;

        transform: translateX(-50%) translateY(-50%);

        -webkit-transform: translateX(-50%) translateY(-50%);

        -moz-transform: translateX(-50%) translateY(-50%);

        -ms-transform: translateX(-50%) translateY(-50%);

        -o-transform: translateX(-50%) translateY(-50%);

    }

    .nav-tag li{

        height:54px;

    }

    .nav-tag li a{

        padding:0 30px;

    }

    .mage{

        padding-top:40px;

        width:100%;

        justify-content: space-around;

        margin-bottom: -60px;

    }

    .mage-r,

    .mage-l{

        width:48%;

        height:auto;

    }

    .mage-t{

        margin:16px 20px 0 16px;

    }

    .mage-t p{

        font-size:14px;

    }

    .mage-btn{

        margin-bottom: 40px;

    }

    .mage-main{

        margin:16px 26px;

    }

    .mage-t span{

        font-size:24px;

        line-height:1.5;

    }

    .mage-li{

        height:54px;

    }

    .mage-li input{

        font-size:16px;

        line-height:1.5;

    }

    .mage-tel{

        margin-top:0px;

    }

    .mage-tel span{

        font-size:28px;

    }

    .mage-tel p{

        font-size:14px;

    }

    .mage-ul{

        margin-top:10px;

    }

    .mage-ul li p{

        font-size:16px;

        line-height:2.2;

    }

    .join{

        width:96%;

        padding:20px 0;

    }



}

@media (max-width: 1200px) {

    #section2.fp-completely .abox-pic{

        width:200px;

        height:146px;

        right: 30%;

        transform: translate(50%,-50%);

        -webkit-transform: translate(50%,-50%);

        -moz-transform: translate(50%,-50%);

        -ms-transform: translate(50%,-50%);

        -o-transform: translate(50%,-50%);

    }

    .abox-i{

        padding-top:30px;

    }

    .abox-m{

        margin-top:30px;

    }

    .abox-i li span{

        font-size:14px;

        margin:0 6px;

    }

    .logo a span{

        font-size:24px;

    }

    .header-tel p{

        font-size:18px;

    }

    .banner-h1{

        font-size:20px;

        line-height:2;

    }

    .banner-desc{

        max-width:600px;

        margin:20px 0;

    }

    .banner-txt2{

        top:58%;

    }

    .banner-pic{

        max-width:500px;

        margin-top:20px;

    }

    .fbox-t{

        font-size:36px;

        line-height:2;

        padding-top:0px;

    }

    .fbox-main{

        padding-top:40px;

    }

    .fbox-msg{

        width:260px;

    }

    .button_su_inner{

        font-size:18px;

        display: flex;

        justify-content: flex-start;

        align-items: center;

        padding:14px 0 14px 46px;

    }

    .button_su::before{

        width:26px;

        height:26px;

        left:8px;

        background-size: contain;

    }

    .fbox-l{

        padding-right: 40px;

    }

    .su_button-txt{

        font-size:14px;

        margin:10px 0 10px 2px;

    }

    .fbox-txt{

        padding-bottom:16px;

    }

    .button_su:first-child{

        margin-bottom:30px;

    }

    .fbox-code{

        padding-top:16px;

    }

    .nbox-li{

        width:100%;

    }

    footer{

        height:auto;

    }

    .fo-add{

        margin-right:0;

    }

    .fo-code{

        flex: none;

    }

    .fo-txt p{

        font-size:16px;

        line-height:1.6;

    }

    .fo-add li{

        margin:0 14px 10px 0;

    }

    .fo-add li.fo-add-20px{

        margin-top:24px;

    }

    footer .footer-main{

        padding:20px 14px;

        justify-content: space-around;

        align-items: center;

    }

    .fo-logo{

        margin-right:0;

        width:100px;

    }

    .copyright{

        height:36px;

    }

    .copyright .footer-main{

        padding:0 16px;

    }

    .copyright .footer-main a, .copyright .footer-main span{

        font-size:12px;

        line-height:1.4;

    }

    .fo-txt span{

        font-size:16px;

    }

    .fo-txt p{

        font-size:14px;

    }

    .fo-svg{

        width:30px;

        height:30px;

        margin-right:10px;

    }

    .fo-svg img,

    .fo-svg svg{

        width:16px;

        height:16px;

    }

    .fo-code li>p{

        font-size:14px;

    }

    .fo-code li{

        margin-left:20px;

    }

    .abox-t span{

        font-size:50px;

    }

    .abox-t p{

        padding-top:0px;

        margin-top:16px;

    }

    .abox-t p::before{

        top:-10px;

    }

    .abox-p{

        /*padding-top:15px;*/

    }

}

@media (max-width: 1000px) {

    .leader{

        height:auto;

        margin-top:0;

        padding:30px 0;

    }

    .leader-t span{

        font-size:30px;

    }

    .leader-t p{

        font-size:20px;

    }

    .culture-r span{

        font-size:18px;

        padding-bottom:0;

    }

    .culture-r p{

        font-size:14px;

        line-height:1.2;

    }

    .leader-txt{

        padding-top:20px;

    }

    .culture-ul{

        padding:40px 0 40px 0;

    }

    .page-abox img{

        margin-top:10px;

    }

    .page-abox{

        padding:30px 0;

    }

    .page-abox span{

        font-size:25px;

        padding-top:0px;

        margin-bottom:20px;

    }

    .logo a span,

    .header-tel{

        display: none;

    }

    header{

        justify-content: space-around;

        padding:0;

    }

    .nlist-info::after{

        display:none;

    }

    .nlist-desc a{

        font-size:18px;

        line-height:1.5;

    }

}



@media (max-width: 990px) {

    .culture-ul{

        padding:20px 0;

    }

    .culture{

        padding:30px;

    }

    .culture-main{

        padding-top:0px;

    }

    .fbox-t span{

        font-size:36px;

        line-height:1.6;

    }

    .abox-t p{

        margin-top:6px;

        font-size:14px;

        line-height: 1.8;

    }

    .abox-p p{

        font-size:14px;

        line-height: 1.8;

    }

    .abox-i{

        padding-top:20px;

        justify-content: space-between;

    }

    .abox-m{

        height:56px;

        width:260px;

    }

    .abox-i li{

        flex-direction: column;

    }

    .abox-t span{

        font-size:36px;

    }

    .fbox-top20{

        margin-top:0;

    }

    .button_su::before{

        left:14px;

    }

    .fbox-main{

        flex-direction: column;

        padding-top:20px;

    }

    .fbox-txt{

        padding-bottom:6px;

    }

    .su_button-txt{

        font-size:12px;

    }

    .fbox-msg{

        padding-top:18px;

        justify-content: space-between;

    }

    .fbox-code li{

        margin-right:25px;

    }

    .fbox-code li p{

        font-size:14px;

        line-height:1.5;

    }

    .button_su:first-child{

        margin-bottom:14px;

    }

    .fbox-tel{

        width:100%;

        justify-content: space-between;

    }

    .fbox-l{

        padding-right:0px;

    }

    .mage-r, .mage-l{

        width:46%;

    }

    .fo-code{

        display:none;

    }

    .pbox-main{

        display: none;

    }

    .pbox-acce{

        display: block;

        height: 100vh;

    }

    .pbox-acce .pbox-slides{

        width: 100%;

        height: 100vh;

    }

    .pbox-more{

        align-items: center;

    }

    .pbox-more a{

        margin-top:0;

    }

}

@media (max-width: 780px) {

    .nbox-g li{

        height:42px;

        width:140px;

    }

    .nbox-g li a {

        font-size:14px;

    }

    .about-bgm-txt{

        position: absolute;

        left:50%;

        top:40%;

        width:16rem;

        transform: translate(-50%,-50%);

        -webkit-transform: translate(-50%,-50%);

        -moz-transform: translate(-50%,-50%);

        -ms-transform: translate(-50%,-50%);

        -o-transform: translate(-50%,-50%);

    }

    .pbox-acce{

        padding:0;

    }

    #section3 .container{

        height: calc( 100% - 80px );

    }

    .pbox-pic{

        height: calc(100vh - 80px);

    }

    .fbox-bg{

        width:95%;

        margin:0 auto;

        padding:20px;

    }

    .news-bg{

        width:95%;

        margin:0 auto;

        padding:26px;

    }

    #fbox-add{

        display:none;

    }

    .nbox-t p{

        font-size:26px;

    }

    .nbox-txt{

        font-size:16px;

        margin-top:6px;

        -webkit-line-clamp:1;

    }

    .nbox-g{

        padding:22px 0;

    }

    #fp-nav.fp-left{

        left:-5px;

    }

    #section2 .container-fluid{

        /*height: calc(100% - 80px);*/

        margin-top:0px;

        height: 100vh;

    }

    .abox-t span::after,

    .abox-t span::before{

        width:20px;

        height:20px;

    }

    .fp-completely .abox-t span::before{

        right:-36px;

        bottom:6px;

    }

    .fp-completely .abox-t span::after{

        right:-46px;

        bottom:15px;

    }

    .abox-i li span{

        margin-top:3px;

        font-size:14px;

        line-height:1.2;

    }

    .abox-i li p{

        height:46px;

        width:46px;

    }

    .abox-i li p svg{

        width:22px;

        height:22px;

    }

    .abox-i li{

        margin:0 6px;

    }

    .abox-p span{

        font-size:16px;

    }

    .abox-m a::after{

        width:20px;

        height:14px;

    }

    .abox-m a{

        font-size:14px;

    }

    .abox-t span{

        line-height:1.6;

        font-size:24px;

    }

    .abox-t p{

        padding-top:20px;

        margin-top:0;

        font-size:14px;

        line-height: 1.6;

    }

    .abox-p p{

        font-size:14px;

        line-height:1.6;

    }

    .abox-t p::before{

        top:0px;

    }

    .abox-p{

        padding-top:0px;

    }

    .abox-m{

        margin-top:10px;

        width:170px;

        height:36px;

    }

    .abox-r,

    #section2 .container-fluid::before,

    #section2 .container-fluid::after{

        display:none;

    }

    .about-bgm{

        display: block;

    }

    .abox-main{

        width: 98%;

        margin: 0 auto;

        height: calc(70vh);

        margin-top: 32vh;

    }

    .abox-l{

        justify-content: flex-start;

    }

    .fbox-code li p{

        font-size:12px;

        margin-top:3px;

    }

    .button_su_inner{

        font-size:16px;

        padding:10px 0 10px 46px;

    }

    .su_button_circle{

        display:none;

    }

    .culture{

        padding:20px 0;

    }

    .culture-txt{

        font-size:12px;

        line-height:1.8;

    }

    .culture-ul{

        padding:20px 0;

        justify-content: center;

    }

    .culture-svg{

        width:40px;

    }

    .culture-r{

        margin-left:6px;

        margin-right:6px;

    }

    .culture-r p{

        font-size:12px;

    }

    .culture-r span{

        font-size:16px;

        line-height:1.6;
		word-break: keep-all;

    }

    .page-abox{

        padding:10px 0px 30px 0px;

    }
	.page-abox p{
		font-size:14px;
		line-height:1.8;
	}

    .page-abox span{

        margin-bottom:10px;

    }

    .leader-txt{

        padding:8px 0px;

    }

    .leader-txt p{

        font-size:14px;

        line-height:1.8;

    }

    .leader{

        padding:20px 0;

    }

    .clist li{

        width:48%;
		margin:0 1% 16px 1%;

    }
	.clist li a span{
		height:40px;
	}

    .container{

        padding:0 12px;

    }

    .pager{

        margin:1rem 0 2rem 0;

    }

    .nlist-pic{

        width:100%;

    }
	.nlist-pic a{
		display:block;
		width:100%;
		height:100%;
	}

    .nlist-li{

        padding:12px 18px;

    }

    .nlist-time span{

        font-size:20px;

        line-height:1.2;

    }

    .nlist-time p{

        font-size:12px;

        line-height:1.4;

    }

    .nlist-desc{

        margin:12px 0 0 0;

    }

    .nlist-desc a{

        font-size:16px;

        text-align: center;

    }

    .nlist-desc p{

        margin-top:4px;

        font-size:14px;

        line-height:1.4;

        -webkit-line-clamp:2;

    }

    .nlist-main{

        flex-direction: column;

    }

    .nlist-info{

        flex-direction: row-reverse;

        padding:0;

    }

    .nlist-time,

    .nlist-time::after{

        display: none;

    }

    .page-banner{

        margin-top:80px;

        height:260px;

    }

    .page-txt{

        font-size:30px;

    }

    .nav-tag-desc{

        font-size:12px;

        margin:6px 0;

    }

    .nav-tag li a svg{

        width:22px;

        height:22px;

        margin-right:4px;

    }

    .plist li{

        width:48%;

        max-width:100%;
		margin:0 1% 20px 1%;

    }
	.plist{
		padding-bottom:1.5rem;
	}

    footer .footer-main{

        justify-content: space-between;

    }

    .mage{

        padding-top:10px;

        margin-bottom:20px;

        flex-direction:column-reverse;

    }

    .mage-r, .mage-l{

        width:96%;

        margin:0 auto;

    }

    .mage-r{

        padding:0 23px;

        width:100%;

    }

    .mage-ul{

       margin:10px 0 10px 0;

    }

    .mage-ul li{

        padding:2px 0;

    }

    .mage-tel span{

        font-size:20px;

        line-height:1.5;

    }

    .mage-tel p{

        line-height:1.5;

        font-size:12px;

        margin-top: 4px;

    }

    .mage-ul li svg{

        width:16px;

        height:16px;

    }

    .mage-ul li p{

        margin-left:6px;

        font-size:14px;

        line-height:1.8;

    }

    .mage-t{

        margin:14px 14px 0 14px;

    }

    .mage-t span{

        font-size:20px;

    }

    .mage-main{

        margin:0 14px 14px 14px;

    }

    .mage-li{

        height:40px;

    }

    .mage-li input{

        font-size:14px;

        text-indent:0;

    }

    .mage-btn{

        height: 38px;

        font-size: 16px;

        margin-top: 10px;

        margin-bottom: 20px;

        width: 180px;

    }

    .join{

        padding:10px 0;

    }

    .join table{

        margin-bottom: 0;

    }

    .join .table tr th{

        height:56px;

        font-size:14px;

    }

    .join .table tr td{

        height:44px;

        font-size:14px;

    }

    .nav .breadcrumb{

        padding-top:20px;

        margin-bottom:0px;

    }

    .nav .breadcrumb a{

        font-size:14px;

        line-height:1.2;

    }

    .nav-tag{

        padding:5px 0px;

        flex-wrap: wrap;

        justify-content: flex-start;

    }

    .nav-tag li{

        height:36px;

        margin:10px 4px;

    }

    .nav-tag li a{

        font-size:16px;

        padding:0 10px;

    }
	.nav-tag li a svg:first-child{
		display:none;
	}
	.plist li a p img{
		height:100%;
	}

    #contact{

        height:30rem;

    }

    header{

        height:80px;

        background: none;

        justify-content:flex-start;

    }

    .logo a span{

        display:none;

    }

    .logo{

        margin-left:2rem;

    }

    .logo a img{

        width:46px;

    }

    .nav-icon {

        display: block;

    }

    .header-nav {

        position: fixed;

        top:80px;

        left: 0;

        right: 0;

        bottom: 0;

        background: #fff;

        box-sizing: border-box;

        display: none;

        height: auto;

        margin-left: 0;

    }

    .header-nav ul{

        flex-wrap: wrap;  

        width: 100%; 

        height: unset;

    }

    .header-nav ul li{

        width: 100%;

        height: unset; 

        flex-wrap: wrap;

        text-align: center;

    }

    .header-nav ul li.on{

        box-shadow: 0 1px 3px rgb(0 0 0 / 10%);

    }

    .header-nav ul li >a{

        width: 100%;

        text-align: center;

        line-height: 60px;

        border-bottom: 1px solid rgba(226, 226, 226, 1);

    }

    .sub-nav {

        position:static;

        width:100%;

        height:0;

        border-radius:0;

        box-shadow:none;

        transform:none    ;

        -webkit-transform:none;

        -moz-transform:none;

        -ms-transform:none;

        -o-transform:none;

}

    .sub-max .nav-item a{

        justify-content: center;

    }

    .sub-nav.on{

        width:100%;

        height:auto;

    }

    .sub-nav .nav-item{

        width:100%;

        padding:0;

    }

    .sub-nav .nav-item a span::before{

        display: none;

    }

    .sub-nav .nav-item a{

        line-height: 60px;

        border-bottom: 1px solid rgba(226, 226, 226, 1);

    }

    .banner-h1{

        line-height:1.5;

        font-size:17px;

        letter-spacing: 1px;

        text-align: center;

        letter-spacing: 0.1em;

    }

    .banner-h1 b{

        display:none;

    }

    .banner-desc{

        max-width:80%;

        margin:0px;

    }

    .banner-desc-first{

        padding:20px 0 20px 0;

    }

    .banner-txt2 .banner-desc{

        padding:20px 0;

        width:60%;

        margin:0;

    }

    .banner-pic{

        margin-top:50px;

        max-width:80%;

    }

    .banner-txt,

    .banner-txt2{

        top:40%;

        justify-content:center;

    }

    .pbox-txt>span{

        font-size:26px;

        line-height:1.5;

        margin:10px 0;

    }

    .pbox-more{

        height:80px;

        padding:0px;

        align-items: center;

    }

    .pbox-next,

    .pbox-prev{

        height:36px;

        width:36px;

    }

    .m-fbox-txt{

        display: block;

        margin-top:16px;

    }

    .fo-logo{

        display:none;

    }

    .join .table tr.join-more td{

        font-size:12px;

        padding:8px;

        line-height:1.6;

    }

    .m-fbox-code .fbox-code{

        display:flex;

        padding:14px 0;

    }

    .m-fbox-code .fbox-code li p{

        margin-top:10px;

    }

    .button_su{

        margin:0 auto;

        width:100%;

        border-radius:0 20px 20px 0;

        -webkit-border-radius:0 20px 20px 0;

        -moz-border-radius:0 20px 20px 0;

        -ms-border-radius:0 20px 20px 0;

        -o-border-radius:0 20px 20px 0;

}

    .fbox-code li a{

        left:70%;

    }
	.content{
		padding:10px 0;
		font-size:14px;
		line-height:1.8;
	}
	.tool{
		padding:1.2rem 0;
	}
	#about .container{
		padding:0;
	}
	.title{
		font-size:17px;
		margin-top:1rem;
	}
	.time{
		padding:8px 0;
	}

}

@media (max-width: 680px) {
	.map-info p{
		display:none;
	}
	.map-info img{
		width:60px;
	}

    .fo-txt span{

        line-height:1.4; 

        font-size:14px;

    }

    .fbox-code li{

        margin-right:16px;

    }

    .fbox-code li:last-child{

        margin-right:0;

    }

    .fbox-txt p{

        font-size:14px;

    }

    .fbox-txt span{

        font-size:16px;

    }

    .fo-svg{

        width:18px;

        height:18px;

        border:none;

        margin-right:6px;

    }

    .fo-svg img,

    .fo-svg svg{

        width:18px;

        height:18px;

    }

    .fo-txt{

        display:flex;

        align-items: center;

    }

    .fo-add{

        flex-direction:column;

        width:100%;

    }

    .mage-t p{

        font-size:12px;

    }

    .fo-add-main{

        flex-direction: column;

        align-items: flex-start;

        width:100%;

    }

    .fo-add li.fo-add-20px{

        margin-top: 0;

    }

    .fo-add li{

        width:100%;

        margin:0;

    }

    .fo-txt p{

        margin-left:10px;

        flex-direction: row;

    }

    .fo-txt p b:first-child{

        margin-right:10px;

    }

    footer .footer-main{

        flex-direction: column;

        padding:8px;

    }

    .copyright{

        height:26px;

        border-top:1px solid rgba(255, 255, 255, .1);

    }

    .copyright .footer-main{

        justify-content: center;

    }

    .copyright .footer-main span b,

    .copyright .footer-main span:last-child{

        display:none;

    }

    .fo-logo a img:first-child{

        display:none;

    }

    .fo-logo a img:last-child{

        display:block;

    }

}

@media (max-width: 425px) {

    .min-copy{

        display:block;

    }

    .max-copy,

    .pager li {

        display: none;

    }

    .pager li:nth-child(1),

    .pager li:last-child{

        display: inline;

    }

    .about-bgm-txt{

        top:50%;

    }

    .fbox-code li span{

        height:30px;

        width:30px;

    }

    .fbox-t{

        align-items: flex-start;

    }

    .fbox-t span{

        font-size:26px;

    }

    .m-fbox-code .fbox-code li p{

        margin-top:2px;

    }

    .button_su_inner{

        font-size:14px;

        padding:8px 0 8px 36px;

    }

    .copy{

        bottom:6px;

    }

    .copy a, .copy span{

        font-size:12px;

        line-height:1.4;

    }

    .fbox-t p{

        display:none;

    }

    .nbox-more::after{

        width:16px;

        height:16px;

    }

    .nbox-t p{

        font-size:20px;

    }

    .news-bg{

        padding:20px 18px;

    }

    .fbox-bg{

        padding:20px 10px;

    }

    #section3 .container{

        height: calc( 100% - 80px );

    }

    .m-fbox-code{

        display: block;

    }

    .nav-tag{

        padding:5px 0;

        justify-content: center;

    }

    .product-tag{

        justify-content: flex-start;

    }

    .nav .breadcrumb{

        padding:14px 4px 4px 4px;

    }

    .abox-i li p{

        height:30px;

        width:30px;

        border:0 none;

    }

    .abox-i li p svg{

        width:26px;

        height:26px;

    }

    .abox-t p{

        padding-top:10px;

    }

    .fbox-txt span{

        line-height:1.4;

    }

    .fbox-main{

        width: 94%;

        margin: 0 auto;

        padding-top:10px;

    }

    .fbox-tel{

        height: 130px;

        flex: auto;

    }

    .fbox-l,

    .fbox-r{

        display: flex;

        height: 100%;

        flex-direction: column;

        justify-content: space-between;

    }

    .fbox-r .fbox-txt:nth-child(3){

        display:none;

    }

    .fbox-code{

        display: none;

    }

    .copy{

        width:93%;

    }

    .copy a, .copy{

        font-size:12px;

    }

    .fbox-txt p{

        font-size:14px;

        line-height:1.5;

        margin-top:2px;

    }

    .page-abox span{

        font-size:18px;

        margin-bottom: 6px;

    }

    .leader-t span{

        font-size:18px;

    }

    .leader-t p{

        font-size:16px;

    }

    .leader-txt{

        padding:4px 10px;

    }

    .culture-ul{

        display:none;

    }

    .culture-txt{

        margin:8px 14px;

    }

    .page-abox p{

        font-size:14px;

        line-height:1.8;

    }

    .clist li{

        width:98%;

    }

    .nav-tag-desc{

        display:none;

    }

    .page-abox{

        padding: 4px 8px 20px 8px;

    }

    .nav-tag li{

        height:32px;

        margin:6px 4px;

    }

    .nav-tag li a{

        padding:0 8px;

        font-size:14px;

    }

    .plist li{

        width:100%;

    }

    .nbox-t span{

        font-size:14px;

        line-height:1.4;

    }

    .nbox-g li{

        width:30%;

        height:36px;

        margin-right:5%;

    }

    .nbox-g{

        padding:8px 0 20px 0;

    }

    .abox-i{

        padding:12px 0;

    }

    .nbox-g li a{

        font-size:14px;

    }

    .nbox-txt{

        font-size:14px;

        margin:8px 0 ;

    }

    .nbox-more{

        margin-top:0;

        font-size:12px;

    }

    .fbox-t{

        width: 94%;

        margin: 0 auto;

        font-size:26px;

    }

    .button_su::after{

        width:20px;

        height:14px;

        right:14px;

    }

    .join{

        margin:10px auto;

        padding:0 0 16px 0;

    }

    .join .table tr th{

        font-size:12px;

        height:40px;

        line-height:1.2;

    }

    .join .table tr td{

        height:36px;

        font-size:12px;

        line-height:1.2;

    }

    .pbox-acce{

        padding:0;

    }

    .pbox-image{

        bottom:-10px;

    }

    .abox-main{

        margin-top:30vh;

    }

    .pbox-txt>span{

        margin:20px 0;

    }

    .pbox-slides.on .pbox-more::after{

        display:none;

    }

    .pbox-more{

        height:120px;

    }

    .fbox-msg{

        padding-top:10px;

    }

    .button_su::before{

        width:20px;

        height:20px;

        left:10px;

    }

    .pbox-more a{

        width:50%;

        height:40px;

        margin-top:0;

        font-size:16px;

    }

    .pbox-pic{

        height:calc(100vh - 120px);

    }

    .pbox-next,

    .pbox-prev{

        height:40px;

        width:40px;

        visibility: visible;

    }

    .pbox-txt{

        left:20px;

        width: calc(100% - 40px);

    }

    .join .table tr th:nth-child(7){

        display: none;

    }

    .join .table tr td:nth-child(7){

        display: none;

    }

    .nlist-li{

        padding:8px 18px;

    }

}



@media (max-width: 380px) {

    .fbox-txt p{

        font-size:12px;

    }

    .fbox-txt span{

        font-size:14px;

    }

    .fbox-msg{

        width:100%;

    }

}