.img-swiper .swiper-button-next,
.img-swiper .swiper-button-prev{width: 50px;height: 50px;background-color: #fff;opacity: .3; background-size: 17px 44px;}
.img-swiper .swiper-button-next:after,
.img-swiper .swiper-button-prev:after{font-size: 26px;color: #666}
.img-swiper .swiper-button-next:hover,
.img-swiper .swiper-button-prev:hover{opacity: .6}
.img-swiper .swiper-button-prev{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23666666'%2F%3E%3C%2Fsvg%3E")
}
.img-swiper .swiper-button-next{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23666666'%2F%3E%3C%2Fsvg%3E")
}
@media screen and (max-width: 798px){
	.img-swiper .swiper-pagination-bullet{width:10px!important;height: 10px!important}
}
@media screen and (max-width: 600px){
	.img-swiper .swiper-pagination-bullet{width:0!important;height: 0!important;display: none!important}
}
.img-swiper figure{margin: 0}
.img-swiper figure .carousel-img{width: 100%}
.img-swiper figure .carousel-img img{width: 100%}
.img-swiper .horizontal-show{display: block}
.img-swiper .longitudinal-show{display: none}
@media screen and (max-width: 798px){
	.img-swiper .horizontal-show{display:none!important}
	.img-swiper .longitudinal-show{display: block}
}

.video-modal-wrap{color: #000}
.video-modal-wrap .ant-modal-close-x{color: #999}
.video-modal-wrap .ant-modal-close-x:hover{color: #fff}
.video-modal-wrap .ant-modal-content{background-color: transparent}
.video-modal-wrap .modal-video{width: 100%}


.main-media{position: relative;cursor: pointer;  text-align: center;}
.main-media .pc-video{margin-bottom: 0}
.main-media .pc-video video{width: 100%}
.main-media .media-modal:before{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,.6)}
.main-media .mobile-img{width: 100%; height: 100vh;}
.main-media .mobile-img img{width: 100%}
.main-media .mobile-img video{width: 100%; height: 100%;}
.main-media .text-area{position: absolute;width: 100%;top: 50%;left: 50%;transform: translate(-50%,-50%)}
.main-media .text-area .text-title{font-size: .48rem; font-weight: 400;color: #fff;margin-bottom: .18rem; padding: 0 15px; line-height: 1.2;}
.main-media .text-area h2{font-size: .24rem;margin-bottom: .6rem;font-family: FZYOUH_XIJW--GB1-0,FZYOUH_XIJW--GB1;line-height: 1.8em;color: #fff}
.main-media .text-area .watch-btn{position: relative;border: 1px solid #fff;margin-top: 20px;width: 200px;height: 50px;line-height: 50px;color: #fff;font-size: .16rem}
.main-media .text-area .watch-btn .play-outer{width: 16px;height: 16px;border: 2px solid #fff;border-radius: 50%;display: flex;align-items: center;padding-left: 4px}
.main-media .text-area .watch-btn .play-outer .play-inner{width: 0;height: 0;border-width: 3px 0 3px 5px;border-style: solid;border-color: transparent transparent transparent #fff}
@media screen and (max-width: 798px){
	.main-media .text-area .text-title{font-size:.5rem}
	.main-media .text-area h2{font-size: .19rem;margin-bottom: .4rem}
	.main-media .mobile-img{height: calc(100vh - 60px);}
}
@media screen and (max-width: 600px){
	.main-media .text-area.pc-text .text-title{margin-bottom:.1rem}
	.main-media .text-area.pc-text h2{margin-bottom: .1rem}
	.main-media .text-area.pc-text .watch-btn{margin-top: .3rem}
}
@media screen and (max-width: 460px){
	.main-media .text-area.pc-text .text-title{font-size:.35rem; }
	.main-media .text-area.pc-text h2{font-size: .175rem}
}
@media screen and (max-width: 350px){
	.main-media .text-area h2{font-size:.175rem}
}


.picture-transition{margin-bottom: .7rem}
.picture-transition h2{padding: 70px 0 55px 0;font-size: .3rem;color: #000;font-weight: 600; line-height: 1.2; text-align: center;}
.picture-transition figure{width: 100%;display: flex;justify-content: center}
.picture-transition figure ul{margin: 0}
.picture-transition figure .pc-version{display: flex;list-style: none;position: relative;padding-left: 0;width: 90%}
.picture-transition figure .pc-version .img-item{width: 33.33%;position: relative;padding-bottom: 37.75%;transition: all .3s}
.picture-transition figure .pc-version .img-item .bg-img{width: 100%;background-position: 72% 0;background-size: auto 100%;background-repeat: no-repeat;height: 100%;position: absolute;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);top: 0;padding: .7rem;display: flex;flex-direction: column;color: #fff;text-align: left;justify-content: space-between;transition: all .3s}
.picture-transition figure .pc-version .img-item .bg-img p{margin: 0;transition: all .3s}
.picture-transition figure .pc-version .img-item .bg-img .item-title{font-size: .32rem;color: #fff;z-index: 10}
.picture-transition figure .pc-version .img-item .bg-img div{z-index: 10}
.picture-transition figure .pc-version .img-item .bg-img div .item-desc{font-size: .38rem;color: #fff}
.picture-transition figure .pc-version .img-item .bg-img div .item-function{font-size: .26rem;display: none;color: #fff}
.picture-transition figure .pc-version .img-item .bg-img:before{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,.5);z-index: 9}
.picture-transition figure .pc-version .img-item:nth-of-type(2) .bg-img{background-position: 80% 0}
.picture-transition figure .pc-version .img-item+.img-item{border-left: 1px solid #fff}
.picture-transition figure .pc-version .active{width: 74%}
.picture-transition figure .pc-version .active .bg-img div .item-desc{margin-bottom: .6rem}
.picture-transition figure .pc-version .active .bg-img div .item-function{display: block}
.picture-transition figure .pc-version .active .bg-img:before{background-color: rgba(0,0,0,0)}
.picture-transition figure .pc-version .normal{width: 13%}
.picture-transition figure .pc-version .normal .bg-img{background: #000!important}
.picture-transition figure .pc-version .normal .bg-img .item-title{writing-mode: vertical-lr;display: inline-flex;align-items: center;color: rgba(255,255,255,.5)}
.picture-transition figure .pc-version .normal .bg-img div .item-desc{display: none}
.picture-transition figure .pc-version .normal .bg-img div .item-function{display: none}
.picture-transition figure .mobile-version{display: none}
@media screen and (max-width: 1920px){
	.picture-transition figure .pc-version .img-item .bg-img{padding:.48rem}
	.picture-transition figure .pc-version .img-item .bg-img .item-title{font-size: .2rem}
	.picture-transition figure .pc-version .img-item .bg-img div .item-desc{font-size: .24rem}
	.picture-transition figure .pc-version .img-item .bg-img div .item-function{font-size: .2rem}
	.picture-transition figure .pc-version .active .bg-img div .item-desc{font-size: .24rem;margin-bottom: .24rem}
}
@media screen and (max-width: 1280px){
	.picture-transition figure .pc-version .img-item .bg-img{padding:.4rem}
	.picture-transition figure .pc-version .img-item .bg-img .item-title{font-size: .18rem}
	.picture-transition figure .pc-version .img-item .bg-img div .item-desc{font-size: .2rem}
	.picture-transition figure .pc-version .img-item .bg-img div .item-function{font-size: .18rem}
	.picture-transition figure .pc-version .active .bg-img div .item-desc{font-size: .2rem;margin-bottom: .2rem}
}
@media screen and (max-width: 1000px){
	.picture-transition figure .pc-version .img-item .bg-img{padding:.32rem}
	.picture-transition figure .pc-version .img-item .bg-img .item-title{font-size: .18rem}
	.picture-transition figure .pc-version .img-item .bg-img div .item-desc{font-size: .2rem}
	.picture-transition figure .pc-version .img-item .bg-img div .item-function{font-size: .18rem}
	.picture-transition figure .pc-version .active .bg-img div .item-desc{font-size: .2rem;margin-bottom: .2rem}
}
@media screen and (max-width: 798px){
	.picture-transition{margin-bottom: 0;}
	.picture-transition h2{padding:.3rem 0 ;font-size: .24rem;font-weight: 400}
	.picture-transition figure .pc-version{display: none}
	.picture-transition figure .mobile-version{display: flex;flex-direction: column;list-style: none;position: relative;padding-left: 0;width: 90%}
	.picture-transition figure .mobile-version .img-item{width: 100%;position: relative}
	.picture-transition figure .mobile-version .img-item img{width: 100%}
	.picture-transition figure .mobile-version .img-item .text-area{position: absolute;top: 0;left: 0;right: 0;bottom: 0;color: #fff;padding: .2rem;display: flex;flex-direction: column;justify-content: space-between}
	.picture-transition figure .mobile-version .img-item .text-area p{text-align: left;margin: 0}
	.picture-transition figure .mobile-version .img-item .text-area .item-title{font-size: .18rem}
	.picture-transition figure .mobile-version .img-item .text-area div .item-desc{font-size: .14rem;margin-bottom: .12rem}
	.picture-transition figure .mobile-version .img-item .text-area div .item-function{font-size: .14rem;color: rgba(255,255,255,.5)}
	.picture-transition figure .mobile-version .img-item+.img-item{margin-top: 10px}
}
@media screen and (max-width: 350px){
	.picture-transition h2{font-size:.28rem}
	.picture-transition figure .mobile-version .img-item .text-area{padding: .15rem .12rem}
	.picture-transition figure .mobile-version .img-item .text-area div .item-desc{font-size: .22rem;margin-bottom: .12rem}
	.picture-transition figure .mobile-version .img-item .text-area div .item-function{font-size: .12rem;color: rgba(255,255,255,.5)}
}


.world-office{margin-top: .15rem;padding: .7rem .7rem .4rem .7rem; line-height: 1.8; text-align: center; }
.world-office .section-title{padding: .28rem 0 .46rem 0;font-size: .32rem;font-weight: 600; line-height: 1.2; display: flex;justify-content: center; color: #000;}
.world-office .section-content .item-title{font-size: .22rem;line-height: 2em; margin-bottom: .24rem; color: #333; opacity: .5; display: inline-flex;justify-content: center;}
@media screen and (max-width: 1920px){
	.world-office{padding-top:.1rem}
	.world-office .section-title{font-size: .32rem;padding-bottom: .44rem}
}
@media screen and (max-width: 1280px){
	.world-office{padding-top:0;}
	.world-office .section-title{font-size: ..32rem;margin-top: 0;padding: .4rem 0 .58rem 0}
}
@media screen and (max-width: 859px){
}

@media screen and (max-width: 798px){
	.world-office{padding: 0.3rem 5%; background-size: cover; margin: 0;}
	.world-office .section-title{font-size: .24rem;font-weight: 400;margin-top: 0;padding: 0 0 .18rem 0}
	.world-office .section-content .item-title{font-size: .14rem; margin-bottom: 0;}
}


.best-wishes figure{margin: 0}
.best-wishes{width: 100%;position: relative;text-align: center;}
.best-wishes img{width: 100%}
.best-wishes video{width: 100%}
.best-wishes .text-area{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-45%);width: 100%}
.best-wishes .text-area p{font-size: .6rem;width: 100%;line-height: 1.5em;color: #fff}
@media screen and (max-width: 1920px){
	.best-wishes .text-area p{font-size:.48rem}}
@media screen and (max-width: 1280px){
	.best-wishes .text-area p{font-size:.33rem}
}
@media screen and (max-width: 798px){
	.best-wishes{padding-top:.03rem}
	.best-wishes .text-area p{font-size: .22rem}
}
@media screen and (max-width: 600px){
	.best-wishes .text-area.mobile-text{transform:translate(-50%,-110%)}
}
@media screen and (max-width: 400px){
	.best-wishes .text-area.mobile-text{transform:translate(-50%,-90%)}
	.best-wishes .text-area.mobile-text p{font-size: .2rem}
}

.p-title,
.section-title,
.picture-transition h2{text-transform: capitalize;}

.shipin{width: 100%; text-align: center; display: flex;flex-direction: column;justify-content: center;align-items: center;padding: .7rem 0 0;}
.shipin .p-title{font-size: .32rem;margin-bottom: .16rem;font-weight: 600;color: #000}
.shipin .cont{position: relative; line-height: 2em;font-size: .22rem;margin-bottom: .24rem;}
.shipin .play-btn{position: absolute; top: 50%; left: 50%; z-index: 2; transform: translate(-50%, -50%); background: rgba(51,51,51,0.7); border: 1px solid rgba(51,51,51,0.7); width: 200px; height: 50px; line-height: 50px; color: #fff; font-size: .16rem; }
.shipin .play-btn a{color: #fff;}
.shipin .play-btn:before{background-color: rgba(51,51,51,0.85);}
@media screen and (max-width: 1920px){
	.shipin{padding-top:0;padding: .44rem 0 0}
	.shipin .p-title{margin-bottom: 0;padding: .44rem 0}
}
@media screen and (max-width: 1280px){
	.shipin{padding:.4rem 0 0}
	.shipin .p-title{padding: .4rem 0}
}
@media screen and (max-width: 798px){
	.shipin{padding:.2rem 0 0;margin-bottom: .2rem;}
	.shipin .p-title{padding: 0 0 .2rem 0;font-weight: 400}
	.shipin .p-cont{font-size: .16rem}
}
@media screen and (max-width: 600px){
	.shipin{margin:.2rem 0 0;padding: 20px 0 0}
	.shipin .cont{margin: 0;}
	.shipin .p-title{font-size: .26rem}
}
@media (max-width:767px){
	.shipin .play-btn{ width: 160px; height: 42px; line-height: 42px; font-size: .14rem;}
}

.contact-us{margin: 0; text-align: center; width: 100%;margin-bottom: .2rem}
.contact-us .p-title{font-size: .32rem;margin-bottom: 0;display: inline-block;width: 100%;font-weight: 600;color: #000}
.contact-us figure{width: 80%;margin: 0 auto;padding: .7rem .7rem .5rem .7rem}
.contact-us figure .relative-area{position: relative}
.contact-us figure .relative-area .carousel-img{width: 100%}
.contact-us figure .relative-area .carousel-img img{width: 100%}
.contact-us figure .relative-area .company-position{position: absolute;top: 41%;left: 23.5%;color: #fff;padding-left: .2rem;font-family: PingFangSC-Regular,PingFang SC;font-size: 25px}
.contact-us figure .relative-area .company-position::after,.contact-us figure .relative-area .company-position::before{content: "";width: .22rem;height: .22rem;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background-color: #fff;position: absolute;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);right: 100%;z-index: 9}
.contact-us figure .relative-area .company-position::after{width: .16rem;height: .16rem;background-color: #eb0028;top: calc(50%);right: calc(100% + .03rem);z-index: 10}
.contact-us figure .relative-area .company-info{right: 4%;background-color: rgba(216,216,216,.05);-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;box-shadow: 0 5px 8px 0 rgba(0,0,0,.15),0 1px 0 0 rgba(255,255,255,.1);padding: 2.5% 3.5%;width: 36%;min-width: 646px;position: absolute;top: 50%;transform: translateY(-50%);color: #fff}
.contact-us figure .relative-area .company-info h2{color: #fff;font-size: .32rem;text-align: left;font-weight: 600}
.contact-us figure .relative-area .company-info p{text-align: left;line-height: .3rem;font-size: .22rem;margin-top: .1rem;opacity: .75;margin-bottom: 0}
@media screen and (max-width: 1920px){
	.contact-us figure{padding:.44rem .44rem .5rem .44rem}
	.contact-us figure .relative-area .company-position{font-size: 21px}
	.contact-us figure .relative-area .company-position::after,.contact-us figure .relative-area .company-position::before{width: 19px;height: 19px}
	.contact-us figure .relative-area .company-position::after{width: 13px;height: 13px}
	.contact-us figure .relative-area .company-info{padding: .2rem .3rem;min-width: 456px;right: 3%}
	.contact-us figure .relative-area .company-info h2{font-size: .24rem}
	.contact-us figure .relative-area .company-info p{font-size: .16rem;line-height: .27rem}
}
@media screen and (max-width: 1280px){
	.contact-us figure{padding:.44rem 0}
	.contact-us figure .relative-area .company-position{font-size: 18px;padding-left: .15rem}
	.contact-us figure .relative-area .company-position::after,.contact-us figure .relative-area .company-position::before{width: 16px;height: 16px}
	.contact-us figure .relative-area .company-position::after{width: 10px;height: 10px}
	.contact-us figure .relative-area .company-info{padding: .16rem .24rem;min-width: 420px;right: 2%;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px}
	.contact-us figure .relative-area .company-info h2{font-size: .2rem}
	.contact-us figure .relative-area .company-info p{font-size: .15rem;line-height: .25rem}
}
@media screen and (max-width: 874px){
	.contact-us figure .relative-area .company-position{font-size:16px;padding-left: .1rem}
	.contact-us figure .relative-area .company-position::after,.contact-us figure .relative-area .company-position::before{width: 14px;height: 14px}
	.contact-us figure .relative-area .company-position::after{width: 10px;height: 10px;right: calc(100% + .02rem)}
	.contact-us figure .relative-area .company-info{padding: .1rem .2rem;min-width: 388px;right: 1.5%;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px}
	.contact-us figure .relative-area .company-info h2{font-size: .18rem}
	.contact-us figure .relative-area .company-info p{font-size: .14rem;line-height: .23rem}
}
@media screen and (max-width: 798px){
	.contact-us{margin-bottom: 0.1em;}
	.contact-us .p-title{font-weight:400}
	.contact-us figure{padding: .2rem 0 ; width: 90%;}
	.contact-us figure .relative-area{width: 100%}
	.contact-us figure .relative-area .company-position{top: 14%;left: 44%}
	.contact-us figure .relative-area .company-position::after,.contact-us figure .relative-area .company-position::before{width: 13px;height: 13px}
	.contact-us figure .relative-area .company-position::after{width: 9px;height: 9px;right: calc(100% + .02rem)}
	.contact-us figure .relative-area .company-info{width: 94%;left: 3%;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;bottom: .15rem;min-width: unset;top: unset;transform: unset}
	.contact-us figure .relative-area .company-info h2{font-size: .16rem;margin-bottom: .2rem}
	.contact-us figure .relative-area .company-info p{font-size: .14rem;line-height: .22rem}
	.contact-us .swiper-pagination-bullet{width: 10px;height: 10px;margin: 0 10px!important}
}
@media screen and (max-width: 600px){
	.contact-us .p-title{font-size:.26rem}
	.contact-us figure .relative-area .company-info{width: 96%;left: 2%;padding: .05rem .1rem;bottom: .08rem}
	.contact-us figure .relative-area .company-info h2{font-size: .15rem;margin-bottom: .15rem}
	.contact-us figure .relative-area .company-info p{font-size: .12rem;line-height: .16rem}
}


.contact-email{width: 80%;margin: 0 auto;padding: .7rem; text-align: center;}
.contact-email ul{display: flex;width: 100%;padding-left: 0}
.contact-email ul .list-item{border-left: 1px solid rgba(0,0,0,.1);flex: auto}
.contact-email ul .list-item p{font-family: PingFangSC-Regular,PingFang SC;font-size: .32rem;margin: 0;font-weight: 400}
.contact-email ul .list-item .item-name{opacity: .5;color: #000}
.contact-email ul .list-item .item-email{margin: 0.1rem;}
.contact-email ul .list-item .item-email,
.contact-email ul .list-item .item-email a{color: #333;font-size: .38rem; line-height: 1.6;}
.contact-email ul .list-item:last-child{border-right: 1px solid rgba(0,0,0,.1)}
@media screen and (max-width: 1920px){
	.contact-email{padding:.44rem}
	.contact-email ul .list-item p{font-size: .22rem}
	.contact-email ul .list-item .item-email,
	.contact-email ul .list-item .item-email a{font-size: .22rem}
}
@media screen and (max-width: 1280px){
	.contact-email{padding:.2rem 0}
	.contact-email ul .list-item p{line-height: 24px;font-size: .22rem}
	.contact-email ul .list-item .item-email{margin-top: 10px}
	.contact-email ul .list-item .item-email,
	.contact-email ul .list-item .item-email a{font-size: .18rem;margin-bottom: .15rem}
}
@media screen and (max-width: 798px){
	.contact-email{padding: 0;}
	.contact-email ul{flex-direction:column}
	.contact-email ul .list-item{margin-bottom: .3rem;border: none!important}
	.contact-email ul .list-item p{font-size: .18rem}
	.contact-email ul .list-item .item-email{margin-top: 6px}
	.contact-email ul .list-item .item-email,
	.contact-email ul .list-item .item-email a{font-size: .16rem;margin-bottom: 0}
}

.question .p-title{font-size: .32rem; text-align: center; margin-bottom: 0;display: inline-block;width: 100%;font-weight: 600;color: #000}
.question .content {width: 80%; margin: 0 auto; padding: 0 .44rem .5rem .44rem;}
.question .content ul { padding: 15px 20px; border-radius: 14px; box-shadow: 0 2px 12px 0 rgba(0,0,0,0.1); overflow: hidden;}
.question .content ul li{position: relative; border-bottom: 1px solid #e4e4e4; display: flex; align-items:flex-start;padding: 15px 0 ;}
.question .content ul li::before{content:'Q：'; color: #4a4a4a; line-height: 1.5em; }
.question .content ul li:last-child { border: none;}
.question .content ul li a{flex: 1;position: relative;font-size: 16px;line-height: 1.5em;margin: 0 20px 0 10px;color: #4a4a4a;display: block;text-align: left;cursor: pointer;transition: all .3s;}
.question .content ul li::after{content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 15px; height: 15px; background: url(../images/nav-arrow.png) no-repeat center right; background-size: contain; display: block;}
.question .content ul li:nth-of-type(2n+0) .pongetoptitle { background: #F6F6F6; }
.question .content ul li .pongetoptitle {height: 0.9rem; padding-left: 0.3rem; padding-right: 0.3rem; cursor: pointer; background: rgba(30,48,62,0.15); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;  -webkit-transition: 0.5s ease all; transition: 0.5s ease all; }
.question .content ul li .pongetoptitle .iconimg {width: 0.4rem; height: 0.4rem; border-radius: 0.2rem 0.2rem 0 0.2rem; margin-right: 0.2rem; font-size: 0.24rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background: #1E303E; color: #fff;  font-family: 'NOTOSANSHANS'; }
.question .content ul li .pongetoptitle .title { font-size: 0.24rem; color: #000; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; font-family: 'NOTOSANSHANS'; }
@media screen and (max-width: 1920px){
	.question .p-title{margin-bottom: 0;padding: .44rem 0}
}
@media screen and (max-width: 1280px){
	.question .p-title{padding: .4rem 0}
}
@media screen and (max-width: 798px){
	.question .p-title{padding: 0 0 .2rem 0;font-weight: 400}
	.question .content ul li a{font-size: 14px;}
}
@media screen and (max-width: 600px){
	.question .p-title{font-size: .24rem; padding: 0;}
	.question { padding: 30px 0; }
	.question .content{width: 90%; padding: 0;}
	.question .content ul { border-radius: 5px; margin-top: 20px; }
	.question .content ul li .pongetoptitle { height: auto; padding: 15px 10px; }
	.question .content ul li .pongetoptitle .iconimg { width: 20px; height: 20px; font-size: 12px; margin-right: 5px; }
	.question .content ul li .pongetoptitle .addimg { width: 15px; height: 15px; }
	.question .content ul li .pongetoptitle .title { font-size: 14px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
}


.customer-service{width: 80%;margin: 0 auto;padding: 0 .7rem .7rem .7rem; text-align: center;}
.customer-service ul{margin: 0;padding: 0;display: flex; justify-content: space-between;}
.customer-service ul li{display: flex;flex-direction: column}
.customer-service ul li p{text-align: left;font-size: .2rem;color: #000;margin: 0}
.customer-service ul li .p-title{font-weight: 600;margin-bottom: .18rem}
.customer-service ul li .p-item{opacity: .5;text-indent: -3em;padding-left: 3em}
.customer-service ul .text-area{width: 66.66667%}
.customer-service ul .img-area{display: flex;flex-direction: column;align-items: flex-start}
.customer-service ul .img-area .p-name{display: inline-block;width: 160px;margin-bottom: .18rem;font-size: .22rem;text-align: center}
.customer-service ul .img-area img{max-width: 160px;max-height: 160px}
.customer-service ul .img-area+.img-area{align-items: flex-end;}
@media screen and (max-width: 1920px){
	.customer-service ul .img-area .p-name{font-size:.18rem}
}
@media screen and (max-width: 1280px){
	.customer-service{padding:.3rem 0 .3rem 0}
	.customer-service ul li p{font-size: .18rem;line-height: 1.5em}
	.customer-service ul .img-area .p-name{font-size: .16rem;margin-bottom: .16rem}
}
@media screen and (max-width: 1040px){
	.customer-service ul .img-area .p-name{margin-top:.12rem;width: 130px;margin-bottom: .14rem}
	.customer-service ul .img-area img{max-width: 130px;max-height: 130px}
}
@media screen and (max-width: 798px){
	.customer-service{width: 90%; padding-top:0;margin-top:0}
	.customer-service ul{flex-direction: column; display: block; overflow: hidden;}
	.customer-service ul li{float: left; width: 50%; margin-bottom: 0.3rem;}
	.customer-service ul li p{text-align: center}
	.customer-service ul li .p-title{font-weight: 400;font-size: .2rem}
	.customer-service ul li .p-item{font-size: .16rem;line-height: 2em;text-indent: 0;padding-left: 0}
	.customer-service ul .text-area{width: 100%;margin-bottom: .2rem}
	.customer-service ul .img-area{align-items: center}
	.customer-service ul .img-area .p-name{margin-top: .12rem;width: 160px;margin-bottom: .15rem}
	.customer-service ul .img-area img{width: 30%;max-height: unset;max-width: 240px;min-width: 100px}
	.customer-service ul .img-area+.img-area{align-items: center;}
}


main{width: 100%}
main section{width: 100%}
.swiper-pagination-bullet{width: 15px;height: 15px;margin: 0 10px!important;background: #000;opacity: .2}
.swiper-pagination-bullet-active{opacity: 1!important}