@charset "utf-8";
/*****
*怀化市政府集约化建设子站公共样式文件
*@crtime:2019年07月31日10:51
*@Company:湖南微象科技有限公司 www.microxiang.com
*@Author:李健平
*@modifyLog: what when who
*
*/

html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{outline:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,th,td,p
{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
ul,li,dl ,dt,dd ,ol,p,img{list-style:none;border:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
button,select,textarea,input{font-size:100%;-webkit-appearance:none;appearance:none;outline:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
a{text-decoration:none;outline:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0); color: #666;}
a:hover,a:focus{outline:none;text-decoration:none;cursor:pointer;}
label {font-weight:normal;}
.clear{clear:both;font-size:0px;height:0px;line-height:0px;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility:hidden;}
.clearfix {*zoom: 1;}
.box-shadow {
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
    /*右、下、距离、模糊程度、阴影颜色，内阴影*/
    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
    -ms-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
    -o-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
}

body { background:url(../images2020/body_bj.jpg) no-repeat top center #fff; background-size: 1920px 620px;}

/* 头部 */
#sypfId{-moz-box-shadow: 0px 0px 4px #333333;-webkit-box-shadow: 0px 0px 4px #333333;box-shadow: 0px 0px 1px #666;}
.header { width: 100%;margin: 0 auto;max-width: 1100px;}
.header .header_logo {margin:80px 0; display: inline-block;}
.header_img { float: right;margin-top: 80px;}
.nav_box { width: 100%; height: 60px; background: rgba(14,99,173,0.9);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e50e63ad,endColorstr=#e50e63ad);}
:root .nav_box {filter: none; }
.nav_box ul { width: 69%; float: left; padding: 0 5px; box-sizing: border-box;}
.nav_box ul li { float: left; padding:0 35px;}
.nav_box ul li a { font-size: 18px; line-height: 60px; color: #fff; display: inline-block;}
.nav_box ul li a.active,.nav_box ul li a:hover { font-weight: bold; background: url(../images2020/nav_hover.png) no-repeat center bottom;}

.search_box {max-width: 340px; height:40px; float: right; width:100%; margin-top:10px; position: relative; overflow: hidden; padding: 0 20px; box-sizing: border-box;}
.search_box .search_img {position: absolute;width:53px;height:40px;right:20px;top:0;background: url(../images2020/serach.png) no-repeat;border: none;cursor: pointer;}
.search_box .search_img img { width: 100%; height: auto;display: block;}
.search_box .searchInput { padding-left:20px; padding-right:53px; border:none;font-size: 14px; color: #4f9dd6; line-height:40px; height:40px; width: 100%; box-sizing: border-box; background:rgba(0,0,0,0.4);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000); border-radius:6px;-webkit-border-radius:6px;;}
:root .search_box .searchInput {filter: none; }
.searchInput::-webkit-input-placeholder{color:#4f9dd6;}
.searchInput::-moz-placeholder{color:#4f9dd6;}
.searchInput:-moz-placeholder{color:#4f9dd6;}
.searchInput:-ms-input-placeholder{color:#4f9dd6;}

/* 底部 */
.footer { background: #1a588f; text-align: center;}
.footer_link { height: 40px; background: #e1ecf5;}
.footer_link h3{font-size:16px;line-height: 40px; display:inline-block; padding: 0 40px;}
.footer_link h3 a{color:#7f7f7f;padding-left: 40px; font-size: 15px;background: url(../images2020/wzdh.png) no-repeat left center ;}
.footer_link ul { display: inline-block;}
.footer_link ul li { padding: 0 40px; display: inline-block; border-left: 1px solid #fff;}
.footer_link ul li a { display:block; text-align: center; color: #165994; font-size: 15px; display: block; line-height:40px;}
.footer_link ul li a:hover {opacity: 0.8;}
.p_box { padding:37px 0;}
.p_info { margin-bottom:13px;}
.p_info a { font-size: 12px; color: #dae8f5; padding: 0 16px; height: 14px; line-height: 14px; display: inline-block; border-right: 1px solid #a0b7d0;}
.p_info a:hover { color: #fff;}
.p_info a:last-child { border-right: none;} 
.p_info1 span,.p_info1 a { color: #87a9c7; font-size: 12px; line-height: 12px; margin: 0 10px;text-transform:uppercase;} 
.p_info1 a:hover { color: #fff;}
/* 自适应菜单 */
.navLinks_mobile { display: none; background: #dd0;}
.nav_mobile_open {width: 95%;position: absolute;margin-left: 0;background: #fff;}
.cd-nav-trigger { position: absolute;top: 3px;right:3px; width: 30px; height: 24px; background: rgba(255,255,255,1); border: solid 1px #ddd;border-radius: 3px;text-indent: 100%; white-space: nowrap;z-index: 9999;cursor: pointer;}
#menu_show_mobile{top: 26px;right:10px;}
.cd-nav-trigger span {  position: absolute; display: block;width: 14px; height: 2px; background: #4c8be0;top:50%; margin-top: -1px; left: 50%;margin-left: -7px;-webkit-transition: background 0.5s;-moz-transition: background 0.5s; transition: background 0.5s;}
.cd-nav-trigger span::before, .cd-nav-trigger span::after { content: '';position: absolute;left: 0;background: inherit;width: 100%;height: 100%;-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);-webkit-backface-visibility: hidden; backface-visibility: hidden;-webkit-transition: -webkit-transform 0.3s, background 0s;-moz-transition: -moz-transform 0.3s, background 0s;transition: transform 0.3s, background 0s;}
.cd-nav-trigger span::before {top: -6px;-webkit-transform: rotate(0);-moz-transform: rotate(0);-ms-transform: rotate(0);-o-transform: rotate(0);transform: rotate(0);}
.cd-nav-trigger span::after {bottom: -6px;-webkit-transform: rotate(0);-moz-transform: rotate(0);-ms-transform: rotate(0); -o-transform: rotate(0);transform: rotate(0);}
.cd-nav-trigger.menu-is-open { box-shadow: none;}
.cd-nav-trigger.menu-is-open span {background: #fff;}
.cd-nav-trigger.menu-is-open span::before, .cd-nav-trigger.menu-is-open span::after { background: #4c8be0;}
.cd-nav-trigger.menu-is-open span::before {top: 0;-webkit-transform: rotate(135deg); -moz-transform: rotate(135deg);-ms-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);}
.cd-nav-trigger.menu-is-open span::after {bottom: 0;-webkit-transform: rotate(225deg);-moz-transform: rotate(225deg);-ms-transform: rotate(225deg);-o-transform: rotate(225deg);transform: rotate(225deg);}
.selfmark{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000;opacity: .6;filter:alpha(opacity=60);z-index: 500;}

.content_box { max-width: 1100px; margin: 0 auto; width: 100%;}
@media screen and (max-width:1400px){
        #sypfId{left: 0!important;margin-left: 0!important;}

}
@media screen and (max-width:959px){
        #sypfId{display:none;}
	body{width: 100%;max-width: 640px;margin: 0 auto; position: relative;}
	.header {height: auto;background-size: cover;padding: 20px 0;}
	.header .header_logo {width: 70%;margin: 0 0 0 15px;display: block;}
	.header .header_logo img { width: 100%; height: auto; display: block;}
	.header_img { display: none;}
	.search_box {display: none;}
	#menu_show_mobile{display:block;}
	.nav_box {height:auto;position: absolute;top: 65px;z-index:9999;width:100%;display: none;background: #1d6eb1;.nav_box: :before{content:'';position:absolute;border: 10px solid transparent;top: -18px;right: 16px;border-bottom-color: #1d6eb1;};}
	.nav_box::before{content:'';position:absolute;border: 10px solid transparent;top: -18px;right: 16px;border-bottom-color: #1d6eb1;}
	.nav_box ul { width: 100%;}
	.nav_box ul li { width: 50%; margin-right: 0; box-sizing: border-box; text-align: center;}
    .nav_box ul li a.active,.nav_box ul li a:hover { font-weight: bold; background:none;}
	
	.footer_link { display: none;}
	.p_box { padding: 20px 0;}
	.p_info1 span { display: block;margin:8px 0;}
}

/*-------------------------------↓分页样式开始↓------------------------------------*/
.pc_paging{width:100%;/* height:30px; */text-align:center;padding:20px 0;}.pc_paging .paging{display:inline-block;padding:0;border:none;margin:0;}.pc_paging .paging li{display:inline-block;width:auto;height:auto;line-height:1;color:#333;vertical-align:middle;margin:0 3px;}.pc_paging .paging li a{text-decoration:none;}.pc_paging .paging li a,.pc_paging .paging li span{display:inline-block;float:none;width:auto;height:auto;line-height:1;font-size:14px;color:#333;padding:6px 10px;border:1px solid #ccc;margin:0;}.pc_paging .paging li, .pc_paging .paging li span:hover{background: none;}.pc_paging .paging li.current a, .pc_paging .paging li.current a:hover{color:#fff;background: #165994;border: 1px solid #1d6eb4;}.pc_paging .paging .page_jump{margin-left:5px;}.pc_paging .paging .page_jump input{width:50px;padding:5px;border:1px solid #ccc;border-radius:2px;margin:0 3px;}.pc_paging .paging .page_jump a{border-radius:2px;margin-left:6px;}.pc_paging .paging .total_count,.pc_paging .paging .page_jump{display:none;}.wap_paging .paging{padding:5px .36rem 0px;margin:20px 0;}.wap_paging .paging li{display:inline-block;border:1px solid #ddd;}.wap_paging .paging li a,.wap_paging .paging li span{display:inline-block;line-height:1.42857143;font-size:.48rem;color:#666;padding:6px 12px;}.wap_paging .paging .prev_page{border-radius:4px 0 0 4px;}.wap_paging .paging .next_page{border-radius:0 4px 4px 0;}.wap_paging .paging .page_count{margin:0 -1px;}.page{clear:both;width:100%;height:auto;padding:0;margin:0;}
.pc_paging .paging li a:hover{background-color: #daeeff;}.totoalPageStr{display:none;}
/*分页*/
@media screen and (max-width:550px){
	.pc_paging .paging li.page_count,.pc_paging .paging li.page_index{display:none;}
	.pc_paging .paging li.current,.totoalPageStr{display:inline-block;}
}
/*-------------------------------↑分页样式结束↑---------------------------------------*/

/*信件加载*/
.common-loading {
	min-height: 100px;
	padding: 40px 0 !important;
	background: url(http://www.huaihua.gov.cn/huaihua/xhtml/images/loading.gif) center center no-repeat;
}