/*格式化*/
@font-face{
	font-family: 'PingFangSC-Light';
	src: url('font/PingFangSC-Light.ttf') format('ttf');/*IE*/
}
html{
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
body{
	background:#f7f7f7;
	font-family:"Helvetica Neue","PingFangSC-Light","Hiragino SansGB","Microsoft YaHei","WenQuanYi Micro Hei","sans-serif";
}
body,div,ul,ol,li,dl,dd,p,img{
	margin:0;
	padding:0;
}
html,body{
	height:100%;
}
h1,h2,h3,h4,h5,h6{
	margin:0;
	padding:0;
	font-size:100%;
}
img{
	display:inline;
	border:none;
	vertical-align:middle;
}
a{
	color:inherit;
	text-decoration:none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

ul,ol,li,dl,dd{
	list-style:none;
}
input,textarea{
	outline:none;
}
.clearfloat{
	width:0;
	height:0;
	overflow:hidden;
	clear:bodh;
}
.font12{
	font-size:12px;
}
.font13{
	font-size:13px;
}
.font14{
	font-size:14px;
}
.font16{
	font-size:16px;
}
.font18{
	font-size:18px;
}
.font20{
	font-size:20px;
}
.font22{
	font-size:22px;
}
.font24{
	font-size:24px;
}
.font34{
	font-size:34px;
}
/*头部导航*/
#nav{
	width:100%;
	height:60px;
	position:relative;
	z-index:999;
	background-color:#fff;
}
.nav{
	width:961px;
	height:100%;
	margin:0 auto;
	background-color:#fff;
}
.nav .logo{
	float:left;
	padding-top:4px;
}
.nav .navlist{
	float:right;
}
.nav .navlist a{
	float:left;
	height:60px;
	line-height:60px;
	margin:0 16px;
	position:relative;
	color:#333;
}
.nav .navlist img{
	float:left;
	margin-top:24px;
	margin-left:26px;
}
.nav .navlist .on{
	color:#00a3fe;
}
.nav .navlist .on:after{
	content:'';
	width:100%;
	height:0;
	position:absolute;
	left:0;
	bottom:15px;
	border-bottom:2px solid #00a3fe;
}
.subnav{
	width:100%;
	height:52px;
	position:absolute;
	left:0;
	top:60px;
	z-index:999;
	background-color:#f5f5f5;
}
.subnavCont{
	display:none;
	width:961px;
	height:52px;
	line-height:52px;
	margin:0 auto;
	text-align:right;
}
.subnavCont a{
	margin-right:32px;
	color:#666;
}
.subnavCont a:hover{
	color:#00a3fe;
}
.subnavCont  .on{
	color:#00a3fe;
}
/*banner图*/
#banner{
	width:100%;
}
.banner{
	width:100%;
	min-width:961px;
	margin:0 auto;
	position:relative;
	z-index:998;
	overflow:hidden;
}
.banner-pro{
	height:auto;
}
.bannerCont{
	width:100%;
}
.bannerCont img{
	width:100%;
}
.banner .blist{
	width:100%;
	height:639px;
	position:absolute;
	left:0;
	top:0;
	text-align:center;
}
.bannericon {
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: 20px;
    z-index: 10;
}
.bannericoncont {
    width: 961px;
    height: 24px;
    text-align:center;
    overflow: hidden;
    margin: 0px auto;
}
.bannericoncont span {
    display:inline-block;
    width: 14px;
    height: 24px;
    margin-right: 10px;
    overflow: hidden;
    background: url(../images/icon11.png) left center no-repeat;
    cursor: pointer;
}
.golink{
	display:block;
	width:306px;
	height:48px;
	line-height:48px;
	position:absolute;
	left:50%;
	bottom:20px;
	margin-left:-153px;
	background-image:url(../images/btn3.png);
	background-repeat:no-repeat;
	text-align:center;
	font-size:20px;
	color:#fff;
}
.bannericoncont .on {
    background: url(../images/icon12.png) left center no-repeat;
}
/*主体内容*/
#wrapper{
	width:100%;
	overflow:auto;
	background-color:#fff;
}
.wrapper{
	width:961px;
	margin:0 auto;
	padding-bottom:30px;
	overflow:auto;
	overflow-x:hidden;
	background-color:#fff;
}
.info{
	width:100%;
	height:180px;
}
.info span{
	float:left;
	width:25%;
	height:110px;
	line-height:200px;
	margin-top:44px;
	overflow:hidden;
	text-align:center;
	background-repeat:no-repeat;
	background-position:center top;
	color:#333;
}
.info .i1{
	background-image:url(../images/i1.png);
}
.info .i2{
	background-image:url(../images/i2.png);
}
.info .i3{
	background-image:url(../images/i3.png);
}
.info .i4{
	background-image:url(../images/i4.png);
}
/*尾部*/
#foot{
	width:100%;
	height:66px;
	background-color:#f7f7f7;
}
.foot{
	width:961px;
	padding-top:15px;
	margin:0 auto;
	background-color:#f7f7f7;
}
.foot p{
	text-align:center;
	font-size:13px;
	color:#666;
}
/*产品介绍*/
.tit{
	width:100%;
	padding-top:40px;
	padding-bottom:22px;
	font-weight:100;
	color:#00a3fe;
}
.prolist{
	width:100%;
	overflow:auto;
}
.prolist li{
	float:left;
	width:33%;
	text-align:center;
}
.prolist li h2{
	padding:18px 0 10px 0;
	text-align:center;
	font-weight:100;
	color:#333;
}
.prolist li p{
	width:254px;
	margin:0 auto;
	text-align:left;
	color:#999;
}
.prolist li:first-child{
	width:34%;
}
.melist{
	margin-top:28px;
}
.bookBtn{
	display:block;
	width:306px;
	height:48px;
	line-height:48px;
	margin:0 auto;
	margin-top:20px;
	position:relative;
	background-image:url(../images/btn2.png);
	background-repeat:no-repeat;
	text-align:center;
	color:#fff;
}
.bookBtn:hover{
	background-image:url(../images/btnon2.png);
}
.bookBtn img{
	position:absolute;
	left:-72px;
	top:-302px;
	display:none;
}
.tit2{
	margin-top:42px;
	border-top:1px solid #f2f2f2;
}
.model{
	width:100%;
	height:168px;
}
.model li{
	float:left;
	width:25%;
	height:100%;
}
.model li .icon{
	width:48px;
	height:78px;
	margin:0px auto;
	background-image:url(../images/icon1.png);
	background-repeat:no-repeat;
}
.model li h2{
	margin-top:6px;
	margin-bottom:8px;
	font-weight:100;
	text-align:center;
	color:#333;
}
.model li p{
	text-align:center;
	color:#666;
}
.model .m1 .icon{
	background-position:-39px 0;
}
.model .m2 .icon{
	width:68px;
	background-position:-290px 0;
}
.model .m3 .icon{
	width:50px;
	background-position:-559px 0;
}
.model .m4 .icon{
	width:56px;
	background-position:-840px 0;
}
.memberView{
	width:100%;
	height:244px;
}
.memberView li{
	float:left;
	width:33%;
	text-align:center;
}
.memberView li p{
	margin-top:16px;
	color:#333;
}
.school{
	width:100%;
	margin-top:-10px;
	overflow:auto;
}
.schoolL{
	float:left;
	width:622px;
}
.schoolL span{
	display:block;
	height:32px;
	line-height:32px;
	padding-left:16px;
	background-image:url(../images/point.png);
	background-repeat:no-repeat;
	background-position:left center;
	color:#333333;
}
.schoolL a{
	line-height:36px;
	color:#00a3fe;
}
.schoolR{
	float:right;
	margin-top:66px;
}
.schoolR .code{
	float:left;
	width:113px;
	height:106px;
	padding-top:9px;
	text-align:center;
	background-image:url(../images/codeBg.png);
}
.schoolR .tel{
	float:left;
	margin-left:55px;
	margin-top:36px;
}
.schoolR .tel p{
	color:#999;
}
.schoolR .tel span{
	color:#00a3fe;
}
.ssicon{
	width:100%;
	height:112px;
	margin-top:42px;
}
.ssicon li{
	float:left;
	width:33%;
	height:100%;
}
.ssicon li .icon{
	height:76px;
	margin:0 auto;
	background-image:url(../images/icon2.png);
	background-repeat:no-repeat;
}
.ssicon li h2{
	margin-top:12px;
	text-align:center;
	font-weight:100;
	color:#333;
}
.ssicon .i1 .icon{
	width:92px;
	background-position:-110px 0;
}
.ssicon .i2 .icon{
	width:82px;
	background-position:-436px 0;
}
.ssicon .i3 .icon{
	width:72px;
	background-position:-769px 0;
}
.story{
	width:100%;
	margin-top:-20px;
	overflow-x:hidden;
}
.story table{
	width:100%;
}
.story table td{
	padding:12px 0;
	color:#333;
}
.story table span{
	color:#666;
}
.story table .p1{
	color:#999;
}
.story table .p2{
	margin-bottom:10px;
}
.sys{
	width:100%;
}
.sys li{
	width:100%;
	overflow:auto;
}
.sys li img{
	float:left;
}
.sys li div{
	float:right;
}
.sys li div h2{
	margin-top:86px;
	font-weight:100;
	color:#00a3fe;
}
.sys li div P{
	color:#666666;
}
.sys .l1{
	margin-top:76px;
	padding-bottom:10px;
}
.sys .l2{
	margin-top:-20px;
	padding-bottom:20px;
}
.sys .l2 img{
	float:right;
}
.sys .l2 h2{
	text-align:right;
}
.sys .l2 div{
	margin-right:40px;
}
.cont{
	width:100%;
	margin-top:-10px;
	overflow-x:hidden;
}
.cont p{
	line-height:30px;
	color:#333333;
}
.subcompany{
	width:100%;
	margin-top:-30px;
	overflow:auto;
}
.subcompany li{
	float:left;
	width:33%;
}
.subcompany li h2{
	margin-bottom:22px;
	font-weight:100;
	color:#00a3fe;
}
.subcompany li p{
	line-height:22px;
	color:#333;
}
.subcompany li p a{
	color:#333;
}
.media{
	width:100%;
	margin-top:40px;
	margin-bottom:-70px;
	overflow:auto;
}
.media li{
	width:100%;
	padding-bottom:36px;
	margin-bottom:40px;
	overflow:auto;
	border-bottom:1px solid #f2f2f2;
}
.media li:last-child{
	border:none;
}
.media li .img{
	float:left;
	width:134px;
	height:89px;
	border:1px solid #e6e6e6;
}
.media li .word{
	float:right;
	width:800px;
}
.media li .word h3{
	font-weight:100;
	color:#333;
}
.media li .wordall{
	display:none;
}
.media li .word p{
	line-height:32px;
	color:#666666;
}
.media li .handle{
	width:100%;
}
.media li .handle a{
	float:right;
	color:#00a3fe;
}
.media li .handle .slideup{
	margin-left:24px;
	padding-right:12px;
	background-image:url(../images/down.png);
	background-repeat:no-repeat;
	background-position:right center;
}
.media li .handle .viewmore{
	display:none;
}
.media li .handle .on{
	background-image:url(../images/up.png);
}
.memberinfo{
	width:100%;
	overflow:auto;
}
.memberinfo li{
	float:left;
	width:50%;
	overflow:auto;
}
.memberinfo li .img{
	float:left;
}
.memberinfo li .word{
	float:left;
	margin-left:18px;
}
.memberinfo li h3{
	margin-top:16px;
}
.memberinfo li .p1{
	margin-top:10px;
	margin-bottom:14px;
	color:#999;
}
.memberinfo li .p2{
	color:#333;
}
.applylist{
	width:100%;
}
.applylist li{
	width:100%;
	margin-top:40px;
	padding-bottom:20px;
	overflow:auto;
	border-bottom:1px solid #f2f2f2;
}
.applylist li:last-child{
	border:none;
}
.applylist li .liL{
	float:left;
	width:49%;
	padding-bottom:36px;
	overflow:auto;
}
.applylist li .liR{
	float:right;
	width:49%;
	overflow:auto;
}
.applylist li div h3{
	font-weight:100;
	color:#00a3fe;
}
.applylist li div h4{
	margin-top:24px;
	font-weight:100;
	color:#000;
}
.applylist li div p{
	line-height:26px;
	color:#666;
}
.applybtn{
	display:block;
	width:306px;
	height:48px;
	line-height:48px;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:40px;
	background-image:url(../images/btn2.png);
	text-align:center;
	color:#fff;
}
.applybtn:hover{
	background-image:url(../images/btnon2.png);
}
.layer{
	display:none;
	width:100%;
	height:100%;
	position:fixed;
	left:0;
	top:0;
	z-index:9999;
	

}
.layerBg{
	width:100%;
	height:100%;
	position:fixed;
	left:0;
	top:0;
	opacity:0.4;
	background-color:#fff;
}
.layerCont{
	width:961px;
	margin:0px auto;
	margin-top:560px;
	position:relative;
	z-index:99999;
	text-align:center;
}