@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin:0; padding:0; color:#4c4c4c;}
html{ font-family:"微软雅黑"; font-size:14px; line-height:1.5; background: #fff; -webkit-text-size-adjust:100%; _background-attachment: fixed;}
img { border: none; max-width: 100%; }
table { /*border-collapse: collapse;*/ }
ul, ol { list-style: none outside; }
hr { clear: both; border: none; border-top: 1px solid #DDDDDD; _height: 1px; }
input { vertical-align: middle; }
a{ text-decoration:none;color:#4c4c4c;}
.clear{ clear:both;}
.both{ clear:both; height:12px;}
.cle{ clear:both; height:10px;}

/*整体div*/
.wp{margin-left: auto; margin-right: auto; max-width: 640px; min-width: 320px; background:#fff;position:relative;}
/*头部*/
#header{}
#top{ height:55px; padding:15px 0 0 10px; position:relative; background:url(../images/j.png) repeat-x;}
#top span{ float:right; color:#c50808; padding-right:15px; margin-top:-25px;}
#top center{ color:#fff; font-size:18px; padding-top:5px; font-weight:bold;}
#tops{ height:65px; padding:8px 0 0 10px; position:relative;}
#tops span{ float:right; margin-top:15px; padding-right:15px;}
#logo{ position:absolute;overflow:hidden;}
#mmenu{ z-index:99999; width:100%;height:100%;position:absolute; top:70px;left:0;display:none;}
.banner{position: relative;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;text-align: center;line-height: 0px;margin-right: auto;margin-left: auto;}

/*首页*/
#main{ width:98%; margin:0 auto; padding-top:2%;}
#zsjz{ background-color:#216aad; color:#fff; text-align:center; height:45px; line-height:45px; font-size:16px; font-weight:bold;}
#cpfl li{ float:left; width:24.1%; padding:1.5% 0 1.5% 9%;font-size:15px;}
#cpfl .f{ background-color:#f0f0f0; border-left:2px solid #429ddc;}
#cpfl .f a{color:#216aad;}
#cpfl .r{ background-color:#429ddc; border-left:2px solid #fff;}
#cpfl .r a{color:#fff;}
#cpfl .s{ border-left:none;}
#zyts{border:2px solid #ccc; padding:1%;}
#zyts td{ padding-bottom:1.5%;}
#zyts .zy{ width:15%;color:#055095;}
#zyts .yy{ width:85%;}
.bt{ height:33px; border:2px solid #ccc;margin-bottom:12px; padding:2px 0 0 5px; line-height:30px; color:#216aad;}
.bt li{ float:left; padding:0 3% 0 3%; height:35px; border-right:1px solid #ccc;}
.bt span{ float:right; padding-right:8px; margin-top:5px;}
#list{ padding:0 15px 15px 15px;}
#list li{ padding:2% 0 2% 0; font-size:14px; border-bottom:1px dashed #ccc;}
#list li a{ font-size:14px;}
#list li span{ float:right; font-size:12px; color:#909090;}
#product{overflow:hidden; padding:2% 0 0 0;}
#product ul li{ float:left; width:47%; padding:0 0 2% 3%; text-align:center;}
#product ul li img{ width:270px; height:200px; display:block;padding:1px; border:1px solid #d9d9d9;}
#product ul li a{font-size:14px;line-height:25px;}
#teach li{ height:160px; border-bottom:1px dashed #ccc; line-height:25px; margin-bottom:12px;}
#teach li img{ width:115px; height:145px; border:1px solid #d9d9d9; padding:1px; margin-right:15px;}
#teach li a{ font-size:15px; color:#216aad;}
.show{ line-height:25px;padding:10px 10px 30px 10px; height:auto !important; min-height:400px;}
.show center{ font-size:15px; color:#216aad; padding-bottom:15px;}
.timg{ width:100%; text-align:center; margin:0 auto;}
.timg img{ width:auto !important; max-width:600px;}
.input{ border:1px solid #ccc;margin-left:1.5%;width:95%; height:25px;line-height:25px;margin-bottom:12px;font-family:"微软雅黑"; padding-left:2%;}
.inputs{ float:left; border:1px solid #ccc; margin:0 2% 0 1%;width:45%; line-height:25px; font-family:"微软雅黑";padding-left:1%;margin-bottom:12px;}
.sinput{ float:left; border:1px solid #ccc; margin:0 0 0 2%;width:95%; line-height:25px; font-family:"微软雅黑";padding-left:1%;margin-bottom:12px;}
.yzm{border:1px solid #ccc;margin-left:1.5%;width:25%; height:25px; line-height:25px; margin-bottom:15px; font-family:"微软雅黑";padding-left:2%;}
.btn{ width:100%; height:48px; background:url(../images/tj.jpg) center no-repeat; color:#fff; border:none;margin-bottom:20px;font-family:"微软雅黑";}
.kst{ border-bottom:1px dashed #ccc; color:#216aad; font-size:15px; text-align:center; line-height:35px;}
.kstk{ padding-top:12px;}

/*banner效果*/
.area{margin:0 auto; overflow:hidden; position:relative; cursor:pointer;}
.js{POSITION: relative; margin:0 auto;}
.js img{}
.imgSelected {}
.bg{width:100%;padding-top:1px;position:absolute;}
.jsNav{position:absolute;bottom:10px; right:35%;}
.jsNav a{width:30px; font-size:12px; margin-right:10px; display:inline; height:4px; line-height:4px; display:block;float:left; text-align:center; background:url(../images/y1.jpg) no-repeat;}
.jsNav a:hover{background:url(../images/y2.jpg) no-repeat;}
.jsNav .imgSelected { background:url(../images/y2.jpg) no-repeat;}
.qq{ display:none; z-index:200}
.hide{ display:none;}

/*弹窗效果*/
.black_overlay{position: absolute;top:0%;left:0%; width:60%;height: 100%;overflow:hidden;z-index:1001;background-color: black;-moz-opacity: 0.6;opacity:.60;filter: alpha(opacity=60);}
.black_overlay span{position: absolute;top:10%; left:10%;z-index:1002; cursor:pointer;}
.tcxg{position: absolute;padding-top:0%;top:0%;left:60%;width:40%;height:100%;background-color:#216aae;z-index:1002;}
.tcxg li{ text-align:center;border-bottom:1px solid #387ab6; height:35px; padding-top:15px;}
.tcxg li a{ color:#fff; font-size:15px;}
.tcxg li:hover{ background-color:#419ddc;}
.tcxg li:hover a{ color:#fff;}
.black_overlays{display:none;position:absolute;top:0;left:0%;width:100%;height:100%;background-color:black;z-index:1001;-moz-opacity: 0.6;opacity:.60;filter: alpha(opacity=60);overflow:hidden;}
.cpfl{display:none;position:absolute;z-index:1002;overflow:hidden; background-color:#fff;}
.cpfl{position: absolute;padding-top:0%;top:0%;left:60%;width:40%;height:100%;background-color:#216aae;z-index:1002;}
.cpfl li{ text-align:center;border-bottom:1px solid #387ab6; height:40px; padding-top:20px;}
.cpfl li a{ color:#fff; font-size:15px;}
.cpfl li:hover{ background-color:#419ddc;}
.cpfl li:hover a{ color:#fff;}

/*分页样式*/
#ny_right9{ color:#666; padding-bottom:30px;font-size:13px; text-align:center;}
#ny_right9 a{ color:#666;}


/*底部*/
#copyright{ padding:10px; line-height:21px;height:120px; position:relative; text-align:center; color:#808080; background-color:#ededed; font-size:12px;}
#copyright a{ color:#808080;}
#footx{ max-width:640px; margin:0 auto;}
#foot{ max-width:640px; margin:0 auto;position:fixed; bottom:0; z-index:9; width:100%; height:70px;}
#bottom{height:70px; line-height:35px; overflow:hidden;text-align:center;background:url(../images/fj.jpg) repeat-x;font-size:14px;}
#bottom li{float:left;width:25%; background-position:center 12px; background-repeat:no-repeat;}
#bottom li.f1{ background-image:url(../images/dh.png);}
#bottom li.f2{ background-image:url(../images/ly.png);}
#bottom li.f3{ background-image:url(../images/hm.png);}
#bottom li.f4{ background-image:url(../images/dt.png);}
#bottom li a{color:#fff;display:block;padding:35px 0 0 0;height:35px;background:url(../images/line.png) no-repeat 0 0;}
#bottom li.f1 a{ background:none;}


@media screen and (max-width:420px) {
#mmenu{ z-index:99999; width:100%;height:100%;position:absolute; top:55px;left:0;display:none;}
#top{ height:50px; padding:5px 0 0 10px; position:relative; background:url(../images/j.png) repeat-x;}
#tops{ height:45px; padding:10px 0 0 10px; position:relative;}
#tops span{ float:right; margin-top:3px; padding-right:15px;}
#log img{ width:200px;}
#cpfl li{ float:left; width:30.3%; padding:1.5% 0 1.5% 2.5%;font-size:15px;}
#zyts .zy{ width:29.5%;color:#055095;}
#zyts .yy{ width:70.5%;}
#product ul li{ float:left; width:48%; padding:0 0 2% 2%; text-align:center;}
#product ul li img{ width:160px; height:120px; display:block;padding:1px; border:1px solid #d9d9d9;}
.timg img{ width:auto !important; max-width:300px;}
#copyright{ font-size:12px;}
#bottom{ font-size:14px;}
} 
@media screen and (orientation:portrait) {

}
@media screen and (orientation:landscape) and (max-width:540px){
#mmenu{ z-index:99999; width:100%;height:100%;position:absolute; top:55px;left:0;display:none;}
#top{ height:50px; padding:5px 0 0 10px; position:relative; background:url(../images/j.png) repeat-x;}
#tops{ height:45px; padding:10px 0 0 10px; position:relative;}
#tops span{ float:right; margin-top:3px; padding-right:15px;}
#log img{ width:200px;}
#cpfl li{ float:left; width:30.3%; padding:1.5% 0 1.5% 2.5%;font-size:15px;}
#zyts .zy{ width:29.5%;color:#055095;}
#zyts .yy{ width:70.5%;}
#product ul li{ float:left; width:48%; padding:0 0 2% 2%; text-align:center;}
#product ul li img{ width:160px; height:120px; display:block;padding:1px; border:1px solid #d9d9d9;}
.timg img{ width:auto !important; max-width:300px;}
#copyright{ font-size:12px;}
#bottom{ font-size:14px;}
}
@media screen and (min-width:420px) and (max-width:540px){
#mmenu{ z-index:99999; width:100%;height:100%;position:absolute; top:55px;left:0;display:none;}
#top{ height:50px; padding:5px 0 0 10px; position:relative; background:url(../images/j.png) repeat-x;}
#tops{ height:45px; padding:10px 0 0 10px; position:relative;}
#tops span{ float:right; margin-top:3px; padding-right:15px;}
#log img{ width:200px;}
#cpfl li{ float:left; width:30.3%; padding:1.5% 0 1.5% 2.5%;font-size:15px;}
#zyts .zy{ width:29.5%;color:#055095;}
#zyts .yy{ width:70.5%;}
#product ul li{ float:left; width:48%; padding:0 0 2% 2%; text-align:center;}
#product ul li img{ width:160px; height:120px; display:block;padding:1px; border:1px solid #d9d9d9;}
.timg img{ width:auto !important; max-width:300px;}
#copyright{ font-size:12px;}
#bottom{ font-size:14px;}
}