﻿@charset "utf-8";
/* CSS Document */
.clear{ clear:both;}
.none{ margin-right:0px !important;}
.fl{ float:left;}
.bfb40{ width:48%;}
.bfb60{ width:52%;}

.tit{ width:96%; height:25px; margin:10px auto;}
.tit .titleft{ width:25%; line-height:25px; height:25px; float:left;/* font-size:16px; */color:#078ea2; text-align:center; font-weight:bold;}
.tit .titmid{ width:50%; height:23px; background:url(../images/xian.jpg) no-repeat center bottom; margin:0px 1%; float:left;}
.tit .titright{ width:23%; line-height:25px; height:25px; background:#ffad01; float:left; text-align:center;}
.tit .titright a{ color:#000;}

.box{width:100%;margin:0 auto;background:#fff;font-size:14px;overflow:hidden;max-width:640px;min-width:320px;}
.logo{width:100%;height:auto;/* padding-top:50px;*/}
.logo img{width:100%;}
.nav{width:100%;height:auto;margin-top:5px; text-align:center;}
.nav li{width:25%;height:45px;float:left;text-align:center;line-height:44px; display:block;}
.nav .li16{ width:16.6%;}
.nav li a{display:block;color:#FFFFFF;border-right:1px solid #fff;border-bottom:1px solid #fff;background:#078ea2;font-weight:bold; font-size:16px;}
.nav .li16 a{border-right:1px solid #fff;border-left:1px solid #fff;}

.banner {width: 100%;height: auto;clear: both;}
/* banner效果CSS开始 */
.mBan2 { overflow: hidden; }
.mBan2 .slideBox{ width:100%; height:auto; position:relative;}
.mBan2 .slideBox .hd{ height: 10px; overflow: hidden; position: absolute; bottom: 4px; z-index: 1; width: 160px; background: url(../images/btnBg.png) repeat-x; margin-left: -46px; left: 41%; padding: 4px 0px 0px 11px; }
.mBan2 .slideBox .hd ul{ zoom: 1; }
.mBan2 .slideBox .hd ul li{ float: left; width: 40px; height: 6px; background: url(../images/btn1.png) no-repeat; cursor: pointer; margin-right: 10px; }
.mBan2 .slideBox .hd ul li.on{ background: url(../images/btn2.png) no-repeat; }
.mBan2 .slideBox .bd{ position:relative; height:100%; z-index:0;}
.mBan2 .slideBox .bd ul,.slideBox .bd ul li{width:100%!important}
.mBan2 .slideBox .bd img{ width:100%; height:auto; display:block;}
/* banner效果CSS结束 */

.ctu{width:100%;height:auto; margin-top:5px;}
.ctu img{width:100%;}

/*自助挂号*/
.zzgh{ width:90%; height:auto; margin:0 auto;}
.cale{ width:96%; height:auto; margin:0 auto;}
.cale dl{ width:100%; float:left; margin-bottom:1%;}
.cale dt{ width:20%; height:30px; line-height:30px; float:left; font-size:16px; text-align:center; background:#078ea2; color:#FFF;}
.cale dd{ width:79%; height:28px; line-height:28px; float:left; border:1px #999 solid; color:#F00;}
.cale dd input{ width:95%;height:27px; line-height:27px; border:0px; color:#000; padding-left:1.5%;}
.cale dd textarea{ border:0px;}
.cale .my{height:auto;line-height:28px; border:0px;}
.cale .coolbg{display:block;border:1px solid #ccc; font-size:16px; color:#fff;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px; height:32px; line-height:32px; width:150px; background:#078ea2; float:left; margin-left:10%;}
.cale .coolpg{display:block;border:1px solid #ccc; font-size:16px; color:#fff;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px; height:30px; line-height:30px; width:150px; background:#078ea2; float:left; text-align:center; margin-left:18%;}
.cale .coolpg a{ color:#FFF;}
/*自助挂号*/
/*底部开始*/
.footer{width:100%; height:auto; padding-bottom:5px}
.footer li{width:25%;height:auto;float:left; display:block; text-align:center; font-size:16px; line-height:48px; background:#078ea2;}
.footer li a{ color:#FFF;}
.footer p{ line-height:24px; font-size:14px; text-align:center;}
.footer img{ margin:8px 0px;}

@media (max-width:374px){
.zzgh{ width:94%;}
.cale dt{ width:28%; font-size:14px;}
.cale dd{ width:71%;}
.cale dd input{ width:92%;}
.cale .coolpg{ width:100px; margin-left:12%;}
.cale .coolbg{ width:100px;}
}
@media (min-width:375px) and (max-width:400px){
.zzgh{ width:94%;}
.cale dt{ width:28%; font-size:14px;}
.cale dd{ width:71%;}
.cale dd input{ width:92%;}
.cale .coolpg{ width:100px; margin-left:12%;}
.cale .coolbg{ width:100px;}
}
@media (min-width:401px) and (max-width:420px){

.zzgh{ width:94%;}
.cale dt{ width:28%; font-size:14px;}
.cale dd{ width:71%;}
.cale dd input{ width:92%;}
.cale .coolpg{ width:100px; margin-left:16%;}
.cale .coolbg{ width:100px;}
}