*{ margin: 0; padding: 0;}
body{ font-size: 14px; color: #333; font-family: "΢ÈíÑźÚ"; background: #f7f7f7;}
em{ font-style: normal;}
h1,h2,h3,h4,h5,h6{ font-weight: normal;}
.clear{ clear:both;}
ul,li{list-style-type:none;}
a{text-decoration:none;color:#333;outline:none;}
a:hover{text-decoration:none}
.fl{ float: left;}
.fr{ float: right;}


.container{ width: 1000px; height: 850px; background: #fff; margin: 0 auto;}
.online_header{ width: 100%; height: 69px; background: #23599b;}
.online_logo{ width: 466px; height: 100%; margin: 0 auto;}
.online_logo .logo_pic{ width: 174px; height: 45px; float: left; margin-top: 12px; background: url(../images/online_logo.png) no-repeat center;}
.online_logo h2{ width: 277px; height: 33px; float: right; border-left: 2px solid #fff; margin-top: 18px; font-size: 26px; line-height: 33px; text-align: right; color: #fff;}

.online_main{ width: 900px; margin: 20px auto 0;}
.online_left{ width: 300px; height: 674px; padding-left: 6px; float: left; border-right: 1px solid #dedada; background: url(../images/online_bg_left.png) no-repeat center bottom;}
.online_left h3{ width: 100%; line-height: 50px; font-size: 22px; color: #970d00; margin-bottom: 10px;}
.online_left p{ color: #000; padding-right: 55px; margin-bottom: 20px; line-height: 26px;}

.online_right{ width: 540px; float: right;}
.online_right h3{ height: 18px; line-height: 18px; font-size: 18px; color: #f37446; border-left:3px solid #fb8038; text-indent: 10px;}
.online_right h3 span{ display: block; float: left; margin-top: -1px;}
.error_info{ width: 100%; height: 20px; font-size: 15px; color: #f00; margin:5px 0 4px 0; padding-left: 10px;}

.online_form{ width: 100%; color: #5e5e5e; padding-bottom: 30px; border-bottom: 1px dashed #ccc; margin-bottom: 35px;}
.online_form p{ width: 244px; height: 30px; line-height: 30px; margin:0 0 14px 13px; position: relative;}
.online_form p label{ float: left;}
.online_form p input,.online_form p select{ width: 170px; height:30px;background: #f4f4f4; border: none; text-indent: 10px; color: #666; float: left; line-height: 30px;}
.online_form p input:focus,.online_form p select:focus,.form_describe textarea:focus{ box-shadow: 0 0 3px #23599b; transition: all 0.3s;}

.online_form p input.online_sex{ width: auto; margin-left: 10px; vertical-align: middle; float: none; background: none;}
.online_form p i{ display: block; width:16px; height: 15px; position: absolute; right: 8px; top: 7px; background: url(../images/date_icon.jpg) no-repeat center;}

.form_describe{ width: 100%;}
.form_describe label{ width: 70px; float: left; margin-left: 13px;}
.form_describe textarea{ width: 456px; border: none; height: 100px; resize: none; background: #f4f4f4; float: left; text-indent: 10px; font-size: 14px; color: #666; font-family: "΢ÈíÑźÚ";}

.online_btn{ width: 100%; text-align: center; height: 30px; margin-top: 30px; font-size: 14px; }
.online_btn input{ width: 70px; height: 100%; display: inline-block; margin: 0 5px; border: none; color: #fefefe;}
.online_btn .btn_sub{ background: #980d00;}
.online_btn .btn_res{ background: #fb8038;}

.online_other{ width: 514px; margin: 20px auto 0;}
.online_other_left{ width: 302px; float: left;}
.online_other_left h4{ font-size: 16px; color: #1c4885; height: 30px; line-height: 30px;}
.online_other_left h4 span{ font-size: 18px; color: #f37446;}

.online_tel{ width: 100%; height: 32px; margin-top: 10px;}
.online_tel .online_tel_ipt{ width: 180px; height: 100%; float: left; background: #f4f4f4; border: none; color: #ababab; text-indent: 10px;}
.online_tel .online_tel_btn{ width: 120px; height: 100%; float: left; /**background: #fc9645 url(../images/online_tel_icon.png) no-repeat 20px 8px;**/ border: none; text-align: center;
line-height: 32px;color: #fff; cursor: pointer;background: #fc9645}

.online_swt{ width: 100%; height: 66px; margin-top: 45px;}
.online_swt_img{ width: 173px; float: left;}

.online_swt_href{ width: 128px; float: right;}
.online_swt_href h4{ font-size: 16px; color: #1c4885; text-align: right;}
.online_swt_href a{ display: block; width: 120px; height: 32px; margin: 0 auto; background: #fc9645; text-align: center; color: #fff; line-height: 32px; margin-top: 4px;}

.online_other_right{ width: 138px; float: right;}
.online_other_right h4{ font-size: 16px; color: #1c4885; height: 30px; line-height: 30px;}

.online_wx{ width: 109px; height: 145px; margin-top: 10px;}
.online_wx i{ display: block; width: 100%; height: 110px;}
.online_wx i img{ float: left;}
.online_wx span{ display: block; width: 100%; height: 35px; color: #fff; text-align: center; background: #23599b; line-height: 16px;}