@font-face { font-family: 'Poppins'; src: url('fonts/Poppins-Medium.woff') format('woff'); font-display: swap; font-weight: 500; }
@font-face { font-family: 'Poppins'; src: url('fonts/Poppins-Bold.woff') format('woff'); font-display: swap; font-weight: bold; }
@font-face { font-family: 'Poppins'; src: url('fonts/Poppins-Regular.woff') format('woff'); font-display: swap; font-weight: 300; }
@font-face { font-family: 'Poppins'; src: url('fonts/Poppins-Light.woff') format('woff'); font-display: swap; font-weight: 100; }
ul, li, form, dl, dt, dd, div, ul, li, p, em, i, address, ol { font-style: normal; list-style: none; padding: 0px; margin: 0px; }
h1, h2, h3, h4, h5, h6 { padding: 0px; margin: 0px; }
body { font-family: 'Poppins'; font-weight: 300; --hover-color: #fff; --white: #fff; --black: #000; --grey: #666; --backbg: #007799; --grey2:#999; --colortext: #156082; --rgb-white: 255, 255, 255; --rgb-black: 0, 0, 0; font-size: var(--font-size16); --rgb-hover: 0, 159, 124; --radius: .1rem; overflow-x: hidden }
a:hover { color: var(--hover-color) }
.overflow { overflow: hidden; }
body { padding-top: 1.23rem }

/* 头部 */
.Header { position: fixed; width: 100%; left: 0; top: 0; transition: .3s all; z-index: 100; background: #5fc2d6 }
.Header .logo img { max-height: .76rem; transition: .3s all }
.Header .menu { display: flex; justify-content: space-between; }
.Header .menu a { transition: .3s all; position: relative; width: 100% }
.Header .menu span a { font-size: var(--font-size24); font-weight: 500; color: #fff; padding: .05rem 0; }
.Header .menu a::before { content: ''; position: absolute; width: 0; height: 3px; background: #fff; left: 50%; bottom: 0; transform: translateX(-50%); transition: .3s all; }
.Header .menu li:hover a::before, .Header .menu li.aon a::before { width: 100% }
@media(min-width:1025px) {
	.Header .top-right { width: 69%; }
	.Header .menu li span { line-height: 1.2rem; }
}
@media(max-width:1024px) {
	body { padding-top: .6rem }
	.Header .menu { width: 45%; position: fixed; top: .6rem; height: calc(100% - .6rem); right: -60%; flex-wrap: wrap; background: white; padding: .1rem; align-content: flex-start; transition: .3s; }
	.Header .menu li { width: 100%; padding: .1rem 0; }
	.Header .menu span a { color: #333; font-size: var(--font-size18); }
	.Header .menu span a:hover { color: #5fc2d6; }
	.Header .logo a { padding: .1rem 0; display: block; }
	.Header .logo img { max-height: .4rem; }
	body.menu-show .menu { right: -1px; }
}
@media(max-width:640px) {
	body { padding-top: .59rem }
	.Header .menu { top: .59rem; width: 55%; }
	.Header .menu span a { color: #333; font-size: var(--font-size20); }
}

/* 底部 */
.Bottom { background: #007799; position: relative; }
.Bottom:before { content: ''; position: absolute; width: 100%; padding-bottom: 6.785%; bottom: 100%; left: 0; background-image: url(../images/bottom-bg.png); background-repeat: no-repeat; background-position: center bottom; background-size: 100% 100%; }
.Bottom .Bottom-top { padding: 1.4rem 0 1rem }
.Bottom .Bottom-top .logo img {	 /* max-width: 3.92rem; */ max-height: 0.76rem; }
.Bottom .Bottom-nav dt a { color: #fff; font-size: var(--font-size24); font-weight: 500; padding-bottom: .2rem; display: inline-block; transition: .3s all }
.Bottom .Bottom-nav dd:not(:last-child) { padding-bottom: .05rem }
.Bottom .Bottom-nav dd a { color: #fff; font-size: var(--font-size20); display: inline-block; transition: .3s all }
.Bottom .Bottom-nav a:hover { opacity: .75 }
.Bottom .Bottom-bottom { padding-bottom: .6rem }
.Bottom .Bottom-bottom .copyright { color: #fff; font-size: var(--font-size18); }
@media(min-width:1025px) {
	.Bottom .Bottom-nav { display: flex; justify-content: space-between; width: 60% }
}
@media(max-width:1024px) {
	.Bottom .Bottom-top { padding: .5rem 0; }
	.Bottom .Bottom-top .logo { margin-bottom: .2rem; }
	.Bottom .Bottom-top .logo img { max-height: 0.4rem; }
	.Bottom .Bottom-bottom { padding-bottom: .5rem; }
}
@media(max-width:640px) {
	.Bottom .Bottom-nav dl { margin-bottom: .2rem; }
	.Bottom .Bottom-nav dl:last-child { margin-bottom: 0; }
	.Bottom .Bottom-nav dt a { padding-bottom: .1rem; }
	.Bottom .Bottom-nav dd a { font-size: var(--font-size18); }
	.Bottom .Bottom-bottom .copyright { font-size: var(--font-size16); }
}

/* 首页 */
.index-one { background: var(--backbg); padding-top: 1.5rem; }
.index-one:after { display: block; content: ''; width: 100%; padding-bottom: 9.655555%; background-color: #fffdeb; background-image: url(../images/index-bg.png); background-repeat: no-repeat; background-position: center bottom; background-size: 100% 100%; }
.index-one .item { margin-bottom: 1.5rem; }
.index-one .item:last-child { margin-bottom: .5rem; }
.index-one .item .text { direction: ltr; color: var(--white); width: 44%; }
.index-one .item .text .small-tit { margin-bottom: .25rem; font-size: var(--font-size32); }
.index-one .item .text .big-tit { margin-bottom: .25rem; font-size: var(--font-size52); font-weight: bold; line-height: 1.2; }
.index-one .item .text .des { margin: .35rem 0 .5rem; font-size: var(--font-size20); }
.index-one .item .pic { width: 48.75%; }
.index-one .item:nth-child(2n) { direction: rtl; }
.index-one .item .more .but { color: var(--white); display: block; border: solid 1px var(--white); padding: 0 .4rem; margin-right: .3rem; border-radius: .1rem; line-height: 3; transition: .3s; }
.index-one .item .more .but:hover, .index-one .item .more .but.on { border-color: var(--white); background-color: var(--white); color: var(--colortext); font-weight: 500; }
.index-one .item .more .but:last-child { margin-right: 0; }
.index-two { background: #fffdeb; padding: 1rem 0 2rem; }
.index-two .item { margin-bottom: 1rem; }
.index-two .item .wtd100 { width: 100%; }
.index-two .item:last-child { margin-bottom: .5rem; }
.index-two .item .text { direction: ltr; color: var(--colortext); width: 45%; }
.index-two .item .text .small-tit { margin-bottom: .2rem; font-size: var(--font-size32);line-height: 1.3; }
.index-two .item .text .big-tit { margin-bottom: .24rem; font-size: var(--font-size52); font-weight: bold; line-height: 1.1; }
.index-two .item .text .des { margin: .35rem 0 .5rem; font-size: var(--font-size20); }
.index-two .item .color-text { color: #78206e; }
.index-two .item .pic { max-width: 48.75%; }
.index-two .item:nth-child(2n) .wtd100 { direction: rtl; }
.index-two .item .more .but { color: var(--white); display: block; border: solid 1px var(--white); padding: 0 .4rem; margin-right: .3rem; border-radius: .1rem; line-height: 3; transition: .3s; }
.index-two .item .more .but:hover, .index-two .item .more .but.on { border-color: var(--white); background-color: var(--backbg); color: var(--white); font-weight: 500; }
.index-two .item .more .but:last-child { margin-right: 0; }
.index-two .item:nth-child(2n) .text { color: #78206e; }
.index-two .item:nth-child(2n) .but.on { border-color: #78206e; background-color: #78206e; }
.index-two .item .icon-list { margin-top: .7rem; }
.index-two .item .icon-list img { display: block; }
.index-two .item .icon-list2{display: none;}
@media(max-width:1024px) {
.index-one { padding-top: .5rem; }
.index-one .item .text { width: 100%; margin-bottom: 5%; }
.index-one .item .text .big-tit { font-size: var(--font-size32); }
.index-one .item .text .small-tit { font-size: var(--font-size20); }
.index-one .item .pic { width: 100%; }
.index-one .item:nth-child(2n) { direction: ltr; }
.index-two .item .text { width: 100%; margin-bottom: 5%; }
.index-two .item .text .big-tit { font-size: var(--font-size32); }
.index-two .item .text .small-tit { font-size: var(--font-size20); }
.index-two .item .pic { width: 100%; max-width: 100%; }
.index-two .item:nth-child(2n) .wtd100 { direction: ltr; }
}
@media(max-width:640px) {
.index-one .item { margin-bottom: .5rem; }
.index-one .item .text .des { margin: .2rem 0; }
.index-one .item .text .small-tit { margin-bottom: .15rem; }
.index-one .item .text .big-tit { font-size: var(--font-size24); }
.index-two { padding: .5rem 0; }
.index-two .item .icon-list{display: none;}
.index-two .item .icon-list2{display: block;margin-top: .7rem;}
.index-two .item .icon-list2 img:not(:last-child){margin-bottom: .5rem;}
}
.index-video { background: #fff; padding: 1.25rem 0; color: var(--colortext); }
.index-video .inside-tit { margin-bottom: .35rem; text-align: center; }
.index-video .introd { text-align: center; font-size: var(--font-size20); margin-bottom: .75rem; }
.index-video .item { text-align: center; padding: .2rem; width: 30%; margin-right: 5%; background: #75ba98; border-radius: .1rem; transition: .3s; cursor: pointer; }
.index-video .item:nth-child(3n) { margin-right: 0; }
.index-video .item a { position: relative; }
.index-video .item .play { display: block; width: 0.7rem; height: 0.7rem; border-radius: 50%; background: rgba(21, 96, 130, .5) url(../images/play.svg) no-repeat center center; background-size: 0.22rem auto; position: relative; z-index: 4; z-index: 5; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: all 0.5s; }
.index-video .item .pic { background: #fff; border: 0.02rem solid #fff; border-radius: .1rem; position: relative; overflow: hidden; transition: .3s; }
.index-video .item .pic figure { position: relative; padding-bottom: 56%; overflow: hidden; }
.index-video .item .pic figure img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: .3s; }
.index-video .item .text .tit { margin: .24rem 0 .15rem; font-size: var(--font-size28); font-weight: bold; color: #fff; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); }
.index-video .item:nth-child(2) { background: #e8743d; }
.index-video .item:nth-child(3) { background: #f3c247; }
.index-video .more { padding-top: 0.4rem; }
.index-video .more .but { display: block; padding: 0 .94rem; font-size: var(--font-size20); line-height: 0.5rem; background: var(--backbg); color: var(--white); font-weight: 500; border-radius: .1rem; }
@media(max-width:1024px) {
	.index-video { padding: 0.5rem 0; }
	.index-video .introd { margin-bottom: .5rem; }
	.index-video .item { width: 31%; margin-right: 3.5%; }
	.index-video .item:nth-child(3n) { margin-right: 0; }
	.index-video .item .text .tit { font-size: var(--font-size24); }
	.index-video .more .but { padding: 0 .5rem; }
}
@media(max-width:640px) {
	.index-video .item { width: 100%; margin-right: 0; margin-bottom: 0.3rem; }
}

/* 视频弹窗 */
.index-video > .Popup { position: fixed; background: rgba(0, 0, 0, 0.75); }
.index-video .videobox .Popup { position: absolute; }
.index-video .Popup { width: 100%; height: 100%; top: 0; left: 0; z-index: 100; }
.index-video .Popup .ytable { height: 100%; }
.index-video .Popup .ytable .video { max-width: 10rem; width: 80%; margin: 0 auto; padding: 0.1rem; background: #fff; box-shadow: 0 0 20px 5px rgba(0, 0, 0, .15); }
.index-video .Popup video { width: 100%; object-fit: contain; }
.index-video .videobox .Popup video { height: 100%; background: #000; }
.index-video .Popup .close { position: absolute; right: 0.2rem; top: 0.2rem; width: 0.3rem; height: 0.3rem; cursor: pointer; z-index: 10; cursor: pointer; }
.index-video .Popup .close:before, .index-video .Popup .close:after { position: absolute; width: 100%; left: 0; top: 50%; height: 3px; margin-top: -1.5px; background: #fff; content: ''; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); }
.index-video .Popup .close:after { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); }

/* 内页标题 */
.inside-tit { font-size: var(--font-size52); font-weight: bold; line-height: 1.2; }
@media(max-width:1024px) {
	.inside-tit { font-size: var(--font-size32); }
}
@media(max-width:640px) {
	.inside-tit { font-size: var(--font-size24); }
}

/* 加载动画 */
.loading-spinner { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border: 4px solid #f3f3f3; border-top: 4px solid #007799; border-radius: 50%; animation: spin 1s linear infinite; margin: 20px auto; }
@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

/* 找一间工作室 */
.studio-one { background: var(--backbg); padding-top: 1.5rem; }
.studio-one:after { display: block; content: ''; width: 100%; padding-bottom: 9.655555%; background-color: #fff; background-image: url(../images/index-bg.png); background-repeat: no-repeat; background-position: center bottom; background-size: 100% 100%; }
.studio-one .item { margin-bottom: 1.5rem; }
.studio-one .item:last-child { margin-bottom: .5rem; }
.studio-one .item .text { direction: ltr; color: var(--white); width: 45%; }
.studio-one .item .text .small-tit { margin-bottom: .25rem; font-size: var(--font-size32); }
.studio-one .item .text .big-tit { font-size: var(--font-size42); font-weight: bold; line-height: 1.3; }
.studio-one .item .text .big-tit span { font-weight: 300; }
.studio-one .item .text .des { margin: .3rem 0; font-size: var(--font-size20); }
.studio-one .item .pic { width: 52%; }
.studio-one .item:nth-child(2n) { direction: rtl; }
.studio-one .item .more .but { font-size: var(--font-size20); color: var(--white); display: block; border: solid 1px var(--white); padding: 0 .4rem; margin-right: .3rem; border-radius: .1rem; line-height: 2.5; transition: .3s; }
.studio-one .item .more .but:hover, .studio-one .item .more .but.on { border-color: var(--white); background-color: var(--white); color: var(--colortext); font-weight: 500; }
.studio-one .item .more .but:last-child { margin-right: 0; }
.studio-box { background: #fff; /* padding: 1.2rem 0 .5rem; */ color: var(--colortext); }
.studio-two { padding: 1.2rem 0 1rem; }
.studio-two .inside-tit { margin-bottom: .25rem; text-align: center; }
.studio-two .introd { margin: .4rem auto .8rem; font-size: var(--font-size20); text-align: center; }
.studio-two .list-box .item { width: 31%;}
.studio-two .list-box .item .icon img { width: 2.5rem; }
.studio-two .list-box .item .text .tit { margin: .3rem 0; font-size: var(--font-size28); font-weight: bold; }
.studio-two .list-box .item .text .color-hs { color: #f4bd56; /* text-shadow: 2px 2px 4px rgba(102, 79, 36, 0.5); */ }
.studio-two .list-box .item .text .color-lv { color: #4cd4ac; /* text-shadow: 2px 2px 4px rgba(37, 108, 87, 0.5); */ }
.studio-two .list-box .item .text .color-ls { color: #66d4f1; /* text-shadow: 2px 2px 4px rgba(43, 89, 102, 0.5); */}
.studio-two .list-box .item .des { line-height: 1.4; text-align: center; font-size: var(--font-size20); }
.studio-two .list-box .item:nth-child(3n) { margin-right: 0; }
.studio-three { padding: 1.2rem 0; background: #fffdeb; }
.studio-three .inside-tit { text-align: center; }
.studio-three .introd { margin: .4rem auto; font-size: var(--font-size20); text-align: center; }
.studio-three .inside-pic { text-align: center;margin-bottom: .4rem; }
.studio-three .atlas-box { }
.studio-three .mapSearch {	 /* position: absolute; left: .1rem; top: .1rem; */ width: 100%; z-index: 10; margin-bottom: .4rem; }
.studio-three .mapSearch .item { width: 30%; margin-right: .1rem; position: relative; }
.studio-three .mapSearch .item select { appearance: none; -moz-appearance: none; /* Firefox */ -webkit-appearance: none; /* Safari和Chrome */ }
.studio-three .mapSearch .item select { color: rgba(21, 96, 130, 0.5); width: 100%; padding: .125rem .25rem; border: solid 1px #004f65; background: var(--white); font-size: var(--font-size20); cursor: pointer; border-radius: .08rem; position: relative; background-image: url(../images/arrow.svg); background-repeat: no-repeat; background-size: .2rem; background-position: 95% center; }
.studio-three .mapSearch .pull-dow { font-size: var(--font-size24); position: absolute; left: 0; top: 100%; width: 100%; padding: .25rem; background-color: var(--white); border-radius: .08rem; box-shadow: 0 0 .1rem rgba(0, 0, 0, 0.15); display: none; z-index: 20; }
.studio-three .mapSearch .pull-dow .ul { max-height: 20em; overflow: auto; }
.studio-three .mapSearch .pull-dow .ul::-webkit-scrollbar { width: .1rem; background-color: #e5e5e5; border-radius: .1rem; }
.studio-three .mapSearch .pull-dow .ul::-webkit-scrollbar-thumb { border: solid 1px #5fc2d6; width: .1rem; border-radius: .1rem; background-color: #5fc2d6; }
.studio-three .mapSearch .pull-dow li { margin-bottom: .15rem; cursor: pointer; }
.studio-three .mapSearch .pull-dow li:last-child { margin-bottom: 0; }
.studio-three .mapSearch .aniu { background: var(--backbg); width: 1rem; border-radius: .08rem; background-image: url(../images/search.svg); background-repeat: no-repeat; background-position: center; background-size: .24rem; cursor: pointer; }
.studio-three #map { width: 100%; min-height: 6.4rem; }
.studio-three .list-box { color: #156082; }
.studio-three .list-box .item { padding: .5rem 0.28rem 0.7rem; margin-right: 2%; margin-bottom: 2%; background-color: #fff; box-shadow: 0 0.06rem 0.1rem rgba(0, 0, 0, 0.1); border-radius: 0.1rem; }
.studio-three .list-box .item .name { margin-bottom: .1rem; font-size: var(--font-size20); font-weight: bold; line-height: 1.5; }
.studio-three .list-box .item .des { font-size: var(--font-size20); line-height: 0.3rem; }
.studio-three .list-box .item .des p { padding-left: 0.3rem; position: relative; background-repeat: no-repeat; background-position: left top 0.05rem; background-size: 0.16rem auto; }
.studio-three .list-box .item .des p + p { margin-top: 0.08rem; }
.studio-three .list-box .item .des p.add { background-image: url(../images/icon_add.svg); }
.studio-three .list-box .item .des p.tel { background-image: url(../images/icon_tel.svg); }
.studio-three .more { padding-top: 0.3rem; }
.studio-three .more .but { display: block; padding: 0 .94rem; font-size: var(--font-size20); line-height: 0.5rem; background: var(--backbg); color: var(--white); font-weight: 500; border-radius: .1rem; }
.studio-four { padding: 1.2rem 0 1rem; }
.studio-four .inside-tit { text-align: center; }
.studio-four .more .but { display: block; padding: 0 .5rem; line-height: 2.5;font-size: var(--font-size20); background: var(--backbg); color: var(--white); font-weight: bold; border-radius: .1rem; }
.studio-four .introd { margin: .4rem auto; font-size: var(--font-size20); text-align: center; }
.studio-four .jie{text-align: center;font-weight: 500;margin-top: 0.5rem;font-size:.2rem;}
.studio-four .list-box { margin-top: .65rem; }
.studio-four .list-box .item { /* background: #fffdeb; */ width: 27.5%; margin-right: 8.74555%; }
.studio-four .list-box .item .pic{background-image: url(../images/frame.png); background-size: 100% 100%;  background-repeat: no-repeat;padding: 0.15rem 0.22rem 0.3rem 0.22rem;}
.studio-four .list-box .item .pic figure {  padding-bottom: 75%; }
.studio-four .list-box .item .pic img { position: absolute; left: 0; top: 0; object-fit: cover; width: 100%; height: 100%; }
.studio-four .list-box .item .tit { line-height: 1.3; margin-bottom: .1rem; text-align: center; font-size: var(--font-size20); font-weight: bold;  color: var(--colortext);}
.studio-four .list-box .item .des{color: var(--colortext);}
.studio-four .list-box .item .text { text-align: center; padding: .4rem 0rem; }
.studio-four .list-box .item:nth-child(3n) { margin-right: 0; }
.studio-five { padding: 1.3rem 0 1rem; background: #fffdeb; position: relative;}
.studio-five:after{position: absolute; left: 0; top: 0; display: block; content: ''; width: 100%; padding-bottom: 6.2633333%; background-color: #fff; background-image: url(../images/Network-bg.png); background-repeat: no-repeat; background-position: center bottom; background-size: 100% 100%;}
.studio-five .inside-tit { margin-bottom: .5rem; text-align: center; }
.studio-five .list-box .item { text-align: center; width: 31%; padding-right: 3.49%; font-size: var(--font-size20); font-weight: 500; }
.studio-five .list-box .item:not(:last-child) { border-right: 1px solid rgba(var(--rgb-hover), 0.2); }
.studio-five .list-box .item:nth-child(3n) { margin-right: 0; }
.studio-five .list-box .item .more { margin-top: .25rem; }
.studio-five .list-box .item .more .but { display: block; line-height: 3.5; color: var(--colortext); font-weight: bold; border-radius: .1rem; }
.studio-six { padding: 1.3rem 0 2rem; background: #5fc2d6; color: var(--white); margin-bottom: -.5rem; }
.studio-six .inside-tit { margin-bottom: .6rem; text-align: center; }
.studio-six .list-box .item { width: 30%; text-align: center; margin-right: 5%; }
.studio-six .list-box .item:nth-child(3n) { margin-right: 0; }
.studio-six .list-box .item .bit { margin-bottom: .2rem; font-size: var(--font-size60); font-weight: bold; text-align: center; line-height: 1; min-height: 1rem; }
.studio-six .list-box .item .des { font-size: var(--font-size20); }
.studio-six .list-box .item:nth-child(2) .bit { font-size: var(--font-size40); }
@media(min-width:1025px) {
	.studio-three .list-box .item { width: 32%; }
	.studio-three .list-box .item:nth-child(3n) { margin-right: 0; }
}
@media(max-width:1024px) {
	.studio-one { padding-top: .5rem; }
	.studio-one .item .text .big-tit { font-size: var(--font-size32); }
	.studio-two .introd { font-size: var(--font-size18); }
	.studio-two .list-box .item { width: 30%; margin-right: 5%; }
	.studio-two .list-box .item:nth-child(3n) { margin-right: 0; }
	.studio-two .list-box .item .icon img { width: 2rem; }
	.studio-two .list-box .item .text .tit { font-size: var(--font-size20); }
	.studio-two .list-box .item .des { font-size: var(--font-size18); }
	.studio-three .introd { font-size: var(--font-size18); }
	.studio-three #map { min-height: 5rem; }
	.studio-three .mapSearch .item .iol { font-size: var(--font-size18); background-size: .15rem; }
	.studio-three .list-box .item { padding: .4rem 0.3rem; width: 48%; margin-right: 4%; margin-bottom: 4%; }
	.studio-three .list-box .item:nth-child(2n) { margin-right: 0; }
	.studio-three .more .but { padding: 0 .5rem; }
	.studio-four .introd { font-size: var(--font-size18); }
	.studio-four .list-box .item { width: 30%; margin-right: 5%; }
	.studio-four .list-box .item:nth-child(3n) { margin-right: 0; }
	.studio-four .list-box .item .tit { font-size: var(--font-size18); }
	.studio-five { padding: 1rem 0; }
	.studio-five .inside-tit { margin-bottom: .3rem; }
	.studio-five .list-box .item { font-size: var(--font-size16); }
	.studio-six { padding: 1rem 0; }
	.studio-six .list-box .item .bit { font-size: var(--font-size30); }
	.studio-six .list-box .item .des { font-size: var(--font-size16); }
	.studio-six .list-box .item:nth-child(2) .bit { font-size: var(--font-size30); }
}
@media(max-width:640px) {
	.studio-one .item .text { width: 100%; margin-bottom: .35rem; }
	.studio-one .item .text .big-tit { font-size: var(--font-size26); }
	.studio-one .item .text .small-tit { font-size: var(--font-size22); }
	.studio-one .item .pic { width: 100%; }
	.studio-two .introd { margin: .35rem 0; font-size: var(--font-size16); }
	.studio-two .list-box .item { width: 100%; margin-bottom: .35rem; }
	.studio-two .list-box .item .text .tit { margin: .15rem 0; }
	.studio-two .list-box .item .icon img { width: 1.5rem; }
	.studio-three { padding: .5rem 0; }
	.studio-three #map { min-height: 4rem; }
	.studio-three .mapSearch { position: relative; top: 0; left: 0; margin-bottom: .2rem; }
	.studio-three .mapSearch .item { width: 100%; margin-bottom: .2rem; }
	.studio-three .mapSearch .aniu { padding: .3rem; width: 100%; }
	.studio-three .list-box .item { padding: 0.3rem; width: 100%; margin-right: 0%; margin-bottom: 0.3rem; }
	.studio-three .list-box .item:nth-child(2n) { margin-right: 0; }
	.studio-four { padding: .5rem 0; }
	.studio-four .list-box .item { width: 100%; margin-right: 0; margin-bottom: .3rem; }
	.studio-five { padding: 1rem 0 .5rem; }
	.studio-five .list-box .item { width: 100%; margin-right: 0; margin-bottom: .3rem; }
	.studio-five .list-box .item .more { margin-top: .1rem; }
	.studio-six { padding: .5rem 0; }
	.studio-six .inside-tit { margin-bottom: .3rem; }
	.studio-six .list-box .item { width: 100%; margin-right: 0; margin-bottom: .3rem; }
	.studio-six .list-box .item .bit { min-height: auto; }
}

/* 我们的项目 */
.programs-one { background: var(--backbg); padding-top: 1.5rem; }
.programs-one:after { display: block; content: ''; width: 100%; padding-bottom: 9.655555%; background-color: #fffdeb; background-image: url(../images/index-bg.png); background-repeat: no-repeat; background-position: center bottom 0.02rem; background-size: 100% 100%; }
.programs-one .item { margin-bottom: 1.5rem; }
.programs-one .item:last-child { margin-bottom: .3rem; }
.programs-one .item .text { direction: ltr; color: var(--white); width: 50%; }
.programs-one .item .text .small-tit { margin-bottom: .25rem; font-size: var(--font-size32); }
.programs-one .item .text .big-tit { font-size: var(--font-size42); font-weight: bold; line-height: 1.3; }
.programs-one .item .text .big-tit span { font-weight: 300; }
.programs-one .item .text .des { margin: .3rem 0; font-size: var(--font-size20); line-height: 1.5; }
.programs-one .item .pic { width: 46%; }
.programs-one .item:nth-child(2n) { direction: rtl; }
.programs-one .item .more .but { font-size: var(--font-size20); color: var(--white); display: block; border: solid 1px var(--white); padding: 0 .4rem; margin-right: .3rem; border-radius: .1rem; line-height: 2.5; transition: .3s; }
.programs-one .item .more .but:hover, .programs-one .item .more .but.on { border-color: var(--white); background-color: var(--white); color: var(--colortext); font-weight: 500; }
.programs-one .item .more .but:last-child { margin-right: 0; }
.programs-two { background: #fffdeb; padding: 1.25rem 0; color: var(--colortext); }
.programs-two .inside-tit { margin-bottom: .5rem; text-align: center; }
.programs-two .list-box .item { font-size: var(--font-size20); text-align: center; width: 23%; padding-right: 2.666666%; }
.programs-two .list-box .item:not(:last-child) { border-right: 1px solid rgba(var(--rgb-hover), 0.2); }
.programs-two .list-box .item .pic { margin-bottom: .2rem; }
.programs-two .list-box .item .pic img { width: 2.48rem; }
.programs-two .list-box .item .tit { margin-bottom: .2rem; font-size: var(--font-size24); font-weight: bold; color: var(--colortext); }
.programs-two .list-box .item .des { line-height: 1.5; }
.programs-two .list-box .item:nth-child(4n) { margin-right: 0; }
.programs-three { background: #fff; padding: 1.25rem 0; color: var(--colortext); }
.programs-three .inside-tit { margin-bottom: .35rem; text-align: center; }
.programs-three .introd { text-align: center; font-size: var(--font-size20); margin-bottom: .75rem; }
.programs-three .item { margin-bottom: .6rem; width: 27.5%; margin-right: 8.7444444%; background: #58abce; transition: .3s; cursor: pointer; box-shadow: 0 0 0.2rem rgba(88, 171, 206, 0.3); }
.programs-three .item a { display: block; }
.programs-three .item .img-box { padding: .4rem 0; font-size: var(--font-size20); text-align: center; background: var(--white); /* border: solid 2px #fff */; }
.programs-three .item .img-box .pic {/* margin-bottom: .15rem; */ height: .85rem; }
.programs-three .item .wzx {font-size: var(--font-size20); color: #fff; text-align: center;  margin-bottom: .1rem;}
/* .programs-three .item .line-zs { border-color: #d86ecc; }
.programs-three .item .line-hs { border-color: #ea5959; }
.programs-three .item .line-qs { border-color: #61cbf4; }
.programs-three .item .line-as { border-color: #ffc000; }
.programs-three .item .line-ls { border-color: #4e95d9; }
.programs-three .item .line-lv { border-color: #00b050; } */
.programs-three .item .text {/* margin-top: .25rem; */  padding: .25rem;}
.programs-three .item .text .tit { line-height: 1.3; margin-bottom: .1rem; font-size: var(--font-size28); font-weight: bold; color: var(--white); text-align: center; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); }
.programs-three .item .more span { background-color: var(--white); color: var(--colortext); font-weight: 500; border: solid 1px var(--white); padding: 0 .4rem; border-radius: .1rem; line-height: 3; transition: .3s; }
.programs-three .item:nth-child(3n) { margin-right: 0; }
.programs-three .item:hover { box-shadow: 0 0 .2rem rgba(88, 171, 206, 0.45); }
.programs-three .relevant-des { padding-top: .6rem; color: #78206e; }
.programs-three .relevant-des .introd { text-align: center; font-size: var(--font-size20); margin-bottom: .45rem; }
.programs-three .relevant-des .more { margin-top: .25rem; }
.programs-three .relevant-des .more .but { display: block; padding: 0 .5rem; line-height: 3.5; background: #78206e; color: var(--white); font-weight: bold; border-radius: .1rem; }

.programs-four { padding: 1.3rem 0; background: #fffdeb; color: #78206e; }
.programs-four .inside-tit { margin-bottom: .1rem; text-align: center; }
.programs-four .introd { text-align: center; font-size: var(--font-size36); margin-bottom: .75rem; }
.programs-four .item { text-align: center; margin-bottom: .5rem; width: 30%; margin-right: 4.9999%; cursor: pointer; }
.programs-four .item a { color: #78206e; }
.programs-four .item .pic img{ max-width: 1.4rem;}
.programs-four .item .text .tit { margin: .3rem 0 .2rem; font-size: var(--font-size24); font-weight: bold; }
.programs-four .item .text .des { font-size: var(--font-size20); }
.programs-four .item:nth-child(3n) { margin-right: 0; }

.programs-five { background: #78206e; padding: 1.2rem 0 2.6rem; margin-bottom: -.5rem; color: var(--white);position: relative; }
.programs-five:after{position: absolute; left: 0; top: 0; display: block; content: ''; width: 100%; padding-bottom: 6.2633333%; background-color: #fffdeb; background-image: url(../images/purple-bg-.png); background-repeat: no-repeat; background-position: center bottom; background-size: 100% 100%;}
.programs-five .item { width: 22%; margin-right: 4%; }
.programs-five .item .tit { font-weight: bold; font-size: var(--font-size40); text-align: center; }
.programs-five .item .tit i { font-weight: 300; font-style: normal; }
.programs-five .item .des { font-size: var(--font-size20); text-align: center; }
.programs-five .item:nth-child(4n) { margin-right: 0; }
@media(max-width:1024px) {
	.programs-one { padding-top: 0.5rem; }
	.programs-one .item .text .big-tit { font-size: var(--font-size30); }
	.programs-two { padding: 1rem 0 .5rem; }
	.programs-two .list-box .item { width: 48%; margin-right: 4%; margin-bottom: 4%; font-size: var(--font-size17); }
	.programs-two .list-box .item:not(:nth-child(2n)) { border-right: 1px solid rgba(var(--rgb-hover), 0.2); }
	.programs-two .list-box .item .tit { font-size: var(--font-size22); }
	.programs-two .list-box .item:nth-child(2n) { margin-right: 0; }
	.programs-three { padding: 1rem 0; }
	.programs-three .introd { margin-bottom: .5rem; }
	.programs-three .relevant-des { padding-top: .35rem; }
	.programs-three .relevant-des .introd { font-size: var(--font-size18); }
	.programs-three .inside-tit { margin-bottom: .2rem; }
	.programs-three .item { width: 31%; margin-right: 3.5%; margin-bottom: 3.5%; }
	.programs-three .item:nth-child(3n) { margin-right: 0; }
	.programs-three .item a { padding: .35rem .35rem .25rem; }
	.programs-three .item .text .tit { font-size: var(--font-size22); }
	.programs-four { padding: 1rem 0; }
	.programs-four .introd { font-size: var(--font-size22); margin-bottom: .35rem; }
	.programs-four .item .text .tit { font-size: var(--font-size22); }
	.programs-four .item .text .des { font-size: var(--font-size18); }
	.programs-five { padding: 1rem 0 2rem; }
	.programs-five .item .tit { font-size: var(--font-size36); }
	.programs-five .item .des { font-size: var(--font-size18); }
}
@media(max-width:640px) {
	.programs-one .item .text { width: 100%; }
	.programs-one .item .text .small-tit { font-size: var(--font-size24); }
	.programs-one .item .pic { width: 100%; }
	.programs-two .list-box .item { width: 100%; margin-right: 0; margin-bottom: .35rem; border-right: none; }
	.programs-three .item { width: 100%; margin-right: 0; margin-bottom: .35rem; }
	.programs-four .item { width: 100%; margin-right: 0; margin-bottom: .35rem; }
	.programs-five { padding: 1rem 0 1.5rem; }
	.programs-five .item { margin-bottom: .25rem; width: 100%; }
}

/* 我们的项目详情 */
.Programs-info { padding: .4rem 0 2rem; }
.Programs-info .logo-icon { padding: .2rem 0 .5rem; }
.Programs-info .logo-icon .wzt { margin-left: .2rem; font-size: var(--font-size20); color: var(--colortext); }
.Programs-info .back-box { margin-bottom: .2rem; }
.Programs-info .back-box a { font-size: var(--font-size20); background-image: url(../images/arrow2.svg); background-repeat: no-repeat; background-position: left center; background-size: .09rem; color: var(--colortext); padding-left: .25rem; }
.Programs-info .title { font-size: var(--font-size24); font-weight: bold; color: var(--backbg); }
.Programs-info .info-con { color: #333333; font-size: var(--font-size20); padding: .35rem .3rem; border: solid 6px transparent; }
.Programs-info .info-con.line-zs { border-color: #d86ecc; }
.Programs-info .info-con.line-hs { border-color: #ea5959; }
.Programs-info .info-con.line-qs { border-color: #61cbf4; }
.Programs-info .info-con.line-as { border-color: #f4bd56; }
.Programs-info .info-con.line-ls { border-color: #002060; }
.Programs-info .info-con.line-lv { border-color: #00b050; }

/* 左文右图-1 */
.Programs-info .info-con .text_pic .text_info { width: 60%; }
.Programs-info .info-con .text_pic .pic { width: 30.6%; }
.Programs-info .info-con .text_pic .pic2 { width: 35%; }
.Programs-info .info-con .text_pic .pic3 { width: 38%; }
.Programs-info .info-con .piclist .item { text-align: center; width: 23%; margin-right: 2.666666%; }
.Programs-info .info-con .piclist .item:nth-child(4n) { margin-right: 0; }
.Programs-info .info-con .piclist .item .img { margin-bottom: .2rem; }
.Programs-info .info-con .piclist .item .img img { box-shadow: 0 0.06rem .1rem rgba(0, 0, 0, 0.1); }
.Programs-info .info-con .piclist .item .tit { margin-bottom: .2rem; font-size: var(--font-size24); font-weight: bold; color: var(--colortext); }
.Programs-info .info-con .piclist .item .des { font-size: var(--font-size20); color: var(--colortext); line-height: 1.5; }

.Programs-info .info-con .word{ float: left; width: 55%;}
.Programs-info .info-con .img2{float: right; width: 43%;}
@media(max-width:1024px) {
	.Programs-info { padding: .4rem 0 1rem; }
	.Programs-info .info-con .piclist .item { width: 48%; margin-right: 4%; margin-bottom: 4%; }
	.Programs-info .info-con .piclist .item:nth-child(2n) { margin-right: 0; }
	.Programs-info .info-con .text_pic .text_info { width: 100%; margin-bottom: 0.24rem; }
	.Programs-info .info-con .text_pic .pic { width: 100%; }
	.Programs-info .info-con .text_pic .pic2 { width: 100%; }
	.Programs-info .info-con .text_pic .pic3 { width: 100%; }
	.Programs-info .info-con .word{ float: none; width: 100%;}
	.Programs-info .info-con .img2{float: none; width: 100%;}
}
@media(max-width:640px) {
	.Programs-info .info-con { padding: 0.24rem; }
	.Programs-info .logo-icon .wzt { margin-top: .15rem; width: 100%; margin-left: 0; }
	.Programs-info .info-con .piclist .item { width: 100%; margin-right: 0%; margin-bottom: 0.3rem; }
}

/* 高级模型 */
.learn-one { background: var(--backbg); padding-top: 1.5rem; }
.learn-one:after { display: block; content: ''; width: 100%; padding-bottom: 9.655555%; background-color: #fff; background-image: url(../images/index-bg.png); background-repeat: no-repeat; background-position: center bottom; background-size: 100% 100%; }
.learn-one .item { margin-bottom: 1.5rem; }
.learn-one .item:last-child { margin-bottom: .5rem; }
.learn-one .item .text { direction: ltr; color: var(--white); width: 45%; }
.learn-one .item .text .small-tit { margin-bottom: .25rem; font-size: var(--font-size32); }
.learn-one .item .text .big-tit { margin-bottom: .25rem; font-size: var(--font-size42); font-weight: bold; line-height: 1.2; }
.learn-one .item .text .des { margin: .35rem 0 0; font-size: var(--font-size20); }
.learn-one .item .pic { max-width: 48%; }
.learn-one .item:nth-child(2n) { direction: rtl; }
.learn-one .item .more .but { color: var(--white); display: block; border: solid 1px var(--white); padding: 0 .4rem; margin-right: .3rem; border-radius: .1rem; line-height: 3; transition: .3s; }
.learn-one .item .more .but:hover, .learn-one .item .more .but.on { border-color: var(--white); background-color: var(--white); color: var(--colortext); font-weight: 500; }
.learn-one .item .more .but:last-child { margin-right: 0; }
.learn-two { padding: 1.8rem 0 2rem; color: var(--colortext); }
.learn-two .inside-tit { margin-bottom: .1rem; text-align: center; }
.learn-two .introd { text-align: center; font-size: var(--font-size20); margin: .5rem auto .75rem; }
.learn-two .list-box { margin-bottom: .8rem; }
.learn-skill .con-box { margin-bottom: .7rem; }
.learn-skill .con-box .pic { width: 20%; }
.learn-skill .con-box .pic img { max-height: 4.35rem; }
.learn-skill .con-box .text { direction: ltr; width: 80%; font-size: var(--font-size20); color: #333333; line-height: 1.5; }
.learn-skill .con-box .text h4 { font-weight: 300; margin: 0 0 .1rem; font-size: var(--font-size32); }
.learn-skill .ul-list li { text-align: center; padding: .65rem .3rem .95rem; width: 21.3125%; margin-right: 4.8888888%; background-image: url(../images/shield-bg.png); background-size: 100% 100%; background-repeat: no-repeat; }
.learn-skill .ul-list li:nth-child(4n) { margin-right: 0; }
.learn-skill .ul-list li .tit { margin: .1rem 0; font-size: var(--font-size24); font-weight: bold; line-height: 1.5; }
.learn-skill .ul-list li .des { font-size: var(--font-size20); color: #333333; }
.learn-two .list-box:nth-child(2n) .con-box { direction: rtl; }
.learn-two .line-zs { color: #d86ecc; }
.learn-two .line-hs { color: #ff0000; }
.learn-two .line-qs { color: #61cbf4; }
.learn-two .line-as { color: #ffc000; }
.learn-two .line-ls { color: #156082; }
.learn-two .line-lv { color: #00b050; }
.learn-skill .list-box:nth-child(1) .ul-list li { background-image: url(../images/shield-pink-bg.png); }
.learn-skill .list-box:nth-child(2) .ul-list li { background-image: url(../images/shield-blue-bg.png); }
.learn-skill .list-box:nth-child(3) .ul-list li { background-image: url(../images/shield-yellow-bg.png); }
.learn-skill .list-box:nth-child(4) .ul-list li { background-image: url(../images/shield-red-bg.png); }
@media(max-width:1024px) {
	.learn-one { padding-top: .5rem; }
	.learn-one .item .text { width: 100%; margin-bottom: 5%; }
	.learn-one .item .text .big-tit { font-size: var(--font-size32); }
	.learn-one .item .text .small-tit { font-size: var(--font-size20); }
	.learn-one .item .pic { width: 100%; max-width: 100%; }
	.learn-one .item:nth-child(2n) { direction: ltr; }
	.learn-skill .con-box { justify-content: space-between; }
	.learn-skill .con-box .text { font-size: var(--font-size18); width: 75%; }
	.learn-skill .con-box .text h4 { font-size: var(--font-size26); }
	.learn-skill .ul-list { justify-content: center; }
	.learn-skill .ul-list li { width: 38%; margin-right: 4%; margin-bottom: 4%; }
	.learn-skill .ul-list li:nth-child(2n) { margin-right: 0; }
}
@media(max-width:640px) {
	.learn-one .item { margin-bottom: .5rem; }
	.learn-one .item .text .des { margin: .2rem 0; }
	.learn-one .item .text .small-tit { margin-bottom: .15rem; }
	.learn-one .item .text .big-tit { font-size: var(--font-size24); }
	.learn-two { padding-top: 1rem; }
	.learn-skill .con-box .pic { width: 100%; margin-bottom: .5rem; margin-right: 0; }
	.learn-skill .con-box .text { width: 100%; }
	.learn-skill .con-box .text h4 { font-size: var(--font-size22); }
	.learn-skill .ul-list li { width: 100%; margin-right: 0; margin-bottom: .35rem; }
	.learn-two .list-box:nth-child(2n) .con-box { direction: ltr; }
}

/*  */
.network-one { background: var(--backbg); padding-top: 1.5rem; }
.network-one:after { display: block; content: ''; width: 100%; padding-bottom: 9.655555%; background-color: #fffdeb; background-image: url(../images/index-bg.png); background-repeat: no-repeat; background-position: center bottom; background-size: 100% 100%; }
.network-one .item { margin-bottom: 1.5rem; }
.network-one .item:last-child { margin-bottom: .5rem; }
.network-one .item .text { direction: ltr; color: var(--white); width: 50%; }
.network-one .item .text .small-tit { margin-bottom: .25rem; font-size: var(--font-size32); }
.network-one .item .text .big-tit { margin-bottom: .25rem; font-size: var(--font-size42); font-weight: bold; line-height: 1.2; }
.network-one .item .text .des { margin: .35rem 0 .5rem; font-size: var(--font-size20); }
.network-one .item .pic { width: 45%; text-align: right; }
.network-one .item:nth-child(2n) { direction: rtl; }
.network-one .item .more .but { color: var(--white); display: block; border: solid 1px var(--white); padding: 0 .4rem; margin-right: .3rem; border-radius: .1rem; line-height: 3; transition: .3s; }
.network-one .item .more .but:hover, .network-one .item .more .but.on { border-color: var(--white); background-color: var(--white); color: var(--colortext); font-weight: 500; }
.network-one .item .more .but:last-child { margin-right: 0; }
.network-two { background: #fffdeb; padding: 1.35rem 0; color: var(--colortext); text-align: center; }
.network-two .small-tit { margin-bottom: .3rem; font-size: var(--font-size32); }
.network-two .introd { margin: .4rem auto; font-size: var(--font-size20); /* padding: 0 1rem; */ }
.network-three { padding: 1.3rem 0 2.8rem; color: var(--colortext); }
.network-three .text { width: 62%; position: relative; z-index: 3; }
.network-three .text .small-tit { margin-bottom: .25rem; font-size: var(--font-size32); }
.network-three .text .con { font-size: var(--font-size20); margin-top: .35rem; }
.network-three .pic { width: 29.375%; }
.network-three:after { position: absolute; left: 0; bottom: 0; display: block; content: ''; width: 100%; padding-bottom: 6.2633333%; background-color: #fff; background-image: url(../images/Network-bg.png); background-repeat: no-repeat; background-position: center bottom; background-size: 100% 100%; }
.network-four { padding: 1.25rem 0 2.5rem; background: #fffdeb; color: var(--colortext); }
.network-four .inside-tit { text-align: center; }
.network-four .introd { text-align: center; margin: .4rem auto; font-size: var(--font-size20); /* padding: 0 1rem; */ }
.network-four .form-box .title { text-align: center; font-size: var(--font-size32); text-align: center; font-weight: bold; margin-bottom: .3rem; }
.network-four .form-box .wtd49 { width: 49%; }
.network-four .form-box .wtd100 { width: 100%; }
.network-four .form-box .item { margin-bottom: .2rem; }
.network-four .form-box .item .name { color: #333333; font-size: var(--font-size20); margin-bottom: .1rem; }
.network-four .form-box .item .name i { color: red; }
.network-four .form-box .item .select-txt { background-color: var(--white); }
.network-four .form-box .item .select-txt select { width: 100%; padding: .12rem .2rem; border: solid 1px #8fa9b4; border-radius: .08rem; overflow: hidden; font-size: var(--font-size18); appearance: none; -moz-appearance: none; -webkit-appearance: none; background-repeat: no-repeat; background-image: url(../images/arrow.svg); background-size: .15rem; background-position: 98% center; background-color: transparent; cursor: pointer; }
.network-four .form-box .item .select-txt select::-ms-expand { display: none; }
.network-four .form-box .item .input-txt { border: solid 1px #8fa9b4; border-radius: .08rem; overflow: hidden; }
.network-four .form-box .item .input-txt input { width: 100%; border: none; padding: .12rem .2rem; font-size: var(--font-size18); font-weight: 300; }
.network-four .form-box .item .input-area { padding: .2rem; background: var(--white); border: solid 1px #8fa9b4; border-radius: .08rem; overflow: hidden; }
.network-four .form-box .item .input-area textarea { border: none; background: transparent; width: 100%; display: block; margin: 0; resize: none; margin: 0; padding: 0; font-size: var(--font-size18); }
.network-four .form-box .aniu { margin-top: .4rem; }
.network-four .form-box .aniu .but { border: none; min-width: 3rem; text-align: center; background: var(--colortext); color: var(--white); padding: .12rem; border-radius: .1rem; cursor: pointer; font-size: var(--font-size20); }
@media(max-width:1024px) {
	.network-one { padding-top: .5rem; }
	.network-one .item .text { width: 100%; margin-bottom: 5%; }
	.network-one .item .text .big-tit { font-size: var(--font-size32); }
	.network-one .item .text .small-tit { font-size: var(--font-size20); }
	.network-one .item .pic { width: 100%; text-align: left; }
	.network-one .item:nth-child(2n) { direction: ltr; }
	.network-two { padding: 1rem 0; }
	.network-two .introd { padding: 0; }
	.network-three { padding: 1rem 0; }
	.network-three .text .small-tit { font-size: var(--font-size24); }
	.network-four { padding: 1rem 0; }
}
@media(max-width:640px) {
	.network-one .item { margin-bottom: .5rem; }
	.network-one .item .text .des { margin: .2rem 0; }
	.network-one .item .text .small-tit { margin-bottom: .15rem; }
	.network-one .item .text .big-tit { font-size: var(--font-size24); }
	.network-two .small-tit { font-size: var(--font-size22); }
	.network-three .text { width: 100%; }
	.network-three .pic { margin-top: .4rem; width: 100%; }
	.network-four .introd { margin: .2rem 0; padding: 0; }
	.network-four .form-box .title { line-height: 1.5; }
	.network-four .form-box .item .input-area textarea { min-height: 7em; }
	.network-four .autoCon-1040 { width: 100%; max-width: 100%; }
}

/* 公司 */
.company-one { background: var(--backbg); padding-top: 1.5rem; }
.company-one:after { display: block; content: ''; width: 100%; padding-bottom: 9.655555%; background-color: #fff; background-image: url(../images/index-bg.png); background-repeat: no-repeat; background-position: center bottom; background-size: 100% 100%; }
.company-one .item { margin-bottom: 1.5rem; }
.company-one .item:last-child { margin-bottom: .5rem; }
.company-one .item .text { direction: ltr; color: var(--white); width: 48%; }
.company-one .item .text .small-tit { margin-bottom: .25rem; font-size: var(--font-size32); }
.company-one .item .text .big-tit { font-size: var(--font-size52); font-weight: bold; line-height: 1.3; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); }
.company-one .item .text .big-tit span { color: #df5c70; }
.company-one .item .text .des { margin: .35rem 0 .2rem; font-size: var(--font-size20); }
.company-one .item .pic { width: 46%; }
.company-one .item:nth-child(2n) { direction: rtl; }
.company-two { background: #fff; padding: 1.35rem 0; color: var(--colortext); }
.company-two .inside-tit { text-align: center; }
.company-two .introd { text-align: center; margin: .4rem auto; font-size: var(--font-size20);/* padding: 0 1rem */; }
.company-two .item { width: 21.25%; border: solid .05rem #5fc2d6; background: #007799; margin-right: 4.999999%; }
.company-two .item:nth-child(4n) { margin-right: 0; }
.company-two .list-box { margin-top: .7rem; }
.company-two .item .pic { padding-bottom: 45.455555%; }
.company-two .item .pic img { position: absolute; left: 0; top: 0; object-fit: cover; width: 100%; height: 100%; }
.company-two .item .pic i { font-size: var(--font-size24); color: #c93406; font-weight: bold; position: absolute; left: .1rem; top: .1rem; z-index: 5; }
.company-two .item .tit { min-height: calc(100% - 58%); padding: .1rem 0; color: var(--white); font-size: var(--font-size24); font-weight: bold; text-align: center; line-height: 1.1; }
.company-three { background: #fffdeb; padding: 1.35rem 0 2.3rem; color: #78206e; }
.company-three .inside-tit { text-align: center; }
.company-three .list-box { margin-top: .7rem; }
.company-three .item { width: 44%; margin-bottom: 4%; }
.company-three .item .pic { width: 42.899%; border: solid 1px #78206e; }
.company-three .item .pic img { display: block; width: 100%; }
.company-three .item .text { line-height: 1.6; font-size: var(--font-size20); padding-left: .35rem; width: 57%; }

.company-three .item:nth-child(3),
.company-three .item:nth-child(4){ display: none;}

@media(max-width:1024px) {
	.company-one { padding-top: 1rem; }
	.company-two { padding: 1rem 0 .5rem; }
	.company-two .introd { padding: 0 0rem; }
	.company-two .item { width: 48%; margin-right: 4%; margin-bottom: .5rem; }
	.company-two .item:nth-child(2n) { margin-right: 0; }
	.company-two .item .tit { min-height: auto; }
	.company-three { padding: 1rem 0; }
	.company-three .item { width: 100%; margin-bottom: 0.5rem; }
}
@media(max-width:640px) {
	.company-one .item .text, .company-one .item .pic { width: 100%; }
	.company-one .item .text .small-tit { font-size: var(--font-size24); }
	.company-one .item .text .big-tit { font-size: var(--font-size32); }
	.company-two .item { width: 100%; margin-right: 0%; margin-bottom: .3rem; }
	.company-three .item { width: 100%; margin-bottom: 0.3rem; justify-content: center; }
	.company-three .item .pic { margin-bottom: 0.3rem; }
	.company-three .item .text { width: 100%; padding-left: 0rem; }
}



.Studio-info { background: var(--backbg); padding-top: .4rem; }
.Studio-info:after { display: block; content: ''; width: 100%; padding-bottom: 9.655555%; background-color: #fff; background-image: url(../images/index-bg.png); background-repeat: no-repeat; background-position: center bottom; background-size: 100% 100%; }
.Studio-info .back-box { margin-bottom: .2rem; }
.Studio-info .back-box a { font-size: var(--font-size20); background-image: url(../images/arrow-white.svg); background-repeat: no-repeat; background-position: left center; background-size: .09rem; color: var(--white); padding-left: .25rem; }
.Studio-info .item { margin-top: 1rem; margin-bottom: .8rem; }
.Studio-info .item .text { direction: ltr; color: var(--white); width: 45%; }
.Studio-info .item .text .big-tit { font-size: var(--font-size52); font-weight: bold; line-height: 1.3; }
.Studio-info .item .text .des { margin: .3rem 0; font-size: var(--font-size20); }
.Studio-info .item .pic { width: 45%; }
.Studio-info .item .pic img{width: 100%;}
@media(max-width:640px) {
.Studio-info .item{ margin-top: 0.5rem; margin-bottom: .5rem;}
.Studio-info .item .text { width: 100%; margin-bottom: .35rem; }
.Studio-info .item .text .big-tit { font-size: var(--font-size26); }
.Studio-info .item .text .small-tit { font-size: var(--font-size22); }
.Studio-info .item .pic { width: 100%; }
}


.StudioInfo{padding: 1.2rem 0 2rem;}
.StudioInfo .title { font-size: var(--font-size52); text-align: center; font-weight: bold; color: var(--backbg); margin-bottom: .35rem;}
.StudioInfo .con{border: solid 2px #007799; padding: .06rem;}
.StudioInfo .info-con { color: #156082; font-size: var(--font-size20); padding: .35rem .3rem; border: solid 2px #5fc2d6; word-break: break-word;}
@media(max-width:1024px) {
.StudioInfo{padding: 0.5rem 0 ;}
.StudioInfo .title { font-size: var(--font-size32); }
.StudioInfo .info-con{padding: .24rem;}
}
@media(max-width:640px) {
.StudioInfo .title { font-size: var(--font-size24); }
}