@charset "utf-8";
body{ padding:0px; margin:0px auto; font-size:16px; font-family: 'Microsoft YaHei'; color:#464646; 
min-width:320px; 
max-width:640px;

/*禁用Webkit内核浏览器的文字大小调整功能*/
-webkit-text-size-adjust:none;

/*取出点击出现半透明的灰色背景*/
-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight:rgba(0,0,0,0); 

/*控制内容的可选择性*/
-webkit-user-select: none;  
-ms-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;

/*设置字体的抗锯齿或者说光滑度*/
-webkit-font-smoothing: antialiased; word-wrap:break-word;
}
ul,li,form,dl,dt,dd,div,h1,h2,h3,h4,h5,h6,p{ padding:0px; margin:0px;}
ul,ul li{ list-style: none;}
img,ul,li{ vertical-align:top;}
img{ max-width:100%; border:none;}
select,input,textarea{ font-family: 'Microsoft YaHei'; color:#333; -webkit-border-radius:0; border-radius:0; }
input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; }

a{ color:#464646; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}  
a:focus { -moz-outline:none; outline:none; }

/*清楚浮动*/
.fl{ float:left; display:inline;}
.fr{ float:right; display:inline;}

.clearfix:after{
    display: block;
    font-size: 0;
    line-height:0;
    visibility: hidden;
    height: 0;
    clear: both;
    content: " ";  
}
* html .clearfix{ zoom: 1; } /* IE6 */
*:first-child+html .clearfix{ zoom: 1; } /* IE7 */


.plr20{ padding-left:20px; padding-right:20px;}



/*头部*/
.logo{ padding:10px 0; position:relative;}
.logo img{ width:384px; height:66px;}
.logo span{ display:block; width:59px; height:49px; position:absolute; right:0; top:50%; margin-top:-24px; background:url(../images/c21.png) no-repeat center; z-index:99; cursor:pointer;}

.closeBtns{ text-align:right; padding-top:28px; padding-right:18px;}
.closeBtns a{ display:inline-block; width:26px; height:26px; background:url(../images/c22.png) no-repeat center;}

.mainNav{ display:none; background:rgba(0,0,0,.9); position:fixed; left:0; right:0; top:0; bottom:0;  z-index:10000; overflow-y:auto;}
.mainNav li a{ display:block; color:#fff;}
.mainNav li{ padding-left:18px; padding-right:18px; }
.mainNav li a.navA{ font-size:26px; padding:26px 20px; border-bottom:1px solid #646666; position:relative;}
.mainNav .btnv{ display:block; width:50px; position:absolute; right:0; top:0; bottom:0; z-index:99; background:url(../images/c23.png) no-repeat center;}
.mainNav li.up .btnv{ background-image:url(../images/c24.png);}

.mainNav dl{ display:none; padding-top:20px;}
.mainNav dl a{ font-size:24px; text-indent:2em; display:block; padding:24px 0; background-color:303948;}
.mainNav dl.down{ display:block;}
.mainNav li.up .btnv:before{ border-top:none; border-bottom:6px solid #fff;}


.banBox{ /*height:480px;*/ overflow:hidden; position:relative;}
.banBox img{ width:640px;/* height:480px;*/}

.banBox .owl-dots{ text-align:center; height:12px; position:absolute; left:0; right:0; bottom:30px; z-index:9;}
.banBox .owl-dots span{ display:none;}
.banBox .owl-dots .owl-dot{ display:inline-block; margin:0 5px; width:12px; height:12px; background-position:center; background-repeat:no-repeat; background-image:url(../images/c2.png);}
.banBox .owl-dots .active{ background-image:url(../images/c3.png);}



/*底部*/
.footer{ margin-top:58px;}
.footer,.footer a{ color:#fff;}
.floor1{ padding:20px 0; background-color:#008aff;}
.floor1 .mes{ width:464px; line-height:34px;}
.floor1 .code{ font-size:14px; width:116px; text-align:center;}
.floor1 .code img{ width:116px; height:116px;}
.floor1 .code span{ display:block; margin-top:13px;}

.floor2{ line-height:62px; background-color:#0072ff;}


/*首页*/
.ti{ width:512px; margin:0 auto; color:#888; text-align:center; text-transform:capitalize; position:relative;}
.ti i,.ti em{ font-style:normal;}
.ti span{ display:inline-block; *display:inline; zoom:1; padding:0 11px; background:#fff; position:relative; z-index:6;}
.ti em{ display:block; font-size:30px; color:#0195ff; font-weight:bold;} 
.ti i{ display:block; position:absolute; left:0; right:0; top:40px; height:1px; background-color:#dddddd; z-index:4;}

.courseIndex .ti,.teachIndex .ti{ color:#bfe4ff;}
.courseIndex .ti span,.teachIndex .ti span{ background-color:#0195ff;}
.courseIndex .ti em,.teachIndex .ti em{ color:#fff;}
.courseIndex .ti i,.teachIndex .ti i{ background-color:#fff;}


.aboutIndex{ padding:60px 0;}
.aboutIndex .txts{ line-height:26px; margin-top:14px;}
.aboutIndex .more{ text-align:center; margin-top:22px;}
.aboutIndex .more a{ color:#fff; width:112px; height:28px; display:inline-block; *display:inline; zoom:1; line-height:28px; background-color:#f14e4e;}


.caseIndex{ padding-bottom:70px;}
.caseIndex ul{ padding-top:23px;}
.caseIndex li{ width:318px; float:left; display:inline; margin-right:4px;}
.caseIndex li:nth-child(2n){ margin-right:0;} 
.caseIndex li .memos,.caseIndex li .pic{ margin-top:4px;}
.caseIndex li .memos{ text-align:center; width:274px; padding:61px 22px 50px 22px; background-color:#f1f1f1;}
.caseIndex li .tit{ font-size:20px; color:#222;}
.caseIndex li span{ width:26px; height:1px; background-color:#c5c5c5; display:inline-block; *display:inline; zoom:1; position:relative; top:-9px;}
.caseIndex li .txt{ height:72px; text-align:left; line-height:24px; overflow:hidden; margin-top:9px;}
.caseIndex li a{ color:#f16c6c;}
.caseIndex li .pic,.caseIndex li .pic img{ width:318px; height:241px;}
.caseIndex li .pic{ position:relative;}
.caseIndex li .pic i{ display:block; width:25px; height:22px; background:url(../images/c4.png) no-repeat center; position:absolute; left:50%; margin-left:-12px; z-index:9; top:-6px;}
.caseIndex li:nth-child(2n) .pic i{ background-image:url(../images/c5.png); top:auto; bottom:-6px;}


.courseIndex{ padding-top:21px; padding-bottom:28px; background-color:#0195ff;}
.courseIndex ul{ margin-top:25px;}
.courseIndex li,.courseIndex a{ color:#e9f3ff;}
.courseIndex li{ width:280px; float:left; display:inline; margin-right:40px;}
.courseIndex li:nth-child(2n){ margin-right:0;}
.courseIndex li .pic,.courseIndex li .pic img{ width:280px; height:203px;}
.courseIndex li .tit{ font-size:18px; font-weight:bold; margin-top:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.courseIndex li .txt{ height:112px; overflow:hidden; line-height:28px; margin:10px 0;}
.courseIndex li a.more{ font-weight:bold; color:#fff100;}


.progressIndex{ padding:55px 0;}
.progressIndex ul{ margin-top:27px;}
.progressIndex li{ text-align:center; width:299px; float:left; display:inline; border-right:2px solid #ccc; border-top:2px solid #ccc;}
.progressIndex li:nth-child(1),.progressIndex li:nth-child(2){ border-top:none;}
.progressIndex li:nth-child(2n){ border-right:none;}
.progressIndex li a{ display:block; padding-top:10px; padding-bottom:22px; color:#222;}
.progressIndex li em{ font-size:40px; }
.progressIndex li .tit{ font-weight:bold; font-size:18px; margin-top:3px;}
.progressIndex li .txt{ height:78px; overflow:hidden; padding:0 24px; line-height:26px; margin-top:18px;}
.progressIndex li a:hover{ background-color:#118bfe; color:#fff;}


.costIndex{ padding-bottom:55px;}
.costIndex table{ border-collapse:collapse; text-align:center; margin-top:25px;}
.costIndex th,.costIndex td{ vertical-align:middle; padding:10px;}
.costIndex th{ font-size:20px; color:#fff; background-color:#0172ff;}
.costIndex tr:nth-child(2n+1) td{ background-color:#0195ff;}
.costIndex tr:nth-child(2n+1) td,.costIndex tr:nth-child(2n+1) td a{ color:#fff;}
.costIndex tr:nth-child(2n) td{ background-color:#deefff;}
.costIndex tr:nth-child(2n) td,.costIndex tr:nth-child(2n) td a{ color:#3986ff;}


.skillIndex{ padding-bottom:68px;}
.skillList{ margin-top:6px;}
.skillList dl{ width:580px; border-bottom:1px dashed #dadada; line-height:20px; padding-top:19px; padding-bottom:7px;}
.skillList dt,.skillList dd{ padding-left:27px; background-position:left top; background-repeat:no-repeat;}
.skillList dt{ font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background-image:url(../images/c6.png);}
.skillList dd{ height:48px; overflow:hidden; background-image:url(../images/c7.png); margin-top:16px;}


.teachIndex{ padding-top:32px; padding-bottom:42px; background-color:#0195ff;}
.teachIndex,.teachIndex a{ color:#fff;}
.teachBox{ height:374px; position:relative;} 
.teachBox .bd{ margin-top:25px; position:relative; z-index:9; }
.teachBox .bd li{ display:none;}
.teachBox .bd .pic{ padding-top:8px; padding-left:8px; float:left; display:inline; width:275px; height:366px; position:relative;}
.teachBox .bd .pic img{ width:268px; height:359px;}
.teachBox .bd .pic a{ display:block; width:283px; height:374px; position:absolute; left:0px; top:0px; background:url(../images/c16.png) no-repeat center; z-index:9;}
.teachBox .bd .memos{ width:290px; float:right; display:inline; padding-top:35px; }
.teachBox .bd .tit{ font-size:24px;}
.teachBox .bd .txt{ height:130px; overflow:hidden; line-height:26px; margin-top:20px;}
.teachBox .hd{ width:290px; position:absolute; right:0; bottom:32px; z-index:99;}
.teachBox .hd span,.teachBox .hd .teaWrap{ float:left; display:inline;}
.teachBox .hd span{ width:11px; height:22px; background-position:center; background-repeat:no-repeat; cursor:pointer; margin-top:35px;}
.teachBox .hd span.teaPrev{ background-image:url(../images/c18.png);}
.teachBox .hd span.teaNext{ background-image:url(../images/c19.png);}
.teachBox .teaWrap{ margin:0 13px; width:242px; position:relative; z-index:9; overflow:hidden;}
.teachBox .teaList li,.teachBox .teaList li img{ width:70px; height:93px;}
.teachBox .teaList li{ float:left; display:inline; padding-right:16px; position:relative;}
.teachBox .teaList em{ display:block; position:absolute; left:0; top:0; width:101px; bottom:0; background:url(../images/c17.png) repeat center; z-index:9;}
.teachBox .teaList li.on em{ display:none;}


.graduIndex{ padding:60px 0;}
.graduIndex li{ width:290px; float:left; display:inline; margin-right:20px; margin-top:20px;}
.graduIndex li:nth-child(2n){ margin-right:0;}
.graduIndex li a{ display:block; background-color:#f1f1f1; padding:24px 26px 80px 26px;}
.graduIndex li .pic,.graduIndex li .tit{ text-align:center;}
.graduIndex li .pic img{ width:108px; height:108px;}
.graduIndex li .tit{ margin-top:32px; margin-bottom:3px;}
.graduIndex li .tit span{  display:block; font-size:18px;}
.graduIndex li .tit em{ display:inline-block; *display:inline; zoom:1; width:20px; height:2px; background-color:#ccc; position:relative; top:-4px;}
.graduIndex li .price,.graduIndex li .job,.graduIndex li .time,.graduIndex li .company{ border-bottom:1px solid #ccc; padding-left:60px; padding-right:11px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:40px; background-position:11px center; background-repeat:no-repeat;}
.graduIndex li .price{ background-image:url(../images/c8.png);}
.graduIndex li .job{ background-image:url(../images/c9.png);}
.graduIndex li .time{ background-image:url(../images/c10.png);}
.graduIndex li .company{ background-image:url(../images/c11.png);}
.graduIndex li a:hover{ color:#fff; background-color:#0195ff;}
.graduIndex li a:hover .tit em{ background-color:#fff;}
.graduIndex li a:hover .price,.graduIndex li a:hover .job,.graduIndex li a:hover .time,.graduIndex li a:hover .company{ border-bottom-color:#fff;}
.graduIndex li a:hover .price{ background-image:url(../images/c12.png);}
.graduIndex li a:hover .job{ background-image:url(../images/c13.png);}
.graduIndex li a:hover .time{ background-image:url(../images/c14.png);}
.graduIndex li a:hover .company{ background-image:url(../images/c15.png);}


.newIndex{ padding-bottom:63px;}
.newIndex li{ line-height:24px; margin-top:27px;}
.newIndex .tit{ font-size:18px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:normal;}
.newIndex .tit a{ color:#222;} 
.newIndex .txt{ margin-top:8px; height:52px; line-height:26px; overflow:hidden;}


.parterTi{ background-color:#deefff; line-height:44px;}
.parterTi span{ display:inline-block; *display:inline; zoom:1; width:124px; text-align:center; font-size:18px; color:#fff; background-color:#0195ff;}

.partnerList{ padding-top:14px;}
.partnerList li,.partnerList li img{ width:137px; height:50px;}
.partnerList li{ border:2px solid #c3c3c3; float:left; display:inline; margin-right:12px; margin-top:16px;}
.partnerList li:nth-child(4n){ margin-right:0;}



/*内页公共部分*/
.sideBar,.content{ margin-top:60px;}

.sideBar{ text-align:center;}
.sideBar .tit{ color:#0195ff; font-size:20px; font-weight:bold; line-height:46px;}
.menuList ul{ padding-top:30px;}
.menuList li{ display:inline-block; margin:0 5px 15px 5px; } 
.menuList a{ display:block; padding:6px 10px; border:1px solid #ccc; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px;}
.menuList a:hover{ color:#0195ff;}




.location{ border-bottom:1px solid #ccc; line-height:46px; margin-bottom:40px;}
.location span{ color:#0195ff;}



.pages{ text-align:center; margin-top:40px;}
.pages a{ display:inline-block; *display:inline; zoom:1; color:#666; padding:5px 8px; border:1px solid #ccc; margin:0 4px;}
.pages a:hover{ background-color:#0195ff; border-color:#0195ff; color:#fff;}



.pageInfo{ margin-top:40px; padding-top:18px; border-top:1px solid #ccc;}
.pageInfo p{ margin-top:12px;} 


/*单片*/
.singlePage,.newEdit{ font-size:16px; line-height:30px;}

/*联系我们*/
.contactTxt{ font-size:16px; line-height:30px;}
.contactTxt h2{ font-size:22px; font-weight:bold; color:#0195ff; line-height:normal; margin-bottom:10px;}

.maps{ margin-top:20px; width:100%;  height:300px;}


/*详情页*/
.newPage{ padding-top:40px;}
.newTi,.newTime{ text-align:center;}
.newTi{ font-size:20px; color:#333;}
.newTime{ color:#666; border-bottom:1px solid #e4e4e4; margin-bottom:40px; padding:20px 0;}


/*新闻页*/
.newList li{ padding:10px; border:1px solid #ccc; margin-bottom:20px;} 
.newList .pic,.newList .pic img{ width:164px; height:116px;}
.newList .pic{ float:left; display:inline;}
.newList .memos{ width:400px; float:right; display:inline;}
.newList .tit{ font-size:20px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.newList .tit a{ color:#333;}
.newList .txt{ height:78px; overflow:hidden; line-height:26px; margin-top:5px;}
.newList .txt a{ color:#E53333; font-weight:bold;}