/*base*/
*{box-sizing:border-box;-webkit-box-sizing:border-box;}
blockquote,body,button,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul {margin: 0;padding: 0;-webkit-tap-highlight-color: rgba(0, 0, 0, 0)}
a:active,a:hover {outline: 0}
img {display: inline-block; border: none;vertical-align: middle}
li {list-style: none}
table {width:100%;border-collapse: collapse;border-spacing: 0}
button,input,optgroup,option,select,textarea {font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;outline: 0;
    outline: 0;
    -webkit-transition: border-color .3s cubic-bezier(.65, .05, .35, .5);
    transition: border-color .3s cubic-bezier(.65, .05, .35, .5);
    -webkit-box-sizing: border-box!important;
    -moz-box-sizing: border-box!important;
    box-sizing: border-box!important
}
pre {white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word}
/*scrollbar*/
::-webkit-scrollbar {width: 8px;height: 10px}
::-webkit-scrollbar-button:vertical {display: none}
::-webkit-scrollbar-corner,-webkit-scrollbar-track {background-color: #e2e2e2}
::-webkit-scrollbar-thumb { border-radius: 0;background-color: rgba(0, 0, 0, .3)}
::-webkit-scrollbar-thumb:vertical:hover {background-color: rgba(0, 0, 0, .35)}
::-webkit-scrollbar-thumb:vertical:active {background-color: rgba(0, 0, 0, .38)}
/*config*/
body {color: #333333; line-height: 32px;font: 14px Helvetica Neue, Helvetica, "microsoft yahei", Tahoma, Arial, sans-serif}
hr {height: 1px;margin: 10px 0; border: 0;background-color: #e2e2e2;clear: both}
.line {margin: 10px 0; height: 1px; border-top:1px dashed #e2e2e2;clear: both}
a { color: #333333;text-decoration:none;}
a:hover {color: #e55100}
h4,.h4{font-size: 18px;}
.container{width: 80%;display:block;margin: auto;clear:both;}
.container:after{clear: both;height: 0px; line-height: 0px; content: "";}
.clear-fix{clear: both; display: block; overflow: hidden;}
.p20{ padding: 20px;}
.mtb10{ margin: 10px 0;}
.mt10{ margin-top: 10px;}
.mt20{ margin-top: 20px;}
.fl{float: left;}
.fr{float:right}
.f14{font-size: 14px!important;}
.f16{font-size: 16px!important;}
.f18{font-size: 18px!important;}
.f24{font-size: 24px!important;}
.fnormal{font-weight: normal;}
.fc-gray{color: #666666!important;}
.fc-grey{color: #999!important;}
.fc-orang{color:#ff9c00!important;}
.fc-blue{color:#2c68e4!important;}
.fc-red{ color: #f54949!important;}
.fc-green{color: #94d66a!important;}
.fc-brown{color: #c59a60!important;}
.fc-white{color: #fff!important;}
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.mauto{ margin-left: auto; margin-right: auto;}
.radius4{border-radius: 4px;}
.img-circle{ border-radius: 100%;}
.img-responsive{display: block;width: 100%;height: auto;}
.border{border: 1px solid #d8dbde;display: block;}
/*row*/
.row{/*margin-right:-5px;margin-left:-5px;*/clear: both; display: block;}
.col-10,.col-20,.col-30,.col-40,.col-50,.col-60,.col-70,.col-80,.col-90,.col-100,.col-25,.col-33,.col-75{
float: left;  position:relative;padding-right:5px;padding-left:5px;min-height:1px;}
.col-10{width: 10%;}
.col-20{width: 20%;}
.col-30{width: 30%;}
.col-40{width: 40%;}
.col-50{width: 50%;}
.col-60{width: 60%;}
.col-70{width: 70%;}
.col-80{width: 80%;}
.col-90{width: 90%;}
.col-100{width:100%;}
.col-25{width: 25%;}
.col-33{ width:33.333%;}
.col-75{width: 75%;}
/*header*/
.header{height: 75px; margin: 10px 0;}
.header .logo{background: url(../images/logo.png) no-repeat; width: 491px;height: 75px;}
/*main-body*/
.main-body{ width: 100%;display: block; clear: both;}
/*footer*/
.footer{color:#9d9ca1;line-height:25px;width:100%;clear:both;display:table;background-color: #373b44; margin-top: 20px;}
.footer .copyright{  font-size:12px; padding: 20px 0;}
.footer a{ color:#9d9ca1 ;}
/*nav*/
.nav {height: 49px; margin-bottom: 15px;box-shadow:0 2px 4px #ccc; background-color: #1d1a1a; }
.nav ul li {cursor: pointer; float: left;line-height: 49px; position: relative;}
.nav ul li a { font-size:18px;  display:block; text-align: center; padding: 0 19px; color: #fff; }
.nav ul li a:hover,.nav ul .on a{ color: #fff;  background-color: #0276cd;}
.nav ul li a:after {border-right:1px solid #444444;top:10px; content: ""; height: 30px; left: 100%; position: absolute;}
.nav ul li:last-child a:after{border: 0px;}
/*nav-submenu*/
.nav .sub-box{ border:1px solid #efefef; position:absolute; z-index:999; background-color:#fff; min-height:150px; top:49px;min-width:240px; padding: 10px 5px;box-shadow:0 5px 3px rgba(0,0,0,0.3); display: none;}
.nav ul li:hover .sub-box{ display: block; } 
.nav ul li .sub-box dl{margin-bottom: 10px;}
.nav ul li .sub-box dt{ font-size: 18px; display: block; text-indent :20px; clear: both; width: 100%;margin-left:0px;border-bottom:1px solid #efefef; height: 40px; line-height: 40px;}
.nav ul li .sub-box dd a{font-size: 14px; display:block; width: 95%; line-height:36px;  color:#666; text-align:left;  margin:auto; -moz-transition: padding-left 0.5s; /* Firefox 4 */ -webkit-transition: padding-left 0.5s; /* Safari and Chrome */ -o-transition:padding-left 0.5s;  /* Opera */ }
.nav ul li .sub-box dd a:before{content: "\e6f8";margin-right: 5px;font-family: "iconfont";}
.nav ul li .sub-box dd a:hover{ background-color: #efefef; padding-left:30px; color:#007AB4; }
/*slide-menu*/
.slide-menu{border-bottom: 1px solid #e8e8f2; background-color: #fff; margin-bottom: 20px; overflow: hidden;}
.slide-menu h3{font-weight:normal;padding:10px 0; margin: 0px;position:relative; cursor:pointer;font-size:18px; display: block; text-indent: 20px; border-top: 1px solid #e8e8f2; }
.slide-menu h3 i{margin-right: 15px; font-size: 24px; }
.slide-menu h3:after{font-style:normal;position:absolute;right:20px;top:50%; margin-top: -10px; z-index:99;  content: "\e6f8";font-family: "iconfont";}
.slide-menu h3.on:after{content: "\e749";font-family: "iconfont";}
.slide-menu a{ display: block;}
.slide-menu h3.on a,.slide-menu h3:hover a{color: #fff;}
.slide-menu h3.on,.slide-menu h3:hover{background-color: #1978c8;  color: #fff; }

.slide-menu ul{display: block;overflow: hidden;clear: both; }
.slide-menu ul li{ padding: 5px 0; line-height: 24px; border-bottom: 1px solid #e8e8f2;}
.slide-menu ul li a{ margin-left:30px; padding-left:15px; }
.slide-menu ul li a:before{content: "\e6f8";font-family: "iconfont"; margin-right: 15px;}
.slide-menu ul li:hover,.slide-menu ul .on{ background-color: #efefef;}
.slide-menu ul .on a{ color: #1978c8; }

/*文章内容页*/
.article{ padding:0px 20px;}
.article-title{font-size:28px; padding:5px 0;}
.article-date{ color: #c2c2c2; height: 30px; line-height: 30px; position: relative;}
.article-share{position: absolute; right: 0px;top:10px}
.article-content{line-height: 200%; color: #666; font-size: 16px; padding: 10px 0;}
/*field*/
.field-title{margin: 20px 0 20px;border:0px;border-top: 1px solid #e2e2e2}
.field-title legend {margin-left: 20px;padding: 0 10px;font-size: 20px;font-weight: 800}
/*breadcrumb*/
.breadcrumb a:first-child:before{content: "\e703 "; font-family: "iconfont" ;}
.breadcrumb a:after{ content: ">"; margin:0 5px;}
.breadcrumb a:last-child{color: #999;}
.breadcrumb a:last-child:after{ content: "";}
/*form*/
form{ margin: 5px;}

.form-group{clear: both;margin-bottom: 10px;}
.form-group:after{clear: both;height:0px;display:block;content:'\20';}
.form-label{padding:9px 15px;float:left;display:block;text-align:right;width: 110px;}
.form-input{text-indent:8px;padding:8px;height:34px; min-width:100px;display:block;width:100%;background-color:#fff;
border: 1px solid #ccc;background-image:none;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);border-radius:2px;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.form-inline-box{ display:inline-block;vertical-align:middle;}
.form-input-block{position:relative; margin-left: 110px;line-height:34px;}
.form-input-inline {display: inline-block;}
.form-inline-box .form-input{display:inline-block;width: auto; float:left;}
.radio-inline{ margin-right:10px;}
.form-submit{ margin-left: 110px;}
textarea.form-input{height: auto;}
select.form-input{text-indent:0px;}
.form-pane .form-label{text-align:center;border: 1px solid #e6e6e6 ;overflow:hidden;border-radius:2px 0 0 2px;background-color:#FBFBFB;white-space:nowrap;text-overflow:ellipsis;}
/*btn*/
.btn{vertical-align: middle;display:inline-block;height: 32px;line-height: 32px; padding: 0 18px;background-color: #0073b4;color: #fff;white-space: nowrap;text-align: center;
font-size: 16px;border: none;border-radius: 4px;cursor: pointer;
margin-right:10px;filter: alpha(opacity=90)}
.btn-radius{ border-radius:4px;}
.btn:hover {box-shadow: 0px 0px 10px #ccc; transition:all 0.2s linear 0s; opacity: .8;filter: alpha(opacity=80);color: #fff;}
.btn-block{display: block; width: 100%;}
.btn-disabled, .btn-disabled:active, .btn-disabled:hover{cursor:not-allowed;background-color:#fff; color:#ccc;border:1px solid #ccc;;opacity:1;}
.btn-primary{ background-color: #e2e2e2; color: #333;}
.btn-primary:hover{color: #000;background-color: #b7b7b7;}
.btn-normal { background-color: #009d16}
.btn-danger { background-color: #d50a00}
.btn-group{display: inline-block;vertical-align: middle;font-size: 0}
.btn-group .btn{margin-left: 0!important;margin-right: 0!important;border-left: 1px solid rgba(255, 255, 255, .5);border-radius: 0}
.btn-group .btn:first-child {border-left: none;border-radius: 4px 0 0 4px} 
.btn-group .btn:last-child { border-radius: 0 4px 4px 0}  
.btn-groupmin .btn, .btnmin{height: 28px;line-height: 28px; font-size: 12px; padding: 0px 10px; }
/*table*/
.table{width:100%;background-color:#fff;}
.table td,.table th{padding: 9px 15px;min-height: 20px;line-height: 20px;border: 1px solid #e2e2e2;font-size: 14px}
.table thead tr{background-color:#f2f2f2;}
.table-line{border: 1px solid #e2e2e2}
.table-line td,.table-line th{border: none;border-top: 1px solid #e2e2e2}
.table-row{border: 1px solid #e2e2e2}
.table-row td,.table-row th{border: none;border-right: 1px solid #e2e2e2}
.table-noborder td,.table-noborder th{border: none;}
.table tr:nth-child(even) {background-color: #f7f9f6}
.table tr:hover{background-color: #e2ebf1;color:#144a56;}
/*panel*/
.panel{ border: 1px solid #e1e1e1; background-color: #fff; margin-bottom: 10px; }
.panel-heading{ background-color:#f7f7f7;position:relative; border-bottom:1px solid #eaeaea; padding:10px 20px;height:46px; overflow: hidden; }
.panel-heading h3{color: #0076cd;font-size: 16px;font-weight: normal; }
.panel-body{ padding:20px; overflow: hidden;}
.panel-footer{position:relative; border-top:1px solid #eaeaea; padding:10px 20px;height:46px; overflow: hidden; color: #999;}
.panel .panel-heading em{ position: absolute; right: 10px; top:15px; font-style: normal; width: 200px; text-align: right; }
.panel .panel-heading em a{ font-size: 12px; color: #9da9c4; padding: 2px;} 
.panel .panel-heading em a:hover{  color: #e55100;} 
.noborder{border: 0px;}
/*list*/
.list ul{padding:0; }
.list li {background: url(../images/point_01.jpg) no-repeat; background-position:0 12px ; text-indent: 20px; border-bottom: 0px solid #e7ecee; height: 30px; line-height: 30px; position: relative;}
.list li a{ width: auto; font-size: 14px;}
.list li:hover{ background-color: #f8f8f8;}
.list li:hover a{ color: #e55100; }
.list li em{position:absolute;color: #A1ACB4;right: 15px; font-size: 12px; font-style: normal;}
.list-nopoint li{background-image: none;text-indent: 0px;}
.list-solid li{ border-bottom:1px solid #ccc;}
.list-dashed li{ border-bottom:1px  dashed  #ccc;}
.list-auto li{line-height: 28px; height: auto;text-indent: 85px;background-image: none;border-bottom:1px  dashed  #ccc; margin-bottom: 8px;} 
.list-auto li em{position:absolute;left:0px;text-indent:0px; top:5px; color: #fff; background-color: #0a74c2; width: 70px; text-align: center; border-radius: 2px; height: 20px; line-height: 20px;}
.list-detail li{ height: 55px; line-height: 55px;background-position:0px 25px;}
.list-detail li a{font-size: 18px;}
/*media*/
.media-body,.media-left,.media-right{display: table-cell;vertical-align:top;}
.media, .media-body{overflow: hidden;zoom: 1;}
.media-left{padding-right:10px;}
.media-heading{ margin-bottom: 10px; font-size:16px ;}
.media-list li{ margin-bottom: 20px; clear: both;}
.media a{ color: #000;}
.media .media-body p,.media .media-body p a{ color: #999;}
.media a:hover,.media-body p a:hover{ color: #e55100;}
/*page*/
.page{ padding: 30px 0px 80px; font-size: 14px; border-top:1px solid #E8E8F2;}
.page b{ color: #0076cd;}
.page a{ padding:5px 20px; margin-left: 2px; background-color: #e7ecee;}
.page a:hover{background-color: #0076cd; color: #fff;}
/**/
.stepline ul{padding:20px 0 20px 20px ;display:table; overflow: hidden;width: 100%;table-layout:fixed;counter-reset:step;}
.stepline li {background:url(../images/step-bj.png) no-repeat left center;text-shadow:1px 2px 1px #14439f; color: #fff;font-size:20px;height:62px; line-height:62px;display:table-cell;list-style-type: none;position: relative;}
.stepline li a{color: #fff; display: block;float: left;}
.stepline li i{ display: inline-block; float: left;}
.stepline li em{position:absolute;right:-15px;top:25px;background:url(../images/step-jt.png) no-repeat left center; width: 50px; height: 10px;}
.stepline li:first-child:after {content: none; }
.stepicon{ background:url(../images/step-icon.png) no-repeat; width: 36px; height:36px;margin:12px 15px 0 20px;}
.stepicon-sl{background-position-x: -36px;}
.stepicon-sx{background-position-x: -72px;}
.stepicon-pg{background-position-x: -108px;}
.stepicon-pm{background-position-x: -144px;}
.stepicon-cj{background-position-x: -180px;}
.stepicon-dj{background-position-x: -216px;margin:12px 5px 0 5px;}
/**/
.appointment{background:url(../images/appointment.jpg) no-repeat; color: #fff; width: 639px; height: 502px;padding: 160px 85px 0 85px ;}
.appointment-num{ display: block; text-align: right; font-size: 36px; margin-bottom: 50px;text-decoration:underline}
.appointment-info dl{clear: both;font-size:18px ; margin-bottom: 10px;}
.appointment-info dt{ float: left; }
.appointment-code img{ width: 280px; height: 280px; border: 3px solid #69b3fd; padding: 10px;margin-top: 100px;}