body{ margin:0 auto; padding:0; background-color:#F8F6F7; font:14px/1.5 'Microsoft Yahei'; color:#222222; }
body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,pre,a{margin:0;padding:0;text-align:center;}

a{ color:#535353; text-decoration:none; border:0 none;}
a:hover{ text-decoration: none; color:#535353;}
a:link {color: #535353}   
a:visited {color: #535353}
a:hover {color: #535353} 
a:active {color: #535353}
img{ border:0 none; padding:0; margin:0; vertical-align: top;}
ul,li{list-style:none;}
.l{ float:left;}
.r{ float:right;}
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;/*IE/7/6*/}
.mar_top{margin-top:12px;}
html{-webkit-text-size-adjust: 100%;text-size-adjust: 100%;	word-wrap: break-word;}
.mainbox{height: 100%;margin: 0 auto;max-width: 640px;position: relative;width: 100%;z-index: 8;background-color:#F8F6F7; }
.mainboxbg{ position:fixed; height:100%; width:100%; background-color:#000; top:0; display:none; z-index:9;lter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}
/*nav*/
.nav{width:40%; height:100%;background:#CC0000; position: fixed;right:0px; padding-top:8%; display:none; top:0; z-index:10;
background: -moz-linear-gradient(left, #CC0000, #CC0000);
background: -webkit-linear-gradient(left, #CC0000, #CC0000);
}
.nav li{text-align:center}
.nav li a{display:block;width:100%; font-size:22px;color:#fff; padding:3% 0;}
.nav li a:hover{ color:#fff;}

/*header*/
#header{ text-align:center;color:#999; font-weight:normal; vertical-align:middle; text-align:center; height:100%;overflow:hidden; background:#DDD;}
#header #logo{ width:85%; display:inline; float:left;}
#header #logo img{ width:100%; height:auto;}
#header .flbox{ float:right; display:inline;width:14.84%; cursor:pointer;}
#header .flbox a{ display:block; height:100%;}
#header .flbox img,.back img{ width:100%; height:auto;}
.cpaut{ display:inline; width:71%; padding-left:1%; text-align:center; padding-top:3%; float:left;font-size:36px;}
.back{ width:12.968%; display:inline; float:left; height:auto;}
.cont{ padding:2% 2%; line-height:170%;}
.cont p{ margin:3% 0;}
/* banner */
.slideBox{ position:relative;max-width:640px; max-height:335px; overflow:hidden;/* 设置焦点图最大宽度 */ }
.slideBox .hd{ position:absolute; height:28px; line-height:28px; bottom:0; right:0; z-index:1; display:none;}
.slideBox .hd li{ display:inline-block; width:6px; background-color:#ccc; height:6px; -webkit-border-radius:6px; -moz-border-radius:6px;  border-radius:6px; text-indent:-9999px; overflow:hidden; margin:0 4px;  }
.slideBox .hd li.on{ background-color:#Fff; }

.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li{ position:relative; text-align:center;  }
.slideBox .bd li img{ vertical-align:top; width:100%; max-height:335px;/* 图片宽度100%，达到自适应效果 */}
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */	
/* banner end */
.listmenu li{ width:25%;background-color:#CC0000; display:inline; float:left; text-align:center; height: 35px; padding-top: 7px; cursor:pointer; color:#FFF;}
.listmenu li:hover{ background-color:#FF0000;}

/*培训课程*/
.pxkc{background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f2f2f2));background: -moz-linear-gradient(top, #fff, #f2f2f2); border:1px solid #e8e8e8; border-left:0; border-right:0; overflow:hidden; margin-top:2.5%; position:relative;
}
.pxkc img{ width:100%; height:auto;}
.pxkc .icon{ display:inline; float:left; margin-left:3.12%; width:2.968%;}
.pxkc h3{ display:inline; float:left; margin-left:2.35%; font-weight:normal; color:#727272;}
.pxkc .moresj{ float:right; width:8.75%; display:inline;}

.pxkclist li{ height:100%; overflow:hidden;border-bottom:1px solid #e8e8e8; color:#999999; font-size:16px; padding:3.5% 0; padding-right:3%; position:relative; cursor:pointer;}
.pxkclist li:hover {background-color:#EEE;}
.pxkclist li .pxkcimg{ display:inline; float:left; margin:0 3.593%; width:30%;}
.pxkclist li .pxkcimg a{ display:block; height:100%; vertical-align:middle;}
.pxkclist li .pxkcimg img{ width:100%; height:auto; border-radius:5px; vertical-align:middle;}
.pxkclist li h3{ font-weight:normal; font-size:20px; color:#464646;}
.pxkclist li p{ overflow: hidden;text-overflow: ellipsis; width:60%; font-size: 16px;}
.pxkclist2 li p{ width:72%;}
.pxkclist li h3 a{ color:#464646;}
.prcie{ float:right; position:absolute; right:6.4375%; top:30%; z-index:1; color:#fe9600; font-size:26px;}
.jiaoshiteam li{ width:21.56%; display:inline; float:left; text-align:center; margin-left:2.8125%; margin-top:2.5%;}
.jiaoshiteam li a{ display:block;}
.jiaoshiteam li p{ margin-top:2%; color:#464646;}
.jiaoshiteam li a img{ width:100%; border-radius:5px;}
.jiaoshiteam2 li{ margin-left:5%; width:42%; margin-top:5%;}
.jiaoshiteam2 li p{ margin-top:2%;}
.content_img{ text-align:center;}
.content_img img{ width:100%;height:auto; text-align:center;}
.content_info{ border:1px solid #dedede; padding:3%; border-radius:8px; margin-top:1%; margin-bottom:1%;}
.content_info p{ margin:1% 0;}
.content_info img{width:100%;height:auto; text-align:center; border-radius:5px;}

/*footer*/
.foc{ background:url(../images/foc.jpg) #555555 top repeat-x;overflow:hidden; position:fixed; z-index:10000; bottom:0; width:100%; max-width:640px;}
.foc li{width:33.33%;text-align:center; color:#fff; float:left; padding:1.5% 0; background:url(../images/fo_li.jpg) left repeat-y; cursor:pointer;}
.foc li span{display:block; padding-top:13%; font-size:90%;}
.foc li a{ color:#fff;}
.foc .sms{ background:none;}
.foc .sms span{ background:url(../images/tel.png) center 6% no-repeat; background-size:11.6%;}
.foc .chat span{ background:url(../images/zixun.png) center 5% no-repeat;background-size:12%;}
.foc .contact span{ background:url(../images/contact.png) center 4% no-repeat;background-size:10%;}


.pageListNav{padding:3% 0; width:100%; position:relative; z-index:9999;text-align:center;overflow:hidden}
.pageListNav a{display:inline-block;width:70px;height:28px;border-radius:4px;background-color:#bfbfbf;color:#fff;line-height:28px;text-align:center; text-decoration:none;}
.pageListNav .first{float:left;margin:0}
.pageListNav span{display:inline-block; margin-top:3px; margin-right:10px;overflow:hidden;vertical-align:middle}
.pageListNav span select{position:relative;top:-4px;width:80px;height:28px;border:0;color:#666;font-size:1.1em; background:#F6FAFD; text-align:center;}

/*****************响应式布局设置*****************/
@media screen and (max-width:320px){
body{ font-size:12px;}
.listmenu li{ font-size:12px;}
.pxkc h3{ font-size:14px; margin-top:0.8%;}

.pxkclist li .pxkcimg{margin-top:2%;}
.pxkclist li{ font-size:12px;}
.pxkclist li h3{ font-size:14px;}
.prcie{ font-size:16px;}
.jiaoshiteam li p { font-size:12px;}
.cpaut{ font-size:20px;}
.pxkclist li p{ font-size:12px;}

}

@media screen and (min-width:320px) and (max-width:360px){
body{ font-size:14px;}
.listmenu li{ font-size:14px;}
.pxkc h3{ font-size:16px;margin-top:1%;}

.pxkclist li .pxkcimg{margin-top:2.1%;}
.pxkclist li{ font-size:12px;}
.pxkclist li h3{ font-size:16px;}
.prcie{ font-size:18px;}
.jiaoshiteam li p { font-size:14px;}
.cpaut{ font-size:22px;}
.pxkclist li p{ font-size:12px;}

}
@media screen and (min-width:360px) and (max-width:480px){
body{ font-size:16px;}
.listmenu li{ font-size:16px;}
.pxkc h3{ font-size:16px;margin-top:1.5%;}

.pxkclist li .pxkcimg{margin-top:1.8%;}
.pxkclist li{ font-size:14px;}
.pxkclist li h3{ font-size:14px;}
.prcie{ font-size:20px;}
.jiaoshiteam li p { font-size:14px;}
.cpaut{ font-size:24px;}
.pxkclist li p{ font-size:12px;}
}

@media screen and (min-width:480px) and (max-width:560px){
body{ font-size:16px;}
.listmenu li{ font-size:18px;}
.pxkc h3{ font-size:18px;margin-top:2%;}

.pxkclist li .pxkcimg{margin-top:0;}
.pxkclist li{ font-size:15px;}
.pxkclist li h3{ font-size:18px;}
.prcie{ font-size:22px;}
.jiaoshiteam li p { font-size:16px;}
.cpaut{ font-size:28px;}
.pxkclist li p{ font-size:12px;}
}

@media screen and (min-width:560px) and (max-width:640px){
body{ font-size:16px;}
.listmenu li{ font-size:20px;}
.pxkc h3{ font-size:20px;margin-top:2%;}
.cpaut{ font-size:32px;}
.pxkclist li p{ font-size:14px;}
}

@media all and (min-width:640px){	
body{width:640px;margin:0 auto;}
body{ font-size:18px!important;}
.listmenu li{ font-size:20px;}
.pxkc h3{ font-size:20px;margin-top:2%;}
.pxkclist li p{ font-size:16px;}
}