@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
body{font:12px 'Arial','Microsoft Yahei','Simsun';color:#666;background:#fff; min-width:320px; height:100%;}
body,div,p,a,li,ul,ol,span,input,dl,dd,dt,form,h1,h2,h3,h4,h5,h6,select,pre,img,textarea{padding:0;margin:0;outline:none;font-size:system;border:0 none;text-decoration:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
form{display:inline}
ul,ol{list-style:none}
a{text-decoration:none;color:#666;}
a:hover,a:active,a:focus{color:#c00;text-decoration:none;}
a:active{color:#2675e2;}
em,i{font-style:normal;}
u{ text-decoration:none; color:#EF464D;}
img{ border:0; display:block; width:100%;}
button,input,select,textarea{font-size:100%;vertical-align:middle;outline:none;}
textarea{resize:none}
button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;-moz-appearance:button}
input:focus:-moz-placeholder,input:focus::-webkit-input-placeholder{color:transparent}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
table{border-collapse:collapse;border-spacing:0}
header,footer,article,section,nav,menu,hgroup{display:block;clear:all;}

.fl{ float:left;}
.fr{ float:right;}
.clear {zoom:1;}
.clear:after {content:".";display:block;clear:both;height:0;visibility:hidden;}
.tl{ text-align:left;}
.tr{ text-align:right;}
.clf{ color:#fff;} 
.mt5{ margin-top:5px;}

.head{ height:50px; background:#fff;}
.logo{ float:left;}
.logo img{ width:145px; height:38px; margin:5px 0 0 2px;}
.tel{ float:right;}
.tel img{ width:120px; height:38px; margin:5px 2px 0 0px;}


.nav{ width:100%; background:#2370ca; height:40px;}
.nav li{ float:left; width:22.5%; height:40px; line-height:40px; padding:0 1%; text-align:center; border-left:1px solid #2d87f0;}
.nav li:first-child{ border-left:0;}
.nav li a{ width:100%; display:block; color:#fff; border-radius:3px; font-size:14px;}


.banner{}
.tempWrap{ width:100%;}
.sliderbox {position:relative; overflow:hidden;}
.sliderbox .hd {position:absolute;bottom:.5em;left:50%;z-index:1; margin-left:-3em;}
.sliderbox .hd li{ display:inline-block;height:.8em; width:.8em;border-radius:1em;background:rgba(255,255,255,0.8);margin-left:.5em;}
.sliderbox .hd li.on{ background:#ffe63c;}
.sliderbox .bd{position:relative; z-index:0;}
.sliderbox .bd li{ position:relative;}


/* ...........CSS 课程设置.......... */
.rongyu{width:100%; margin:0 auto; margin-top:15px;}


.kecheng{width:95%; margin:0 auto;}
.kecheng li{width:45%; float:left; margin:0px 2%; border:1px #d2d2d2 solid; background-color:#fff; margin-top:15px; padding-bottom:5px; text-align:center;}
.kecheng li dl{width:90%; margin:0 auto;}
.kecheng li dl dt{width:100%; margin-bottom:10px; margin-top:8px;}
.kecheng li dl dt img{width:100%; margin:0 auto;}
.kecheng li dl dd{line-height:18px; display:block;}
.kecheng li dl dd span{font-weight:bold; color:#111; font-size:12px;}
.kecheng li dl dd a{color:#c00;}


/* ...........CSS 关于我们.......... */

.gsjj_con{width:93%;margin: 10px auto;line-height: 20px;}
.gsjj_con img{display: inline-block;width: 38%;float: left;margin-right: 5px; margin-top: 5px;}
.gsjj_con a{padding-left: 5px; color: #c00;}




.mbox{ background:#fff;}
.mtits{ height:30px; border-bottom:1px solid #2370ca; color:#fff; font-size:14px; margin-top:15px;}
.mtits span{ height:27px; display:inline-block; line-height:24px; float:left; border-top:3px solid #2370ca; background:#2370ca; padding:0 10px; margin-left:5px; cursor:pointer;}
.mtits em{font-style:normal; float:right; font-size:12px; margin-right:5px; line-height:30px;}



.scroll_box2 li{ position:relative;display:block;width:100%;float:left; font-size:14px; line-height:1em; margin-top:10px;}
.scroll_box2 li{position:relative;display:block;width:100%;float:left; font-size:14px; line-height:1em;}
.scroll_box2 li a{float:left; display:block; border:1px solid #dfdfdf; width:29%; margin:5px 1.75%; text-align:center; cursor:pointer; color:#333;}
.scroll_box2 li a img{ width:90%; display:block; margin:0 auto;}
.scroll_box2 li a span{ width:100%; height:30px; line-height:30px; display:block; overflow:hidden; font-size:12px;}


/* CSS 新闻资讯 */
.listul{ width:94%; margin:0 auto; padding:5px 0 15px;}
.listul li{
    height:20px;
	line-height:20px;
	overflow:hidden;
	text-align:left;
	padding-left:10px;
	background:url(../images/icon01.jpg) left center no-repeat;
	background-size:4px;
	-webkit-background-size:4px;
    -moz-background-size:4px;
    -o-background-size:4px;
	margin-top:5px;
}
.listul .mbtn{ height:25px; margin-top:10px;}
.listul .mbtn a{ display:block; height:25px; line-height:25px; color:#fff; background:#c6c6c6; text-align:center;}
.listul .mbtn a:hover{ background:#0454b7;}
.dwlist{ width:95%; margin:0 auto; padding:10px 0;}
.dwlist li{ float:left; float:left; width:73px; margin:5px 14px; text-align:center}
.dwlist li a{ display:block; color:#333;}
.dwlist li img{ width:71px; height:19px; border:1px solid #d1d1d1;}
.dwlist li span{ display:block; height:20px; line-height:20px; font-size:12px;}


.footer{ background:#f1f1f1; line-height:18px; font-size:12px; padding:10px 0; margin-top:20px; text-align:center;}
.footer p{margin-top:10px;}

.erweima{ background:#f1f1f1; line-height:18px; font-size:12px; border-top:1px #d2d2d2 solid;}
.erweima p{width:100%; text-align:center; margin:15px auto;}
.erweima p img{width:40%; margin:0 auto;}



.holderdiv{ height:45px;}
.fixdiv{ position:fixed; width:100%; left:0; right:0; bottom:0; height:45px; background:#2370ca; border-top:1px solid #2d87f0; z-index:9999;}
.fixdiv li{ float:left; width:18.5%; padding:0 3%; border-left:1px solid #2d87f0;}
.fixdiv li:first-child{ border-left:0;}
.fixdiv li a{ display:block; height:45px; color:#fff; padding-top:3px; text-align:center;}
.fixdiv li a img{ margin:0 auto; width:20px; height:19px;}
.fixdiv li a span{display:block; height:20px; line-height:20px;}




.main{ width:98%; background:#fff; margin:10px auto; padding:1%;}
.subnav{ padding-top:5px;}
.subnav li{ float:left; width:45%; height:30px; line-height:30px; margin:0 2.5% 10px;}
.subnav li a{ display:block; width:100%; height:30px; background:#f1f1f1; font-size:14px; text-align:center; color:#333;}
.subnav li a:hover{ background:#2370ca; color:#fff;}
.subnav li a.ahover{ background:#2370ca; color:#fff;}


.aboutbox{width:96%; margin:0 auto; text-align:left; line-height:25px; font-size:12px;}

.product li{ float:left; width:29%; border:1px solid #dfdfdf; text-align:center; padding:0.65%; margin:15px 1.15% 5px;}
.product li a{ display:block; color:#333; font-size:14px;}
.product li a img{ width:90%; display:inline-block;}
.product li a span{ display:block; width:100%; height:20px; line-height:20px; overflow:hidden;}
.loadmore{ background:#f5f5f5; text-align:center; margin:10px 0 5px; padding:10px;}
.loadmore a{ display:inline-block; text-align:center; font-size:12px; line-height:2em; color:#535353; margin:0 2px; padding:0 4px; border:1px solid #e0e0e0;}
.loadmore a:hover{ background:#c00; color:#fff; border:1px solid #c00;}

proinfo{ width:100%; margin-top:5px;}
.probt {
    width: 100%;
    background: #2370ca;
    padding: 5px 0px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    margin-top: 10px;
}
.proimg{ width:100%; margin:15px 0; text-align:center;}
.proimg img{ display:inline; width:auto;}


.basicinfo{ margin-top:5px; text-align:center;}
.basicinfo h3{ background:#408913; height:28px; line-height:28px; padding-left:5px; font-size:14px; color:#fff; text-align:left; margin-bottom:5px;}
.basicinfo p{ font-size:14px; line-height:24px;}
.basicinfo p a{ float:left; display:block; width:42%; margin:5px 4% 0; height:25px; line-height:25px; border-radius:3px; color:#fff;}
.basicinfo p a.callme{ background:#e60012;}
.basicinfo p a.askme{ background:#53b615;}
.proms{ margin-top:10px; line-height:18px;}
.proms h3{color:#333; border-bottom:1px #ddd solid; height:28px; line-height:28px; padding-left:5px; font-size:14px; text-align:left; margin-bottom:5px;}


.newbox{width:96%; margin:0 auto;}
.newbox li{width:100%; height:45px; border-bottom:1px solid #e0e0e0; position:relative; margin:5px 0;}
.newbox li h3{ height:25px; line-height:25px; margin-right:15px; font-size:14px; font-weight:400; overflow:hidden;}
.newbox li h3 em{ color:#1796e7; padding-right:5px;}
.newbox li span{ width:8px; height:12px; display:block; position:absolute; top:16px; right:5px;}
.newbox li span img{ width:8px; height:12px;}

.prodl{ padding:5px 0 10px;}
.prodl dt{ float:left;}
.prodl dt img{ width:46px; height:46px; border:1px solid #e0e0e0;}
.prodl dd{ float:left; width:230px; margin-left:10px; font-size:12px;}
.prodl dd h3{ font-size:12px; padding-bottom:3px;}



.newinfo{width:96%; margin:10px auto; line-height:25px; color:#666; text-align:left;}
.newts{ margin:5px 0; line-height:20px;}
.newts h2{ font-size:16px; color:#333;}
.newts p{ font-size:14px; color:#999;}
.pages{ width:100%; margin:20px auto; background-color:#f5f5f5; padding:10px 0px;}
.pages p{width:100%; float:left; text-align:left; line-height:25px;}


.tcbox{ width:86%; background:#fff; border-radius:5px; padding:10px; display:none;}
.tcbox em{ width:20px; height:20px; float:right; margin:-15px -15px 0 0; cursor:pointer;}
.tcbox ul{ width:100%; margin-top:10px;}
.tcbox li{ float:left; width:46%; height:28px; background:#f0f0f0; margin:5px 2%; text-align:center; font-size:14px;}
.tcbox li a{ display:block; height:28px; line-height:28px; background:#f0f0f0; color:#333;}
.tcbox li a:hover{ background:#0454b7; color:#fff;}



.xgcpzx{width:100%; margin:0 auto;}
.xgcpzx li{width:100%; float:left; margin-top:20px;}
.xgcpzx li h3{height:30px; line-height:30px; text-align:left; font-size:14px; border-bottom:1px #ddd solid;}
.xgcpzx li h3 a{color:#111;}
.xgcpzx li h3 a:hover{color:#e20b0b;}
.xgcpzx li .xgcpzx_1{width:100%; margin:0 auto;}
.xgcpzx li .xgcpzx_1 p{ float:left; width:45%; height:30px; line-height:30px; margin:10px 2.5% 0px 2.5%;}
.xgcpzx li .xgcpzx_1 p a{ display:block; width:100%; height:30px; background:#f1f1f1; font-size:12px; text-align:center;}
.xgcpzx li .xgcpzx_1 p a:hover{ background:#e20b0b; color:#fff;}



.weizhi{width:96%; margin:0 auto; height:35px; line-height:35px; text-align:left; color:#111; background-color:#f3f3f3; margin-top:10px;}
.weizhi a{color:#2370ca;}





.cp_tu{width:100%; margin:0 auto; text-align:center;}
.cp_tu img{width:92%; border:1px #d2d2d2 solid; margin:0 auto;}

.cp_con{width:92%; margin:0 auto;}
.cp_con h3{text-align:left; font-size:14px; color:#c00; margin-top:8px; border-bottom:1px #d2d2d2 solid; line-height:25px;}
.cp_con p{text-align:left; color:#111; margin-top:8px; line-height:21px;}
.cp_con p span{font-weight:bold;}

.cp_more{text-align:left;}
.cp_more a{display:block; font-style:normal; background-color:#c00; border-radius:3px; color:#fff; width:45%; margin-top:8px; margin-right:6px; float:left; line-height:25px; text-align:center;}





.messbox li{ margin-bottom:5px;}
.messbox input{
	color: #666;
	border:1px solid #e0e0e0;
	height:32px;
	line-height:32px;
	padding-left:5px;
	width:96%;
	vertical-align:middle;
	font-size:14px;
	-webkit-box-shadow: 0 0 2px #e9e9e9 inset!important;
	box-shadow: 0 0 2px #e9e9e9 inset!important;
}
.messbox textarea{
	color: #666;
	border:1px solid #e0e0e0;
	height:100px;
	line-height:22px;
	padding-left:5px;
	width:96%;
	font-size:14px;
	-webkit-box-shadow: 0 0 2px #e9e9e9 inset!important;
	box-shadow: 0 0 2px #e9e9e9 inset!important;
	font-family:"Microsoft yahei";
}
.messbox button.btns{ width:120px; height:32px; background:#f60; color:#fff; border-radius:3px; font-family:"Microsoft yahei"; border:none; font-size:15px;}





.xgcpzx{width:100%; margin:0 auto;}
.xgcpzx li{width:100%; float:left; margin-top:20px;}
.xgcpzx li h3{height:30px; line-height:30px; text-align:left; font-size:14px; border-bottom:1px #ddd solid;}
.xgcpzx li h3 a{color:#111;}
.xgcpzx li h3 a:hover{color:#e20b0b;}
.xgcpzx li .xgcpzx_1{width:100%; margin:0 auto;}
.xgcpzx li .xgcpzx_1 p{ float:left; width:45%; height:30px; line-height:30px; margin:10px 2.5% 0px 2.5%;}
.xgcpzx li .xgcpzx_1 p a{ display:block; width:100%; height:30px; background:#f1f1f1; font-size:14px; text-align:center;}
.xgcpzx li .xgcpzx_1 p a:hover{ background:#e20b0b; color:#fff;}


