@charset gb2312;/*!@author:刘双双. @update:2018-06-09 外部公共框架样式*/ 
/* 基本配置 */
html{color:#333333; -webkit-text-size-adjust:none;}
body{overflow-x:hidden; overflow-y:auto;}
body,h1,h2,h3,h4,h5,h6,hr,p,img,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,textarea,th{margin:0; padding:0; border:0;}
body,button,input,select,textarea,td,tr,th{font:16px/1.5 '\5b8b\4f53',arial,tahoma; font-family:"Microsoft Yahei",verdana;}
table{border-collapse:collapse; border-spacing:0;}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%; padding:0px; margin:0px; font-weight:normal;}
ul,li,ol{list-style:none;}
.clear{clear: both; font-size:1px; width:1px; height:0; visibility: hidden; }
img{border:0; vertical-align:middle;}


/* 链接颜色 */
a{text-decoration:none; color:#333333;}
a:visited {text-decoration:none; color:#333333;}
a:active {text-decoration:none; color:#0d6fa3;}
a:hover {text-decoration:none; }
/* a:hover {text-decoration:none; color:#0d6fa3 !important;} */
.list_content a:hover{text-decoration:none; color:#0d6fa3;}

/* 首页开始 */ 
.font1{ margin-top:30px;}

.service_box{ width:100%; height:auto; float:left; margin: 0px; padding: 0px;background-color: #fff;}
.service_main{ width: 1200px; margin:0px auto;}

.service_contentsy{ width: 100%; height:auto; float: left; margin-top:30px;} 


/* 鍏辩敤 棰滆壊 绾挎潯 杈撳叆妗?鎸?*/ 
.service_logosy{ float:left; width:500px; height:40px;}
.service_searchsy{float:right; width:500px;}
.service_search_topsy{ float:left; width:500px; height:44px;}
.search_framesy{ float:left; width:408px; height:42px; border:solid 1px #00679e; border-top-left-radius:5px; border-bottom-left-radius:5px;}
.search_frame1sy{ float:left; width:418px; height:42px; border:solid 1px #e2e2e2; border-top-left-radius:5px; border-bottom-left-radius:5px;}


.service_content{ width: 100%; height:auto; float: left; margin-bottom: 18px;} 


/* 共用 颜色 线条 输入框 按 */ 
.service_logo{ float:left; width:300px; height:40px;}
.service_search{ width:484px; float: right;}
.service_search_top{ float:left; width:484px; height:44px;}
.search_frame{ float:left; width:408px; height:42px; border:solid 1px #00679e; border-top-left-radius:5px; border-bottom-left-radius:5px;}
.search_frame1{ float:left; width:402px; height:42px; border:solid 1px #e2e2e2; border-top-left-radius:5px; border-bottom-left-radius:5px;}
.search_frame_text{float:left; width:393px; height:42px; line-height:42px; padding-left:15px; border:none; background:rgba(255, 255, 255, 0); color:#555;}
.search_buttone{float:left;width:88px; height:42px; line-height:42px; text-align:center; color:#fff; border:solid 1px #00679e; background:#00679e; border-top-right-radius:5px; border-bottom-right-radius:5px;}
.search_buttone:hover { background:#2782b1; border:solid 1px #2782b1; cursor:pointer; }
.search_buttone1{float:left;width:78px; height:42px; line-height:42px; text-align:center; color:#fff; border:solid 1px #00679e; background:#00679e; border-top-right-radius:5px; border-bottom-right-radius:5px;}
.search_buttone1:hover { background:#2782b1; border:solid 1px #2782b1; cursor:pointer; }
.search_buttone1 i{ font-size:24px;}
.service_search_bottom{float:left; width:500px; height:36px; line-height:36px; color:#0d6fa3; }
.service_search_bottom a{color:#0d6fa3; padding:0px 10px;}.service_search_bottom a:hover{color:#ff6a73;}


/* 第二排按钮 */
.work_left{ float:left; width:486px; height:126px; }
.work_left ul li{ float:left; width:142px; height:126px; text-align:center; background:#0d6fa3; border-radius:10px; margin-right:20px; list-style: none; position: relative; overflow: hidden; }
.work_left ul li a{ color:#fff; font-size:18px;}
.work_left ul li p{width:60px; height:60px; margin:13px auto 5px;}
.work_left ul li p.work_left_on1{background:url(imagesservice_bj_an1.png) no-repeat 0px 0px;}
.work_left ul li p.work_left_on2{background:url(imagesservice_bj_an1.png) no-repeat 0px -60px;}
.work_left ul li p.work_left_on3{background:url(imagesservice_bj_an1.png) no-repeat 0px -120px;}
.work_left ul li span{ float:left; width:142px; height:40px; }

.work_left ul li .work_left_after {  width:142px; height:126px; background: #ff6a73; position: absolute; left: 0; top: 0; color:#fff; font-size:18px; transform-origin: right bottom; -webkit-transform-origin: right bottom; -moz-transform-origin: right bottom; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transition: all 0.35s; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; }
.work_left ul li:hover .work_left_after { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); }


.work_right{ float:left; width:674px; height:126px; margin-left:10px; padding:0px 15px; background:#ecfaff; border-radius:10px; box-shadow: 0px 0px 4px #ccc; }
.work_right ul li{ width:100px; text-align:center; float:left; height:126px; margin:0px 17px;}
.work_right ul li p{width:100px; height:60px; float:left; margin-top:6px;}
.work_right ul li p.work_right_on1{ background:url(imagesservice_bj_an2.png) no-repeat 0px 0px;}
.work_right ul li p.work_right_on2{ background:url(imagesservice_bj_an2.png) no-repeat -100px 0px;}
.work_right ul li p.work_right_on3{ background:url(imagesservice_bj_an2.png) no-repeat -200px 0px;}
.work_right ul li p.work_right_on4{ background:url(imagesservice_bj_an2.png) no-repeat -300px 0px;}
.work_right ul li p.work_right_on5{ background:url(imagesservice_bj_an2.png) no-repeat -400px 0px;}
.work_right ul li span{ float:left; width:100px; color:#0d6fa3; line-height:22px;}

.work_right ul li:hover{float:left; transform:rotateY(360deg); transition:transform 0.7s ease-out 0s; cursor:pointer;}



/* 第三排专题图片 */
.service_special{ width:1200px; height:92px; float:left;}
.service_special_small{ width:564px; height:70px; float:left; margin-left:103px; margin-top:25px;}



/* 第四排左右分列 */
.service_policy{ width:400px; float:left; background:#f7f7f7; margin-right:30px;}
.service_policy h3{ width:370px; height:50px; line-height:50px; float:left; font-size:18px; border-bottom:solid 2px #ebebeb; padding:0px 15px; color:#0d6fa3; }
.service_policy h3 b a{ float:right; color:#0d6fa3; font-weight:normal; font-size:16px;}
.service_policy p{ width:370px; height:156px; float:left; margin:15px;}
.service_policy ul li{ width:370px; float:left; margin:5px 15px 23px;}
.service_policy ul li span{float:left; width:69px; height:69px; margin-right:15px;}
.service_policy ul li h1{float:left; width:286px; height:48px; line-height:22px; overflow:hidden;}
.service_policy ul li h2{float:left; width:286px; height:18px; margin-top:3px; font-size:14px; color:#999999;}


.service_hotspot_box{ width:770px; float:left;}

.service_hotspot{ width:770px; float:left;}
.service_hotspot h3{ width:770px; height:40px; line-height:40px; float:left; background:url(imagesservice_img2.png) no-repeat; text-align:center; font-size:18px; color:#0d6fa3;}
.hotspot_arrow{ width:60px; height:300px; float:left;}
.hotspot_arrow a{ width:60px; height:60px; float:left; background:#fff; color:#e8e8e8; text-align:center; margin-top:120px; }
.hotspot_arrow a:hover{ background:rgba(0, 0, 0, 0.2); color:#fff; border-radius:3px;}
.hotspot_arrow i{ font-size:40px;}

.hotspot_personal,.hotspot_enterprise{ width:650px; height:300px; float:left;}
.hotspot_personal ul,.hotspot_enterprise ul { width:650px; float:left; height:150px; overflow:hidden;}
.hotspot_personal ul li,.hotspot_enterprise ul li{ width:130px; float:left; margin-top:30px;}
.hotspot_personal ul li p,.hotspot_enterprise ul li p{ width:74px; float:left; height:74px; margin:0px 28px;}
.hotspot_personal ul li span,.hotspot_enterprise ul li span{ width:130px; float:left; height:40px; line-height:40px; text-align:center;}
.hotspot_personal ul li p.personal_on1{ background:url(imagesservice_bj_an3.png) no-repeat 0px 0px;}
.hotspot_personal ul li p.personal_on2{ background:url(imagesservice_bj_an3.png) no-repeat -84px 0px;}
.hotspot_personal ul li p.personal_on3{ background:url(imagesservice_bj_an3.png) no-repeat -168px 0px;}
.hotspot_personal ul li p.personal_on4{ background:url(imagesservice_bj_an3.png) no-repeat -252px 0px;}
.hotspot_personal ul li p.personal_on5{ background:url(imagesservice_bj_an3.png) no-repeat -336px 0px;}
.hotspot_personal ul li p.personal_on6{ background:url(imagesservice_bj_an3.png) no-repeat -420px 0px;}
.hotspot_personal ul li p.personal_on7{ background:url(imagesservice_bj_an3.png) no-repeat -504px 0px;}
.hotspot_personal ul li p.personal_on8{ background:url(imagesservice_bj_an3.png) no-repeat -588px 0px;}
.hotspot_personal ul li p.personal_on9{ background:url(imagesservice_bj_an3.png) no-repeat -672px 0px;}
.hotspot_personal ul li p.personal_on10{ background:url(imagesservice_bj_an3.png) no-repeat -756px 0px;}

.hotspot_enterprise ul li p.enterprise_on1{ background:url(imagesservice_bj_an3.png) no-repeat 0px -84px;}
.hotspot_enterprise ul li p.enterprise_on2{ background:url(imagesservice_bj_an3.png) no-repeat -84px -84px;}
.hotspot_enterprise ul li p.enterprise_on3{ background:url(imagesservice_bj_an3.png) no-repeat -168px -84px;}
.hotspot_enterprise ul li p.enterprise_on4{ background:url(imagesservice_bj_an3.png) no-repeat -252px -84px;}
.hotspot_enterprise ul li p.enterprise_on5{ background:url(imagesservice_bj_an3.png) no-repeat -336px -84px;}
.hotspot_enterprise ul li p.enterprise_on6{ background:url(imagesservice_bj_an3.png) no-repeat -420px -84px;}
.hotspot_enterprise ul li p.enterprise_on7{ background:url(imagesservice_bj_an3.png) no-repeat -504px -84px;}
.hotspot_enterprise ul li p.enterprise_on8{ background:url(imagesservice_bj_an3.png) no-repeat -588px -84px;}
.hotspot_enterprise ul li p.enterprise_on9{ background:url(imagesservice_bj_an3.png) no-repeat -672px -84px;}
.hotspot_enterprise ul li p.enterprise_on10{ background:url(imagesservice_bj_an3.png) no-repeat -756px -84px;}

.hotspot_personal ul li p:hover{float:left;
-webkit-transition: -webkit-transform 0.7s ease-out;
-moz-transition: -moz-transform 0.7s ease-out;
transition: transform 0.7s ease-out;
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
transform: rotate(360deg);}
.hotspot_enterprise ul li p:hover{float:left;
-webkit-transition: -webkit-transform 0.7s ease-out;
-moz-transition: -moz-transform 0.7s ease-out;
transition: transform 0.7s ease-out;
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
transform: rotate(360deg);}



/* 第五排底部按钮 */
.service_msg{ width:1214px; float:left; margin-left:-14px; margin-bottom:30px;}
.service_msg ul li{ float:left; width:188px; height:72px; margin-left:14px;}
.service_msg .service_msg_no1,.service_msg .service_msg_no2,.service_msg .service_msg_no3,.service_msg .service_msg_no4,.service_msg .service_msg_no5,.service_msg .service_msg_no6{float:left; width:188px; height:72px; box-shadow: 0 0 0 4px rgba(255,255,255,1); transition: background 0.2s, color 0.2s; }
.service_msg .service_msg_no1{background:url(imagesservice_bj_an5.png) no-repeat 0px 0px; /*cursor: pointer; transition: all 0.6s;*/ }
.service_msg .service_msg_no2{background:url(imagesservice_bj_an5.png) no-repeat -202px 0px;}
.service_msg .service_msg_no3{background:url(imagesservice_bj_an5.png) no-repeat -405px 0px;}
.service_msg .service_msg_no4{background:url(imagesservice_bj_an5.png) no-repeat -608px 0px;}
.service_msg .service_msg_no5{background:url(imagesservice_bj_an5.png) no-repeat -810px 0px;}
.service_msg .service_msg_no6{background:url(imagesservice_bj_an5.png) no-repeat -1011px 0px;}

.service_msg .service_msg_no1:hover{background:url(imagesservice_bj_an5.png) no-repeat 0px -80px; }
.service_msg .service_msg_no2:hover{background:url(imagesservice_bj_an5.png) no-repeat -202px -80px;}
.service_msg .service_msg_no3:hover{background:url(imagesservice_bj_an5.png) no-repeat -405px -80px;}
.service_msg .service_msg_no4:hover{background:url(imagesservice_bj_an5.png) no-repeat -608px -80px;}
.service_msg .service_msg_no5:hover{background:url(imagesservice_bj_an5.png) no-repeat -810px -80px;}
.service_msg .service_msg_no6:hover{background:url(imagesservice_bj_an5.png) no-repeat -1011px -80px;/* transform: scale(1.2);*/}



/* 列表页开始 */
.current{ width:1200px; line-height:50px;}
.service_location{ float:right; background:#fe727c; width:125px; height:44px; line-height:42px; text-align:center; border-radius:22px; color:#fff; margin-left:10px; font-size:18px; position: relative; cursor: pointer;}
.service_location i{ font-size:20px;}

.list_left{ width:300px; float:left; margin-right:30px;}
.list_left h3{ width:300px; float:left; height:55px; line-height:55px;}
.list_left h3 a{ width:150px; float:left; background:#f1f1f1; text-align:center; font-size:18px; line-height:55px;}
.list_left h3 .list_left_h3_on{ background:#00679d; color:#fff;}
.list_left ul { width:301px; float:left; margin-left:1px;}
.list_left ul li{ width:148px; float:left; border:solid 1px #e6e6e6; height:50px; line-height:50px; text-align:center; margin-left:-1px; margin-bottom:-1px;}
.list_left .list_left_li_on{ color:#0d6fa3; font-weight:bold;}
.list_left ul li a{width:148px; float:left; height:50px;}
.list_left ul li a:hover{ color:#0d6fa3; font-weight:bold;}
.list_left i{ font-size:18px;}

.list_right{ width:870px; float:left;}

.list_right_main{width:870px; float:left;}
.list_right_main  h3{width:827px; padding:0px 20px; float:left; height:55px; line-height:55px;background:#f1f1f1; border-left:#0d6fa3 3px solid; }
.list_right_main  h3 span{ float:left; font-size:16px; font-weight:normal;}
.list_right_main  h3 p{ float:right; color:#666;}

.list_content{width:870px; float:left; margin-top:10px;}
.list_content_top{ width:870px; float:left; background:#f9f9f9; height:44px; line-height:44px; font-size:18px;}
.list_content_top h1{ float:left; width:40px; text-align:center;}
.list_content_top h1 i{ font-size:14px; color:#b5b5b5;}
.list_content_top h2{ float:left; width:770px;}
.list_content_top h4{ float:left; width:60px; text-align:center;}
.list_content_top h4 i{ font-size:22px; color:#b5b5b5;}
.list_content_top h4 a{float:left; width:60px; height:44px;}
.list_content_top h4 a:hover{ background:#eee;}

.list_content_bottom{ width:870px; float:left;}

.list_content_bottom1{width:870px; float:left; background:#e5f7ff; padding-bottom:20px;}
.list_content_bottom2{width:868px; float:left; background:#f9f9f9; border:solid 1px #e6e6e6;}
.list_content_bottom1 h1,.list_content_bottom2 h1{ width:830px; float:left; margin-left:30px;}
.list_content_bottom1 h1 p,.list_content_bottom2 h1 p{ float:left; margin-left:10px; height:50px; line-height:50px;}
.list_content_bottom1 h1 p i,.list_content_bottom2 h1 p i{ font-size:14px; color:#666666;}
.list_content_bottom1 h2{width:700px; float:left; margin-left:64px;}
.list_content_bottom1 h2 a{float:left; width:80px; height:28px; line-height:26px; text-align:center; border:solid 1px #307ac9; color:#307ac9; font-size:14px; border-radius:14px; margin-right:10px;}
.list_content_bottom1 h2 a:hover{border:solid 1px #307ac9; background:#307ac9; color:#fff!important;}
.list_content_bottom1 .zige_on1{border:solid 1px #307ac9; background:#307ac9; color:#fff;}
.list_content_bottom1 h4{width:76px; float:right; margin-right:20px;}
.list_content_bottom1 h4 a{float:left; width:80px; height:30px; line-height:28px; text-align:center; background:#61b8e1; color:#fff; font-size:14px; border-radius:14px;}
.list_content_bottom1 .choucang_on{ background:#fe727c; color:#fff;}/*收藏之后的样式*/
.list_content_bottom1 h4 a:hover{ background:#fe727c; color:#fff;}



.paging{width:870px; float:left; text-align:center; height:40px; margin-top:30px; margin-bottom:30px;}
.paging p{ margin-left:200px; float:left;}
.paging a{ float:left; height:38px; line-height:38px; text-align:center; border:solid 1px #cccccc; padding:0px 15px; margin:0px 5px; font-size:14px;}
.paging a:hover{border:solid 1px #0d6fa3; background:#0d6fa3; color:#fff;}
.paging .paging_on1{border:solid 1px #0d6fa3; background:#0d6fa3; color:#fff;}


/* 部门服务 */
.bumen_left{ width:300px; float:left; margin-right:30px;}
.bumen_left h3{ width:300px; float:left; height:55px; line-height:55px; background:#00679d; text-align:center; font-size:18px; color: #fff; }
.bumen_left ul{
     width: 301px;
    float: left;
    margin-left: 1px;
}
.bumen_left li{
	width: 148px;
    float: left;
    border: solid 1px #e6e6e6;
    height: 50px;
    line-height: 50px;
    text-align: center;
    margin-left: -1px;
    margin-bottom: -1px;
	overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
}
.bumen_left li:nth-child(even){
	border-left: none;
}
.bumen_left li a:hover{
	font-weight: bold;
}

.bumen_left_table a{
	color: #117eb7;
	font-weight: bold;
}
}

/* 市级部门弹框 */
.service_hover{
	background: url(imagesservice_hover.png) no-repeat;
	width: 906px;
	height: 478px;
	position: absolute;
	right: -16%;
	top: 100%;
	display: none;
}
.service_hover ul{
	margin-top: 50px;
}
.service_hover li{
	width: 23%;
	float: left;
	height: 35px;
	font-size: 14px;
	line-height: 35px;
	margin-left: 15px;
	text-align: center;
}
.service_hover_li{
	background: #f2f2f2;
}
.service_hover li:hover{
	background: #307AC9;

}
.service_hover li:hover a{
	color: #fff;
}
.service_location:hover .service_hover{
	display: block;
}


.service_title{
	float: left;
	margin-top: 5px;
}
.service_title em{
	display: block;
	width: 8px;
	height: 8px;
	background: #00679d;
	float: left;
	margin-top: 16px;
	margin-right: 12px;
}
.service_title span{
	color: #00679D;
	font-size: 24px;
}
.service_banner{
	margin-bottom: 20px
}
.list_right_main  h3 span b{
	color: #00679d;
	font-weight: bold;
}
.service_float{ 
	width: 100%;
	height: auto;
	background: #fff;
}
.service_float ul{
	padding-top: 15px;
	margin-left: 25px;
    margin-right: 15px;
}
.service_float ul li{
	margin-bottom: 16px;
}
.service_float ul li span{
	text-align: right;
	color: #666666;
	font-weight: bold;
	width: 90px;
	display: block;
	float: left;
	line-height: 36px;
	margin-right: 14px;
}
.service_float ul li span b{
	color:#ff0000 ;
	margin-right: 9px;
}
.service_float ul li input{
	width: 250px;
	height: 36px;
	line-height: 36px;
	border: 1px solid #b2b2b2;
	border-radius: 5px;
	outline: none;
}
.service_float ul li em{
	color: #999999;
	font-style: normal;
	margin-left: 20px;
}
.service_float ul li textarea{
	width: 320px;
	height: 120px;
	border: 1px solid #b2b2b2;
	border-radius: 5px;
	outline: none;
}
.service_float_button{
	height:50px;
	width: 325px;
	margin: 0 auto;
}
.service_float_button a{
	display: block;
	float: left;
	width: 154px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	border-radius: 5px;
}
.service_float_button .a1{
	margin-right: 13px;
	background: #1d62b7;
	color: #FFFFFF;
}
.service_float_button .a2{
	background: #F7F7F7;
	color: #333333;
	border: 1px solid #dfdfdf;
}
/* 飘窗 */
.service_left_nav{
	position: fixed;
	z-index: 99999;
	left: 4%;
	top:10%
}
.pop_bg{
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 10000;
	opacity: 0.5;
	filter:  alpha(opacity=50);
	zoom: 1;
	background-color:#CCC;
	background: rgba(0,0,0,.4);
	left: 0;
	top: 0;
	display: none;
}
.tsss_box{
	margin-left: 100px;
	border-radius: 8px;
	overflow: hidden;
	width: 500px;
	height: 280px;
	box-shadow: 2px 2px 8px rgba(0,0,0,.3);
	background: #fff;
	border: 1px solid #cdcdcd;
	position: absolute;
	left: 50%;
	z-index: 10001;
	margin-left: -250px;
}
.tsss_box .p_top{
	background: #f0f0f0;
	height: 46px;
	border-bottom: 1px solid #cdcdcd;
	line-height: 46px;
	overflow: hidden;
}
.tsss_box .p_top span{
	float: left;
	font-size: 16px;
	font-weight: bold;
	color: #666;
	margin-left: 24px;
}
.tsss_box .p_top a{
	float: right;
	margin-right: 17px;
	margin-top: 10px;
	transition:all .3s;
}
.tsss_box .p_top a:hover{
       transform: rotate(360deg);
       }
    
.tsss_box .p_content{
	height: 186px;
	background: #fff;
	padding: 0 2px;
	overflow: hidden;
}
.tsss_box .p_foot{
	background: #f0f0f0;
	height: 46px;
	border-top: 1px solid #cdcdcd;
	/* margin-top: 20px; */
}
.tsss_box .p_foot a{
	float: left;
	width: 100px;
	height: 36px;
	border-radius: 4px;
	font-size: 14px;
	font-weight: bold;
	color: #666;
	text-align: center;
	line-height: 36px;
	background: #d2d2d2;
	margin-right: 9px;
	margin-top: 5px;
	float: right;	
}
.disabled{cursor: not-allowed;color: #CCC!important;background: none!important; border: 1px solid #ddd !important;}
a.disabled:hover{color: #CCC!important;}