@charset "gb2312";
/* CSS Document */

.banner{ display:none;}

.nav_bar{ display:block;}

.main .head{ height:35px; line-height:35px; border-bottom:3px solid #448aca; padding-bottom:20px;}
.main .head h2{ display:block; float:left; width:113px; height:35px; text-align:center; color:#fff; background:#fda714; font-size:16px; font-weight:normal; margin-right:5px;}
.main .head h2 a{ color:#fff;}
.main .head .wywz{ float:left; display:block; width:104px; height:35px; background:url(2015hsq_wzhd_sub_icon1.png) no-repeat left center; text-align:right; font-size:16px; font-weight:bold; color:#448aca; margin-left:30px;}
.main .head p{ float:right; color:#707070;}
.main .head p span{ padding:0 5px; text-decoration:underline;}


.main_left{ float:left; width:640px; padding:20px; border:1px solid #e4e4e4; border-top:none;}
.main .department{ font-size:0;}
.main .department li{ float:left; font-size:14px; height:30px; line-height:30px; width:125px;}
.main .department li a{ color:#535353;}
.main .department li a:hover{ color:#448aca; text-decoration:none;}


.main_left .df_search{ margin-top:0;}
.main_left .df_search h3{ width:104px;}
.main_left .df_search .df_txt{ width:415px;}

.main .wlwz{ margin-top:20px;}
.main .wlwz h2{ display:block; float:left; width:682px; height:58px; line-height:58px; font-size:18px; border-top:3px solid #004d88; background:#448aca; text-indent:20px; color:#fff;}
.main .wlwz a{ display:block; float:right; width:156px; height:61px; font-size:20px; font-weight:bold; text-align:center; line-height:61px; margin-left:12px; color:#fff;}


.df_search{ height:37px; margin:22px 0;}
.df_search h3{ float:left; width:104px; height:37px; color:#0075a9; text-align:center; line-height:37px; background:#eee; color:#0075a9;}
.df_search .df_txt{ float:left; border:none; width:800px; height:37px; line-height:37px; background:#eee; margin-left:1px; padding:0 20px; color:#a0a0a0;}
.df_search .df_btn{ float:left; border:none; width:78px; height:37px; color:#fff; background:#448aca; margin-left:1px; cursor:pointer;}

.info{ line-height:30px; text-align:center; color:#626262;}
.info span{ margin:0 15px;}
.info img{ vertical-align:middle;}

.main table{ width:100%; margin:20px 0;}
.main table td{ border:1px solid #fff; height:45px; color:#626262; padding:0 2%;}
.main table .table_head td{ height:51px; background:#eee; text-align:center; font-weight:bold;}
.main table td a{ color:#626262;}
.main table td a:hover{ text-emphasis:none; color:#448aca;}

.main table span{ display:inline-block; width:100%;}
.main .twenty-four{ background:url(2015hsq_wzhd_sub_icon2.png) no-repeat left center;} /* 24小时未受理 */
.main .three-days-in{ color:#22ac38;} /* 三天内回复 */
.main .five-days-in{ color:#f8b551;} /* 五天内回复 */
.main .five-days-out{ color:#959595;} /* 五天外回复 */
.main .time-out{ color:#e60012;} /* 超时未回复 */
.main .treatment{ color:#00a0e9;} /* 处理中 */


.main_right{ float:right; width:324px;}
.main_right .wzxz{ border:1px solid #e5e5e5; padding:20px 20px 10px; margin-top:20px;}
.main_right .wzxz .title{ width:100%; line-height:20px;}
.main_right .wzxz .title h2{ float:left; font-size:20px; color:#448aca;}
.main_right .wzxz .title a{ float:right; color:#959595;}
.main_right .wzxz .list{ margin-top:10px;}
.main_right .wzxz .list p{ line-height:32px; color:#7d7d7d;}
.main_right .wzxz .list li{ line-height:32px;}
.main_right .wzxz .list li a{ color:#7d7d7d;}
.main_right .wzxz .list li a:hover{ text-emphasis:none; color:#448aca;}

/* 我要写信 */
.main form { border:1px solid #e5e5e5; padding: 30px 0 50px 40px;}
.xx_box label { display:block; float:left; margin-bottom:20px; line-height:37px; line-height:0px;}
.xx_box .lb02{ width:320px;}
.xx_box .lb03{ width:158px;}
.xx_box .lxdz{ width:640px;}
.xx_box .lb03 h3{ width:63px;}
.xx_box .lb03 .dropselect_box {position:relative; width:83px; display:inline-block; border:none; float:left; height:35px; z-index:99;}
.xx_box .la { width:659px;}
.xx_box label h3 { width:108px; height:35px; background:#fdfeff; display:block; float:left; text-align:center; line-height:35px;color:#707070; border:1px solid #d9d9d9; font-size:14px; font-weight:normal; border-right:none;}
.xx_box .input3 { width:802px; height:35px; padding:0 15px;background:#fdfeff; line-height:35px;border:1px solid #d9d9d9; float:left;color:#707070;}
.xx_box .wb { width:802px; resize:none; min-height:134px; padding:6px 15px 0;background:#fdfeff; line-height:24px;border:1px solid #d9d9d9; float:left;color:#707070; overflow:auto;}
.xx_box .input1 { width:162px; height:35px; padding:0 15px;background:#fdfeff; line-height:35px;border:1px solid #d9d9d9; float:left;color:#707070;}
.xx_box .input2 { width:483px; height:35px; padding:0 15px;background:#fdfeff; line-height:35px;border:1px solid #d9d9d9; float:left;color:#707070;}
.xx_box .input4 { width:45px; height:35px; padding:0 15px;background:#fdfeff; line-height:35px;border:1px solid #d9d9d9; float:left;color:#707070;}
.xx_box .button1 { width:110px; height:37px; background:#fdfeff; border:0; float:left; color:#fff; text-align:center; line-height:37px; margin-left:15px; cursor:pointer;}
.xx_box strong { color:#e60012; float:left; margin-left:15px; font-weight:normal;}
.xx_box p { color:#626262; float:left;margin-left:15px}
.xx_box .yzm{ width:420px;}
.xx_box .yzm a { display:block; width:98px; height:37px; float:left; margin-left:15px; cursor:pointer;}
.xx_box .yzm a img{ width:100%; height:100%;}
.xx_box .yzm .input2 { width:140px; height:35px; padding:0 15px;background:#fdfeff; line-height:35px;border:1px solid #d9d9d9; float:left;color:#707070; border-left:none;}
.xx_box label .sub1 { float:left; width:111px; height:35px; background:url(2014zz_hdjl_btn01.png) no-repeat; border:0; cursor:pointer; font-size:14px; color:#0071ae; font-family:微软雅黑;text-align:center; margin-left:100px;}
.xx_box label .sub2 { float:left; width:111px; height:35px; background:url(2014zz_hdjl_btn02.png) no-repeat; border:0; cursor:pointer;font-size:14px; color:#fff; font-family:微软雅黑;text-align:center; margin-left:300px;}
.xx_box .zjlx .dropselect_box{ z-index:110;}
.xx_box .bjfl .dropselect_box{ z-index:108;}
.xx_box .xb .dropselect_box{ z-index:105; width:80px; position:absolute;}
.xx_box .dropselect_box {width:198px; display:inline-block; border:none; float:left; height:35px; z-index:99; position:absolute;}
.xx_box .dropselect_SimpleSelect2 { width:95%; /*height:30px;*/ display:block; overflow:hidden; background:url(2015hsq_index_qzf_jt.png) no-repeat 95% 12px #fdfeff;line-height:35px;position:relative; left:0px; top:0px; padding:0; border:1px #d9d9d9 solid; z-index:9;text-align:left; padding-left:5%;}
.xx_box .dropselect_SimpleSelect2 ul{ border:none;color:#868686;}
.xx_box .dropselect_SimpleSelect2 li{ font-size:12px; width:100%; height:35px; line-height:35px; position:relative; z-index:999;}
.xx_box .dropselect_SimpleSelect2 li a{height:auto; width:95%;color:#868686; display:block;}
.xx_box .dropselect_SimpleSelect2 li.hover a { color:#868686; width:100%; display:block;outline:none;}
.dropselect_SimpleSelect2 li a:hover,.dropselect_SimpleSelect2 li a:focus,.dropselect_SimpleSelect2 li:hover,.dropselect_SimpleSelect2 li:focus{background:none;outline:none;}
.hidden {display:none;margin-left:0;}



@media screen and (max-width: 1025px){
	.main .head{ height:auto; padding-bottom:10px;}
	.df_search h3{ width:15%;}
	.df_search .df_txt{ width:70% !important; margin:0 !important; padding:0 1% !important;}
	.df_search .df_btn{ width:13% !important; margin:0 !important;}
	
	.main .wlwz a{ display:none;}
	.main .wlwz h2{ width:100%;}
	.main_left{ width:97%; padding:20px 1.5%;}
	
	.main_right{ width:100%;}
	
	.main_right .wzxz{ padding:20px 1%;}
	
	.main form { padding:20px 1%;}
	.xx_box label{ width:100%;}
	.xx_box .lxdz{ width:98%;}
	.xx_box .lb02{ width:50%;}
	.xx_box .lb03{ width:25%;}
	.xx_box label h3{ width:14%;}
	.xx_box .yzm h3{ width:87px;}
	.xx_box .lb02 h3{ width:28%;}
	.xx_box .wb{ width:82%; max-width:82%; min-width:82%; padding:0 1%;}
	.xx_box .input3 { width:82%; padding:0 1%;}
	.xx_box .input2{ width:82%; padding:0 1%;}
	.xx_box label .sub2{ margin-left:30%;}
	.xx_box label .sub1{ margin-left:10%;}
}

@media screen and (max-width: 760px){
	.xx_box label h3{ font-size:12px;}
	.xx_box .lb02 h3{ border-right:none; border-bottom:1px solid #d9d9d9;}
	.xx_box .lb03 h3{ width:40px; border-right:none; border-bottom:1px solid #d9d9d9;}
	.xx_box .yzm h3{ width:76px; border-right:none; border-bottom:1px solid #d9d9d9;}
	.xx_box .wb{ width:82%; max-width:82%; min-width:82%;}
	.xx_box .input3 { width:82%;}
	.xx_box .input2 { width:83%;}
}

@media screen and (max-width: 640px) {
	.xx_box label h3{ width:76px; border-right:1px solid #d9d9d9; border-bottom:none;}
	.xx_box .lb03{ width:50%;}
	.xx_box .lb02 h3{ width:76px;}
	.xx_box .lb02 .input1{ width:48%;}
	.xx_box .yzm .input1{ width:48%;}
	.xx_box .lxdz .input2{ width:96%;}
	.xx_box .zjlx{ width:50%;}
	.xx_box .dropselect_box { width:28%;}
	.xx_box .wb{ width:96%; max-width:96%; min-width:96%;}
	.xx_box form .input3{ width:96%;}
}

@media screen and (max-width: 480px){
	.df_search{ height:auto;}
	.df_search h3{ width:100%; margin-bottom:1px;}
	.df_search .df_txt{ width:78% !important;}
	.df_search .df_btn{ width:20% !important;}
	
	.xx_box .lb02{ width:100%;}
	.xx_box .yzm{ width:100%;}
	.xx_box label .sub2,.xx_box label .sub1{ margin-left:5%;}
	.xx_box .dropselect_box { width:50%;}
}