@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0;}
ul li{ list-style:none;}
body{ font-size:14px; color:#272727; font-family: Arial, 'Microsoft Yahei', Simsun, sans-serif;}
input, select, textarea{ font-size:14px; font-family: Arial, 'Microsoft Yahei', Simsun, sans-serif; }
a{ text-decoration:none; font-weight:normal;}
a:hover{ text-decoration:none;}
a img{ border:0;}
.top10{ margin-top:10px;}
.top20{ margin-top:20px;}
.top30{ margin-top:30px;}
.top35{ margin-top:35px;}
.top40{ margin-top:40px;}
.top50{ margin-top:50px;}
.top60{ margin-top:60px;}
.top65{ margin-top:65px;}
.top70{ margin-top:70px;}
.clear{ clear:both;}

.main{ width:1200px; margin: 0 auto;}
.main2{ width:1000px; margin: 0 auto;}
.fl{ float:left;}
.fr{ float:right;}

.header{ width:100%; background:#fff; box-shadow:0px 0px 10px #ccc; height:70px; position:fixed; top:0; left:0; z-index:100;}
.headerLeft{ margin-left:100px; height:38px; margin-top:16px;}
.headerLeft img{ width:205px; height:38px;}
.headerRight{ margin-right:100px;}
.headerRight ul{ width:298px; float:left; font-size:16px; line-height:70px;}
.headerRight ul li{ float:left; padding:0px 15px;}
.headerRight ul li:first-child{ padding-left:0px;}
.headerRight ul li:last-child{ padding-right:0px;}
.headerRight ul li a{ color:#333333;}
.headerRight ul li a:hover, .headerRight ul li .cur{ color:#f4ae5b;}
.aBtn a{ width:75px; text-align:center; height:30px; line-height:30px; display:block;  float:left; margin-left:30px; border-radius:5px; margin-top:20px; color:#fff;}
.aBtn a:hover{ background:#f4ae5b;}
.blue{ background:#27bde0;}
.darkblue{ background:#1b94d3;}


.section, .sectionMain{ width:100%; float:left;}
.banner{ background:#108ee9; height: 830px; }
.sectionBanner{ position:relative; margin-top:180px;}
.phoneImg{ width:750px; float:left;}
.phoneText{ width:430px; float:right; color:#fff;}
.phoneText1{ font-size:60px;}
.phoneText2{ width:30px; float:left; height:5px; background: #fff;}
.phoneText3{ width:100%; float:left;}



.channel, .channel2{ width:80%; float:left; margin-left:10%; margin-top:80px;}
.channel .channelLeft, .channel .channelRight{ width:30%; float:left; border-bottom:1px solid #ddd; height:25px;}
.channel2 .channelLeft, .channel2 .channelRight{ width:15%; float:left; border-bottom:1px solid #ddd; height:25px;}
.channel .channelCenter{ width:40%; float:left; text-align:center; font-size:40px; height:50px; }
.channel .channelCenter p{ font-size:24px;}
.channel2 .channelCenter{ width:60%; float:left; text-align:center; font-size:40px; height:50px; line-height:50px; }
.subtitle{ width:100%; float:left; text-align: center; color:#666;}

/*行业价值*/
.industry, .industryBottom, .industryBottom ul{ width:100%; float:left;}
.industryLeft{ width:236px; float:left;}
.industryRight{ width:860px; float:right; margin-right:104px;}
.industryRight ul{ width:100%; float:left;}
.industryRight ul li{ width:300px; float:left; margin-left:130px;}
.industryRight ul li .industryTitle{ width:100%; float:left; font-size:16px; font-weight: bold; color: #108ee9; }
.industryRight ul li .industrySummary{ width:100%; float:left; line-height: 24px;}
.industryBottom ul li{ width:400px; float: left; text-align: center;}
.industryBottom ul li .industryTitle2{ width:100%; float:left; font-size:24px; }
.industryBottom ul li .industrySummary2{ width:100%; float:left; line-height: 24px;}



/*解决方案*/
.bgGray{ background:#fafafa; margin-top:80px;}
.solution, .solutionTitle, .solutionText2, .solutionSummary ul{ width:100%; float:left;}
.solution{  padding-bottom:80px;}
.solutionImg{ width:400px; float:left;}
.solutionImg img{ width:372px; }
.solutionText{ width:750px; float:right;}
.solutionTitle{ font-size:20px; line-height: 30px;}
.solutionCircle1, .solutionCircle2, .solutionCircle3{ width:30px; height:30px; border-radius: 50%; color: #fff; display: block; float:left; margin-right:20px; text-align: center;}
.solutionCircle1{ background: #108ee9;}
.solutionCircle2{ background: #6a53ff;}
.solutionCircle3{ background: #00f2a1;}
.solutionSummary{ width:700px; float:right;}
.solutionSummary ul li{ width:33.3%; float:left; line-height: 24px;}
.solutionSummary p{ line-height: 24px; margin-top: 10px;}
.solutionSummary p:first-child{ margin-top:0px;}
.solutionSummary div{ width:50%; float:left; line-height: 24px;}
.leftBtn, .rightBtn{ width:50px; position:absolute; margin-top:450px;}
.leftBtn{ left:20px; float:left; }
.rightBtn{ right:20px; float:right;}



/*收费对账很安全*/
.cases, .cases ul, .cases ul li .schoolLogo, .cases ul li .schoolMask{ width:100%; float:left;}
.cases ul li{ width:20%; float:left; position: relative;}
.cases ul li .schoolMask{ height:100%; color:#fff; position:absolute; left:0px; top:0px; background:rgba(0,0,0,0.6); display: none;}
.cases ul li .schoolMask .schoolQrcode{ width:100%; float:left; text-align: center; position: absolute; top:50%; margin-top:-80px;}



/*常见问题*/
.problem{ width:100%; float:left;}



/*申请免费使用校收宝*/
.apply, .applyList, .applyDiv2, .applyTitle, .applyText, .applyList{ width:100%; float:left;}
.apply{ margin-top:80px;}
.applyList{ margin-top:10px;}
.applyList:first-child{ margin-top:0px;}
.applyCon{ width:800px; float:left; margin:0px 100px;}
.applyDiv{ width:385px;}
.applyTitle{ line-height:30px;}
.applyTitle span{ float:left; color:#ff0000; padding:2px 5px 0px 0px;}
.inputText{ border:1px solid #ddd; background:#fff; height:35px; line-height:35px; width:363px; padding:0px 10px; float:left; border-radius:3px;}
/*ui-choose样式，可根据实际项目需求进行调整*/
select.ui-choose{display: none;}
ul.ui-choose { box-sizing: border-box; display: inline-block; border: 1px solid transparent; font:14px/32px 'microsoft yahei'; border-right: none; border-bottom: none; margin: 0; padding: 0; list-style: none; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
ul.ui-choose:after { content: ""; display: table; clear: both; }
ul.ui-choose>li { box-sizing: border-box; border: 1px solid #ddd; float: left; height: 35px; line-height: 35px; cursor: pointer; position: relative; z-index: 1; text-align: center;  padding:0px 40px; margin-right:64px; border-radius:3px;}
ul.ui-choose>li:last-child { margin-right:0px; }
ul.ui-choose>li:hover { z-index: 4; border-color: #f4ae5b; color: #fff; background:#f4ae5b; }
ul.ui-choose>li.selected { z-index: 3; border-color: #f4ae5b; background-color: #f4ae5b; color: #fff; }
ul.ui-choose>li.disabled { z-index: 2; background-color: #fff; color: #333; cursor: not-allowed; }
ul.ui-choose>li.disabled:hover { border-color: #f4ae5b; }
.applyText textarea{ width:778px; padding:0px 10px; float:left; height:200px; line-height:24px; border-radius:3px; border:1px solid #ddd;}
.applyBtn{ width:200px; float:left; margin:20px 0px 0px 300px; }
.applyBtn a{ width:200px; height:35px; display:block; border:none; }
.applyBtn a img{ width:100%;}




.footer{ background:url(../images/footbg.jpg) no-repeat 50% bottom #fff;}
.logoFoot, .footDiv, .foot, .copyRight{ width:100%; float:left;}
.logoFoot, .footDiv{ text-align:center;}
.logoFoot{ margin-top:120px;}
.logoFoot img{ width:293px; height:95px;}
.logoFoot p{ font-size:18px; margin-top:10px; text-indent:5px;}
.footDiv p{ font-size:28px; line-height:40px;}
.footDiv{ margin-bottom:120px;}
.foot{ background:#333333; height:250px; }
.foot1{ position:relative; margin-top:20px;}
.foot1, .copyRight{ width:100%; float:left;}
.footImg, .footText{ width:49%; color:#fff;}
.footImg{ text-align:right;} 
.footText p{ font-size:30px; line-height:40px;}
.footText div{ line-height:26px;}
.copyRight { margin-top:15px;}
.copyRight p{ color:#999999; text-align:center;}




.Tips{ display: none; width:500px; height:300px; position:absolute; top:50%; left:50%; margin-left:-250px; margin-top:-150px; border-radius:10px; background-color: #fff; z-index: 130;}
.wait{ width:100%; float:left; text-align:center;}
.wait img{ width:75px;}
.TipsDiv{display: none;  position: absolute;  z-index: 129;  left: 0;  top: 0;  width: 100%;  height: 100%;  background:#000; filter:alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5;}
.TipsText{ width:100%; float:left; text-align:center; font-size:16px;}
.TipsBtn{ width:100%; float:left; margin-top:30px; text-align:center;}
.TipsBtn a{ width:150px; float:left; margin-left:175px; line-height:40px; border-radius:30px; background:#f4ae5b; color:#fff;}
.tipsMain{ width:100%; float:left; background:#fff;}

