@charset "utf-8";
*{ margin:0px; padding:0px;}
img{ border:none;}
a{ text-decoration:none;color: #333;}
a:hover{color:#0637b2;}
.clear{ clear:both;}
li{float: left; list-style: none;}
/*html5*/
abbr, article, aside, audio, canvas, datalist, details, dialog, eventsource, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, time, video { display: block; }
address { display: inline; }
/**/
.fl{ float: left;}
.fr{ float: right;}
.fr.fl{display:inline;}
.mauto{ margin: 0 auto; width: 1200px;}
.txt_c{ text-align: center;}
.f12,.f14,.f16,.f18,.f20,.f24{ font-weight: normal; color: #333333; font-family: "Microsoft YaHei","微软雅黑";}
.f12{ font-size: 12px; font-family: "宋体","Microsoft YaHei","微软雅黑";}
.f14{ font-size: 14px;}
.f16{ font-size: 16px;}
.f18{ font-size: 18px;}
.f20{ font-size: 20px;}
.f24{ font-size: 24px;}
input,button,select,textarea{outline:none; border: none; background: none;}
textarea{resize:none}
/*{  behavior: url(css/PIE.htc); position: relative;}*/
body{font-family: "Microsoft YaHei","微软雅黑";}

.top{ height: 36px;line-height: 36px;color: #666;border-bottom: 1px solid #eee;}
.top dl dt{float: left;}
.top dl dd{float: right;}
.top dl dd img{  vertical-align: middle;}
.top dl a{color: #666; padding: 0 5px;}
.top dl a:hover{color:#ff7900;}
.logo{height: 120px;background: url(../images/top_bg.jpg) repeat-x;}
.logo h3{float: left;}
.logo p{float: right;}
.logo img{ padding: 10px 0 0;}

.logo dl{float: right; background:url(../images/phone.png) 150px 30px no-repeat;color: #0a2444;text-align: right;padding: 30px 60px 0 0;}


nav{ height: 42px;   background: #0637b2;clear:both;}
nav ul{margin: 0 auto;width: 1200px;;}
nav ul li span{border-left: 1px solid #152255;height: 42px;}
nav ul li em{border-right: 1px solid #5468b8;height: 42px;}
nav ul li {position: relative;z-index: 8; text-align: center;}
nav ul li a{text-transform:uppercase;height: 42px; line-height: 42px; padding: 0 45px; display: inline-block;color: #fff;}
nav ul li a:hover{background: #ff7900; color: #fff;;}

nav ul li ul{overflow: hidden; display: none;position: absolute; z-index: 9; background: #0637b2;padding: 0 0;  margin:0 0;width:172px;}
nav ul li ul li{border: none; height: 40px;line-height: 40px;margin-top: 0px;font-size: 14px;overflow: hidden; float: none;border-bottom: 1px solid #152255;border-top: 1px solid #5468b8;}
nav ul li ul li:hover{background: #ff7900;}
nav ul li ul li a{color: #fff;height: 40px;line-height: 40px;padding:0;overflow: hidden; display: block;}
nav ul li ul li a:hover{background: #ff7900;}


nav ul li ul.three{width:220px;}
nav ul li ul.four{width:156px;}

/*banner*/
.ban{padding: 1px 0 0;height:500px; overflow:hidden;}
.banner{ width:100%; height:500px; overflow:hidden; position:relative; background: #000; z-index: 4;} 
.banner .hd{ height:15px; overflow:hidden; position:absolute; left:50%; width:100px; margin-left:-45px; text-align: right; bottom:10px; width: 140px; z-index:1; } 
.banner .hd ul{ overflow:hidden; zoom:1; float:left;} 
.banner .hd ul li{float:left;  width:15px; height:15px; border-radius: 50px;margin-right:10px; list-style: none; line-height:14px; text-align:center; background:#ccc; cursor:pointer; behavior: url(css/PIE.htc); position: relative;} 
.banner .hd ul li.on{ background:#ff7900;behavior: url(css/PIE.htc); position: relative;} 
.banner .bd{ position:relative; height:100%; z-index:0;} 
.banner .bd ul{height:100%; width: 100%;}
.banner .bd ul li{height:500px; width: 100%; list-style: none;} 

.tedian{height: 150px; padding:30px 0; background:url(../images/dw.jpg) center  no-repeat;overflow: hidden;}
.tedian a{height: 150px;display: block;}

.kecheng{ width: 280px; height: 350px;overflow: hidden; border: 1px solid #eee;float: left;margin: 0 20px 0 0;}
.kecheng:nth-of-type(4n){margin:0;}
.kecheng:hover{
	box-shadow:0px 0px 4px 4px #999;
	-webkit-box-shadow:0px 0px 4px 4px #999;
	-moz-box-shadow:0px 0px 4px 4px #999;
}
.kecheng p img{ width: 280px;height: 170px;}
.kecheng dl{  width: 240px; margin: 0 auto;}
.kecheng dl dt{ font-weight: bold; text-align: center;font-size: 16px; padding: 10px 0;}
.kecheng dl dd{line-height: 24px;height: 90px;overflow: hidden;}
.kecheng dl span{text-align: center;display:block;}
.kecheng dl span a{background: #ff0042;border-radius: 5px;color: #fff; padding: 7px 30px ; margin: 10px 0 0;}


/*成功案例*/
.tea_nav{text-align: center;padding: 20px 0;}
.tea_nav h3{font-size: 30px;font-weight: 400;color: #d30807;}
.tea_nav p{color: #333; line-height: 50px;color: #666;font-size: 16px;}

.case{padding:  0 0 30px 0;}
.case .list{margin: 0 10px 0;}
.case .list ul{}
.case .list ul li{width: 220px;height:290px;text-align: center; margin: 0 16px 0 0; position: relative;border: 1px solid #ccc;}
.case .list ul li img{width: 220px;height: 290px;}
.case .list ul li a{line-height: 40px;height: 40px;}
.case .list ul li p{position: absolute;}
.case .list ul li span{width: 220px;position: absolute; left: 0;bottom: 0; background: #000;opacity: 0.5;}
.case .list ul li span a{color: #fff;}


.leftLoop h3{height: 30px;line-height: 30px;background: #eee;}
.leftLoop h3 p{background: #f49800;display: inline-block; padding: 0 10px;color: #fff;}
.leftLoop h3 span{float: right;font-size: 12px;font-weight: 400;padding: 0 10px 0 0;}
.leftLoop h3 span a{color: #999;}

.leftLoop{ overflow:hidden; margin: 20px 0;} 
.leftLoop .hd{position: absolute;z-index: 999; width: 1200px; } 
.hd .prev, .hd .next{ display:block;  width:60px; height:60px; line-height:60px;  margin-right:0; margin-top:100px;  overflow:hidden; cursor:pointer; } 
.leftLoop .hd .next{background: url(../images/next.png) no-repeat;float:right;}
.leftLoop .hd .prev{ background: url(../images/prev.png) no-repeat; float:left;} 
.leftLoop .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px;  } 
.leftLoop .hd ul li{ position:relative; _display:inline; float:left;  width:10px; height:10px; overflow:hidden; background:#ccc; margin-right:0; text-indent:-999px; cursor:pointer; 
    -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(css/PIE.htc);} 

.scrolldown { background: rgba(0, 0, 0, 0) url("../images/top.jpg") no-repeat scroll center center;bottom: 10px;cursor: pointer;height: 35px;position: fixed; right: 10px;width: 35px;}

/*浮动QQ*/
.xianshi{position: fixed;top: 30%; right: 0; cursor: pointer;background: #0637b2; width: 30px;height: 30px;z-index: 8;}
.box_qq{border: 2px solid #0637b2;min-height: 350px; width: 160px;background: #fff; position: fixed;top: 30%; right: 20px;z-index: 8;display:none;}
.box_qq p{background: #0637b2;min-height: 40px; line-height: 30px;margin: 0; color: #fff; cursor: pointer;}
.box_qq p img{margin: 5px 0 0 10px;}
.box_qq p span{float: right;margin: 5px 40px 0 0 ;}
.box_qq ul{padding: 0; min-height: 300px;}
.box_qq ul li{width: 160px;line-height: 30px;list-style: none;text-align: center; font-size: 14px;}
.box_qq ul li:nth-of-type(1){padding: 10px 0 0;}
.box_qq ul li img{}
.box_qq ul li.onr{color: #0637b2;}
.xianshi{display: none;}

.scrolldown {
    background: rgba(0, 0, 0, 0) url("../images/top.jpg") no-repeat scroll center center;
    bottom: 10px;
    cursor: pointer;
    height: 35px;
    position: fixed;
    right: 10px;
    width: 35px;
}

.show{ height: 660px; background:url(../images/bkpic.jpg) center no-repeat;}
.show_l,.show_c,.show_r{height: 500px;float: left;margin: 0 20px 0 0;background: #fff;}

.showbox h3{text-align: center;padding: 20px 0;}
.showkecheng{width: 340px; height: 130px;overflow: hidden; padding: 5px 10px;}

.showkecheng p{float: left; padding: 0 10px 0 0;}
.showkecheng p img{width: 120px;height: 120px; border-radius: 5px;border: 1px solid #ccc;}
.showkecheng dl{width: 200px;float: right; line-height: 30px; overflow: hidden;}
.showkecheng dt a{color: #D30807;}
.showkecheng dl dd{}

.show_c{width: 530px;}

.show_c table{border: 1px solid #ccc; border-collapse: collapse; width: 530px;}
.show_c table tr{width: 530px; height: 62px;}
.show_c table tr th{line-height: 30px;border: 1px solid #ccc;width: 20%;}
.show_c table tr td{border: 1px solid #ccc;line-height: 30px;text-align: center;width: 20%;}
.show_c table tr td a{ display:inline-block; width:100%; height:100%;}
.show_c table tr:hover{background: #eee;}
.show_c table tr th:nth-of-type(2){background: #eee;}
.show_c table tr td:nth-of-type(2){background: #eee;}

.show_r{width: 260px; margin: 0;}
.teacher{ text-align: center; height: 430px;margin: 0 0 0 15px; overflow: hidden;}
.teacher p{width: 230px;height: 180px;overflow: hidden;}
.teacher p img{width: 100%;}
.teacher  a{ line-height: 30px;height: 30px;}

.news_ls{padding: 20px 0 0;}
.new_s{width: 320px;height: auto;overflow: hidden;margin: 0 30px 0 0;}
.new_s h3{height: 30px;line-height: 30px; border-bottom: 1px solid #ccc;margin: 0 0 10px;}
.new_s h3 p{display: inline-block;}
.new_s h3 span{float: right;font-size: 12px;font-weight: 400;padding: 0 10px 0 0;}
.new_s h3 span a{color: #999;}
.new_s dl{padding:0 10px 10px 0;}
.new_s dl p{float: left;padding:  0 10px 0 0;}
.new_s dl p img{width: 120px;height:90px;}
.new_s dl dt{font-size: 14px;font-weight: bold;}
.new_s dl dd{line-height: 24px;color: #999;font-size: 12px;}
.new_s ul{clear: both;width: 350px;}
.new_s ul li{line-height: 30px;height: 30px;width: 320px;border-bottom: 1px dashed #ccc; background:url(../images/icon7.png) center left no-repeat ;}
.new_s ul li a{display: block;transition: 0.5s;font-size: 12px; padding: 0 0 0 20px;}
.new_s ul li a:hover{padding: 0 0 0 30px;}
.new_s ul li span{float: right; color: #666;font-size: 12px;}

.new_s:nth-of-type(2){width: 500px;}
.new_s:nth-of-type(2) ul{width: 280px; float: right;}
.new_s:nth-of-type(2) ul li{width: 280px;}
.new_s:nth-of-type(3){margin:0;}

.newspic{width: 200px;height: 260px; float: left;padding: 20px 0 0 ; background:url(../images/newspic2.jpg) center left no-repeat ;}
.about2{ padding: 10px 0; line-height:24px;}
.about2 a{color: #D30807;}

.link{background: #eee; line-height: 36px; margin: 30px 0 0;}
.link a{padding: 0 10px;}
footer{height: 240px; padding: 30px 0;background: #333;}
.footer{height: 240px; color: #999; }
.footer a:hover{font-weight: bold;}
.footer_l{width: 380px;margin: 0 50px 0 0;}
.footer_l ul{border-right: 1px dashed #999;}
.footer_l ul li{line-height: 30px;float: none;padding:  0 0 0 30px;}
.footer_l ul li span{padding: 0 0 0 70px;}
.footer_l ul li a{color: #999;}
.footer_l ul li:nth-of-type(1){ background:url(../images/footericon1.png) left center no-repeat ; }
.footer_l ul li:nth-of-type(3){ background:url(../images/footericon2.png) left center no-repeat ; }
.footer_l ul li:nth-of-type(4){ background:url(../images/footericon3.png) left center no-repeat ; }
.footer_l ul li:nth-of-type(5){ background:url(../images/footericon4.png) left center no-repeat ; }
.footer_l ul li:nth-of-type(6){ background:url(../images/footericon5.png) left center no-repeat ; }

.pinggu{position: absolute; top: 250px;right: 10px;background: #fff;border: 1px solid #ccc; z-index: 999; width: 300px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}

.pinggu{width: 280px; min-height: 360px; background: #32458f;}
.pinggu p{text-align: center;font-size: 20px;line-height: 40px;color: #fff;margin: 10px 0;}
.pinggu ul{padding: 0 20px;margin:0 0 10px;}
.pinggu ul li{float: none;color: #666;padding: 5px 0;}
.pinggu ul li span{}
.pinggu ul li select{width: 240px;text-align: left;border: 1px solid #ccc; padding: 0 0 0 5px;background: #fff;}
.pinggu ul li select option{line-height: 30px;padding: 10px 0;}
.pinggu ul li input{width: 220px;border: 1px solid #ccc;line-height: 30px;height: 30px;padding:0 10px;background: #fff;}
.submit{cursor: pointer;  color: #fff;padding: 5px 30px; margin:0 0 0 90px;font-size: 16px; border: 1px solid #fff;}
.pinggu dl{text-align: center;color:#f49800;font-size: 14px; background: #8d0038;height: 70px; margin: 20px 0 0;}
.pinggu dl dt{ line-height: 36px;color: #fff;}
.pinggu dl dd{color: #fff;}}



.footer_c{width: 600px;}
.footer_c dl{float: left; padding: 0 40px 0 0;}
.footer_c dl a{color: #999;}
.footer_c dl dt{ line-height: 36px;}
.footer_c dl dd{ line-height: 36px;}

.footer_r{height: 240px;width:160px; line-height: 36px;text-align: center; }
.footer_r p{vertical-align: middle;}
.footer_r img{display:block;}

/*二级*/
.conbox{padding: 10px 0 10px;}
.left{width: 270px;
	box-shadow:2px 2px 3px 3px #999;
	-webkit-box-shadow:1px 0px 3px 1px #999;
	-moz-box-shadow:2px 2px 3px 3px #999;
}
.left h3{width: 250px; background: #0637b2;color: #fff;line-height: 50px;height: 50px; font-weight: 400;padding: 0 0 0 20px;}
.left h3 span{font-weight: 400;text-transform:uppercase;font-size: 14px;display:block;line-height: 10px; }
.left ul{background: #eee;}
.left ul li{float: none;line-height: 40px;border-bottom: 1px solid #fff;}
.left ul li.on{background:#ff7900;}
.left ul li.on a{color: #fff;}
.left ul li a{display: block;color: #333;padding: 0 0 0 20px;}
.left ul li a:hover{background: #ff7900;color: #fff;}
.about{width: 270px; overflow: hidden; }
.about dl{line-height: 30px;}
.about dl dt{ font-weight: bold;padding: 0 0 0 5px;}
.about dl dd{ padding: 0 0 0 5px;}

.right{width: 900px;overflow: hidden;}
.right h3{height: 50px;line-height: 50px; font-size: 14px;padding: 0 0 0 30px; margin: 0 0 20px; font-weight: 400; border-bottom: 1px solid #ccc; background: url(../images/home.png) left center no-repeat;}
.right h3 a{color: #333;}
.right .zhenwen{ line-height: 24px;}

/*课程*/
.kechenglist h3{height: 50px;line-height: 50px; font-size: 14px;padding: 0 0 0 30px; margin: 0 0 20px; font-weight: 400; border-bottom: 1px solid #ccc; background: url(../images/home.png) left center no-repeat;}
.kechenglist{}
.kechenglist ul{}
.kechenglist ul li{width: 260px;height: 360px;text-align: center;padding:0 50px 0 0;border: none;}
.kechenglist ul li:nth-of-type(4n){padding:0;}
.kechenglist ul li:hover p{
	box-shadow:0px 0px 4px 4px #999;
	-webkit-box-shadow:0px 0px 4px 4px #999;
	-moz-box-shadow:0px 0px 4px 4px #999;
}
.kechenglist ul li a{display:block;color: #333; line-height: 36px;height: 36px;}
.kechenglist ul li a:hover{color: #32458f;font-weight: bold;}
.kechenglist ul li img{width: 260px;height: 300px;}
.kechenglist ul li p{line-height: 30px;width: 260px;height: 300px;overflow: hidden;}


.kechengshow{width: 400px; height: 170px; margin-bottom: 18px; overflow: hidden; padding: 5px 10px; float: left; border-bottom: solid 1px #D6D6D6;}
.kechengshow:nth-of-type(2n){float: right;}
.kechengshow p{float: left; padding: 0 10px 0 0;}
.kechengshow p img{width: 150px;height: 150px; border-radius: 5px;border: 1px solid #ccc;}
.kechengshow dl{width: 200px;float: right; line-height: 30px; overflow: hidden;}
.kechengshow dl:hover a{font-weight: bold;}
.kechengshow dt a{color: #D30807; font-weight: bold;}
.kechengshow dl dd{}


.proshow{}
.proshow h4{float: left; width: 600px;height: 300px;}
.proshow h4 img{float: left; width: 600px;height: 300px;}
.shuoming{width: 500px;margin: 0 0 0 50px;}
.shuoming dl dt{font-weight: bold;line-height: 50px;}
.shuoming dl dd{line-height: 36px;height: 36px;overflow: hidden;color: #666;}
.shuoming dl dd span{ width: 60px;display: inline-block;}
.shuoming dl dd a{background: #FF0042;color: #fff;padding: 10px 20px;border-radius: 5px;}
.shuoming dl  p{padding: 10px 0; line-height: 30px;color: #666;}
.jianjie{margin: 30px 0;}
.jianjie h4{line-height: 36px;height: 36px; border-bottom: 1px solid #32458f;margin: 30px 0;font-size: 16px;}
.jianjie h4 span{background: #32458f;color: #fff;height: 36px;display: inline-block; padding: 0 30px;}
.jianjie dl{ line-height: 38px;height: 38px;margin: 10px 0 0 50px;}
.jianjie dl dt{float: left; width: 160px;background: #32458f;color: #fff;text-align: center;}
.jianjie dl dd{float: left; width: 600px;height: 36px;border: 1px solid #ccc;color: #333;padding: 0 0 0 20px;background: #f9f9f9;}



.conbox_r{width: 900px;overflow: hidden;}
.conbox_r ul{ font-size: 14px;}
.conbox_r ul li{width: 900px;line-height: 40px;height: 40px;border-bottom: 1px solid #ccc;}
.conbox_r ul li a{display:block;}
.conbox_r ul li span{float: right;color: #999;padding: 0 10px 0 0;}

.aboutpic{ height: 260px; background: url(../images/aboutpic.jpg) center no-repeat ;}
.propic{ height: 260px; background: url(../images/propic.jpg) center no-repeat ;}
.newspic2{ height: 260px; background: url(../images/newspic.jpg) center no-repeat ;}
.anlipic{ height: 260px; background: url(../images/anlipic.jpg) center no-repeat ;}

.pro{}
.pro ul{padding: 20px 0;}
.pro ul li{width: 290px;height: 300px;overflow: hidden;text-align: center;padding:0 13px 0 0;border: none;}
.pro ul li:nth-of-type(3n){padding:0;}
.pro ul li a{display:block;color: #333; line-height: 36px;height: 36px;}
.pro ul li a:hover{color: #32458f;font-weight: bold;}
.pro ul li img{width: 100%;}
.pro ul li p{line-height: 30px;width: 290px;height: 250px;overflow: hidden;}

.newslist{width: 900px;overflow: hidden;}
.newslist ul{ font-size: 14px;}
.newslist ul li{width: 900px;line-height: 40px;height: 40px;border-bottom: 1px dashed #ccc;}
.newslist ul li a{display:block;color: #333;}
.newslist ul li a:hover{color: #32458f;font-weight: bold;}
.newslist ul li span{float: right;color: #999;padding: 0 10px 0 0;}

.newslist dl{line-height: 36px; margin:20px 0;width: 920px;}
.newslist dl:hover{
	box-shadow:0px 0px 4px 4px #ccc;
	-webkit-box-shadow:0px 0px 4px 4px #ccc;
	-moz-box-shadow:0px 0px 4px 4px #ccc;
}
.newslist dl dt{border-bottom: 1px solid #ccc;font-weight: bold;}
.newslist dl dt a{display: block;}
.newslist dl dd{ padding: 0 0 10px 20px;line-height: 24px;margin: 10px 0;}

.conbox_r{width: 900px;overflow: hidden;}
.conbox_r ul{ font-size: 14px;}
.conbox_r ul li{width: 900px;line-height: 40px;height: 40px;border-bottom: 1px solid #ccc;}
.conbox_r ul li a{display:block;}
.conbox_r ul li span{float: right;color: #999;padding: 0 10px 0 0;}

.fenye{padding: 30px 0;text-align: center;}
.fenye a{ color:#32458f; padding:2px 6px ; border:1px solid #32458f; margin:2px;}
.fenye a:hover{ background:#32458f; color:#FFF;}
.fenye>b{color:#fff; padding:2px 6px ;margin:2px; background:#32458f;border:1px solid #32458f;}
.fenye a>b{color:#32458f; padding:2px 6px ;margin:2px;}
.fenye a>b:hover{ color:#FFF;}


.title h4 {font-weight: 400;height: 40px;line-height: 60px;text-align: center;}
.title p {color: #999;font-size: 14px;line-height: 60px;text-align: center;}
.title p span { padding: 0 20px;}
.new_fen {margin: 30px 0;border-top: 1px solid #ccc;}
.new_fen ul{margin: 20px 0 0;}
.new_fen ul li {color: #333;float: none;height: 30px;line-height: 30px;border: none;}
.new_fen ul li a {display: inline-block;color: #333;}
.new_fen ul li a:hover {color: #32458f;font-weight: bold;}
.texts{line-height: 2em; padding: 10px 0;}
.texts table{ margin: 0 auto; }

.prolist{width: 840px;overflow: hidden;}
.prolist h4{height:40px;line-height: 40px;background: #32458f; color: #fff; }
.prolist h4 span{width: 30%; padding: 0 0 0 20px; display: inline-block; }
.prolist dl{height:40px;line-height: 40px;  border-bottom: 1px solid #ccc;height:40px;line-height: 40px;overflow: hidden;}
.prolist dl a{color: #333;}
.prolist dl:hover a {color: #32458f;font-weight: bold;}
.prolist dl dt{padding: 0 0 0 20px;float: left;width: 30%;overflow: hidden;}
.prolist dl dd{float: left; width: 30%;padding: 0 0 0 20px;overflow: hidden;}

.proloop{width: 290px;}
.proloop .list{ }
.proloop .list ul{}
.proloop .list ul li{width: 200px;height: 200px;overflow: hidden;text-align: center;padding: 0 5px 0 20px;}
.proloop .list ul li img{width: 200px;height: 200px; vertical-align: middle;}

.proloop .hd{ } 
.proloop .hd .prev, .proloop .hd .next{ display:block;  width:25px; height:40px; line-height:40px;  margin-right:0; margin-top:90px;  overflow:hidden; cursor:pointer; } 
.proloop .hd .next{background: url(../images/next.png) no-repeat;float:right;}
.proloop .hd .prev{ background: url(../images/prev.png) no-repeat; float:left;} 
.proloop .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px;  } 
.proloop .hd ul li{ position:relative; _display:inline; float:left;  width:10px; height:10px; overflow:hidden; background:#ccc; margin-right:0; text-indent:-999px; cursor:pointer; 
    -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(css/PIE.htc);}