/* 头部 */
.header{ position:fixed; top:0; left:0; width:100%; z-index:10;}
.header .back-bg{ width:100%; background-image: url(../images/top-bg.png); background-size:100% 100%; background-repeat:no-repeat; background-position:center; position:relative; z-index:5;}
.header .logo-box{ padding:.25rem 0 .35rem;}
.header .logo-box img{ width:1.06rem;}
.header .top-ri{ padding:.25rem 0 .4rem;}
.header .top-ri .nav-shell{ font-size:.15rem; margin-right:.6rem;}
.header .top-ri .nav-shell li{ position:relative; margin:0 .08rem;}
.header .top-ri .nav-shell li>a{ display:block; padding:.06rem .2rem; border-radius:.05rem;}
.header .top-ri .nav-shell li.active>a,
.header .top-ri .nav-shell li>a:hover{ background:#61a2d5; color:#fff;}
.header .top-ri .nav-shell li dl{ font-size:.16rem; transition:all .5s; position:absolute; top:100%; left:50%; transform:translateX(-50%); width:max-content; text-align:center; padding:.1rem .1rem .2rem; background-image: url(../images/nav-bg.svg); background-position:center bottom; background-size:cover; box-shadow:0 0 10px rgba(0,0,0,.1); border-radius:.1rem; display:none;}
.header .top-ri .nav-shell li dl dd{ padding:.05rem 0; border-bottom:solid 1px #eeeeee; text-align:left;}
.header .top-ri .nav-shell li dl dd a{ position:relative; display:-webkit-flex; display:flex; align-items:center; padding:.1rem .3rem .1rem .1rem; color:#333; border-radius:5px;}
.header .top-ri .nav-shell li dl dd a::after{content:'next'; font-family:swiper-icons; display:block; position:absolute; top:1.5em; right:.1rem; font-weight:bold; font-size:.1rem; opacity:0;}
.header .top-ri .nav-shell li dl dd:last-child{ border-bottom:none;}
.header .top-ri .nav-shell li dl dd a:hover{ background:#61a2d5; color:#fff;}
.header .top-ri .nav-shell li dl dd a:hover::after{ opacity:1;}
.header .top-ri .nav-shell li:hover dl{ display:block;}

.header .top-voice{ font-size:.12rem;}
.header .top-voice em{ color:#61a2d5; margin:.05rem; font-style: normal;}
.header .top-voice a{ display:block; padding:.02rem .05rem; border-radius:.04rem;}
.header .top-voice a.on,
.header .top-voice a:hover{ background:#61a2d5; color:#fff;}

.header .m-menu{ margin-left:.2rem; cursor:pointer; display:none; width:30px; height:30px; border-radius:50%; position: relative; z-index:10;}
.header .m-menu.active .box i{ background:#000;}
.header .m-menu.active .box i:nth-of-type(1){ transform: rotate(45deg) translate(6px,6px);}
.header .m-menu.active .box i:nth-of-type(2){ opacity: 0; }
.header .m-menu.active .box i:nth-of-type(3){ transform: rotate(-45deg) translate(5px,-5px);}
.header .m-menu .box{ position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); font-size:0; width:30px;}
.header .m-menu .box i{ -webkit-transition: all .4s ease-out; transition: all .4s ease-out; display:inline-block; height:2px; background:#000; margin:3px 2.5px; border-radius:5px;}
.header .m-menu .box i:nth-of-type(1),
.header .m-menu .box i:nth-of-type(3) {width:25px;}
.header .m-menu .box i:nth-of-type(2) {width:25px;}

@media (max-width:1680px){
.header .top-ri .nav-shell li{ margin:0 .03rem;}
}
@media (max-width:1024px){
.header{ background:#fff;}
.header .auto-inner{ align-items:center;}
.header .logo-box{ padding:.25rem 0;}
.header .top-ri{ padding:.25rem 0;}
}

@media (max-width:640px){
.header .m-menu{ display:block;}
.header .logo-box img{ max-width:1.3rem; width:auto;}
.header .top-voice{ font-size:.24rem;}

.header .top-ri .nav-shell{position:fixed; top:0; right:-100%; width:50%; height:100vh; padding-top:1.1rem; margin-right:0; transition:all .5s;}
.header .top-ri .nav-shell.active{ right:-1px;}
.header .top-ri .nav-shell .ul{ align-content:flex-start; flex-wrap:wrap; overflow:auto; padding:.1rem .3rem; height:100%; background:#ffffff; box-shadow:0 5px 5px rgba(0,0,0,.1);}
.header .top-ri .nav-shell li{ font-size:.24rem; margin:0; padding:0; width:100%; border-bottom:solid 1px #eee;}
.header .top-ri .nav-shell li>a{ position:relative; color:#000; padding:.2rem 0;}
.header .top-ri .nav-shell li:hover dl,
.header .top-ri .nav-shell li dl{ display:none; padding:0; position:relative; top:auto; left:0; width:100%; text-align:left; visibility:inherit; opacity:1; transition:inherit; font-size:.24rem; transform:translateX(0); box-shadow:inherit;}
.header .top-ri .nav-shell li dl dd{ display:block; background:#f5f5f5; padding:0 1em; text-align:left; box-shadow:inherit;}
.header .top-ri .nav-shell li dl dd a{ display:block; padding:.1rem 0;}
.header .top-ri .nav-shell li:hover>a,
.header .top-ri .nav-shell li.active>a{ border-color:#ff2400;}
.header .top-ri .nav-shell li>a::after{ left:0; transform:translateX(0); height:.02rem;}
.header .top-ri .nav-shell li a.pull::before{ content:'next'; font-family:swiper-icons; display:block; position:absolute; top:.3rem; right:0; font-weight:bold; font-size:.18rem;}

.header .top-ri .nav-shell li.active>a,
.header .top-ri .nav-shell li>a:hover{ color:#61a2d5; background:transparent;}
}



/* 底部 */
.footer{ line-height:2; font-size:.14rem; background:#172743; padding:.4rem 0; color:rgba(255,255,255,.6);}
.footer a{ color:rgba(255,255,255,.6);}
.footer .share-box{ margin:.5rem 0 .2rem;}
.footer .share-box a{ display:block; margin-left:.2rem;}
.footer .share-box .icon{ display:block; width:.4rem; height:.4rem; border:solid 1px rgba(255,255,255,.6); border-radius:100%; opacity:.6; background-repeat:no-repeat; background-position:center; background-size:contain;}
.footer .share-box .icon1{ background-image:url(../images/footer-icon1.png);}
.footer .share-box .icon2{ background-image:url(../images/footer-icon2.png);}
.footer .share-box .icon3{ background-image:url(../images/footer-icon3.png);}
.footer .share-box .icon:hover{ opacity:1;}
.footer .share-box .icon1:hover{ background:#fff url(../images/footer-icon4.png);}
.footer .share-box .icon2:hover{ background:#fff url(../images/footer-icon5.png);}
.footer .share-box .icon3:hover{ background:#fff url(../images/footer-icon6.png);}
.footer .share-box .code{ margin-bottom:.13rem; width:.92rem; position: absolute; right:0; bottom:100%; display:none; background:#fff; box-shadow:0 0 15px rgba(0,0,0,.1);}
.footer .share-box .code::after{ position:absolute; right:.14rem; top:100%; content:''; display:block; width:.13rem; height:.07rem; background-image: url(../images/arrow1.png); background-repeat: no-repeat; background-position:center; background-size:contain;}
.footer .share-box a:hover .code{ display:block;}

.footer .logo-ol img{ width:1.12rem;}
.footer .other-txt li{ padding-right:.15rem; margin-right:.15rem; border-right:solid 1px rgba(255,255,255,.4);}
.footer .other-txt li a{ display:block; line-height:1;}
.footer .other-txt li a:hover{ color:#fff;}
.footer .other-txt li:last-child{ border-right:none; border-right:none; margin-right:0; padding-right:0;}
.footer .auxiliary a:hover{ color:#fff;}
.footer .auxiliary em{ font-style: normal; padding:0 .1rem;}


@media (max-width:640px){
.footer{ font-size:.24rem;}
.footer .logo-ol{ width:100%; text-align:center; margin-bottom:.4rem;}
.footer .other-txt{ width:100%;}
.footer .other-txt .ul{ justify-content:center;}
.footer .share-box{ justify-content:center;}
.footer .share-box .icon{ width:.6rem; height:.6rem;}
.footer .auxiliary{ justify-content:center;}
.footer .copyright{ text-align:center;}
}


/* banner */
.banner{ position:relative;}
.banner::after{ content:''; position:absolute; left:0; top:0; width:100%; height:2.8rem; background-image: url(../images/nav-bg.png); background-size:cover; z-index:3;}
.banner .pic img{ width:100%;}
.banner .text{ text-align:center; position:absolute; left:0; top:50%; width:100%; transform:translateY(-50%); color:#fff;}
.banner .text .des{ font-size:.48rem;}
.banner .text .des p{margin:0;}
.banner .text .tit-en{ margin-top:.3rem; font-size:.36rem;}
.banner .swiper-pagination{ max-width:12.8rem; margin:0 auto; bottom:1rem; left:50%; display:-webkit-flex; display:flex; align-items:center; transform:translateX(-50%);}
.banner .swiper-pagination .swiper-pagination-bullet{ display:-webkit-flex; display:flex; align-items:center; justify-content:center; width:.04rem; height:.24rem; position:relative;}
.banner .swiper-pagination .swiper-pagination-bullet::after{ content:''; display:block; width:100%; height:50%; background:#fff; border-radius:.1rem;}
.banner .swiper-pagination .swiper-pagination-bullet-active::after{ height:100%;}


@media (max-width:1024px){
.banner{ margin-top:1.1rem;}
.banner::after{ display:none; height:1.2rem;}
.banner .text{ top:38%;}
.banner .text .des{ font-size:.33rem;}
.banner .text .tit-en{ font-size:.22rem; margin-top:.1rem;}
}


/* 首页 */
.tit-index{ margin-bottom:.4rem; position:relative; z-index:3;}
.tit-index .tit-en{ line-height:1; font-size:.6rem;}
.tit-index .tit-cn{ font-size:.16rem; color:#666666;}
.tit-index .line{ display:-webkit-flex; flex-wrap:wrap; align-items:center;}
.tit-index .line i{ height:1px; background:#61a2d5; display:block; width:6.6rem;}
.tit-index .line::after,
.tit-index .line::before{ content:''; display:block; background-size:cover; background-repeat:no-repeat; background-position:center;}
.tit-index .line::before{margin-top:.1rem;width:1.1rem;height:.39rem;background-image: url(../images/line-iocn1.png);}
.tit-index .line::after{ width:.5rem; height:.32rem; background-image: url(../images/line-iocn2.png); background-position:left center;}
.tit-index .more a{ padding:.15rem 0; background:#61a2d5; font-size:.14rem; display:block; width:2rem; text-align:center; color:#fff; display:-webkit-flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:.05rem;}
.tit-index .more a .xil{ border-bottom:solid 1px transparent;}
.tit-index .more a .xil::after{ margin-left:.1rem; font-size:.14rem; content:'next';font-family:swiper-icons;text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;}
.tit-index .more a .xil:hover{ border-bottom:solid 1px #fff;}

.indexo-one{ margin-top:-.75rem; z-index:4; position:relative;}
.indexo-one .auto-inner2{ padding:.5rem 0; padding-right:.5rem;}
.indexo-one .auto-inner2::after{ position:absolute; content:''; display:block; background:#f8f8f8; right:0; top:0; width:100vw; height:100%;}
.indexo-one .list{ position:relative; z-index:3;}
.indexo-one .list li{ width:28%; margin-right:8%;}
.indexo-one .list li .tit{ line-height:1.7; font-size:.16rem;}
.indexo-one .list li .tiem{ margin-top:.1rem; font-size:.14rem; color:#999999;}
.indexo-one .list li:nth-child(3n){ margin-right:0;}

.indexo-two .bg-img{ position:absolute; left:0; top:0; width:100%; height:100%;}
.indexo-two .bg-img img{ width:100%; height:100%; object-fit:cover;}
.indexo-two .tit-box{ padding:1rem 0 1.5rem;}
.indexo-two .tit-en{ line-height:1; font-size:.6rem; width:100%;}
.indexo-two .tit-en span{ display: block; margin:0 .2rem;}
.indexo-two .tit-en::after,
.indexo-two .tit-en::before{ width:1rem; height:.36rem; content:''; display: block;}
.indexo-two .tit-en::after{ background-image: url(../images/line-iocn3.png);}
.indexo-two .tit-en::before{ background-image: url(../images/line-iocn4.png);}
.indexo-two .tit-cn{ font-size:.16rem; color:#666666;}
.indexo-two .list-bg{ padding-bottom:.45rem;}
.indexo-two .item{ line-height:2; width:18%; margin-right:9.333%; text-align:center; margin-top:-.8rem;}
.indexo-two .item:nth-child(4n){ margin-right:0;}
.indexo-two .item .tit{ color:#fff; font-size:.18rem;}
.indexo-two .item .icon{ margin-bottom:.3rem; position:relative;}
.indexo-two .item .icon::after{content:'';position:absolute;left:-3%;top:50%;width:110%;height:100%;background-image: url(../images/line-iocn6.png); background-repeat:no-repeat; background-position:center; background-size:contain; display:block; opacity:0; transition:all .5s; transform:translateY(-50%);}
.indexo-two .item .icon span{ max-width:1.4rem; background:#61a2d5; border-radius:100%; overflow:hidden; position:relative; z-index:3;}
.indexo-two .item .icon:hover::after{ opacity:1;}
.indexo-two .item .des{ color:#fff; font-size:.14rem; line-height:1.7; opacity:.8;}

.indexo-three{ padding:1rem 0;}
.indexo-three .item{ width:23.438%; margin-right:2.06666%; margin-bottom:2.06666%;}
.indexo-three .item .pic{ border:solid 1px #e4eef6; overflow:hidden;}
.indexo-three .item .pic img{ width:100%; height:100%; object-fit:cover; transition:all .5s;}
.indexo-three .item .tit-oslw{ margin:.2rem 0 .1rem;}
.indexo-three .item .tit-oslw span{ line-height:2; padding:0 .1rem; background:#e4eef6; font-size:.12rem; color:#61a2d5; display:block; margin-right:.1rem;}
.indexo-three .item .tit-oslw .des{ font-size:.16rem;}
.indexo-three .item:nth-child(4n){ margin-right:0;}
.indexo-three .item:hover .pic img{ transform:scale(1.05);}

.indexo-four{ padding:1rem 0; background:url(../images/indexo-four-bg.jpg); background-size:cover; background-repeat:no-repeat; background-position:top center;}
.indexo-four .tit-index .tit-cn i{ margin-left:1em; display:block; width:1.21rem; height:.36rem; background-image: url(../images/line-iocn2.png); background-size:contain;}
.indexo-four .switc-big .swiper-slide{ height:auto;}
.indexo-four .switc-big .swiper-slide .item{ height:100%;}
.indexo-four .switc-big .swiper-slide .item .pic{ height:100%;}
.indexo-four .switc-big .swiper-slide .item .pic img{ width:100%; height:100%; object-fit:cover;}
.indexo-four .switc-small{ margin-top:-.1rem;}
.indexo-four #thumbs{ padding-top:.35rem;}
.indexo-four #thumbs .swiper-slide .item{ cursor:pointer; border:solid 2px #c9c9c9; transition:all .5s;}
.indexo-four #thumbs .swiper-slide .item .pic img{ width:100%;}
.indexo-four #thumbs .swiper-slide-thumb-active .item{ transform:translateY(-.35rem); border-color:#60a2d5;}
.indexo-four .swiper-but{ top:auto; bottom:1.5rem; width:.47rem; height:.47rem; border:solid 1px #343434; border-radius:100%;}
.indexo-four .swiper-but:after{ font-size:.2rem; color:#343434;}
.indexo-four .swiper-button-prev{ left:-1rem;}
.indexo-four .swiper-button-next{ right:-1rem;}
.indexo-four .swiper-but:hover{ background:#60a2d5; border-color:#60a2d5;}
.indexo-four .swiper-but:hover:after{ color:#fff;}
.indexo-four .swiper-pagination{ bottom:0; position:relative;}
.indexo-four .swiper-pagination .swiper-pagination-current{ line-height:1; font-size:.36rem; color:#60a2d5;}

.indexo-five{ padding:1rem 0 1.3rem;}
.indexo-five .list .item{ border:solid 1px #e4eef6; width:18%; margin-right:2.5%; margin-bottom:2.5%;}
.indexo-five .list .item:nth-child(5n){ margin-right:0;}
.indexo-five .intro-box{ margin-top:1rem;}
.indexo-five .intro-box .pic{ width:58%;}
.indexo-five .intro-box .text{ padding-top:1rem; width:42%; padding-left:4%;}
.indexo-five .intro-box .text .tit-small{ font-size:.24rem;}
.indexo-five .intro-box .text .tit-small::after{ content:''; display:block; width: .65rem; height:.35rem; background-image: url(../images/line-iocn5.png); background-size:contain; background-repeat:no-repeat;}
.indexo-five .intro-box .text .tit-big{ font-size:.3rem;}
.indexo-five .intro-box .more{ margin-top:.5rem;}
.indexo-five .intro-box .more a{ padding:.15rem 0; background:#61a2d5; font-size:.14rem; display:block; width:2rem; text-align:center; color:#fff; display:-webkit-flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:.05rem;}
.indexo-five .intro-box .more a .xil{ border-bottom:solid 1px transparent;}
.indexo-five .intro-box .more a .xil::after{ margin-left:.1rem; font-size:.14rem; content:'next';font-family:swiper-icons;text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;}
.indexo-five .intro-box .more a .xil:hover{ border-bottom:solid 1px #fff;}

@media (max-width:1024px){
.tit-index{ margin-bottom:.2rem;}
.tit-index .tit-en{ font-size:.4rem;}
.tit-index .line i{ width:3rem;}

.indexo-one .auto-inner2{ padding:.4rem 0; padding-right:.3rem;}
.indexo-two .tit-box{ padding:1rem 0;}
.indexo-two .tit-box .tit-en{ font-size:.4rem;}
.indexo-two .item{ margin-top:-.5rem; width:20%; margin-right:6.666%;}
.indexo-two .item .icon{ margin-bottom:.1rem;}
.indexo-two .item .icon span{ width:1rem;}

.indexo-five .intro-box .text{ padding-top:.5rem;}
.indexo-five .intro-box .more{ margin-top:.2rem;}
}

@media (max-width:640px){
.tit-index .line i{ width:1.5rem;}
.tit-index .more a{ font-size:.2rem;}
.tit-index .tit-cn{ font-size:.2rem;}

.indexo-one{ margin-top:-.5rem;}
.indexo-one .list li .tit{ font-size:.2rem;}
.indexo-one .list li .tiem{ font-size:.18rem;}

.indexo-two .item{ width:22.5%; margin-right:3.33%;}
.indexo-two .item .des{ font-size:.18rem;}
.indexo-two .item .tit{ font-size:.22rem;}
.indexo-two .tit-en::after,
.indexo-two .tit-en::before{ background-size:contain;}
.indexo-two .tit-cn{ font-size:.2rem;}

.indexo-three .item{ width:48%; margin-right:4%; margin-bottom:4%;}
.indexo-three .item:nth-child(2n){ margin-right:0;}
.indexo-three .item .tit-oslw span{ font-size:.18rem;}

.indexo-four .swiper-but{ background:#60a2d5; bottom:auto; top:40%; border-color:#60a2d5;}
.indexo-four .swiper-but:after{color:#fff;}
.indexo-four .swiper-button-prev{ left:.1rem;}
.indexo-four .swiper-button-next{ right:.1rem;}
.indexo-five .list .item:nth-child(5n),
.indexo-five .list .item{ border:solid 1px #e4eef6; width:31%; margin-right:3.5%; margin-bottom:3.5%;}
.indexo-five .list .item:nth-child(3n){ margin-right:0;}
.indexo-five .intro-box .pic{ width:100%;}
.indexo-five .intro-box .text{ padding:.3rem 0; width:100%;}
.indexo-five .intro-box .more a{ font-size:.2rem;}
}


/* 内页banner */
.Inside-ban{ position:relative;}
.Inside-ban2{padding-top:1rem; background:#000;}
.Inside-ban::after{ content:''; position:absolute; left:0; top:0; width:100%; height:2.8rem; background-image: url(../images/nav-bg.png); background-size:cover; background-repeat:no-repeat;}
.Inside-ban .pic img{ width:100%;}
.Inside-ban .text{ position:absolute; left:0; top:55%; width:100%; transform:translateY(-50%); color:#fff;}
.Inside-ban .text .tit-en{ line-height:1.2; font-size:.72rem;}
.Inside-ban .text .tit-cn{ margin-top:.1rem; font-size:.2rem;}
.Inside-ban .text .des{ margin-top:.2rem; font-size:.18rem;}
.Inside-ban .center-txt{ top:45%; text-align:center;}
@media (max-width:640px){
.Inside-ban{ margin-top:1.1rem;}
.Inside-ban2{ padding-top:0;}
.Inside-ban .text{ top:38%;}
.Inside-ban .text .des{ font-size:.24rem;}
.Inside-ban .text .tit-en{ font-size:.22rem; margin-top:.1rem;}
.Inside-ban::after{ display:none; height:1.2rem; background-size:cover;}
}



/* 当前位置 */
.current-box{ margin-top:-.8rem; margin-bottom:.64rem; position:relative; z-index:5;}
.current-box::before{ content:''; display:block; width:3.47rem; height:.55rem; background-image: url(../images/equalizer.png); position:absolute; right:0; bottom:0; background-repeat:repeat-x; background-position:bottom;}
.current-box .auto-inner2{ margin-top:-.79rem; padding:.3rem 0 0; border-bottom:solid 1px #aecde6;}
.current-box .auto-inner2::after{ content:''; display:block; position:absolute; bottom:0; right:0; width:100vw; height:100%; background:#fff;}
.current-box .auto-inner2::before{ position:absolute; right:0; bottom:-.16rem; content: ''; display:block; width:1.21rem; height:.32rem; background:#fff url(../images/line-iocn2.png); background-repeat:repeat-x; z-index:5;}
.current-box .ul{ position:relative; z-index:5;}
.current-box .ul li{ margin-right:.4rem; font-size:.18rem;}
.current-box .ul li:last-child{ margin-right:0;}
.current-box .ul li a{position:relative; color:#888888; display:block; padding:.15rem .2rem;}
.current-box .ul li a::after{ position:absolute; bottom:-.16rem; left:50%; content:''; display:block; width:.8rem; height:.28rem; background:#fff url(../images/line-iocn7.png); background-size:contain; background-repeat:no-repeat; background-position:center; margin-left:-.4rem; opacity:0;}
.current-box .ul li.on a{ color:#333333;}
.current-box .ul li.on a::after{ opacity:1;}

.current-box .back_ok{ position:relative; z-index:5;}
.current-box .back_ok::before{content:'prev';font-family:swiper-icons;text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial; color:#5e5e5e;}
.current-box .back_ok a{ color:#333333; display:block; padding:.17rem;}

@media (max-width:640px){
.current-box{ margin-top:-.5rem;}
.current-box .auto-inner2::before{ bottom:0;}
.current-box .ul li{ font-size:.24rem; margin-right:.1rem;}
.current-box .ul li a{ padding:.15rem;}
.current-box .ul li:last-child{ margin-right:0;}
}


/* 分页 */
.Pages{zoom:1;overflow:hidden;text-align:center;padding:.4rem 0 0;font-size:0;line-height:0;}
.Pages *{display:inline-block;vertical-align:top;font-weight:normal;font-style:normal;}
.Pages em{ margin:0 .3rem;}
.Pages a{font-size:.16rem;min-width:.5rem;height:.5rem;line-height:.5rem;text-align:center; padding:0 .1rem;margin:0 .05rem;overflow:hidden; border-radius:100%;}
.Pages a:hover,
.Pages a.a_cur{background-color:#61a2d5;color:#fff;}
.Pages .a_prev::after{ content:'prev';font-family:swiper-icons;text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial; color:#5e5e5e;}
.Pages .a_next::after{ content:'next';font-family:swiper-icons;text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial; color:#5e5e5e;}
.Pages .a_prev,
.Pages .a_next{ border:solid 1px #dfdfdf;}
.Pages .a_prev:hover::after,
.Pages .a_next:hover::after{ color:#fff; border-color:#61a2d5;}
@media(max-width:640px) {
.Pages a{ font-size:.26rem; min-width:.65rem; min-height:.65rem; line-height:.65rem;}
}





/* 新闻详情 */
.list-news{ padding-bottom:1rem;}
.list-news ol a{ padding:.2rem 0; border-bottom:dashed 1px #ccc;}
.list-news ol .pic{ width:1.8rem; border:solid 1px #e4eef6;}
.list-news ol .pic img{ width:100%;}
.list-news .text{ font-size:.14rem; width:calc(100% - 1.8rem); padding-left:.25rem; position:relative;}
.list-news .text .tit{ margin-bottom:.1rem; padding-right:8em; color:#333333; font-size:.16rem;}
.list-news .text .des{ position:relative; padding-right:8em; margin-bottom:.1rem; color:#555;}
.list-news .text::after{ content:'next'; font-family:swiper-icons; display:block; position:absolute; top:50%; right:.3rem;  font-size:.16rem; width:.5rem; height:.5rem; text-align:center; line-height:.5rem; color:#999; margin-top:-.25rem; border-radius:100%; transition:all .5s;}
.list-news .text .owl{ font-size:.12rem; background:#e4eef6; color:#61a2d5; padding:.05rem; margin-right:1em;}
.list-news .text .tiem{ color:#999999;}
.list-news ol:hover{ background:#e7eff5;}
.list-news ol:hover .owl{ background:#d8e2e9;}
.list-news ol:hover .text::after{ color:#fff; background:#61a2d5;}
.list-news li a{ padding:.2rem 0; border-bottom:dashed 1px #ccc;}
.list-news li .icon span{ margin-top:.04rem; display:block; width:.16rem; height:.16rem; background-image: url(../images/news-icon.png); background-size:contain; background-repeat:no-repeat;}
.list-news li .text{ padding-left:.2rem; width:calc(100% - 1rem);}
.list-news li:hover{ background:#e7eff5;}
.list-news li:hover .text::after{ color:#fff; background:#61a2d5;}
.list-news li:hover .owl{ background:#d8e2e9;}


@media(max-width:640px) {
.list-news ol .pic{ width:100%;}
.list-news .text{ width:100%; padding:.25rem; font-size:.22rem;}
.list-news .text .tit{ font-size:.24rem;}
.list-news .text .owl{ font-size:.2rem;}
.list-news li .text{ padding:0 .2rem; width:calc(100% - .5rem);}
.list-news li .icon span{ width:.22rem; height:.22rem;}
}



/* 新闻详情 */
.info-news{ padding-bottom:1rem;}
.info-news .tit-box{ padding-bottom:.25rem; border-bottom:dashed 1px #ccc;}
.info-news .tit-box .tit{ margin-bottom:.25rem; font-size:.24rem; color:#333333;}
.info-news .tit-box .owl{ font-size:.12rem; background:#e4eef6; color:#61a2d5; padding:.05rem; margin-right:1em;}
.info-news .tit-box .tiem{ color:#999999;}
.info-news .con-box{ font-size:.18rem; line-height:2;}
.info-news .turn-box dl{ width:calc(100% - 3rem);}
.info-news .turn-box dd{ margin:.15rem 0;}
.info-news .turn-box dd span{ padding:.1rem; display:block; background:#e4eef6; font-size:.12rem; color:#61a2d5;}
.info-news .turn-box dd a{ padding-left:.2rem; color:#333; width:calc(100% - 5em);}
.info-news .turn-box dd a:hover{ color:#999;}
.info-news .turn-box .more{ margin-top:.15rem;}
.info-news .turn-box .more a{ padding:.15rem 0; background:#61a2d5; font-size:.14rem; display:block; width:2rem; text-align:center; color:#fff; display:-webkit-flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:.05rem;}
.info-news .turn-box .more a .xil{ border-bottom:solid 1px transparent;}
.info-news .turn-box .more a .xil::after{ margin-left:.1rem; font-size:.14rem; content:'next';font-family:swiper-icons;text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;}
.info-news .turn-box .more a .xil:hover{ border-bottom:solid 1px #fff;}

.info-news .share-info{ margin:.6rem 0 .3rem; padding:.2rem 0; border-bottom:dashed 1px #e5e5e5; border-top:dashed 1px #e5e5e5;}
.info-news .share-info .liwo{ padding-left:.35rem;}
.info-news .share-info .liwo .icon{ margin-right:.15rem; width:.4rem; height:.4rem; background:#f5f5f5; background-repeat:no-repeat; background-position:center; background-size:contain; border-radius:100%;}
.info-news .share-info .liwo .qq{ background-image: url(../images/footer-icon4.png);}
.info-news .share-info .liwo .share_wx{ background-image: url(../images/footer-icon5.png);}
.info-news .share-info .liwo .share_wb{ background-image: url(../images/footer-icon6.png);}
.info-news .share-info .liwo .add{ background-image: url(../images/footer-icon7.png);}

@media(max-width:640px) {
.info-news .tit-box .tit{ font-size:.28rem;}
.info-news .con-box{ font-size:.24rem;}
.info-news .turn-box dl{ width:100%;}
.info-news .turn-box dd span{ font-size:.22rem;}
.info-news .turn-box .more a{ font-size:.18rem;}
.info-news .share-info .liwo .icon{ width:.6rem; height:.6rem;}
.info-news .tit-box .owl{ font-size:.2rem;}
}



/* 分类 */
.sort-box .ul li{ margin-right:.2rem;}
.sort-box .ul li a{ display:block; font-size:.16rem; color:#888888;}
.sort-box .ul li a:hover{ color:#498fc0;}
.sort-box .ul li.on a{ color:#498fc0; font-size:.2rem;}
.sort-box .pull-ow .wix{ cursor:pointer; color:#999999; padding:.1rem .15rem; font-size:.14rem; min-width:1.7rem; border:solid 1px #dddddd;}
.sort-box .pull-ow .wix::after{ font-size:.12rem; position:absolute; top:50%; right:.2rem; content:'next';font-family:swiper-icons;text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial; color:#666; font-weight:bold; margin-top:-.06rem; transition:all .5s;}
.sort-box .pull-ow .wix.on::after{ transform:rotate(-90deg);}
.sort-box .pull-ow dl{ background:#fff; position:absolute; left:0; top:100%; width:100%; border:solid 1px #dddddd; border-top:none; z-index:8; display:none; font-size:.14rem;}
.sort-box .pull-ow dl dd{ padding:0 .15rem;}
.sort-box .pull-ow dl dd a{ cursor:pointer; display:block; color:#999999; padding:.1rem 0; border-bottom:solid 1px #dddddd;}
.sort-box .pull-ow dl dd:last-child a{ border-bottom:none;}
.sort-box .pull-ow dl dd:hover a{ background:#f8f8f8;}
@media(max-width:640px) {
.sort-box .ul{ width:100%;}
.sort-box .ul li{ margin:.1rem;}
.sort-box .ul li a{ font-size:.24rem;}
.sort-box .ul li.on a{ font-size:.28rem;}

.sort-box .pull-ow{ width:100%; margin-top:.3rem;}
.sort-box .pull-ow dl{ font-size:.24rem;}
.sort-box .pull-ow .wix{ font-size:.24rem; padding:.2rem;}
.sort-box .pull-ow .wix::after{ font-size:.2rem; margin-top:-.1rem;}
}




/* 案例 */
.case-box{ padding-bottom:1rem;}
.case-box .list{ margin-top:.4rem;}
.case-box .list .item{ width:31.25%; border:solid 1px #e4eef6; margin-right:3.111%; margin-bottom:3.111%;}
.case-box .list .item:nth-child(3n){ margin-right:0;}
.case-box .list .item .tit-oslw{ margin-bottom:.2rem;}
.case-box .list .item .tit-oslw .owl span{ line-height:2; padding:0 .1rem; background:#e4eef6; font-size:.12rem; color:#61a2d5; display:block; margin-right:.1rem;}
.case-box .list .item .tit-oslw .iowl{ cursor:pointer; font-size:.14rem; color:#61a2d5;}
.case-box .list .item .tit-oslw .iowl::before{ margin-right:.1rem; content:''; display:block; width:.16rem; height:.16rem; background-image: url(../images/href-icon.png); background-repeat:no-repeat; background-position:center; background-size:contain;}
.case-box .list .item .text{ padding:.25rem;}
.case-box .list .item .text .tit{ font-weight:bold;}
.case-box .list .item .text .des{ font-size:.16rem; color:#333333; margin:.1rem 0;}
.case-box .list .item .intro{ font-size:.14rem; color:#555555; margin:.2rem 0;}
.case-box .list .item .intro dd{ margin:.05rem 0;}
.case-box .list .item .icon-ol .iow{ margin-right:.1rem; width:.5rem; border-radius:100%; overflow: hidden; cursor:pointer}
.case-box .list .item .icon-ol .iow img{ width:100%; height:100%;}
.case-box .list .item .icon-ol .iow:last-child{ margin-right:0;}
.case-box .list .item:hover{box-shadow:0 0 15px rgba(0,0,0,.1);}



/* 案例-详情 */
.case-info{ padding-bottom:1rem;}
.case-info .info-one .tit-oslw{ margin-bottom:.2rem;}
.case-info .info-one .tit-oslw .owl span{ line-height:2; padding:0 .1rem; background:#e4eef6; font-size:.12rem; color:#61a2d5; display:block; margin-right:.1rem;}
.case-info .info-one .tit-oslw .iowl{ font-size:.14rem; color:#61a2d5;}
.case-info .info-one .tit-oslw .iowl::before{ margin-right:.1rem; content:''; display:block; width:.16rem; height:.16rem; background-image: url(../images/href-icon.png); background-repeat:no-repeat; background-position:center; background-size:contain;}
.case-info .info-one .text{ width:50%;}
.case-info .info-one .tit{ margin-bottom:.4rem; font-weight:bold;}
.case-info .info-one .pic-big{ width:46.875%;}
.case-info .info-one .tab-box table td{ color:#555555; padding:.164rem .2rem; border:solid 1px #e4eef6;}
.case-info .info-one .tab-box table td:first-child{ background:#f1f4f7;}
.case-info .info-two .auto-inner2{ padding:.65rem 0; border-bottom:dashed 1px #e5e5e5;}
.case-info .info-two .name{line-height:2;padding:0 .1rem;background:#e4eef6;font-size:.12rem;color:#61a2d5;display:block;margin-right:.1rem;}
.case-info .info-two .text-con{ color:#333333; line-height:1.8; width:calc(100% - 1rem);}
.case-info .info-two .text-con p{margin:0;}
.case-info .info-two .text-con .icon-ol .iow{ margin-right:.1rem; width:.5rem; border-radius:100%; overflow: hidden;cursor:pointer}
.case-info .info-two .text-con .icon-ol .iow img{ width:100%; height:100%;}
.case-info .info-two .text-con .icon-ol .iow:last-child{ margin-right:0;}
.case-info .more{ margin-top:.4rem;}
.case-info .more a{ padding:.15rem 0; background:#61a2d5; font-size:.14rem; display:block; width:2rem; text-align:center; color:#fff; display:-webkit-flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:.05rem;}
.case-info .more a .xil{ border-bottom:solid 1px transparent;}
.case-info .more a .xil::after{ margin-left:.1rem; font-size:.14rem; content:'next';font-family:swiper-icons;text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;}
.case-info .more a .xil:hover{ border-bottom:solid 1px #fff;}

@media(max-width:640px) {
.case-info .info-one .text{ width:100%;}
.case-info .info-one .tit-oslw .owl span{ font-size:.2rem;}
.case-info .info-one .tit-oslw .iowl{ font-size:.2rem;}
.case-info .info-one .tit-oslw .iowl::before{ width:.25rem; height:.25rem;}
.case-info .info-one .pic-big{ margin-top:.4rem; width:100%;}

.case-info .info-two .name{ margin-bottom:.2rem; font-size:.2rem;}
.case-info .info-two .text-con{ width:100%;}
.case-info .info-two .text-con .icon-ol .iow{ width:.6rem; height:.6rem;}
.case-info .more a{ font-size:.2rem;}
}








/* 产品列表 */
.pro-box{ padding-bottom:1rem;}
.pro-one{ padding:.44rem 0; color:#fff; font-size:.24rem; background-repeat:no-repeat; background-position:center; background-size:cover;}
.pro-one::after{ margin-left:.5rem; width:.24rem; height:.24rem; background:#61a2d5; color:#fff; text-align:center; line-height:.24rem; font-size:.12rem; content:'next';font-family:swiper-icons;text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial; border-radius:100%;}
.pro-one2{ width:100%;}
.pro-box .category-list .sort-name{ font-weight:bold; padding:.45rem 0; font-size:.18rem;}
.pro-box .category-list li{ width:31.25%; margin-right:3.1%; margin-bottom:3.1%; border:solid 1px #e4eef6;}
.pro-box .category-list li .pic img{ width:100%;}
.pro-box .category-list li:nth-child(3n){ margin-right:0;}
.pro-box .category-list li .text{ padding:.3rem;}
.pro-box .category-list li .text .name{ font-size:.18rem; color:#333333; font-weight:bold;}
.pro-box .category-list li .text .tit{ font-size:.16rem; margin:.15rem 0;}
.pro-box .category-list li .text .tit span{ font-weight: bold; display:block; padding:.05rem .1rem; background:#e4eef6; color:#61a2d5;}
.pro-box .category-list li .text .des{ margin-bottom:2em; line-height:1.5; min-height:4em;}
.pro-box .category-list li:hover{box-shadow:0 0 15px rgba(0,0,0,.1);}
.pro-intro .icon{ width:1.07rem;}
.pro-intro .icon img{width:100%;}
.pro-intro .text{ font-size:.14rem; color:#333333; line-height:1.8; width:calc(100% - 1.1rem); padding-left:.2rem;}
.pro-intro .text p{ margin:0;}

@media(max-width:640px) {
.pro-one{ padding:.3rem;}
.pro-one .mc{ width:calc(100% - .5rem);}
.pro-one::after{ margin-left:0; width:.35rem; height:.35rem; line-height:.35rem; text-align:center;}
.pro-box .category-list .sort-name{ font-size:.28rem;}
.pro-box .category-list li{ width:100%; margin-right:0;}
.pro-box .category-list li .text .name{ font-size:.22rem;}
.pro-box .category-list li .text .tit{ font-size:.2rem;}
}



/* GameSynth-产品 */
.GameSynth-menu{padding:.5rem 0 .4rem;}
.GameSynth-menu .line{ position:absolute; top:50%; left:0; width:100%; height:1px; background:#aecde6;}
.GameSynth-menu .back-color{ background:#fff; position:relative; z-index:5;}
.GameSynth-menu .back-color::before,
.GameSynth-menu .back-color::after{ content:''; width:1.21rem; height:.32rem; background-size:contain; background-repeat:no-repeat; background-position:center;}
.GameSynth-menu .back-color::before{ margin-right:.3rem; background-image: url(../images/line-iocn2.png);}
.GameSynth-menu .back-color::after{ margin-left:.3rem; background-image: url(../images/line-iocn2.png);}
.GameSynth-menu .itme{ cursor:pointer; margin:0 .15rem;padding:.15rem 0;background:#61a2d5; font-size:.14rem; display:block; min-width:1.8rem; text-align:center; color:#fff; display:-webkit-flex;flex-wrap:wrap; align-items:center; justify-content:center; border-radius:.05rem; border:solid .02rem #61a2d5; border-top:none;}
.GameSynth-menu .itme .xil{border-bottom:solid 1px transparent;}
.GameSynth-menu .itme .xil::after{ margin-top:.1em; margin-left:.1rem; font-size:.12rem; font-style:normal; font-weight:bold; content:'next';font-family:swiper-icons;text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial; transition:all .5s;}
.GameSynth-menu .itme .xil:hover{ border-bottom:solid 1px #fff;}
.GameSynth-menu .itme .ul{ position:absolute; left:-2px; bottom:100%; width:calc(100% + 4px); border:solid .02rem #61a2d5; border-bottom:solid 1px #aecde6; border-radius:.05rem .05rem 0 0; display:none; overflow: hidden;}
.GameSynth-menu .itme .ul li{ background:#fff; border-bottom:solid 1px #ccc;}
.GameSynth-menu .itme .ul li a{ padding:.13rem .2rem; display:block; color:#61a2d5;}
.GameSynth-menu .itme .ul li:last-child{ border-color:transparent;}
.GameSynth-menu .itme.renewal:hover{ color:#61a2d5; background:#fff; border-radius:0 0 .05rem .05rem;}
.GameSynth-menu .itme.renewal:hover .ul{ display:block;}
.GameSynth-menu .itme.renewal:hover .xil::after{ transform:rotate(-90deg);}

.GameSynth-list .ynth-ol .item .play{ position:absolute; left:50%; top:50%; width:.5rem; height:.5rem; background-image: url(../images/play.png); margin-top:-.25rem; margin-left:-.25rem; cursor:pointer; background-size:contain; background-repeat:no-repeat;}
.GameSynth-list .wtd45{ width:48.438%;}
.GameSynth-list .wtd45 img{ width:100%;}
.GameSynth-list .overview{ margin-bottom:.6rem;}
.GameSynth-list .overview .tit{ margin-bottom:.2rem;}
.GameSynth-list .overview .tit span{ display:block; background:#e4eef6; color:#61a2d5; padding:.1rem .2rem; font-weight:bold;}
.GameSynth-list .overview .wtd45{ padding:.25rem 0 .2rem; font-size:.18rem; font-weight:bold; color:#333333;}
.GameSynth-list .overview li{ font-size:.18rem; margin:.12rem 0; position:relative; padding-left:1.5em;}
.GameSynth-list .overview li i{ position:absolute; top:.2em; left:0; display:block; width:.18rem; height:.18rem; background-image:url(../images/tick.png); background-size:contain; background-position:center; background-repeat:no-repeat; border-radius:100%;}

.GameSynth-two{ padding:.5rem 0; background:#f5f5f5;}
.GameSynth-two .olwg-box{ margin-bottom:.35rem;}
.GameSynth-two .olwg-box .name{ margin-bottom:.2rem; font-size:.18rem; color:#333333;}
.GameSynth-two .olwg-box .pic{ padding:0 0 .3rem; border-bottom:dashed 1px #cccccc;}
.GameSynth-two .olwg-box:last-child{ margin-bottom:0;}
.GameSynth-two .swiper-pagination{ margin-top:.5rem; position:relative;}
.GameSynth-two .swiper-pagination .swiper-pagination-bullet{ width:.18rem; height:.18rem; background:#cecece; opacity:1;}
.GameSynth-two .swiper-pagination .swiper-pagination-bullet-active{ background:#61a2d5;}

.GameSynth-three{ padding:.6rem 0;}
.GameSynth-three .sound-item{ margin-bottom:.4rem;}
.GameSynth-three .sound-item .pic{ width:50%; position:relative;}
.GameSynth-three .sound-item .pic img{ width:100%;}
.GameSynth-three .sound-item .pic .play{ background-color:rgba(0,0,0,.7); position:absolute; left:50%; top:50%; width:.5rem; height:.5rem; background-image: url(../images/play.png); margin-top:-.25rem; margin-left:-.25rem; cursor:pointer; background-size:contain; background-repeat:no-repeat; border-radius:100%;}
.GameSynth-three .sound-item .text{ font-size:.18rem; line-height:1.8; padding-left:.6rem; width:50%;}
.GameSynth-three .sound-item .text .tit{ font-size:.24rem; font-weight: bold;}
.GameSynth-three .sound-item .text .line{ padding:.2rem 0; background-image: url(../images/line-iocn8.png); background-repeat:no-repeat; background-position:left center;}
.GameSynth-three .sound-item .text p{margin:0;}
.GameSynth-three .switc-box{ margin-top:.4rem;}
.GameSynth-three .switc-box .tit{ font-size:.18rem; padding:.15rem 0;}
.GameSynth-three .swiper-pagination{ margin-top:.35rem; position:relative;}
.GameSynth-three .swiper-pagination .swiper-pagination-bullet{ width:.18rem; height:.18rem; background:#cecece; opacity:1;}
.GameSynth-three .swiper-pagination .swiper-pagination-bullet-active{ background:#61a2d5;}

.GameSynth-four{ padding:.55rem 0; background:#f5f5f5;}
.GameSynth-four .intro .title{ font-size:.24rem; font-weight:bold; text-align:center;}
.GameSynth-four .intro .line{ padding:.2rem 0; background-image: url(../images/line-iocn8.png); background-repeat:no-repeat; background-position:center;}
.GameSynth-four .intro .des{ font-size:.18rem; line-height:1.7; margin-top:.2rem;}
.GameSynth-four .intro .des p{ margin:0;}
.GameSynth-four .list{ margin-top:.5rem;}
.GameSynth-four .list .item{ background:#fff; width:48.438%; margin-bottom:3.3%;}
.GameSynth-four .list .item .pic img{ width:100%;}
.GameSynth-four .list .tubia{ position:absolute; bottom:-.8rem; left:0; width:100%; text-align:right; padding-right:.15rem;}
.GameSynth-four .list .tubia img{ max-height:1.8rem;}
.GameSynth-four .list .item .text{ position:relative; z-index:5; padding:.6rem .6rem .4rem .3rem;}
.GameSynth-four .list .item .text .tit{ margin-bottom:.2rem; font-size:.18rem; font-weight:bold;}
.GameSynth-four .list .item .text .tit::after{ margin-left:.1rem; content:''; display:block; width:.55rem; height:.2rem; background-image: url(../images/line-iocn9.png); background-repeat:no-repeat; background-position:center; background-size:contain;}
.GameSynth-four .list .item .text .des{ min-height:3.4em; margin-bottom:.2rem; font-size:.18rem; line-height:1.7;}
.GameSynth-four .list .item .text .more .icon{ cursor:pointer; padding:.15rem 0; padding-right:.4rem; background-image: url(../images/play2.png); font-size:.16rem; font-weight:bold; text-transform: uppercase; color:#61a2d5; background-repeat:no-repeat; background-position:center right; margin-right:.3rem;}
.GameSynth-four .list .item .text .more .icon:last-child{ margin-right:0;}
.GameSynth-five{ padding:.6rem 0 .8rem;}
.GameSynth-five .title{ font-size:.24rem; font-weight:bold; text-align:center;}
.GameSynth-five .line{ padding:.2rem 0; background-image: url(../images/line-iocn8.png); background-repeat:no-repeat; background-position:center; margin-bottom:.3rem;}
.GameSynth-five .list .item{ margin-bottom:1rem;}
.GameSynth-five .list .item .pic{ width:42.5%; position:relative;}
.GameSynth-five .list .item .pic img{ width:100%;}
.GameSynth-five .list .item .pic .play{ position:absolute; left:50%; top:50%; width:.5rem; height:.5rem; background-image: url(../images/play.png); margin-top:-.25rem; margin-left:-.25rem; cursor:pointer; background-size:contain; background-repeat:no-repeat; border-radius:100%;}
.GameSynth-five .list .item .text{ line-height:1.7; font-size:.18rem; direction:ltr; padding-left:.5rem; width:57.5%;}
.GameSynth-five .list .item .text p{ margin:0;}
.GameSynth-five .list .item:nth-child(2n){ direction:rtl;}
.GameSynth-five .list .item:nth-child(2n) .text{ padding-left:0; padding-right:.5rem;}
.GameSynth-five .list .item:last-child{ margin-bottom:0;}
.GameSynth-six{ padding:.6rem 0 .8rem; background:#f5f5f5;}
.GameSynth-six .title{ font-size:.24rem; font-weight:bold; text-align:center;}
.GameSynth-six .line{ padding:.2rem 0; background-image: url(../images/line-iocn8.png); background-repeat:no-repeat; background-position:center; margin-bottom:.3rem;}
.GameSynth-six .tu-img .pic{ width:48.438%;}
.GameSynth-six .tu-img .pic .play{ position:absolute; left:50%; top:50%; width:.5rem; height:.5rem; background-image: url(../images/play.png); margin-top:-.25rem; margin-left:-.25rem; cursor:pointer; background-size:contain; background-repeat:no-repeat;}
.GameSynth-six .feature-one{ background:#fff;}
.GameSynth-six .feature-one .list{ padding:.4rem .3rem;}
.GameSynth-six .feature-one .list .item{ font-size:.18rem; width:48%;}
.GameSynth-six .feature-one .list .item .des{ line-height:1.6;}
.GameSynth-six .feature-one .list .item .tit{ min-height:1.2em; margin-bottom:.1rem; font-weight:bold;}
.GameSynth-six .feature-one .list .item .line-icon::after{ margin-left:.1rem; content:''; display:block; width:.55rem; height:.2rem; background-image: url(../images/line-iocn9.png); background-repeat:no-repeat; background-position:center; background-size:contain;}
.GameSynth-six .feature-two{ font-size:.18rem; margin-top:.4rem; margin-left:-2.6888%;}
.GameSynth-six .feature-two .item{ background:#fff; width:30.638%; margin-left:2.6888%; margin-bottom:2.6888%;}
.GameSynth-six .feature-two .item .pic{ width:100%;}
.GameSynth-six .feature-two .item .pic img{ width:100%;}
.GameSynth-six .feature-two .item .pic .play{ position:absolute; left:50%; top:50%; width:.5rem; height:.5rem; background-image: url(../images/play.png); margin-top:-.25rem; margin-left:-.25rem; cursor:pointer; background-size:contain; background-repeat:no-repeat;}
.GameSynth-six .feature-two .item .text{ line-height:1.6; padding:.3rem;}
.GameSynth-six .feature-two .item .tit{ min-height:1.2em; margin-bottom:.1rem; font-weight:bold;}
.GameSynth-six .feature-two .item .line-icon::after{ margin-left:.1rem; content:''; display:block; width:.55rem; height:.2rem; background-image: url(../images/line-iocn9.png); background-repeat:no-repeat; background-position:center; background-size:contain;}
.GameSynth-six .feature-two .item-top{ padding:.4rem .3rem; width:100%; margin-right:0;}
.GameSynth-six .feature-two .item-top .pic{ width:47.5%;}
.GameSynth-six .feature-two .item-top .text{ padding:0; padding-right:.4rem; direction:ltr; width:52.5%;}
.GameSynth-six .feature-two .rtl{ direction:rtl;}
.GameSynth-six .feature-two .item:hover{ box-shadow:0 0 10px rgba(0,0,0,.1);}

.GameSynth-seven{ padding:.1rem 0 .6rem;}
.GameSynth-seven .item{ padding:.5rem 0; border-bottom: dashed 1px #ccc;}
.GameSynth-seven .item .tu-box{ width:50%;}
.GameSynth-seven .item .tu-box .pic{ margin-bottom:.3rem;}
.GameSynth-seven .item .tu-box .wzi{ font-weight:bold; font-size:.18rem;}
.GameSynth-seven .item .tu-box .wzi span{ text-decoration:line-through; display:inline-block; line-height:1; font-size:.36rem; color:#333333;}
.GameSynth-seven .item .tu-box .txt_wz{ font-size:.18rem; font-weight:bold; margin-top:.1rem;}
.GameSynth-seven .item .tu-box .txt_wz span{ display:inline-block;}
.GameSynth-seven .item .tu-box .txt_wz .red{ color:red;}
.GameSynth-seven .item .tu-box .txt_wz .sz{line-height:1; margin:0 .2em; font-size:.36rem;}

.GameSynth-seven .item .text{ padding-left:.5rem; font-size:.18rem; line-height:1.7; width:50%;}
.GameSynth-seven .item .text .aniu{ margin-top:.3rem;}

.GameSynth-seven .item .but{ cursor:pointer; margin-right:.3rem; padding:.13rem 0;background:#61a2d5; font-size:.14rem; display:block; min-width:2.2rem; text-align:center; color:#fff; display:-webkit-flex;flex-wrap:wrap; align-items:center; justify-content:center; border-radius:.05rem; border:solid .02rem #61a2d5; border-top:none;}
.GameSynth-seven .item .but .xil{border-bottom:solid 1px transparent;}
.GameSynth-seven .item .but .xil::after{ margin-top:.1em; margin-left:.1rem; font-size:.12rem; font-style:normal; font-weight:bold; content:'next';font-family:swiper-icons;text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial; transition:all .5s;}
.GameSynth-seven .item .but .xil:hover{ border-bottom:solid 1px #fff;}
.GameSynth-seven .item .but .ul{ position:absolute; left:-2px; bottom:100%; width:calc(100% + 4px); border:solid .02rem #61a2d5; border-bottom:solid 1px #aecde6; border-radius:.05rem .05rem 0 0; display:none; overflow: hidden;}
.GameSynth-seven .item .but .ul li{ background:#fff; border-bottom:solid 1px #ccc;}
.GameSynth-seven .item .but .ul li a{ padding:.13rem .2rem; display:block; color:#61a2d5;}
.GameSynth-seven .item .but .ul li:last-child{ border-color:transparent;}
.GameSynth-seven .item .but.renewal:hover{ color:#61a2d5; background:#fff; border-radius:0 0 .05rem .05rem;}
.GameSynth-seven .item .but.renewal:hover .ul{ display:block;}
.GameSynth-seven .item .but.renewal:hover .xil::after{ transform:rotate(-90deg);}

.GameSynth-seven .item .code-shell{ padding:.2rem; font-size:.18rem; color:#333333; text-align:left; position:absolute; top:150%; background:#fff; box-shadow:0 0 20px rgba(0,0,0,.2); display:none; z-index:10;}
.GameSynth-seven .item .code-shell p{ margin:0;}
.GameSynth-seven .item .code-shell .wzi{ margin-top:.1rem;}
.GameSynth-seven .item .code-shell::before{ position:absolute; left:49%; top:-.06rem; content:''; display:block; width:.13rem; height:.07rem; background-image: url(../images/arrow1.png); background-repeat: no-repeat; background-position:center; background-size:contain; transform:rotate(-180deg);}
.GameSynth-seven .item .but:hover .code-shell{ display:block;}

.GameSynth-eight{ padding:.6rem 0;}
.GameSynth-eight .let-box{ width:49%;}
.GameSynth-eight .let-box li{ border:solid 1px #eee; padding:.1rem .2rem; margin-bottom:.2rem;}
.GameSynth-eight .let-box li .audio-but{ cursor:pointer; background-position:left center; background-size:1em; padding-left:1.2em; background-repeat: no-repeat;}
.GameSynth-eight .let-box li .audio-but audio{ display:block; width:100%;}
.GameSynth-eight .let-box li .audio-but .szi{ font-style:normal;}
.GameSynth-eight .let-box li .audio-but.play{ background-image: url(../images/play.svg);}
.GameSynth-eight .let-box li .audio-but.pause{ background-image: url(../images/pause.svg);}
.GameSynth-eight .rig-box{ width:49%;}
.GameSynth-eight .rig-box .item{ width:48.5%; margin-bottom:3%;}
.GameSynth-eight .rig-box .item .text{ padding:.1rem .2rem; background:#0e6599; color:#fff;}
.GameSynth-eight .rig-box .item .text p{ margin:0;}

.GameSynth-nine{ background:#eeedec;}
.GameSynth-nine .title{ font-size:.24rem; font-weight:bold; text-align:center;}
.GameSynth-nine .line{ padding:.2rem 0; background-image: url(../images/line-iocn8.png); background-repeat:no-repeat; background-position:center; margin-bottom:.1rem;}
.GameSynth-nine .runtime-intro{ padding:.5rem 0; text-align:center;}
.GameSynth-nine .runtime-intro .des a {color:#da6814;font-weight:bold;text-decoration:underline;}
.GameSynth-nine .runtime-advantages{background-color: #eeedec;padding:.5rem 0px;background-image:url(../images/runtime-stripebackground.png);}
.GameSynth-nine .runtime-advantages .item{ font-weight:bold; font-size:.18rem; margin-right:.35rem;}
.GameSynth-nine .runtime-advantages .item img{ max-height:.63rem;}
.GameSynth-nine .runtime-advantages .item:last-child{ margin-right:0;}

.GameSynth-soundlist .soundlist-one{ padding:.7rem 0;}
.GameSynth-soundlist .title{ font-size:.24rem; font-weight:bold; text-align:center;}
.GameSynth-soundlist .line{ padding:.2rem 0; background-image: url(../images/line-iocn8.png); background-repeat:no-repeat; background-position:center; margin-bottom:.1rem;}
.GameSynth-soundlist .des{ text-align:center; margin-bottom:.3rem;}
.GameSynth-soundlist .action{ margin-bottom:1%;}
.GameSynth-soundlist .action li{ width:15.83%; position:relative; margin-right:1%;}
.GameSynth-soundlist .action li:nth-child(6n){ margin-right:0;}
.GameSynth-soundlist .action li img{ width:100%;}
.GameSynth-soundlist .action li.active::after{content:"";position: absolute;top: 0; left: 0;width: 100%; height: 100%;display: block;border: 5px solid #ff8800;}
.GameSynth-soundlist .generator .list{ display:none;}
.GameSynth-soundlist .generator .list li{ width:12.05555%; margin-right:.5%; margin-bottom:.5%;}
.GameSynth-soundlist .generator .list li img{ width:100%;}
.GameSynth-soundlist .generator .list li:nth-child(8n){ margin-right:0;}
.GameSynth-soundlist .soundlist-two{ color:#fff; background:#000; padding:.7rem 0;}
.GameSynth-soundlist .soundlist-two .arts-list li{ width:19.6%; margin-right:.5%; margin-bottom:.5%;}
.GameSynth-soundlist .soundlist-two .arts-list li img{ width:100%;}
.GameSynth-soundlist .soundlist-two .arts-list li:nth-child(5n){ margin-right:0;}

.GameSynth-blog{ padding:.7rem 0;}
.GameSynth-blog .title{ font-size:.24rem; font-weight:bold; text-align:center;}
.GameSynth-blog .line{ padding:.2rem 0; background-image: url(../images/line-iocn8.png); background-repeat:no-repeat; background-position:center; margin-bottom:.3rem;}
.GameSynth-blog .item{ width:18%; margin-right:2.5%; margin-bottom:1.8%; position:relative;}
.GameSynth-blog .item img{ display:block; margin:0 auto;}
.GameSynth-blog .item .text{ font-size:.16rem; padding:.1rem;}
.GameSynth-blog .item:nth-child(5n){ margin-right:0;}
.GameSynth-blog a span{position: absolute;top:-10px;left:-10px;color:#000;font-weight:bold;padding:4px 9px;}
.GameSynth-blog a.blog span{background-color: #ffb016;}
.GameSynth-blog a.video span{ background:#ff4100;}

.GameSynth-dspretro{ padding:0 0 .7rem;}
.GameSynth-dspretro .title{ font-size:.24rem; font-weight:bold; text-align:center;}
.GameSynth-dspretro .line{ padding:.2rem 0; background-image: url(../images/line-iocn8.png); background-repeat:no-repeat; background-position:center; margin-bottom:.3rem;}
.GameSynth-dspretro .list .item{ color:#fff; width:1.7rem; text-align:center; background-image: url(../images/merit-bg.png); background-repeat:no-repeat; background-position:center; padding:.3rem .2rem .1rem; margin:0 .1rem; background-size:contain;}
.GameSynth-dspretro .list .item .pic{ margin-bottom:.1rem;}
.GameSynth-dspretro .list .item .pic img{ width:.4rem;}
.GameSynth-dspretro .dspretro-decoration{position:absolute;bottom:0px;z-index:0;right:0px; max-width:2rem;}

.GameSynth-video{ padding:.7rem 0; background:#2e323c;}
.GameSynth-video .title{ color:#fff; font-size:.24rem; font-weight:bold; text-align:center;}
.GameSynth-video .line{ padding:.2rem 0; background-image: url(../images/line-iocn8.png); background-repeat:no-repeat; background-position:center; margin-bottom:.3rem;}
.GameSynth-video .item{ width:23%; margin-right:2.66666%; margin-bottom:2.66666%;}
.GameSynth-video .item .pic img{ width:100%;}
.GameSynth-video .item .play{ position:absolute; left:50%; top:50%; width:.5rem; height:.5rem; background-image: url(../images/play.png); margin-top:-.25rem; margin-left:-.25rem; cursor:pointer; background-size:contain; background-repeat:no-repeat;}
.GameSynth-video .item:nth-child(4n){ margin-right:0;}

.GameSynth-dspdeck{ padding:.7rem 0; background:#000;}
.GameSynth-dspdeck .pic{width:40%;}
.GameSynth-dspdeck .text{padding-left:5%; color:#fff; width:60%;}
.GameSynth-dspdeck .text .icon img{max-height:.6rem;}
.GameSynth-dspdeck .text .des{line-height:1.5;margin:.25rem 0;}
.GameSynth-dspdeck .text .but a{background:#e68200; padding:.15rem .25rem; display:block; text-transform:uppercase; font-weight:bold;}
.GameSynth-dspdeck .text .but a:hover{ background:#faa73a;}

.GameSynth-ifno{ padding:.7rem 0; background:#eee;}
.GameSynth-ifno .wrap{ margin-bottom:1.5em;}
.GameSynth-ifno .title{margin-bottom:.3rem;padding:.1rem 0;text-align:center;background-color:#313232;font-size:.21rem;color: #fff;}
.GameSynth-ifno .audiobot-wrap{ margin-bottom:.35rem; font-size:.24rem;}
.GameSynth-ifno .audiobot-wrap .audiobot-box{ margin-right:.2rem;}
.GameSynth-ifno .audiobot-wrap .audiobot-box-arrow{ margin-right:.2rem;}
.GameSynth-ifno .audiobot-wrap .audiobot-box-arrow img{ width:.17rem; display:block;}
.GameSynth-ifno .single-artical{ font-size:.15rem;}
.GameSynth-ifno .single-artical li{ line-height:1.7;}
.GameSynth-ifno .audiobot-silde{ display:-webkit-flex; display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:center; padding:.2rem; text-align:center;}
.GameSynth-ifno .audiobot-silde .item{ margin-bottom:.2rem; width:45%; margin-right:.2rem;}
.GameSynth-ifno .audiobot-silde .item:nth-child(2n){ margin-right:0;}
.GameSynth-ifno .audiobot-silde .item2:nth-child(2n),
.GameSynth-ifno .audiobot-silde .item2{ width:25%; margin-right:2%;}
.GameSynth-ifno .audiobot-silde .item:nth-child(3n){ margin-right:0;}
.GameSynth-ifno .audiobot-silde .item .tit{ margin-top:.15rem; font-size:.18rem;}
.GameSynth-LearnMore li{ font-size:.18rem; text-align:center; background:#e4e4e4; width:32%; margin-right:2%; margin-bottom:2%; border-radius:.1rem;}
.GameSynth-LearnMore li a{ display:block; padding:.3rem.1rem;}
.GameSynth-LearnMore li .icon{ margin-bottom:.15rem;}
.GameSynth-LearnMore li .icon i{ display:block; width:.6rem; height:.6rem; background-image: url(../images/pdf.png); background-size:contain; background-repeat:no-repeat; background-position:center;}
.GameSynth-LearnMore li:nth-child(3n){ margin-right:0;}
.GameSynth-LearnMore li:hover{ box-shadow:0 0 10px rgba(0,0,0,.2);}

.GameSynth-listPic{ background:#f8f8f8; padding:1rem 0;}
.GameSynth-listPic .title{ font-size:.24rem; font-weight:bold; text-align:center;}
.GameSynth-listPic .line{ padding:.2rem 0; background-image: url(../images/line-iocn8.png); background-repeat:no-repeat; background-position:center; margin-bottom:.3rem;}
.GameSynth-listPic .list .item{ width:32%; margin-right:2%; margin-bottom:2%;}
.GameSynth-listPic .list .item .pic{ width:40%; overflow:hidden; border-radius:.1rem;}
.GameSynth-listPic .list .item .pic img{ width:100%; transition:all .5s;}
.GameSynth-listPic .list .item .text{ font-size:.16rem; padding-left:.15rem; width:60%}
.GameSynth-listPic .list .item .text .tit{ margin-bottom:.1rem; font-weight:bold;}
.GameSynth-listPic .list .item:nth-child(3n){ margin-right:0;}
.GameSynth-listPic .list .item:hover .pic img{ transform:scale(1.05);}




@media(max-width:1024px){
.GameSynth-nine .runtime-advantages .item{ max-width:20%; margin-right:.1rem;}
.GameSynth-dspretro{ padding-bottom:2rem;}
.GameSynth-dspretro .dspretro-decoration{ max-width:1.5rem;}
.GameSynth-dspretro .list .item{ width:1.5rem; padding:.3rem .1rem .1rem; margin:0 .05rem;}
.GameSynth-ifno{ padding:.7rem 2%;}
.GameSynth-ifno .audiobot-silde .item2:nth-child(2n),
.GameSynth-ifno .audiobot-silde .item2{ width:30%;}
.GameSynth-seven .item .but{ margin-right:.2rem; min-width:2rem;}
}
@media(max-width:768px){
.GameSynth-dspretro .list .item{ font-size:.18rem; margin:.2rem; width:25%; padding:.3rem .2rem; background-size:100% 100%;}
}
@media(max-width:640px) {
.GameSynth-menu{ padding:.3rem 0;}
.GameSynth-menu .back-color::before,
.GameSynth-menu .back-color::after{ width:1rem;}
.GameSynth-menu .back-color::before{ margin-right:.1rem;}
.GameSynth-menu .back-color::after{ margin-left:.1rem;}
.GameSynth-menu .itme{ min-width:1.6rem; margin:0 .05rem; font-size:.22rem;}
.GameSynth-menu .itme .xil::after{ margin-top:.5em;}
.GameSynth-menu .itme .ul{ left:-1px; border:solid 1px #61a2d5; width:calc(100% + 2px);}
.GameSynth-menu .itme .ul li{ font-size:.2rem;}
.GameSynth-menu .back-color::before,
.GameSynth-menu .back-color::after{ width:.35rem;}
.GameSynth-two .olwg-box .name{ font-size:.24rem;}
.GameSynth-three .sound-item .pic{ width:100%;}
.GameSynth-three .sound-item .text{ font-size:.22rem; padding:.3rem; width:100%;}
.GameSynth-three .sound-item .text .line{ background-size:1.05rem;}
.GameSynth-three .switc-box .tit{ font-size:.22rem;}
.GameSynth-four .list .item .text{ padding:.5rem .2rem;}
.GameSynth-four .list .item .text .more .icon{ background-size:.25rem;}
.GameSynth-four .list .tubia{ bottom:-.5rem;}
.GameSynth-four .list .tubia img{ max-height:1rem;}
.GameSynth-four .intro .title{ font-size:.36rem;}
.GameSynth-four .intro .des{ font-size:.22rem;}
.GameSynth-four .list .item .text .des{ font-size:.2rem;}
.GameSynth-four .list .item .text .tit{ font-size:.22rem;}
.GameSynth-list .overview .tit span{ font-size:.22rem;}
.GameSynth-list .overview .wtd45{ font-size:.22rem;}
.GameSynth-list .overview li{ font-size:.22rem;}
.GameSynth-five .title{ font-size:.28rem;}
.GameSynth-five .line{ background-size:1.05rem;}
.GameSynth-five .list .item .pic{ width:100%;}
.GameSynth-five .list .item .text{ font-size:.22rem; padding:.3rem 0; width:100%;}
.GameSynth-six .feature-one .list .item{ font-size:.24rem; width:100%;}
.GameSynth-six .feature-two{ font-size:.21rem; margin-left:-2%;}
.GameSynth-six .feature-two .item{ width:48%; margin-left:2%;}
.GameSynth-six .feature-two .item .text{ padding:.2rem;}
.GameSynth-six .feature-two .item-top{ width:100%; padding:.2rem;}
.GameSynth-six .feature-two .item-top .pic{ width:100%; margin-bottom:.2rem;}
.GameSynth-six .feature-two .item-top .text{ padding:0; width:100%;}
.GameSynth-seven .item .tu-box{ width:100%;}
.GameSynth-seven .item .tu-box .pic{ margin-bottom:.1rem;}
.GameSynth-seven .item .tu-box .wzi{ font-size:.26rem;}
.GameSynth-seven .item .text{ font-size:.22rem; width:100%; padding:.2rem 0;}
.GameSynth-seven .item .but{ font-size:.22rem; min-width:48%; margin-right:3%;}
.GameSynth-seven .item .but .ul{ left:-1px; border:solid 1px #61a2d5; width:calc(100% + 2px);}
.GameSynth-seven .item .but:last-child{ margin-right:0;}

.GameSynth-eight .let-box{ width:100%;}
.GameSynth-eight .rig-box{ width:100%;}
.GameSynth-soundlist .action li{ width:31.3%; position:relative; margin-right:3%; margin-bottom:3%;}
.GameSynth-soundlist .action li:nth-child(3n){ margin-right:0;}
.GameSynth-soundlist .generator .list li{ width:23.5%; margin-right:2%; margin-bottom:2%;}
.GameSynth-soundlist .generator .list li:nth-child(4n){ margin-right:0;}
.GameSynth-blog .item:nth-child(5n),
.GameSynth-blog .item{ width:47%; margin-right:6%; margin-bottom:6%;}
.GameSynth-blog .item:nth-child(2n){ margin-right:0;}
.GameSynth-blog .item .text{ font-size:.24rem;}
.GameSynth-dspretro{ padding-bottom:2rem;}
.GameSynth-dspretro .list .item{ margin:1%; width:30%; background-size:100% 100%;}

.GameSynth-ifno .title{ font-size:18px;}
.GameSynth-ifno .audiobot-wrap{ font-size:18px;}
.GameSynth-ifno .wrap .con{ font-size:14px;}
.GameSynth-ifno .wrap .con ul{ padding-left:1em;}
.GameSynth-ifno .single-artical li{ margin-bottom:.1rem; text-align:left!important}
.GameSynth-ifno .audiobot-silde .item .tit{ font-size:14px;}
.GameSynth-ifno .audiobot-silde .item{ width:48%!important; margin-right:4%!important;}
.GameSynth-ifno .audiobot-silde .item2:nth-child(2n){ margin-right:0!important;}
.GameSynth-LearnMore li{ font-size:12px;}
}



/* 产品单篇 */
.single-product{ margin-top:2rem;}
.block-products{position: relative;margin-bottom:15px;}
.block.block-top{font-size: 0px;height:4.2rem;}
.block.block-top div.left {float:left;width:50%;position:relative;max-height:4.2rem;}
.block.block-top div.left div.slant{-webkit-transform: skewY(-10deg) translateY(-50%);transform: skewY(-10deg) translateY(-50%);width: 100%;height:7rem;position: relative;overflow: hidden;}
.block.block-top div.left div.slant div.box{-webkit-transform: skewY(12.5deg);transform: skewY(12.5deg);width: 100%;position: absolute;top: 100px;background:#fff url(../images/bg1.jpg) repeat 0 0;background-size: cover;height: 100%;background-size: cover;}
.block.block-top div.left h1{font-size:.3rem;color: #fff;position: absolute;top:.5rem;right:.5rem;display: block;text-transform: uppercase;line-height: 1.8em; margin:0;}
.block.block-top div.left h1 strong{background-color:#e83125;padding:2px .15rem; display:inline;}
.block.block-top div.right{ line-height:1.5; float:right;width:50%;}
.block.block-top div.right p{margin:0;font-size:.18rem;padding:0px 10% .25rem .4rem;}
.block-bulletpoints {clear:both;margin-bottom:10px;position:relative;}
.block-bulletpoints div.slant{-webkit-transform:skewY(-10deg) translateY(-50%);transform: skewY(-10deg) translateY(-52%);width: 100%;height:6.7rem;position:absolute;left:0;overflow:hidden;-webkit-transform-origin:top center;transform-origin:top center;z-index: -1;background-color: #f5f5f5;top:3.4rem;}
.block-bulletpoints div.inner{width:12rem; max-width:100%; margin:0 auto;}
.block-bulletpoints div.inner h2{margin:0;text-align:center;font-size:.27rem;text-transform:uppercase;margin-bottom:.3rem;font-weight: bold;}
.block-bulletpoints div.inner h2:after{content:"";display:block;width:1.6rem;height:.1rem;text-align:center;background-image: -webkit-linear-gradient(186deg,#e40137,#ee9000);background-image: linear-gradient(264deg,#e40137,#ee9000);margin:0 auto;margin-top:.15rem;}
.block-bulletpoints div.inner ul{display:-webkit-flex;display:flex; flex-wrap:wrap; justify-content:space-between;}
.block-bulletpoints div.inner ul li{display:block;width:48%;margin-right:2%;margin-bottom:.2rem;font-size:.16rem; line-height:1.6;}
.block-bulletpoints div.inner ul li:before{content:"";background-image:url(../images/check.png);display:inline-block;width:.3rem;height:.3rem;background-size: contain;background-repeat:no-repeat;position: relative;top:.08rem;margin-right:.1rem;}
.block-bulletpoints div.inner ul li{ margin-right:0;}
.block-bulletpoints div.inner p{font-size:.14rem;text-align:center;}
.gamesynth-videos{ width:100%; display:-webkit-flex; display:flex; flex-wrap:wrap;}
.gamesynth-videos .videoBox {width:32%; margin-right:2%;}
.gamesynth-videos .videoBox:nth-child(3n){ margin-right:0;}
.gamesynth-videos .videoBox a{position:relative;display: block;}
.gamesynth-videos .videoBox a img{width:100%;}
.gamesynth-videos .videoBox .tit{ padding:.1rem 0; margin:0; font-size:.18rem;font-weight:bold;}
.gamesynth-videos .videoBox a:after{content:"";width:.6rem;height:.6rem;background-image: url(../images/video-playicon.png);position: absolute;display:block;z-index: 1;background-size: cover;top:50%;left:50%;margin-top:-.3rem;margin-left:-.3rem;}
.block-usage{text-align:center;margin-bottom:1.1rem;}
.block-usage h2{text-align:center;text-transform:uppercase;margin-bottom:.2rem;font-size:.26rem;font-weight:bold;margin-top:.3rem;}
.block-usage div.wrap ul li{display:inline-block;vertical-align:top;text-align: center;padding:0 .15rem;}
.block-usage div.wrap ul li i {display: block;height: .7rem;}
.block-usage div.wrap ul li img {width:.38rem;}
.block-usage div.wrap ul li:nth-child(6) img {width:.45rem;}
.block-usage div.wrap ul li span {display:block;text-transform: uppercase;}
.block-products.block-1 div.slant,
.block-products.block-3 div.slant{-webkit-transform: skewY(-10deg) translateY(-50%);transform: skewY(-10deg) translateY(-52%);width:100%;height:2.3rem;position: absolute;top:0%;left:0;overflow:hidden;-webkit-transform-origin: top center;transform-origin: top center;z-index: -1;}
.block-products.block-2 div.slant,
.block-products.block-4 div.slant{-webkit-transform:skewY(10deg) translateY(-50%);transform: skewY(10deg) translateY(-50%);width: 100%;height:2.3rem;position: absolute;top:0%;left:0;overflow:hidden;-webkit-transform-origin: top center;transform-origin: top center;z-index: -1;}
.block-products.block-1 div.slant div.box img {width:100%;transform:skewY(10deg) translateY(-34%);}
.block-products.block-3 div.slant div.box img {width:100%;transform:skewY(10deg) translateY(-29%);}
.block-products.block-2 div.slant div.box img {width:100%;transform:skewY(-10deg) translateY(-43%);}
.block-products.block-4 div.slant div.box img {width:100%;transform:skewY(-10deg) translateY(-35%);}
.block-products div.wrap{width:11rem;margin: 0 auto; max-width:100%; position: relative;}
.block-products div.wrap div.right {float:right;width:47%;}
.block-products div.wrap div.left{float:left;width: 47%;}
.block-products div.wrap div.image img{width:100%;top:-.5rem;position:relative;}
.block-products div.wrap div.text{ line-height:1.7; font-size:.16rem;}
.block-products div.wrap div.text h2{text-transform:uppercase;font-size:.3rem;font-weight:900;margin-bottom:.2rem;}
.block-products div.wrap div.text h2 span{font-size: 50%;display: block;}
.block-products div.wrap div.text p{ margin:0; margin-bottom:.2rem;}
.block-products div.wrap div.text a{box-shadow:0 20px 40px 10px rgba(0, 0, 0, .06);background-image: -webkit-linear-gradient(186deg, #e40137, #ee9000);background-image:linear-gradient(264deg, #e40137, #ee9000);color: #fff;padding: 8px 65px;font-size: .22rem;text-transform: uppercase;display:inline-block;}
.block-products.block-3 div.wrap div.image img{width:100%;top:-.5rem;}

@media(max-width:1024px) {
.block.block-top{ height:auto;}
.block.block-top div.left div.slant{height:450px;}
.block.block-top div.left{float: inherit;width: 100%;height: 240px;}
.block.block-top div.left h1{font-size: 20px;color: #fff;position: absolute;top: 80px;left: 5%;}
.block.block-top div.right{ padding:.5rem 0; height:auto;float:initial;width: 100%;margin-top:0px;}
.block.block-top div.right p{font-size:.16rem;padding: 40px 5% 0px 5%;}
.block.block-top div.right p br{display:none;}
.block-bulletpoints{ padding:0 4%;}
.block-products div.wrap{ padding:0 4%;}
.gamesynth-videos .videoBox a:after{ width:.4rem; height:.4rem; background-size:contain; background-repeat:no-repeat; background-position:center;}
}

@media(max-width:640px) {
.block.block-top div.left{ height:auto;}
.block.block-top div.left div.slant{height:350px;}
.block.block-top div.left h1{ top:.7rem;}
.block.block-top div.right{ font-size:14px; padding:0 .4rem .6rem;}
.block.block-top div.right p{ font-size:14px; padding:.1rem;}
.block.block-top div.left div.slant div.box{ top:1rem;}
.gamesynth-videos .videoBox{ width:100%; margin-right:0; margin-bottom:.2rem;}
.gamesynth-videos .videoBox a:after{ width:35px; height:35px;}
.gamesynth-videos .videoBox .tit{ font-size:18px;}
.block-bulletpoints div.inner h2{ font-size:18px;}
.block-bulletpoints div.inner ul li{ width:100%; margin-right:0; font-size:15px; margin-bottom:.3rem;}
.block-bulletpoints div.inner ul li:before{ width:25px; height:25px;}
.block-usage{ padding:0 4%;}
.block-usage h2{ line-height:1.7; font-size:18px;}
.block-usage div.wrap ul li img{ width:30px;}
.block-products{ margin-bottom:1rem;}
.block-products div.wrap div.text{ width:100%;}
.block-products div.wrap div.text h2{ font-size:24px;}
.block-products div.wrap div.text p{ font-size:14px;}
.block-products div.wrap div.text a{ width:100%; text-align:center; padding:10px; font-size:18px;}
.block-products div.wrap div.image img{max-width:300px;display:block;margin:0 auto;width:60%;top:0px!important;}
.block-products div.wrap div.right{ width:100%;}
.block-products div.wrap div.left,
.block-products div.wrap div.right{float:inherit;width:100%;margin:0 auto;margin-bottom:10px;}
}


/* 我们的服务 */
.services-box{ padding-bottom:1.4rem; position:relative; z-index:5;}
.services-title{ margin-top:-.8rem;}
.services-title .title{ font-size:.24rem; font-weight:bold; text-align:center; position: relative; z-index:5;}
.services-title .line{ padding:.2rem 0; background-image: url(../images/line-iocn8.png); background-repeat:no-repeat; background-position:center; position: relative; z-index:5;}
.services-title .auto-inner2{ padding:.5rem 0; position:relative;}
.services-title .auto-inner2::after{ position:absolute; content:''; display:block; background:#fff; right:0; top:0; width:100vw; height:100%;}
.services-box .list .item .pic{ width:50%; position:relative; z-index:5;}
.services-box .list .item .pic .wtd50vw{ width:50vw; float:right;}
.services-box .list .item .text{ font-size:.18rem; padding-left:.8rem; padding-right:0; direction:ltr; width:50%;}
.services-box .list .item .text .serial{ position:relative; margin-bottom:-.1rem; line-height:1; font-size:.72rem; color:#d1e3f3;}
.services-box .list .item .text .serial span{ line-height:1; display:inline-block; position:relative; z-index:5;}
.services-box .list .item .text .serial::after{ position:absolute; bottom:-.4rem; left:-.9rem; content:''; display:block; width:2.1rem; height:2.1rem; border-bottom:solid 1px #61a2d5; background:#fff; transform:rotate(-45deg);}
.services-box .list .item .text .tit-en{ margin-bottom:.2rem; line-height:1; font-size:.56rem; color:#eeeeee; font-weight:bold;}
.services-box .list .item .text .tit-cn{ font-weight:bold; color:#333333;}
.services-box .list .item .text .des{ line-height:1.7; margin:.25rem 0;}
.services-box .list .item .icon{ position:absolute; left:50%; top:50%; width:1.4rem; height:1.4rem; background:#61a2d5; margin-top:-.7rem; margin-left:-.7rem; border-radius:100%; z-index:6;}
.services-box .list .item .intro-box{ padding-left:.8rem;}
.services-box .list .item .more{ font-size:.14rem; color:#61a2d5; font-weight:bold;}
.services-box .list .item .more::after{ line-height:0; content:'next'; font-family:swiper-icons; display:block; font-weight:bold; font-size:.12rem; margin-top:.1em; margin-left:1em;}
.services-box .list .item:nth-child(2n){ direction:rtl;}
.services-box .list .item:nth-child(2n) .pic .wtd50vw{ float:left;}
.services-box .list .item:nth-child(2n) .text{ padding-right:1.2rem; padding-left:0;}
@media(max-width:1024px) {
.services-box .list .item .text .serial::after{ width:1.2rem; height:1.2rem; bottom:-.3rem; left:-.3rem;}
.services-box .list .item .pic .wtd50vw{height:100%;}
.services-box .list .item .pic .wtd50vw img{ height:100%; object-fit:cover;}
.services-box .list .item .text{ padding:.3rem;}
.services-box .list .item .text .tit-en{ font-size:.4rem;}
.services-box .list .item .intro-box{ padding-left:.6rem;}
.services-box .list .item .icon{ width:1rem; height:1rem; margin-left:-.5rem; margin-top:-.05rem;}
.services-box .list .item:nth-child(2n) .text{ padding-right:.6rem;}
}
@media(max-width:640px) {
.services-box .list .item{ margin-bottom:.3rem;}
.services-box .list .item .pic{ width:100%;}
.services-box .list .item .pic .wtd50vw{ width:100%;}
.services-box .list .item .text{ width:100%; font-size:.22rem; padding:.2rem;}
.services-box .list .item .text .serial{ font-size:.6rem;}
.services-box .list .item .text .serial::after{width:.5rem;height:.5rem;bottom:-.1rem;left: 0.25rem;}
.services-box .list .item:nth-child(2n) .text{ padding:.2rem;}
.services-box .list .item .icon{ top:4.1rem;}
.services-box .list .item .more{ font-size:.22rem;}
.services-title .title{ font-size:.36rem;}
.services-title .line{ background-size:1.05rem;}
}


/* 服务 */
.services-one{ padding:2rem 0 1rem; background-repeat:no-repeat; background-position:center; background-size:cover;}
.services-one .text-des{ margin-bottom:.4rem; color:#fff; text-align:center;}
.services-one .text-des .tit-en{ font-size:.6rem; color:#fff;}
.services-one .text-des .tit-en span{ color:#61a2d5;}
.services-one .text-des .des{ font-size:.18rem;}
.services-one .tit-name{ margin-bottom:.2rem; text-align:center; font-size:.2rem; font-weight:bold; color:#fff;}
.services-one .switc-list{ padding:0 .5rem;}
.services-one .swiper-but{ top:50%; width:.35rem; height:.35rem; margin-top:-.17rem; border:solid 1px #fff; border-radius:100%;}
.services-one .swiper-but:after{ font-size:.14rem; font-weight:bold; color:#fff;}
.services-one .swiper-button-prev{ left:0;}
.services-one .swiper-button-next{ right:0;}
.services-one .swiper-but:hover{ background:#60a2d5; border-color:#60a2d5;}
.services-one .swiper-but:hover:after{ color:#fff;}
.services-topics .block{ padding:.2rem 0; background-position:center center; background-repeat: no-repeat; background-size: cover; overflow:hidden;}
.services-topics .block .text-left{float:left; width:50%;}
.services-topics .block .text-left .inner-width{width:5rem;float: right;}
.services-topics .block .image-left{float:right;width:50%;text-align: right;}
.services-topics .block .text h2{margin:0;font-weight:bold;font-size:.24rem;margin-bottom:.2rem;display:inline-block;position:relative;text-transform:uppercase;background-image:linear-gradient(264deg,#e40137,#ee9000);color:#fff;padding:.06rem  .2rem;}
.services-topics .block .text {font-size:.16rem;margin-top:.3rem;}
.services-topics .block .text h2:before{position: absolute;content: "";display: block;width:1rem;height:1rem;top:-.02rem;left:-.67rem;background-repeat: no-repeat;}
.services-topics .block .text .des{ font-weight:bold; margin-bottom:.2rem;}
.services-topics .block ul li {list-style:none;line-height:1.5em;line-height:1.5em;font-size:.14rem;background-image: url(../images/li-orange.png);background-repeat:no-repeat;background-position: top left;padding:.1rem 0;padding-left:.2rem;}
.services-topics .block ul li span {position: relative;top:-.16rem;}
.services-topics .block ul li:last-child {background-image:url(../images/li-orange-end.png);}
.services-topics .block.tool .text h2:before{top:0px;left:-.7rem;background-image: url(../images/icon1.png);}
.services-topics .block.engines{ color:#ccc;}
.services-topics .block.engines .text-right{float:right;text-align:left;width: 50%;}
.services-topics .block.engines .text-left{float:right; width:50%;}
.services-topics .block.engines .text h2:before{background-image: url(../images/icon2.png);}
.services-topics .block.engines .image img{ margin-top:.4rem;}
.services-topics .block.engines .text ul{ max-width: 5rem;}
.services-topics .block.patch .text h2:before{ background-image: url(../images/icon3.png);}
.services-project{background-color:#000000;color:#fff;text-align: center;padding:.6rem 0 .3rem;}
.services-project h2{ margin:0; font-weight:bold;font-size:.3rem;margin-bottom:.4rem;text-transform: uppercase;}
.services-project .item{ overflow:hidden; padding-bottom:.6rem;position:relative;}
.services-project .item a{color:#fff;}
.services-project .item .txt{ padding:.2rem .1rem .1rem;}
.services-project .item .txt h3{ margin:0;}
.services-project .item .txt span{font-weight:bold;font-size:.14rem;color:#a18375;text-transform: uppercase;margin:.1rem 0;display: block;}
.services-project .item .txt .des{ line-height:1.7; margin-bottom:.15rem; text-align:left; font-size:.13rem; color:#dbdbdb;}
.services-project .item .but{ position:absolute; left:0; bottom:.2rem; width:100%; padding:0 .1rem;}
.services-project .item .but i{ display:block; font-weight:bold;box-shadow:0 .2rem .4rem .1rem rgb(0 0 0 / 6%);background-image: -webkit-linear-gradient(186deg,#e40137,#ee9000);background-image:linear-gradient(264deg,#e40137,#ee9000);color:#fff;padding:.1rem .25rem;font-size:.13rem;font-style:normal;border-radius:.5rem;}
.services-project .item a .image{ height:2.1rem; overflow:hidden;}
.services-project .item a .image img{-webkit-transform: rotate(0deg) scale(1);transform:rotate(0deg) scale(1);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out; width:100%;}
.services-project .item a:hover .image img {-webkit-transform: rotate(0deg) scale(1.2);transform: rotate(0deg) scale(1.2);}
@media screen and (min-width: 780px) {
.services-project .item{width:18.5%;text-align:center;background-color:#212121; margin-right:1.86%; margin-bottom:1.86%;}
.services-project .item:last-child,
.services-project .item:nth-child(5n){ margin-right:0;}
}
@media screen and (max-width: 1024px){
.services-topics .block{ padding:.3rem;}
.services-topics .block .text-left{ width:60%;}
.services-topics .block .image-right{ max-width:35%; float:right;}
}
@media screen and (max-width:768px){
.services-topics .block .text h2:before{ width:.5rem; height:.5rem; background-size:contain;}
.services-project .item .txt .des{ font-size:.18rem;}
.services-project .item a .image{ height:4rem;}
}
@media screen and (max-width:640px){
.services-one .text-des .des{ font-size:.24rem;}
.services-one .tit-name{ font-size:.24rem;}
.services-topics .block .text-left{ width:100%;}
.services-topics .block .text-left .inner-width{ width:90%;}
.services-topics .block .image-left{ width:100%;}
.services-topics .block .text h2{ font-size:.26rem;}
.services-topics .block .text .des{ font-size:.24rem;}
.services-topics .block ul li{ font-size:.24rem;}
.services-topics .block.engines .text-right{ width:90%;}
.services-project .item{ padding-bottom:0;}
.services-project .item .txt .des{ font-size:.24rem;}
.services-project .item .but{ margin-top:.5rem; position:relative;}
.services-project .item .but i{ font-size:.24rem;}
.services-project .item .txt span{ font-size:.22rem;}
}

/* 音频产品代理 */
.Agent-box{ padding-bottom:1rem;}
.Agent-box .tit-box{ text-align:center; position:relative; z-index:2;}
.Agent-box .tit-box .tit-en{ font-size:.56rem; color:#eeeeee;}
.Agent-box .tit-box .tit-cn{ font-size:.24rem; color:#333; font-weight:bold;}
.Agent-box .tit-box .tit-en .serial{ position:absolute; top:-60%; right:100%; line-height:1; font-size:.72rem; color:#d1e3f3;}
.Agent-box .tit-box .tit-en .serial span{ line-height:1; display:inline-block; position:relative; z-index:5;}
.Agent-box .tit-box .tit-en .serial::after{ position:absolute; bottom:-.2rem; left:-.5rem; content:''; display:block; width:1.8rem; height:1.5rem; border-bottom:solid 1px #61a2d5; background:#fff; transform:rotate(-45deg);}
.Agent-box .list{ margin-top:1.1rem; position:relative; z-index:8;}
.Agent-box .list .item{ margin-bottom:.8rem;}
.Agent-box .list .item .pic{ width:50%;}
.Agent-box .list .item .text{ line-height:1.8; font-size:.16rem; direction:ltr; width:50%; padding-left:.65rem;}
.Agent-box .list .item .text .tit{ margin-bottom:.2rem; font-weight:bold;}
.Agent-box .list .item .text p{ margin:0;}
.Agent-box .list .item .text .tit::after{ margin-left:.1rem; content:''; display:block; width:.55rem; height:.2rem; background-image: url(../images/line-iocn9.png); background-repeat:no-repeat; background-position:center; background-size:contain;}
.Agent-box .list .item:nth-child(2n){ direction:rtl;}
.Agent-box .list .item:nth-child(2n) .text{ padding-left:0; padding-right:.65rem;}
.Agent-box .list .more a{ padding:.12rem 0; background:#61a2d5; font-size:.14rem; display:block; width:2.2rem; text-align:center; color:#fff; display:-webkit-flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:.05rem;}
.Agent-box .list .more a .xil{ border-bottom:solid 1px transparent;}
.Agent-box .list .more a .xil::after{ margin-left:.1rem; font-size:.14rem; content:'next';font-family:swiper-icons;text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;}
.Agent-box .list .more a .xil:hover{ border-bottom:solid 1px #fff;}
.Agent-box .list .item:last-child{ margin-bottom:0;}
@media(max-width:1024px) {
.Agent-box .tit-box .tit-en .serial::after{ font-size:.46rem;}
.Agent-box .list .item .pic{ width:100%;}
.Agent-box .list .item .text{ font-size:.22rem; width:100%; padding:.2rem;}
.Agent-box .list .more a{ font-size:.22rem;}
}
@media(max-width:640px) {
.Agent-box .list .item .text{ font-size:.24rem;}
.Agent-box .list .item .text .tit{ font-size:.28rem;}
.Agent-box .list .more a{ font-size:.24rem;}
.Agent-box .tit-box .tit-cn{ font-size:.3rem;}
}




/*  */
.Agent-one{ margin-top:1.1rem; position:relative; z-index:8;}
.Agent-one .item{ margin-bottom:.8rem; padding-bottom:.8rem; border-bottom:solid 1px #eee;}
.Agent-one .item .pic{ width:50%;}
.Agent-one .item .text{ line-height:1.8; font-size:.16rem; direction:ltr; width:50%; padding-left:.65rem;}
.Agent-one .item .text .tit{ margin-bottom:.2rem; font-weight:bold;}
.Agent-one .item .text p{ margin:0;}
.Agent-one .item .text .tit::after{ margin-left:.1rem; content:''; display:block; width:.55rem; height:.2rem; background-image: url(../images/line-iocn9.png); background-repeat:no-repeat; background-position:center; background-size:contain;}
.Agent-one .item:nth-child(2n){ direction:rtl;}
.Agent-one .item:nth-child(2n) .text{ padding-left:0; padding-right:.65rem;}
.Agent-one .more a{ padding:.12rem 0; background:#61a2d5; font-size:.14rem; display:block; width:2.2rem; text-align:center; color:#fff; display:-webkit-flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:.05rem;}
.Agent-one .more a .xil{ border-bottom:solid 1px transparent;}
.Agent-one .more a .xil::after{ margin-left:.1rem; font-size:.14rem; content:'next';font-family:swiper-icons;text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;}
.Agent-one .more a .xil:hover{ border-bottom:solid 1px #fff;}
.Agent-one .item:last-child{ margin-bottom:0;}
.Agent-two{ padding:1rem 0;}
.Agent-two .tit-box{ margin-bottom:.5rem;}
.Agent-two .tit-box .tit{ font-size:.18rem; font-weight:bold; text-align:center; position: relative; z-index:5;}
.Agent-two .tit-box .line{ padding:.13rem 0; background-image: url(../images/line-iocn9.png); background-repeat:no-repeat; background-position:center; position: relative; z-index:5;}
.Agent-two .list-ol .item{ direction:rtl; margin-bottom:.8rem;}
.Agent-two .list-ol .item .pic{ width:50%;}
.Agent-two .list-ol .item .text{ font-size:.16rem; direction:ltr; width:50%; padding-right:1rem;}
.Agent-two .list-ol .item .text .tit-mc{ margin-bottom:.3rem;}
.Agent-two .list-ol .item .text .tit-mc .name span{background:#e4eef6; padding:.05rem .1rem; display:block; font-size:.18rem; font-weight:bold; color:#61a2d5;}
.Agent-two .list-ol .item .text .tit-mc .wz{ margin-left:1em; font-size:.12rem; color:#61a2d5;}
.Agent-two .list-ol .item .text .des{ color:#333333; line-height:1.8;}
.Agent-two .list-ol .item .text .des p{ margin:0;}
.Agent-two .list-ol .item:last-child{ margin-bottom:0;}
.Agent-two .list-ol .item:nth-child(2n) .iowl{ direction:ltr;}
.Agent-two .list-ol .item:nth-child(2n) .iowl .text{ padding-right:0; padding-left:1rem;}
.Agent-two .list-ol .path-tit{ margin:.3rem 0; font-weight:bold; color:#333333; text-align:left;}
.Agent-two .list-ol .path-txt{ direction:ltr; text-align:center;}
.Agent-two .list-ol .path-txt .ioa{ padding:.15rem; background:#f5f5f5; border-radius:.05rem;}
.Agent-two .list-ol .path-txt .ioa .iaw{ font-size:.18rem; color:#61a2d5; text-align:left;}
.Agent-two .list-ol .path-txt .ioa p{ font-size:.18rem; margin:0;}
.Agent-two .list-ol .path-txt .ioa span{ font-size:.16rem; color:#888888;}
.Agent-two .list-ol .path-txt .ioa.wtd15{ min-width:16%;}
.Agent-two .list-ol .path-txt .ioa.wtd10{min-width:12%;}
.Agent-two .list-ol .path-txt .ioa:hover{ background:#61a2d5; color:#fff;}
.Agent-two .list-ol .path-txt .ioa:hover .iaw{ color:#fff;}
.Agent-two .list-ol .path-txt .ioa:hover span{ color:#fff;}
.Agent-two .list-ol .more{ margin-top:.2rem;}
.Agent-two .list-ol .more a{ font-size:.14rem; color:#61a2d5; font-weight:bold;}
.Agent-two .list-ol .more a::after{ font-size:.12rem; margin-left:.1rem; content:'next';font-family:swiper-icons;text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;}

@media(max-width:1024px) {
.Agent-two .list-ol .item:nth-child(2n) .iowl .text{ padding-left:.5rem;}
.Agent-two .list-ol .path-txt .ioa.wtd15{ min-width:12%;}
}
@media(max-width:640px) {
.Agent-box .tit-box .tit-en{ font-size:.36rem;}
.Agent-two .list-ol .item .pic{ width:100%;}
.Agent-two .list-ol .item .text{ padding:.2rem 0; width:100%; font-size:.22rem;}
.Agent-two .list-ol .item .text .tit-mc .name span{ font-size:.24rem;}
.Agent-two .list-ol .item .text .tit-mc .wz{ font-size:.2rem;}
.Agent-two .list-ol .path-txt .ioa{ min-width:49%; margin-bottom:2%;}
.Agent-two .list-ol .path-txt .ioa p{ font-size:.22rem;}
.Agent-two .list-ol .path-txt .ioa .iaw{ font-size:.22rem;}
.Agent-two .list-ol .path-txt .ioa.wtd15{ min-width:49%;}
.Agent-two .list-ol .path-txt .ioa.wtd10{ min-width:49%;}
.Agent-two .list-ol .path-txt .arrow{ display:none;}
.Agent-two .list-ol .more a{ font-size:.22rem;}
.Agent-two .list-ol .more a::after{ font-size:.22rem;}
.Agent-two .list-ol .item:nth-child(2n) .iowl .text{ padding:.2rem;}
.Agent-one .item .pic{ width:100%;}
.Agent-one .item .text{ font-size:.24rem; padding:.2rem; width:100%;}
.Agent-two .tit-box .tit{ font-size:.36rem;}
}


/* 商店 */
.shop-box{ padding-bottom:.8rem;}
.shop-box .item{ margin-bottom:.3rem; padding:.4rem 0; border-bottom:dashed 1px #cccccc;}
.shop-box .item .des{ font-size:.18rem; line-height:1.8; margin:.3rem 0;}
.shop-box .item .des p{ margin:0;}
.shop-box .item .tu-img{ width:31%;}
.shop-box .item .tu-img .txt{ font-weight:bold; font-size:.18rem;}
.shop-box .item .tu-img .txt span{ text-decoration:line-through; display:inline-block; line-height:1; font-size:.36rem;}
.shop-box .item .tu-img .txt_wz{ font-size:.18rem; font-weight:bold; margin-top:.1rem;}
.shop-box .item .tu-img .txt_wz span{ display:inline-block;}
.shop-box .item .tu-img .txt_wz .red{ color:red;}
.shop-box .item .tu-img .txt_wz .sz{line-height:1; margin:0 .2em; font-size:.36rem;}
.shop-box .item .text{ width:63%;}
.shop-box .item .text .code-shell{ padding:.2rem; font-size:.18rem; color:#333333; text-align:left; position:absolute; top:150%; background:#fff; box-shadow:0 0 20px rgba(0,0,0,.2); display:none; z-index:10;}
.shop-box .item .text .code-shell p{ margin:0;}
.shop-box .item .text .code-shell .wzi{ margin-top:.1rem;}
.shop-box .item .text .code-shell::before{ position:absolute; left:49%; top:-.06rem; content:''; display:block; width:.13rem; height:.07rem; background-image: url(../images/arrow1.png); background-repeat: no-repeat; background-position:center; background-size:contain; transform:rotate(-180deg);}

.shop-box .item .text .but{ cursor:pointer; margin-right:.3rem; padding:.15rem 0;background:#61a2d5; font-size:.14rem; display:block; min-width:2.2rem; text-align:center; color:#fff; display:-webkit-flex;flex-wrap:wrap; align-items:center; justify-content:center; border-radius:.05rem; border:solid .02rem #61a2d5; border-top:none;}
.shop-box .item .text .but .xil{border-bottom:solid 1px transparent;}
.shop-box .item .text .but .xil::after{ margin-top:.1em; margin-left:.1rem; font-size:.12rem; font-style:normal; font-weight:bold; content:'next';font-family:swiper-icons;text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial; transition:all .5s;}
.shop-box .item .text .but .xil:hover{ border-bottom:solid 1px #fff;}
.shop-box .item .text .but .ul{ position:absolute; left:-2px; bottom:100%; width:calc(100% + 4px); border:solid .02rem #61a2d5; border-bottom:solid 1px #aecde6; border-radius:.05rem .05rem 0 0; display:none; overflow: hidden;}
.shop-box .item .text .but .ul li{ background:#fff; border-bottom:solid 1px #ccc;}
.shop-box .item .text .but .ul li a{ padding:.13rem .2rem; display:block; color:#61a2d5;}
.shop-box .item .text .but .ul li:last-child{ border-color:transparent;}
.shop-box .item .text .but.renewal:hover{ color:#61a2d5; background:#fff; border-radius:0 0 .05rem .05rem;}
.shop-box .item .text .but.renewal:hover .ul{ display:block;}
.shop-box .item .text .but.renewal:hover .xil::after{ transform:rotate(-90deg);}
.shop-box .item .text .but:hover{ background:#4386bb; border-color:#4386bb;}
.shop-box .item .text .but:hover .code-shell{ display:block;}
@media(max-width:640px) {
.shop-box .item .tu-img{ width:100%;}
.shop-box .item .text{ margin-top:.3rem; width:100%;}
.shop-box .item .text .but{ font-size:.2rem;}
.shop-box .item .des{ font-size:.22rem;}
.shop-box .item .text .but{ margin-right:.1rem; min-width:30%;}
.shop-box .item .text .but .ul{ left:-1px; border:solid 1px #61a2d5; width:calc(100% + 2px);}
}


/* 作曲家 */
.Composer-list .list .item{ width:22%; margin-right:4%; margin-bottom:3%;}
.Composer-list .list .item .text{ padding:.2rem 0;}
.Composer-list .list .item .text .tit-cn{ font-size:.2rem;}
.Composer-list .list .item .text .tit-en{ margin:.08rem 0; font-size:.12rem; color:#61a2d5;}
.Composer-list .list .item .text .ola{ font-size:0;}
.Composer-list .list .item .text .ola span{ margin-right:.05rem; margin-bottom:.05rem; font-size:.16rem; display:inline-block; border:solid 1px #e7eff5; padding:.05rem;}
.Composer-list .list .item .text .ola span:last-child{ margin-right:0;}
.Composer-list .list .item .intro{ display:none;}
.Composer-list .list .item .pic img{ width:100%;}
.Composer-list .list .item:nth-child(4n){ margin-right:0;}
.Composer-list .list .item .more{ margin-top:.1rem;}
.Composer-list .list .item .more span{ text-transform: uppercase; font-size:.14rem; color:#61a2d5; font-weight:bold;}
.Composer-list .list .item .more span::after{ font-size:.12rem; margin-left:.1rem; content:'next';font-family:swiper-icons;text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;}


@media(max-width:640px) {
.Composer-list .list .item{ width:48%;}
.Composer-list .list .item .text .tit-cn{ font-size:.24rem;}
.Composer-list .list .item .text .tit-en{ font-size:.2rem;}
.Composer-list .list .item .text .ola span{ font-size:.2rem;}
.Composer-list .list .item:nth-child(2n){ margin-right:0;}
}



/* 弹框 */
.pop-up{ position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.6); z-index:11; display:none;}
.pop-up .center-back{ background:#fff; padding:.5rem; max-width:10rem;}
.pop-up .Juz{ height:100%;}

/* 作曲家-弹框 */
.composer-up .pic{ width:4rem;}
.composer-up .pic img{ width:100%;}
.composer-up .close{ cursor:pointer; position:absolute; top:0; right:0; width:.4rem; height:.4rem; background-image: url(../images/close.png); background-repeat: no-repeat; background-position:center;}
.composer-up .text{ font-size:.16rem; padding-left:.5rem; width:calc(100% - 4rem);}
.composer-up .text p{ margin:0;}
.composer-up .text .tit-shell{ margin-bottom:.1rem;}
.composer-up .text .tit-shell .tit-cn{ font-size:.2rem;}
.composer-up .text .tit-shell .tit-en{ margin:.08rem 0; font-size:.12rem; color:#61a2d5;}
.composer-up .text .tit-shell .ola{ font-size:0;}
.composer-up .text .tit-shell .ola span{ margin-right:.05rem; margin-bottom:.05rem; font-size:.16rem; display:inline-block; border:solid 1px #e7eff5; padding:.05rem;}
.composer-up .text .tit-shell .ola span:last-child{ margin-right:0;}
.composer-up .file-box .name{ margin-bottom:.2rem;}
.composer-up .file-box .ioa{ padding:.1rem 0; padding-left:.5rem; font-size:.16rem; background-image: url(../images/composer-icon2.png); background-size:contain; background-repeat:no-repeat; background-position:left center;}


/* 我要试用-弹框 */
.try-up .close{ cursor:pointer; position:absolute; top:0; right:0; width:.4rem; height:.4rem; background-image: url(../images/close.png); background-repeat: no-repeat; background-position:center;}
.try-up .title{ width:100%; font-size:.24rem; font-weight:bold; text-align:center;}
.try-up .line{ width:100%; padding:.2rem 0; background-image: url(../images/line-iocn8.png); background-repeat:no-repeat; background-position:center;}
.try-up .form-box{ min-width:6.5rem; width:100%;}
.try-up .form-box .input{ border:none; border-bottom:dashed 1px #e5e5e5;}
.try-up .form-box .input .name{ margin-right:1.5em; color:#999; padding:.15rem 0;}
.try-up .form-box .input .ul li{ margin-right:1em; color:#333;}
.try-up .form-box .input .ul li input{ margin-right:.5em;}
.try-up .form-box .input .text{ padding:.15rem 0; width:100%; border:none; margin:0; }
.try-up .form-box .input select{ display:block; width:100%; border:none; margin:0; padding:.15rem 0; width:100%;-webkit-appearance:auto; appearance:auto;}
.try-up .form-box .textarea{ padding:.15rem 0; border-bottom:dashed 1px #e5e5e5;}
.try-up .form-box .textarea textarea{ min-height:6em; display:block; resize:none; width:100%; border:none; margin:0;}
.try-up .form-box .submit-box{ margin-top:.4rem; text-align:center;}
.try-up .form-box .submit-box .but{ cursor:pointer; padding:.15rem; color:#fff; min-width:2.2rem; text-align:center; background:#61a2d5;}
.try-up .form-box .submit-box .but::after{ margin-left:.1rem; font-size:.12rem; font-style:normal; font-weight:bold; content:'next';font-family:swiper-icons;text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial; transition:all .5s;}
@media(max-width:640px) {
.try-up .center-back{ width:100%; max-width:90%;}
.try-up .form-box{ min-width:100%;}
.try-up .title{ font-size:22px;}
.try-up .form-box .input .ul{padding-bottom:.15rem;}
}





/* 作曲家-详情 */
.composer-one{ padding-bottom:.8rem;}
.composer-one .pic{ width:31.5%;}
.composer-one .text{ padding-left:.6rem; width:68.5%;}
.composer-one .text .tit-shell{ border-bottom:solid 1px #eeeeee; padding-bottom:.3rem; margin-bottom:.3rem;}
.composer-one .text .tit-shell .tit-cn{ font-size:.2rem;}
.composer-one .text .tit-shell .tit-en{ margin:.08rem 0; font-size:.12rem; color:#61a2d5;}
.composer-one .text .tit-shell .ola{ font-size:0;}
.composer-one .text .tit-shell .ola span{ margin-right:.05rem; margin-bottom:.05rem; font-size:.16rem; display:inline-block; border:solid 1px #e7eff5; padding:.05rem;}
.composer-one .text .tit-shell .ola span:last-child{ margin-right:0;}
.composer-one .text .des{ border-bottom:solid 1px #eeeeee; padding-bottom:.3rem; margin-bottom:.3rem;}
.composer-one .text .des .name{ margin-bottom:.15rem;}
.composer-one .text .des .name span{ background:#e4eef6; display:inline-block; padding:.05rem .2rem; font-size:.12rem; color:#61a2d5;}
.composer-one .text .des .wez{ line-height:1.7;}
.composer-one .text .des .wez p{ margin:0;}
.composer-one .text .des:last-child{ border-bottom:none; margin-bottom:0; padding-bottom:0;}

.composer-two{ padding:.8rem 0; background:#f5f5f5;}
.composer-two .title{ margin-bottom:.2rem; font-size:.18rem; font-weight:bold;}
.composer-two .title::after{ margin-left:.1rem; content:''; display:block; width:.55rem; height:.2rem; background-image: url(../images/line-iocn9.png); background-repeat:no-repeat; background-position:center; background-size:contain;}
.composer-two li{ margin-bottom:.2rem; background:#fff; padding:.2rem .4rem;}
.composer-two li .bit{ max-width:calc(100% - 1.5rem); margin-right:.2rem; padding:.1rem 0; padding-left:.5rem; font-size:.16rem; font-weight:bold; background-image: url(../images/composer-icon2.png); background-size:contain; background-repeat:no-repeat; background-position:left center;}
.composer-two li .iowc .but{ margin-right:1em; font-size:.14rem; color:#61a2d5;}
.composer-two li .iowc .but span{ margin-left:.5em;}
.composer-two li .iowc .but a{ color:#61a2d5;}
.composer-two li .let-box{ width:calc(100% - 4.5rem);}
.composer-two li .audio-con{ width:4rem;}
.composer-two li .audio-con audio{ display:block; width:100%;}

.composer-three{ padding:.8rem 0;}
.composer-three .title{ text-align:center; margin-bottom:.2rem; font-size:.18rem; font-weight:bold;}
.composer-three .title::after{ margin:0 auto; content:''; display:block; width:.55rem; height:.2rem; background-image: url(../images/line-iocn9.png); background-repeat:no-repeat; background-position:center; background-size:contain;}
.composer-three .switc-box{ margin-top:.4rem;}
.composer-three .switc-box .swiper-slide{ height:auto;}
.composer-three .switc-box .item{ height:100%; border:solid 1px #e4eef6;}
.composer-three .switc-box .item .pic img{ width:100%;}
.composer-three .switc-box .item .text{ padding:.3rem; border-top:solid 1px #e4eef6;}
.composer-three .switc-box .item .text .tit{ margin-bottom:.1rem; font-size:.16rem; font-weight:bold;}
.composer-three .switc-box .item .text .des{ font-size:.14rem; line-height:1.8;}
.composer-three .switc-box .item .text .des p{ margin:0;}
.composer-three .swiper-pagination{ margin-top:.5rem; position:relative;}
.composer-three .swiper-pagination .swiper-pagination-bullet{ width:.18rem; height:.18rem; background:#cecece; opacity:1;}
.composer-three .swiper-pagination .swiper-pagination-bullet-active{ background:#61a2d5;}

@media(max-width:640px) {
.composer-one .pic{ width:100%;}
.composer-one .text{ width:100%; padding:.3rem 0;}
.composer-one .text .tit-shell .tit-cn{ font-size:.26rem;}
.composer-one .text .tit-shell .tit-en{ font-size:.2rem;}
.composer-one .text .tit-shell .ola span{ font-size:.22rem;}
.composer-one .text .des .name span{ font-size:.22rem;}
.composer-two .title{ font-size:.36rem;}
.composer-two li .let-box{ width:100%;}
.composer-two li .iowc .but{ font-size:.22rem;}
.composer-two li .bit{ font-size:.24rem; padding-left:.6rem;}
.composer-two li .audio-con{ margin-top:.2rem; width:100%;}
.composer-three .switc-box .item .text .des{ font-size:.2rem;}
.composer-three .switc-box .item .text .tit{ font-size:.24rem;}
.composer-three .swiper-pagination .swiper-pagination-bullet{ width:10px; height:10px;}
.composer-three .title{ font-size:.36rem;}
}


/* 工作室 */
.studio-title .title{ font-size:.24rem; font-weight:bold; text-align:center;}
.studio-title .line{ padding:.2rem 0; margin-bottom:.15rem; background-image: url(../images/line-iocn8.png); background-repeat:no-repeat; background-position:center;}
.studio-title .des{text-align:center;}
.studio-one{ background:linear-gradient(to bottom,#fff 15%,#f5f5f5); padding-bottom:1rem;}
.studio-one .list{ margin-top:.45rem;}
.studio-one .list .item{background:#fff;width:31.25%;margin-right:3.1%;margin-bottom:3.1%; box-shadow:0 0 10px rgba(0,0,0,.05);}
.studio-one .list .item .pic img{ width:100%;}
.studio-one .list .item .text{ font-size:.18rem; padding:.3rem .2rem;}
.studio-one .list .item .text .tit{ margin-bottom:.1rem; font-size:.18rem; font-weight:bold;}
.studio-one .list .item .text .tit::after{ margin-left:.1rem; content:''; display:block; width:.55rem; height:.2rem; background-image: url(../images/line-iocn9.png); background-repeat:no-repeat; background-position:center; background-size:contain;}
.studio-one .list .item .text .des{ color:#333333;}
.studio-one .list .item:nth-child(3n){ margin-right:0;}
.studio-one .list .swiper{ width:100%; padding-bottom:.6rem;}
.studio-one .list .swiper .swiper-slide{ display:-webkit-flex; display:flex; flex-wrap:wrap; align-items: flex-start;}
.studio-one .list .swiper-pagination{ position:relative;}
.studio-one .list .swiper-pagination .swiper-pagination-bullet{ width:.18rem; height:.18rem; background:#cecece; opacity:1;}
.studio-one .list .swiper-pagination .swiper-pagination-bullet-active{ background:#61a2d5;}
.studio-one .our-tit{ cursor:pointer; padding:.1rem 0; font-size:.18rem; font-weight:bold;}
.studio-one .our-tit::after{ margin-left:.1rem; content:''; display:block; width:.55rem; height:.2rem; background-image: url(../images/line-iocn9.png); background-repeat:no-repeat; background-position:center; background-size:contain;}
.studio-one .our-tit::before{ content:'next'; font-family:swiper-icons; display:block; position:absolute; top:50%; right:0; font-weight:bold; font-size:.16rem; margin-top:-.1rem; color:#61a2d5; transform: rotate(90deg); transition:all .5s;}
.studio-one .our-tit.on::before{transform: rotate(-90deg);}
.studio-one .back-bg{ padding:.3rem; background:#fff;}
.studio-one .equipment{ margin-bottom:.4rem;}
.studio-one .equipment .table-box{ display:none; margin-top:.3rem;}
.studio-one .equipment .table-box table{ line-height:1.8; width:100%;}
.studio-one .equipment .table-box table th{ width:33.333%; text-align:left; padding:.2rem .35rem; background:#f5f5f5;}
.studio-one .equipment .table-box table td{ padding:.2rem .35rem;}
.studio-one .equipment .table-box table td p{ margin:0;}
.studio-one .equipment .table-box table tr td:first-child{ color:#61a2d5; font-weight:bold;}
.studio-one .equipment .table-box table tr:nth-child(2n+1) td{ background:#f5f5f5;}
.studio-one .recr-list{ margin-top:.3rem;}
.studio-one .recr-list .post{ cursor:pointer; padding:.2rem; background:#f5f5f5; padding-left:.9rem;}
.studio-one .recr-list .post .xuh{ display:block; width:.8rem; text-align:center; font-size:.24rem; color:#bbbbbb; position:absolute; left:0;}
.studio-one .recr-list .post .ric{ color:#888888;}
.studio-one .recr-list .post .ric .rens{ position:relative; margin-left:.4rem; padding-right:.5rem;}
.studio-one .recr-list .post .ric .rens::after{ font-weight:bold; content:'next';display:block;font-family:swiper-icons; display:block; position:absolute; top:50%; right:0; margin-top:-.07rem; font-size:.14rem; transform:rotate(-90deg);}
.studio-one .recr-list .post-con{ font-size:.16rem; color:#333333; line-height:1.8; display:none; padding:.3rem .9rem;}
.studio-one .recr-list .post-con .name{ margin-bottom:.1rem;}
.studio-one .recr-list .post-con .name span{ display:block; line-height:2; padding:0 .1rem; background:#e4eef6; font-size:.12rem; color:#61a2d5; display:block; margin-right:.1rem;}
.studio-one .recr-list .post-con p{ margin:0;}
.studio-one .recr-list li{ margin-bottom:.3rem;}
.studio-one .recr-list li .more a{ padding:.15rem 0; background:#61a2d5; font-size:.14rem; display:block; width:2rem; text-align:center; color:#fff; display:-webkit-flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:.05rem;}
.studio-one .recr-list li .more a span{ border-bottom:solid 1px transparent;}
.studio-one .recr-list li .more a::after{ margin-left:.1rem; font-size:.12rem; content:'next';font-family:swiper-icons;text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;}
.studio-one .recr-list li .more a:hover span{ border-bottom:solid 1px #fff;}
.studio-two{ padding:.8rem 0;}
.studio-two .map-box{ margin-top:.3rem;}
.studio-two .list{ margin-top:.4rem;}
.studio-two .list .ioaw{min-width:15%;}
.studio-two .list .ioaw .name{ margin-bottom:.15rem; font-weight:bold; color:#333333;}
.studio-two .list .ioaw .name span{ display:inline-block; padding-bottom:.15rem; border-bottom:solid 1px #61a2d5;}
.studio-two .list .ioaw .des{ line-height:1.7; font-size:.16rem;}
.studio-two .list .ioaw .des p{ margin:0;}
.studio-two .list .wtd35{ width:34%;}

@media(max-width:640px) {
.studio-one .our-tit{ font-size:.24rem;}
.studio-one .recr-list .post-con{ padding:.3rem; font-size:.24rem;}
.studio-one .recr-list .post-con .name span{ font-size:.22rem;}
.studio-one .recr-list .post .ric .rens{ margin-left:.2rem;}
.studio-one .recr-list .name{ width:100%; margin-bottom:.1rem;}
.studio-one .recr-list li .more a{ font-size:.22rem;}
.studio-one .list .swiper .swiper-slide{ align-items:normal;}
.studio-one .list .item .text{ font-size:.22rem;}
.studio-one .list .item .text .tit{ font-size:.24rem;}
.studio-one .list .item:nth-child(3n),
.studio-one .list .item{ width:48%; margin-right:4%;}
.studio-one .list .item:nth-child(2n){ margin-right:0;}
}



/* 关于我们 */
.about-title .title{ font-size:.24rem; font-weight:bold; text-align:center;}
.about-title .line{ padding:.2rem 0; background-image: url(../images/line-iocn8.png); background-repeat:no-repeat; background-position:center;}
.about-title .des{ margin-top:.2rem; font-size:.18rem; line-height:2;}

.about-one{ padding-bottom:1rem;}
.about-one .list{ margin-top:.35rem;}
.about-one .list li{ margin-bottom:.15rem;}
.about-one .list li .name{ padding:.15rem .3rem; background:#f1f4f7; width:2rem;}
.about-one .list li .des{ line-height:2; width:calc(100% - 2.8rem); padding:.1rem 0; border-bottom:dashed 1px #e5e5e5;}
.about-one .list li .des p{ margin:0;}
.about-one .list li:last-child .des{ border-bottom:none;}

.about-two{ background:#f5f5f5; padding:.8rem 0 1rem;}
.about-two .list{ margin-top:.8rem;}
.about-two .list .item{ direction:rtl; margin-bottom:.8rem;}
.about-two .list .item .pic{ width:50%;}
.about-two .list .item .pic img{ width:100%;}
.about-two .list .item .text{ font-size:.16rem; direction:ltr; width:50%; padding-right:1rem;}
.about-two .list .item .text .tit-mc{ margin-bottom:.3rem;}
.about-two .list .item .text .tit-mc .name span{background:#e4eef6; padding:.05rem .1rem; display:block; font-size:.18rem; font-weight:bold; color:#61a2d5;}
.about-two .list .item .text .tit-mc .wz{ margin-left:1em; font-size:.12rem; color:#61a2d5;}
.about-two .list .item .text .des{ color:#333333; line-height:1.8;}
.about-two .list .item .text .des p{ margin:0;}
.about-two .list .item:last-child{ margin-bottom:0;}
.about-two .list .item:nth-child(2n){ direction:ltr;}
.about-two .list .item:nth-child(2n) .text{ padding-right:0; padding-left:1rem;}
.about-two .wiz{ margin-top:.5rem;}
.about-two .wiz img{ max-width:2.66rem;}

.about-three{ padding:1rem 0;}
.about-three .about-title .title{ text-align:left;}
.about-three .about-title .otar{ color:#61a2d5; text-align:left;}
.about-three .about-title .line{ background-position:left center;}
.about-three .rig-con{ width:65%;}
.about-three .rig-con .about-logo{ margin-right:.5rem;}
.about-three .rig-con .about-logo img{ width:2.28rem;}
.about-three .rig-con .list{ max-width:calc(100% - 3.7rem);}
.about-three .rig-con .list .ioa{ display:inline-block; position:relative; padding:.15rem .25rem; border-bottom:solid 1px #61a2d5;}
.about-three .rig-con .list .ioa::before{ content:''; display:block; width:5px; height:5px; background:#61a2d5; border-radius:100%; position:absolute; left:0; bottom:-3px;}
.about-three .rig-con .list .ioa:nth-child(1){ margin-bottom:.5rem;}
.about-three .rig-con .list .ioa:nth-child(2){ margin-bottom:.1rem;}
.about-three .rig-con .list .ioa:nth-child(3){ margin-bottom:.2rem;}

@media(max-width:640px) {
.about-two .list .item{ margin-bottom:.3rem;}
.about-two .list .item .pic{ width:100%;}
.about-two .list .item .text{ width:100%; padding:.3rem; font-size:.24rem;}
.about-two .list .item .text .tit-mc .wz{ font-size:.2rem;}
.about-two .list .item .text .tit-mc .name span{ font-size:.22rem;}
.about-two .list .item:nth-child(2n) .text{ padding:.3rem;}
.about-one .list li .name{ width: auto; min-width:2.2rem;}
.about-one .list li .des{ width:100%; padding:.2rem;}

.about-three .about-title{ width:100%;}
.about-three .about-title .title{ text-align:center;}
.about-three .about-title .otar{ text-align:center;}
.about-three .about-title .line{ background-position:center; background-size:1.05rem;}
.about-three .rig-con{ width:100%;}
.about-three .rig-con .about-logo{ margin:.3rem 0; text-align:center; width:100%;}
.about-three .rig-con .list{ width:100%; max-width:100%;}
}


/* 微信分享 */
.quiShareImg{border-radius:5px;padding:10px;text-align:center;position:fixed;display:none;left:50%;box-shadow:0 0 10px rgba(0,0,0,.3);background:#fff;top:50%;transform:translateX(-50%) translateY(-50%); z-index:10;}
.quiShareImg .quitxt{ font-size:.18rem; margin-bottom:6px; color:#333;}