body{overflow: hidden; position:relative;}
@media screen and (max-width: 1199px) {
	body{overflow-x: auto;}
	.page{overflow-x: auto ;}
}
.recContent{width: 1200px; height:631px; position: absolute; z-index: 9; left: 50%; margin-left: -600px; top:50%; margin-top: -315px; }
.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';margin-bottom: 30px;position: relative;}
.recContent .phoneCont{width: 220px;height:456px;background: url(../images/phone.png); background-size:100% auto;margin: auto;overflow: hidden;position: relative;}
.phoneCont .phoneHead {margin-top: 85px;position: relative;}
.phoneCont .phoneHead a.up{width: 6px;height: 10px;display: inline-block;background: url(../images/jtLf.png);position: absolute;bottom: 6px;left:25px;}
.phoneCont .phoneHead a.down{width: 6px;height: 10px;display: inline-block;background: url(../images/jtRt.png);position: absolute;bottom: 6px;right:25px;}
.phoneCont .phoneText{width:190px;margin: auto;margin-top: 20px; line-height:20px}
.phoneCont .phoneText p{display: none; color: #161616;text-align: center;}
.phoneCont .phoneText p.active{display: block;}
.phoneCont .phoneHead .headT{display: none;width:190px;text-align: center;color: #191919;font-size: 18px;margin: auto;}
.phoneCont .phoneHead .headT.active{display: block;}
.phoneCont .phoneList{position: absolute;bottom:63px;width:190px;left:16px;}
.phoneCont .phoneList ul li{height:25px;border-bottom: 1px solid #d3f6f0;line-height:26px;}
.phoneCont .phoneList ul li a{color: #666;}
.phoneCont .phoneList ul li.active a{color: #333;}
.phoneCont .phoneList ul li:last-child{border: none;}
.phoneCont .phoneList ul li i{display: inline-block;width: 5px;height: 5px;vertical-align: middle;background: #22D3B6;border-radius: 5px;margin-left: 30px;margin-right: 20px;}
.mamCont{position: relative;}
.mamCont .sidebar{width: 200px;height: 300px;position:absolute;}
.mamCont .sidebar.lfCont{left: 0;top: 0;width: 500px;height: 600px;}
.mamCont .sidebar div h3{color: #fff;font-weight: normal;font-size: 18px;text-align: center;margin-top: 10px;}
.mamCont .sidebar div p{color: #797979;font-size: 12px;line-height: 24px;margin-top: 5px;width: 300px;margin: auto;text-align: center;}
.mamCont .sidebar.lfCont .kltj{width:400px;position: relative;}
.mamCont .sidebar.lfCont .kltj i{display:block;width: 75px;height: 75px;background: url(../images/magList1.png);margin: auto;}
.mamCont .sidebar.lfCont .qyhj i{display:block;width: 75px;height: 75px;background: url(../images/magList2.png);margin: auto;margin-top: 50px;}
.mamCont .sidebar.lfCont .qyhj{margin-left: 100px;}

.mamCont .sidebar.rtCont .fhjc i{display:block;width: 75px;height: 75px;background: url(../images/magList3.png);margin: auto;}
.mamCont .sidebar.rtCont .cldd i{display:block;width: 75px;height: 75px;background: url(../images/magList4.png);margin: auto;margin-top:50px;}
.mamCont .sidebar.rtCont .cldd{margin-right: 80px;}
.mamCont .sidebar.rtCont{right: 0;top: 0;width: 500px;height: 600px;}
.systemIntro {text-align: center;}
.mamCont .mamConttit{color:#fff;font-size:14px; text-align: center;width:78%;margin:0 auto;}
.mamCont h3{font-size:20px;color:#61bd92;margin-top:30px;margin-bottom:20px;text-align: left;}
.mamCont .systempic{margin:0 auto;display: inline-block;}
.mamCont .systemInfo{width:250px;height:340px;border:1px solid #48dbc1;margin-right:20px;}
.mamCont .systemInfo h2{color:#48dbc1;font-size:26px;font-weight: normal; text-align: center;margin:50px 0px 40px 0px;}
.mamCont .systemInfo p{color:#fff;font-size:14px; text-indent: 20px;line-height: 35px;}
@media (max-width:1500px) {
	.recContent .title h1{font-size:50px;height:70px;line-height: 70px;}
	.recContent .title h3{margin-top:0px;margin-bottom:20px;}
}