/* 内容 */
body{background-color:#fff;}
.header{height:auto;}
.content{margin: 0 auto;margin-top: 40px;width: 1000px;}

.banner{width:100%;height:47vw;position: relative;}
.banner img{width:100%;height:47vw;}
.survey{position: absolute;bottom:30px;left:50%;transform: translateX(-50%);z-index:2;}
.survey>p:first-child{color:#fff;font-weight: bold;font-size:2rem;}
.survey>p:last-child{color:#fff;font-size:1.1rem;}

/* 足球巴巴简介 */
.introduction{background-image: url(/static/website/img/synopsis.png);background-size: 100% 100%;height: 13vw;margin-top: 40px;position: relative;}
.introduction>div{position: absolute;right: 0;bottom: 0;width: 47%;height: 4.7vw;text-align: center;line-height: 4.7vw;font-size: 1.8em;color: white;}
/* 使命 */
.mission{margin-top: 40px;}
.mission>h4{margin: 30px 0;}
.mission>p{text-indent: 2rem;}
/* 模式 */
.pattern{background-image: url(/static/website/img/schema.png);background-size: 100% 100%;margin-top: 40px;padding: 0 20px;padding-bottom: 50px;}
.pattern>div:nth-of-type(1){width: 100%;height: 100px;line-height: 100px;color: white;font-size: 2em;font-weight: 600;}
.patternContent{margin-top: 30px;display: flex;}
.patternImg>img{width: 100%;height: 100%;}
.patternWord{padding: 0 20px;padding-left: 40px;text-align: right;}
.patternWord>p:nth-of-type(1){text-indent: 2em;}
.patternWord>p{color: white;}
/* 现状 */
.actuality{background-image: url(/static/website/img/nowadays.png);background-size: 100% 100%;margin-top: 50px;display: flex;justify-content: space-between;}
.actuality>div:nth-of-type(1){text-align: center;width: 28%;margin-top: 65px;color: white;font-size: 1.8em;}
.actuality>div:nth-of-type(2){padding: 50px 0;padding-right: 20px;}



/* 理念 */
.idea{margin-top: 50px;}
.ideaHeader{display: flex;justify-content: center;margin-bottom:30px;}
.ideaHeader>div:nth-of-type(1){width: 50px;height: 50px;background: linear-gradient(rgb(224,212,210),rgb(238,233,230));border-radius: 50%;position: relative;left: 31px;bottom: 9px;}
.ideaHeader>div:nth-of-type(2){font-size: 2em;font-weight: 600;z-index: 999;}
.ideaWord{display: flex;justify-content: space-between;}
.ideaWord>div{margin-top: 50px;}
.ideaWord>div:nth-of-type(1){background-color: rgb(120, 64, 71);width: 60%;border-radius: 40px;padding:30px;padding-top: 0;}
.ideaWord>div:nth-of-type(2){background:linear-gradient(rgb(246,170,62),rgb(237,106,8));width: 38%;border-radius: 40px;padding:30px;padding-top: 0;}
/* 左部分 */
.ideaWordHeader{height: 60px;text-align: center;line-height: 60px;color: rgb(120,74,61);font-size: 1.5em;
background-color: rgb(243,244,248);width: 90%;margin: 0 auto;border-radius: 0px 0px 10px 10px;}
.ideaWordContent{color: white;margin-top: 20px;}
.ideaWordContent>div{display: flex;align-items: center;}
.ideaWordContent>div>div{width: 12px;height: 12px;border: 3px solid white;border-radius: 50%;margin-right: 15px;}

/* 右部分 */
.ideaWordRight{height: 60px;text-align: center;line-height: 60px;color: rgb(237,109,12);font-size: 1.5em;
background-color: rgb(243,244,248);width: 90%;margin: 0 auto;border-radius: 0px 0px 10px 10px;}



/* 优势 */
.superiority{margin-top: 50px;}
/* 优势内容 */
.superiorityWord{display: flex;flex-wrap: wrap;justify-content: center;}
.superiorityWord>*{margin:20px 0;}
/* 修改了url */
/*.superiorityWord>div{background-image: url(/static/website/img/superiority2.png);background-size: 100% 100%;margin: 20px;width: 29%;}*/
.superiorityContent{padding: 0 25px;margin:0 10px;padding-bottom: 40px;background:#f3f4f8;border-radius:30px;height:100%;}
.superiorityContent>h4:nth-of-type(1){height: 32px;line-height: 32px;color: white;text-align: center;background:#784a3d;
    width: 60px;border-bottom-left-radius: 100px;  border-bottom-right-radius: 100px;  margin: 0 auto;}
.superiorityContent>h4:nth-of-type(2){height: auto;text-align: center;margin: 20px 0;}
.superiorityContent>p{height: ;overflow: hidden;margin: 0;}
.superiorityContent>div{height: 50px;text-align: center;line-height: 50px;color: white;font-size: 1.5em;}
.superiorityContent>div:hover{cursor: pointer;}

/* 底部 */
.product-section {padding: 2em 0;background: #784a3d;color: white;cursor: pointer;margin-top: 100px;}
.container{margin: 0 auto;padding: 0 15px;}
.scanningImg>img{width: 90px;height: 90px;}
.scanningImg>img:nth-of-type(1){margin: 0;}
.scanning>p{text-align: center;font-size: 0.75em;margin-top: 20px;}
.container>div>div{margin-bottom: 10px;}
.department>div>div>div{margin-bottom: 10px;}
.container>div>div>a{font-size: 0.79em;}
.department>div>div>div>a{font-size: 0.79em;}
/* 联系地址 */
/* 添加 text-align: center; */
.address>div{font-size: 0.79em;text-align: center;}
/* 底部 */
.footer{padding: 1.2em 0;text-align: center;background: #572c1c;}
.footer>div:nth-of-type(1)>p{color: white;font-size: 0.85em;}
.footer>div:nth-of-type(1)>p>a{margin-left: 10px;font-size: 0.85em;}
.footer>div:nth-of-type(1)>p>a:hover{border-bottom: 1px solid white;}
.footer>div:nth-of-type(2){padding: 5px 0;}
.footer>div:nth-of-type(2)>a{display: inline-block;height: 20px;line-height: 20px;display: flex;justify-content: center;}
.footer>div:nth-of-type(2)>a>img{width: 20px;height: 20px;margin-right: 5px;}
.footer>div:nth-of-type(2)>a>p{font-size: 0.85em;}
/* 置顶 */
.toTop{position: fixed;right: 30px;bottom: 30px;z-index: 9999;}
.toTop>a>img{width: 48px;height: 48px;}
@media (max-width:1629px){
	/*.download{padding-right: 150px;}*/
}
@media (min-width:1397px){
	.content{width: 1000px;}
	.bigShow{display: block;}
}
@media (max-width:1397px){
	.content{width: 800px;}
	/*.download{padding-right: 100px;}*/
	
	/* 修改 */
	.schoolImg{width: 18%;}
	
	.introduction{height: 14vw;}
	.introduction>div{height: 4.8vw;line-height: 4.8vw;font-size: 1.5em;}
	.actuality>div:nth-of-type(1){margin-top: 83px;}
	.bigShow{display: block;}
	
	/* 添加 */
	.navigation{width: 55%;}
	.download{width: 112%;left: 47%;}
	.schoolImg>a>img{width: 18vw;height: 3.96vw;}
}
@media (max-width:1104px){
	/*.download{padding-right: 30px;}*/
	
	/* 修改 添加 */
	.schoolImg{width: 16%;}
	.navigation{width: 59%;}
	.download{width: 112%;left: 47%;}
}
@media (max-width:840px){
	/*.download{padding-right: 10px;}*/
	/*.header{height: 53vw;}*/
	.content{width: 640px;}
	.survey{width: 70%;}
	.survey>p:nth-of-type(1){font-size: 1.3em;}
	.survey>p:nth-of-type(2){margin: 0;font-size: 0.8em;}
	.introduction{height: 16vw;}
	.introduction>div{height: 5.7vw;line-height: 5.7vw;font-size: 1.3em;}
	.pattern{padding-bottom: 10px;}
	.patternContent{flex-wrap: wrap;margin-top: 50px;}
	.patternImg{margin: 0 auto;margin-bottom: 10px;width: 60%;}
	.patternWord{width: 100%;text-align: left;}
	
	.ideaWord{flex-wrap: wrap;}
	.ideaWord>div:nth-of-type(1){width: 80%;margin: 0 auto;}
	.ideaWord>div:nth-of-type(2){width: 80%;margin: 0 auto;margin-top: 30px;}
	
	.rightWord>p:nth-of-type(1){font-size: 1.3em;}
	.superiorityWord>div{margin: 20px 10px;}
	.superiorityWord>div{width: 44%;}
}
@media (max-width:769px){
	.bigShow{display: none;}
	.bigHide{display: block;}
	.navigationImg{width: 35%;}
	.minSearch{width: 30%;}
	
	.actuality>div:nth-of-type(2){padding: 30px 20px;;}
	.actuality>div:nth-of-type(1){font-size: 1.5em;width: 30%;}
	.actuality>div:nth-of-type(2){width: 70%;}
	
	/* 添加 */
	.minNavigation {height: 4rem;}
}
@media (max-width:677px){
	.content{width: 512px;}
	.minSearch{width: 35%;}
	.introduction>div{font-size: 1.1em;}
	.actuality>div:nth-of-type(1){font-size: 1.4em;margin-top: 55px;text-align: center;}
	.actuality>div:nth-of-type(2){padding: 10px 20px;width: 71%;padding-top: 20px;}
	.actuality>div:nth-of-type(2)>p{font-size: 0.8em;}
}
@media (max-width:549px){
	/*.download{padding-right: 0px;}*/
	.content{width: 409px;}
	.navigationImg {width: 50%;}
	.minSearch{width: 40%;}
	.survey>p:nth-of-type(1){margin: 0;}
	.introduction{height: 17vw;}
	.introduction>div{height: 6vw;line-height: 6vw;font-size: 0.9em;}
	.pattern>div:nth-of-type(1){font-size: 1.5em;}
	.patternWord>p{font-size: 0.8em;}
	.actuality>div:nth-of-type(1){font-size: 1.2em;margin-top: 61px;}
	.actuality>div:nth-of-type(2)>p{margin-bottom: 3px;}
	.ideaWord>div:nth-of-type(1){width: 100%;}
	.ideaWord>div:nth-of-type(2){width: 100%;}
	.superiorityWord>div{width: 77%;}
}
@media (max-width:431px){
	.content{width: 327px;}
	.navigationImg {width: 55%;}
	.minSearch{width: 45%;}
	.survey>p:nth-of-type(1){font-size: 2em;}
	/*.survey{margin: 0;width: 100%;font-size: 0.5em;}*/
	.survey{margin: 0;font-size: 0.5em;}
	.introduction {height: 18vw;}
	.introduction>div{height: 6.5vw;line-height: 6.5vw;font-size: 0.7em;}
	.actuality>div:nth-of-type(2)>p{font-size: 0.7em;margin-bottom: 6px;}
	.actuality>div:nth-of-type(1){font-size: 0.9em;margin-top: 68px;}
	.actuality>div:nth-of-type(2){padding: 12px;}
	.ideaWord>div:nth-of-type(1){padding: 0 10px;}
	
	.ideaWordContent{margin-top: 10px;}
}
@media (max-width:327px){
	.header{width: 327px;}
	.product-section{width: 327px;}
	.footer{width: 327px;}
}