/*格式化*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea {margin:0;padding:0;}
body{ font-size:14px;font-family:"Microsoft Yahei"; padding-top:1px; background:#fff; color:#333333}  
li, ol { list-style:none; }
ins { text-decoration:none; }
i, em { font-style:normal; }
.clr{clear:both; font-size:0; line-height:0;zoom:1}
a{text-decoration: none;color: #666;}
.f-fl{ float:left;} /*左浮动*/
.f-fr{ float:right; margin-right:3%;} /*右浮动*/
.f-tr{ text-align:right;} /*右对齐*/
.wrap{position: relative;margin-left: auto;margin-right: auto;min-width: 320px;max-width: 640px;overflow: hidden;background-color: #fff;font-family: Microsoft YaHei;}
.tit{background: url(../images/index_09.png) no-repeat 60% bottom;padding-bottom: 20px;padding-top: 50px;}
.tit h3{color: #333;font-size: 25px;line-height: 30px; text-align:center}
.tit h4{font-weight: normal;color: #bbbbbb;font-size: 13px;text-transform: uppercase;line-height: 23px; text-align:center}
.titl{width:100%;text-align:center;background:url(/images/tit.png) no-repeat bottom center; padding-bottom:25px; line-height:50px; font-size:30px; margin-top:20px;}
/*--------------------以下写头部----------------------------------*/
.g-hd{ height: 60px; overflow:hidden; position:relative;}
.g-hd:before { content:""; position:absolute; width:100%; height:2px; top:0; left:0; background:url("../images/wap_bg.gif") repeat-x; background-size:3px 2px;}
.g-hd .logo{ margin:14px 0 0 13px; width:100px; text-align:center;}
.g-hd a { font-size:6px; text-transform:uppercase; color:#c0c0c0;}
.g-hd .m-tel{ padding-left:4px; margin-top:12px; border-left:1px solid #ebebeb; position:relative;}
.g-hd .m-tel:before { content:""; position:absolute; width:1px; height:83px; top:0; left:0; border-left:1px solid #fff;}
.g-hd .m-tel h5{ font-size: 13px; color: #2696d5;}
.g-hd .m-tel h5 span{ font-size: 12px; color: #0e3797;}
.g-hd .m-tel p{ font-size: 13px; color: #000; line-height: 26px;}
.g-hd .m-tel a { color: #ff8b00; font-size:17px; font-family:Tahoma, Geneva, sans-serif; padding-left:7px;}
.m-tel .u-tel{ width:17px; height:17px; display:block; background:url("../images/wap_tel.png"/*tpa=http://demob8.webb.testwebsite.cn/6/11/images/wap_tel.png*/) no-repeat; float:left; position:relative; -webkit-background-size:100%;background-size:100%;left:0; top: 6px;} /*头部电话图标*/
.m-tel .u-tel .z-ln-1{z-index:10;display:inline-block;width:7px;height:7px;border-width: 1px 1px 0 0;border-radius:0 35px 0 0;position:absolute;top:-1px;right:0;} 
/*菜单*/
.m-nav { height:70px; position: relative;}
.m-nav:before { content: ""; position: absolute;left: 0; width:100%; height: 1px; top: 34px; border-top: 1px solid #1b6f9f;z-index: 10; background-color:#1b6f9f;}
.m-nav:after { content: ""; position: absolute;left: 0; width:100%; height: 1px; top: 67px; border-bottom: 2px solid #1b6f9f;z-index: 10;}
.m-nav a{width: 25%; height: 34px; line-height: 34px;  font-size: 14px; text-align: center; display: inline-block; float: left; color: #fff; position: relative;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#2696d5), to(#2696d5)); 
	background-image: -webkit-linear-gradient(top,  #2696d5, #2696d5); 
	background-image: -moz-linear-gradient(top, #2696d5, #2696d5);
	background-image: linear-gradient(top, #2696d5, #2696d5);}
.m-nav a:before {content: ""; position: absolute;right: 0; width: 1px; height: 100%; border-left: 1px solid #1b6f9f; background-color:#1b6f9f z-index: 11;}
.m-nav a:nth-child(4):before,.m-nav a:nth-child(8):before{ display: none;}
.m-nav a:nth-child(1),.m-nav a:nth-child(5){ width:25%;}
/*幻灯片*/
.g-adv{ position:relative; width:100%; height:auto; margin:0 auto; overflow:hidden; display:block}
.g-adv .m-box img{ display:block; height:100%;width:100%; }
/*.g-adv .m-cnt{ width:100%; position:absolute; bottom:0; left:0; z-index:10;}
.g-adv .m-cnt li{ float:left; width:33.333%; height:6px; position: relative;}*/
/*=============================标题=============================*/
article {overflow: hidden;width: 100%;margin-top: 5%;text-align: center}
article h2 {font-size: 1.4rem;color: #2696d5;}
article h2 a {color: #2696d5}
article p {font-size: 1rem;color: #d2d2d2;margin-top: 0.2rem;font-family: Arial;text-transform: uppercase}
article i {background: url("../images/title_line.png") no-repeat center;width: 100%;height: 3px;background-size: 100%;display: block;margin-top: .25rem;}
/*=============================首页产品推荐====================================*/
.piclist {overflow: hidden;width: 100%;}
.case {padding-bottom: 4%;}
.piclist { width:100%;margin-top: 4%;}
.piclist ul li {width: 48%;float: left;margin-bottom: .5rem;text-align: center; margin-left:10px;}
.piclist ul li img {display: block;width: 99%; border:1px solid #dddddd}
.piclist ul li span {display: block;font-size: .9rem;color: #666666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: .5rem 0;}
.piclist ul li:nth-child(2n) {float: right}

.box-pic {overflow: hidden;width: 100%;}
.box-pic { width:100%;margin-top: 4%;}
.box-pic ul li {width: 48%;float: left;margin-bottom: .5rem;text-align: center;}
.box-pic ul li img {display: block;width: 99%; border:1px solid #dddddd}
.box-pic ul li p {display: block;font-size: .9rem;color: #666666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: .5rem 0;}
.box-pic ul li:nth-child(2n) {float: right}
/*==========================advantage=====================================*/
.advantage {overflow: hidden;width: 100%}
.advantage article img {display: block;width: 100%;}
.advantage dl {padding: 1rem 0;overflow: hidden;width: 100%;border-bottom: 1px solid #e5e5e5}
.advantage dl dt, .advantage dl dd {width: 50%;}
.advantage dl dt {float: right}
.advantage dl dt img {display: block;width: 100%;}
.advantage dl dd {float: left;position: relative;z-index: 99999;}
.advantage dl dd h3 {font-size: 1.25rem;color: #ff6537;margin-bottom: .5rem;overflow: hidden}
.advantage dl dd h3 img {display: block;float: left;width: 15%;margin-right: .5rem;}
.advantage dl dd p {line-height: 1.4rem;font-size: .8rem;color: #666666;white-space: nowrap}
.advantage dl:last-of-type {border-bottom: none}
.Principle img {display: block;width: 100%;}
/*Government*/
.Government {overflow: hidden;width: 100%;background: #eee}
.Government .list {margin-top: 4%;overflow: hidden}
.Government .list li {width: 25%;background: #00824a;float: left;padding: 1rem 0;text-align: center}
.Government .list li:nth-child(2n) {background: #f9a733}
.Government .list li img {display: inline-block;width: 50%;}
.Government .list li span {display: block;width: 100%;font-size: 1rem;color: #fff}
.Government .More {margin: 4% auto 5%;}
.Government article p {color: #999999}

/*============================================内页==============================*/
/*内页面包屑导航样式 开始*/

.about_nav {background-color: #efefef;width:100%;height: 35px;padding-top: 0.9rem;padding-bottom: 0.3rem; }
.about_nav a {width: 20%;height:1rem;display: block;float: left;text-align: center;color: #666666;height: 30px;}
.about_nav a:link {color: #666666;}
.about_nav a:visited {color: #666666;}
.about_nav a:active {color: #fd6110;border-bottom: 4px solid #fd6110; }
.about_nav a.dangqian {color: #fd6110;border-bottom: 4px solid #fd6110; }
.about_nav a:nth-child(1) {margin-left: 0.72rem; }
.about_nav a:nth-child(2) {margin-left: 1.0933333333rem; }
.about_nav a:nth-child(3) {margin-left: 1.0933333333rem; }
.about_nav a:nth-child(4) {margin-left: 1.0933333333rem; }
/*product class*/
.product {background-color: #efefef;width:100%;padding-top: 0.9rem;padding-bottom: 0.3rem; overflow:hidden;}
.product a {padding:5px 10px 0px 10px;height:1rem;display: block;float: left;text-align: center;color: #666666;height: 30px;border-bottom: 4px solid #efefef;}
.product a:link {color: #666666;}
.product a:visited {color: #666666;}
.product a:active {color: #fd6110;border-bottom: 4px solid #fd6110; }
.product a.dangqian {color: #fd6110;border-bottom: 4px solid #fd6110; }

.m-btit {line-height: 37px; padding-left: 12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:url(../images/tit-bg.jpg)} /*内页面包屑导航背景*/
.main{ clear: both; display: block; padding: 0px 8px 20px 8px; box-sizing: border-box; background: #ffffff; overflow:hidden}
.neirong{ clear: both; display: block; padding: 10px; background: #fff; line-height:30px;}
.neirong img{ max-width:100%; border:0px;}
.titles{ margin:auto; margin-top:30px; height:55px; background:url(../images/tt.jpg); overflow:hidden; margin-bottom:30px;}
.titles p{ margin:auto; width:200px; text-align:center; line-height:30px; background:#ffffff; font-size:25px; color:#31343c;}
.titles span{ display:block; width:200px; margin:auto; text-align:center; line-height:25px; background:#ffffff; font-size:15px; color:#717171; text-transform:uppercase}
/*新闻列表及详情*/
.news_list{ width:98%; margin:auto;}
.news_list li{line-height:35px;font-size:14px;height:35px;border-bottom:1px dashed #d2d2d2;background:url(../images/wap_dd.gif) no-repeat 0 50%;padding-left:10px;width:100%;}
.news_list a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.subNewsText{ clear: both; display: block; padding: 10px; background: #fff; }
.subNewsTit h1{ clear: both; display: block; margin: 0px; padding: 0px; font-size:20px; text-align: center; font-weight: normal; line-height: 35px; }
.subNewsInfo{ clear: both; display: block; text-align: center; color: #999; border-bottom: 1px solid #e8e8e8; margin: 10px 0px 10px; }
.subNewsInfo span{ display: inline-block; margin: 0px 10px; }
.subNewsPage{ clear: both; display: block; text-align: left; line-height: 28px; font-size:14px; }
.subNewsPage img{ border: 0px; max-width: 100%; }
.subPageClick{ clear: both; display: block; border-top: 1px solid #e3e3e3; margin: 0px 20px; padding: 20px 0px; }
.subPageClick p{ margin: 0px; padding: 0px; height: 28px; line-height: 28px; }
.subPageClick p a{ color: #666; }
.news_page{ clear:both; width:100%; height:40px; text-align:center; line-height:40px;}
/*team*/
.team { width:100%;margin-top: 4%;}
.team ul li {width: 48%;float: left;margin-bottom: .5rem;text-align: center;}
.team ul li img {display: block;width: 99%; border:1px solid #dddddd}
.team ul li span {display: block;font-size: .9rem;color: #666666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: .5rem 0;}
.team ul li:nth-child(2n) {float: right}
/*教师*/
.zhuanj_div{padding:10px 0;border-bottom:1px solid #E6E6E6;overflow:hidden;position:relative}
.zhuanj_link{text-decoration:none;color:#000}
.zhuanj_img{width:90px;height:130px;text-align:center;overflow:hidden;float:left;margin-right:10px}
.zhuanj_img img{background:#2ABEE4;width:80px; height:120px;display:table;margin:auto;border:3px solid #fff;-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);border-radius:5px;}
.zhuanj_right{overflow:hidden; padding-top:5px;}
.zhuanj_name{color:#1996cc;margin-top:-1px;font-size:14px;text-decoration:underline}
.zhuanj_name a{color:#1996cc;}
.zhuanj_desc{clear:both;padding-top:4px;font-size:12px;line-height:20px;overflow:hidden; color:#717171;}
.zhuanj_name,.zhuanj_desc{width:100%;overflow:hidden}
/*课程*/
.kecheng_div{padding:10px 0;border-bottom:1px solid #E6E6E6;overflow:hidden;position:relative}
.kecheng_link{text-decoration:none;color:#000}
.kecheng_img{width:120px;height:96px;text-align:center;overflow:hidden;float:left;margin-right:10px}
.kecheng_img img{background:#2ABEE4;width:120px; height:96px;display:table;margin:auto;border:3px solid #fff;-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);border-radius:5px;}
.kecheng_right{overflow:hidden; padding-top:5px;}
.kecheng_name{color:#1996cc;margin-top:-1px;font-size:14px;text-decoration:underline}
.kecheng_name a{color:#1996cc;}
.kecheng_desc{clear:both;padding-top:4px;font-size:12px;line-height:20px;overflow:hidden; color:#717171;}
.kecheng_name,.kecheng_desc{width:100%;overflow:hidden}
html {font-size: 10px;}
@media screen and (min-width: 320px) {html {font-size: 10.625px;}
@media screen and (min-width: 360px) {html {font-size: 11.875px;}}
@media screen and (min-width: 400px) {html {font-size: 13.125px;}}
@media screen and (min-width: 440px) {html {font-size: 14.375px;}}
@media screen and (min-width: 480px) {html {font-size: 15.625px;}}
@media screen and (min-width: 520px) {html {font-size: 16.875px;}}
@media screen and (min-width: 560px) {html {font-size: 18.125px;}}
@media screen and (min-width: 600px) {html {font-size: 19.375px;}}
@media screen and (min-width: 640px) {html {font-size: 20px;}}

/*=============================foot========================*/
/*底部*/
.addRess {overflow: hidden;width: 100%;background: #eee;padding-bottom: 4.5rem;}
.addRess dl {overflow: hidden;padding: 0.9rem 0;width: 100%;}
.addRess dl dt {width: 25%;float: left;}
.addRess dl dt img {display: block;width: 100%;}
.addRess dl dd {width: 72%;float: right; padding-top:1.2rem}
.addRess dl dd h3 {font-weight: normal;font-size: 1rem;color: #2696d5;}
.addRess dl dd h3 a {color: #2696d5;font-weight: bold}
.addRess dl dd p {font-size: .65rem;color: #666666;line-height: 1.0rem;}
.addRess dl dd p a {color: #666}
.addRess dl dd p:first-of-type {margin-top: .3rem;}
.code{ width:125px; text-align:center; margin:5px auto 0; padding:5px 5px 5px 5px;}
.footer{width: 100%;height:60px;position: fixed;bottom: 0px;background: #2696d5;padding: 0; text-align: center;padding: 0; min-width:320px; max-width:640px; z-index:3000}
.footer ul li{list-style: none;width: 25%;height: 60px;float: left;margin: 0;}
.footer ul li img{margin-top: 10px;width: 30px;}
.footer ul li h1{color: white;font-size: 10px;font-weight: lighter;margin-top: 0px;line-height: 10px;}

.gbookL{width:100%; margin:auto}
.gbookL li{ float:left; width:100%; line-height:40px;}
.gtext{ width:90%; line-height:30px; height:30px; background:#eeeeee; border:1px dashed #aaaaaa;color:#777777;padding:4px;}
.gtext1{float:left;width:90%;height:122px;line-height:24px;background-color:#eeeeee;color:#777777;text-align:left;padding:4px;border:1px dashed #aaaaaa;}
.bnt{ width:100px; height:35px; text-align:center;background:#fe8a01;color:#ffffff; font-size:16px;border-radius:5px; border:none;cursor:pointer}