@media screen and (max-width: 1199px) {
	body{overflow-x: auto;}
	.page{overflow-x: auto ;}
}
.recContent{width: 1200px;/* height:550px; */position: absolute;z-index: 9;left: 50%;margin-left: -600px;top: 10%;/* margin-top: -300px; */}
.recContent .title{width: 80%;margin: auto;}
.recContent .title h1{display:block;color: #fff;text-align: center;font-size: 70px;font-weight: normal;overflow: hidden;height: 100px;line-height: 100px;letter-spacing:8px;font-family: 'noto-light';}
.recContent .title h3{display: block;color: #48ccb4;text-align: center;font-size: 24px;font-weight: normal;margin-top: 20px;font-family: 'noto-light';}
.recContent .severList{width: 862px;margin: auto;}
.recContent .severList ul{width: 100%;height: 300px;background: rgba(255,255,255,0.1);margin-top: 30px;padding:3%;overflow: hidden;}
.recContent .severList ul li{width:12.5%;height:100%;float: left;background: #e3ffaa;overflow: hidden;text-align: center;vertical-align: middle;}
.recContent .severList ul li div{float: left;width: 100%;height: 100%;padding: 40px 0;overflow: hidden;}
.recContent .severList ul li div.cont{display: none;background: #151515;color:#22d3b6;overflow: hidden;}
.recContent .severList ul li div.cont p{display: inline-block;padding: 10px;font-size: 8px;line-height: 18px;margin: auto;width: 104px;}
.recContent .severList ul li.active{width: 25%;text-align: center;}
.recContent .severList ul li.odd{background-color: #22d3b6;}
.recContent .severList ul li.even{background-color: #53ecd3;}
.recContent .severList ul li.active div{width: 50%;}
.recContent .severList ul li.active .cont{display: none;}
.recContent .severList ul li .show{overflow: hidden;}
.recContent .severList ul li .show i.tb{display:inline-block;width: 50px;height: 50px;background: url(../images/sever1.png);background-size: 50px 50px;}
.recContent .severList ul li .show h3{color: #161616;font-size: 16px;font-weight: normal;overflow: hidden;margin-top: 15px;width: 124px;}
.recContent .severList ul li .show img{width:124px;margin-top: 20px;}
.recContent .severList ul li .show p{display:block;margin: 5px 5%;width: 90%;background: #47c2ae;height: 1px;margin-top: 20px;}
.recContent .severList ul li .show i.jt{display:block;width: 14px;height: 14px;background: url(../images/sever_xq1.png);margin: auto;margin-top: 20px;}
.recContent .severList ul li.active .show i.jt{display:inline-block;width: 14px;height: 14px;background: url(../images/sever_xq2.png);margin: auto;margin-top: 20px;}
.recContent .severList ul li.sevNav .show i.tb{background-image: url(../images/sever1.png);}
.recContent .severList ul li.sevP .show i.tb{background-image: url(../images/sever2.png);}
.recContent .severList ul li.sevWc .show i.tb{background-image: url(../images/sever3.png);}
.recContent .severList ul li.sevSOS .show i.tb{background-image: url(../images/sever4.png);}
.recContent .severList ul li.sevCpt .show i.tb{background-image: url(../images/sever5.png);}
.recContent .severList ul li.sevBat .show i.tb{background-image: url(../images/sever6.png);}
.recContent .severList ul li.sevGtv .show i.tb{background-image: url(../images/sever7.png);}

.recContent.top{top: 43%;}
.recContent.top .title h3{margin:20px 0;}
.recContent.top .title .info{color:#fff;text-align: center;font-size:14px;}
.recContent .fundList{margin: auto;}
.recContent .fundList .clear{overflow: hidden;width: 100%;}
.recContent .fundList .fund_l,.recContent .fundList .fund_r{width: 50%;float: left;box-sizing: border-box;color: #b2b2b2;font-size: 14px;}
.recContent .fundList .fund_l{padding-right: 10px;}
.recContent .fundList .fund_r{padding-left: 10px;}
.recContent .fundList h5{color: #48dbc1;font-size: 20px;height: 46px;line-height: 46px;}
.recContent .fundList p{height: 140px;}
.recContent .fundList p span.fontcolor1{color:#48dbc1}
.recContent .fundList span.tip{color: #48dbc1;}
.recContent .fundList .fundImg{width: 100%;height: auto;}
.recContent .fundList .bg{width: 190px;height: 50px;background: rgba(255,255,255,.2);border-radius: 25px;line-height: 50px;text-align: center;font-size: 20px;color:#fff}

.recContent .title p{font-size:14px;color:#fff;text-align: center;margin:30px auto;}
.severList p{color:#aaa;margin:30px auto;}
.reccontent{width:100%;height:100%; overflow-x:hidden;}
.reccontent>.bd{width:100%;height:100%;}
.reccontent>.bd>img{width:100%;height:100%}
.recCon{width:100%;height:auto;margin:0 auto; background-color: #eaf2fa; text-align: center;padding-bottom:40px;}
.recCon .title{font-size:60px;color:#3333333;line-height: 200px;;}
.recCon .recpic{}


.recContent .devoteList{margin: auto;margin-top:70px;}
.recContent .devoteList img{width:100%;height:auto;}
.recContent .devoteList p{color: #b2b2b2;font-size: 14px;margin:30px 0;text-align: center;}

/*人工智能*/
.ai_content .ai_item{ width:100%; height:auto; background-size:100% 100%; background-position:center center; background-repeat:no-repeat;}
.ai_content .ai_item img{ width:1100px; height:auto; display:block; margin:0  auto;}
/*数字艺术查看更多*/
.linkMore{width:180px;height:40px;border:1px solid #191919;color:#333;line-height: 40px; text-align: center;font-size:14px; position: absolute;left:125px;bottom:0px;}
.linkMore a{display: block;width:100%;height:100%;}
.linkMore:hover{background-color: #22d3b6;border:1px solid #22d3b6;}
.linkMore1{width:180px;height:40px;border:1px solid #191919;color:#333;line-height: 40px; text-align: center;font-size:14px; position: absolute;left:550px;bottom:0px;}
.linkMore1 a{display: block;width:100%;height:100%;}
.linkMore1:hover{background-color: #22d3b6;border:1px solid #22d3b6;}
@media (min-width:1050px) and (max-width:1500px ) {
	.recContent.top{top: 50%;}
	.recContent .title h1{font-size:50px;height:70px;line-height: 70px;}
	.recContent .title h3{margin-top:0px;}
	.recContent .title p{margin:20px auto;}
	.recContent .severList{width:630px;}
	.recContent .severList .small{display: block !important;}
	.recContent .severList .big{display: none;}
	.recContent{top:5%;}
}