@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0; list-style:none;}
body { }
html, body { height:100%;}
img { border:0;}
a { text-decoration:none;}



.container {}
.mappage { background:url(../images/13.jpg) no-repeat center top; height:100%;}
/*搜索框*/
.mappage_ssbox { background:rgba(255,255,255,.9); border-radius:8px; height:60px; overflow:hidden; width:930px; margin-left:30px; margin-top:20px; box-shadow:0 0 12px rgba(192,200,234,.75);}
.mappage_ssk { width:820px; height:60px; border:none; background:none; font-size:16px; color:#5b5b5b; padding-left:30px; float:left;}
.mappage_ssan { width:80px; height:60px; background:url(../images/03.png) no-repeat center 16px; float:left;}
.mappage_ssan:hover { background-color:#1589ff; background-image:url(../images/03on.png);}

.mappage_mapbox { width:460px; margin-left:30px;}
.mappage_mapbox ul li { border:; width:460px; height:200px; background:#fff; border-radius:20px; box-shadow:0 0 12px rgba(192,200,234,.75); margin-top:30px; position:relative; overflow:hidden;}
.mappage_mapbox ul li .t1 { height:50px; line-height:50px; color:#1890ff; font-size:20px; font-weight:bold; margin:0 20px; padding-left:40px; background:url(../images/16.png) no-repeat 8px 13px; margin-top:10px;}
.mappage_mapbox ul li .t2 { color:#444; font-size:14px; line-height:27px; width:400px; padding:0 10px; border-top:1px solid #d9dfeb; margin:0 auto; padding-top:7px;}
.mappage_mapbox ul li .t3 { width:44px; padding-left:30px; height:30px; line-height:30px; background:url(../images/15.png) no-repeat 12px 7px #24c9c4; border-radius:15px; font-size:14px; color:#fff; position:absolute; right:20px; bottom:20px;}


.mappage_zuobiao { background:url(../images/14.png) no-repeat; width:1066px; height:556px; position:absolute; bottom:10%; right:5%;}

/*···································································································································································································*/


.head { background:url(../images/01.jpg) no-repeat center center ; background-size:cover; height:560px; position:relative;}
.head .titlename { background:url(../images/02.png) no-repeat top center; width:880px; height:95px; position:absolute; top:113px; left:50%; margin-left:-440px;}



/*搜索div···································································································································································································*/
.head .ssbox_contbox { position:absolute; top:242px; left:0; right:0; width:930px; margin:0 auto; overflow:hidden;}
/*搜索框*/
.head .ssbox { background:rgba(255,255,255,.9); border-radius:8px; height:60px; overflow:hidden;}
.head .ssk { width:820px; height:60px; border:none; background:none; font-size:16px; color:#5b5b5b; padding-left:30px; float:left;}
.head .ssan { width:80px; height:60px; background:url(../images/03.png) no-repeat center 16px; float:left;}
.head .ssan:hover { background-color:#1589ff; background-image:url(../images/03on.png);}
/*热门搜索*/
.head .ssfont { font-size:14px; height:60px; line-height:60px; padding-left:30px; color:#333;}
.head .ssfont span.rmss { color:#1589ff; }
.head .ssfont a { color:#333; text-decoration:none; margin:0 4px;}
.head .ssfont a:hover { color:#1589ff; text-decoration:underline;}



/*导航···································································································································································································*/
.nav { clear:both; height:59px; border-top:1px solid #4dc6f8; background-color:#00aef5; z-index:99;}
.nav_nbox { height:60px; width:91%; margin:0 auto; position:relative;}
.nav_nbox .lt_pad { }
.nav_nbox ul .nLi { float:left; height:59px; line-height:59px; text-align:center; z-index:9999; font-size:20px; width:10%; position: relative; font-weight:bold;}
.nav_nbox ul .nLi p a { display:block; text-decoration:none; color:#fff; border-top-left-radius:6px; border-top-right-radius:6px;
/*不换行,省略号*/
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;}
.nav_nbox ul .nLi p a:hover {color:#117ff0; background:#fff; height:57px; margin-top:3px; line-height:54px; }
/*
.nav_nbox ul .nLi.on p a {color:#333; background:#fff; height:57px; margin-top:3px; line-height:54px; }
*/

.nav_nbox ul .sub { display:none; position:absolute; top:59px; left:0; right:0; text-align:center; margin:0 auto; font-size:14px; z-index:999; background:#ff0; width:240px; box-shadow:2px 6px 5px rgba(160,160,160,.2);}



.nav_nbox ul .sub li { zoom:1; height:48px; line-height:48px; background-color:#fff; text-decoration:none; text-align:left; font-weight:bold;}
.nav_nbox ul .sub a { color:#117ff0; display:block; padding-left:20px;
/*不换行,省略号*/
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
/*过度*/
transition-property: all;
transition-duration: .24s;
transition-timing-function: cubic-bezier(.25,.5,.55,.95);}
.nav_nbox ul .sub a:hover { color:#fff;  background-color:#3182d6; border-bottom:1px solid #3182d6;}


.nav_nbox .nLi.active .sub {
    display: block;
}
/* 选中状态的样式 */
.nav_nbox .nLi.active > p > a.menu-toggle,
.nav_nbox .nLi.active > p > a {

	color:#117ff0; background:#fff; height:57px; margin-top:3px; line-height:54px; 
}
/* 原始选中状态的样式 */
.nav_nbox .nLi.on > p > a {

	color:#117ff0; background:#fff; height:57px; margin-top:3px; line-height:54px; 
}



/*主体···································································································································································································*/
.content {}


.tt1 { text-align:center; position:relative; height:80px; overflow:hidden; clear:both; margin:20px 0 20px 0;}
.tt1 .t2 { font-size:60px; font-weight:bold; line-height:1; text-transform:uppercase; color:#f3f3f3; }
.tt1 .t1 { color:#222; font-size:30px; text-align:center; position:absolute; top:30px; left:0; right:0; line-height:1;}


.tt2 { text-align:left; position:relative; height:80px; clear:both;}
.tt2 .t1 { color:#222; font-size:30px; height:30px; line-height:1; background:url(../images/05.png) no-repeat right 8px; float:left; padding-right:24px; padding-left:10px;}
.tt2 .t2 { font-size:60px; font-weight:bold; line-height:1; text-transform:uppercase; color:#eceef2; clear:both;}


.tt3 { text-align:left; position:relative; height:50px; clear:both;}
.tt3 .t1 { color:#222; font-size:26px; height:30px; line-height:1; background:url(../images/05.png) no-repeat right 8px; float:left; padding-right:24px; padding-left:10px;}


/*row1 ···································································································································································································*/
.row1 { width:95.7%; margin:0 auto; overflow:hidden; padding-top:30px;}

.row1 .link1box { width:101%; }
.row1 .link1 { width:98%; padding:1%; clear:both; overflow:hidden;}
.row1 .link1 ul { width:100%;}
.row1 .link1 ul li { width:24%; margin-right:1%; height:230px; background-color:#fff; float:left; box-shadow:0 5px 10px #eee; border-radius:4px; overflow:hidden; position:relative;}
.row1 .link1 ul li .tu { width:100%; height:125px; overflow:hidden; position:relative; background-repeat:no-repeat; background-position: center top; background-size:auto 100%;}
.row1 .link1 ul li .tu.bg1 { background-image:url(../images/b12.jpg); background-color:#f3ebde;}
.row1 .link1 ul li .tu.bg2 { background-image:url(../images/b13.jpg); background-color:#eeeafb;}
.row1 .link1 ul li .tu.bg3 { background-image:url(../images/b14.jpg); background-color:#e3efff;}
.row1 .link1 ul li .tu.bg4 { background-image:url(../images/b15.jpg); background-color:#eeeafb;}
.row1 .link1 ul li .tu.bg5 { background-image:url(../images/b11.jpg); background-color:#e3efff;}
.row1 .link1 ul li a { display:block; height:100%;}

.row1 .link1 ul li .tbox { margin-left:24px; margin-right:24px;}
.row1 .link1 ul li .tbox .t1 { color:#333; font-size:20px; font-weight:bold; padding-top:13px;
/*不换行,省略号*/
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;}
.row1 .link1 ul li .tbox .t2 { color:#999; font-size:15px; line-height:1.5; padding-top:5px;}
.row1 .link1 ul li a { text-decoration:none;}
.row1 .link1 ul li a .tbox .t1 {
transition-property: all;
transition-duration: .3s;
transition-timing-function: cubic-bezier(.25,.5,.55,.95);}
.row1 .link1 ul li a:hover .tbox .t1 { color:#0580ff;}



.row1 .link2box { width:101%;}
.row1 .link2 { width:98%; padding:1%; clear:both; overflow:hidden;}
.row1 .link2 ul { width:100%;}
.row1 .link2 ul li { width:32.33333333333333%; margin-right:1%; height:100px; background-color:#fff; float:left; box-shadow:0 5px 10px #eee; position:relative; margin-bottom:20px; border-radius:6px; overflow:hidden;}
.row1 .link2 ul li .tu { width:100%; height:100%; background-position:right top; background-repeat:no-repeat; background-size:auto 100%;}
.row1 .link2 ul li .tu.bg11 { background-image:url(../images/b21.jpg);}
.row1 .link2 ul li .tu.bg12 { background-image:url(../images/b22.jpg);}
.row1 .link2 ul li .tu.bg13 { background-image:url(../images/b23.jpg);}
.row1 .link2 ul li .tu.bg14 { background-image:url(../images/b24.jpg);}
.row1 .link2 ul li .tu.bg15 { background-image:url(../images/b25.jpg);}
.row1 .link2 ul li .tu.bg16 { background-image:url(../images/b26.jpg);}
.row1 .link2 ul li .tbox { position:absolute; top:0; left:24px;}
.row1 .link2 ul li .tbox .t1 { color:#333; font-size:20px; font-weight:bold; padding-top:13px;
/*不换行,省略号*/
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;}
.row1 .link2 ul li .tbox .t2 { color:#999; font-size:15px; line-height:1.3; padding-top:7px; width:75%;
}
.row1 .link2 ul li a { text-decoration:none;}
.row1 .link2 ul li a .tbox .t1,
.row1 .link2 ul li a .tbox .t2 {
transition-property: all;
transition-duration: .3s;
transition-timing-function: cubic-bezier(.25,.5,.55,.95);}
.row1 .link2 ul li a:hover .tbox .t1 { color:#0580ff;}



.row1 .link3 { width:98%; margin:0 auto; height:120px; overflow:hidden; clear:both;}
/*
.row1 .link3_shiti { width:100%; height:120px; background:url(../images/08.jpg) no-repeat center top; background-size:100% auto}
.row1 .link3_shiti a { display:block; height:100%;}
*/

.row1 .link3_shiti2 { width:calc(50% - 10px); height:120px; background:url(../images/r3-2.jpg) no-repeat center top; background-size:100% auto; float:left;}
.row1 .link3_shiti2 a { display:block; height:100%;}

.row1 .link3_shiti1 { width:calc(50% - 10px); height:120px; background:url(../images/r3-1.jpg) no-repeat center top; background-size:100% auto; float:right; }
.row1 .link3_shiti1 a { display:block; height:100%;}




/*row2 ···································································································································································································*/
.row2 { background-color:#f6f7fa; padding-top:40px; height:400px;}


/*营商便民举措*/
.ysbmjc { width:1200px; margin: 0 auto ; clear:both;}
.ysbmjc_box { overflow:hidden; padding-top:40px;}
.ysbmjc_box ul li { width:290px; padding-left:10px; float:left; height:150px; padding-top:50px; border-radius:6px;
/*过度*/
transition-property: all;
transition-duration: .3s;
transition-timing-function: cubic-bezier(.25,.5,.55,.95);}
.ysbmjc_box ul li:hover { background-color:#e5f3ff;}
.ysbmjc_box ul li a { display:block; height:100%;
/*过度*/
transition-property: all;
transition-duration: .3s;
transition-timing-function: cubic-bezier(.25,.5,.55,.95);}
.ysbmjc_box ul li .icon { width:44px; height:44px; float:left; background-repeat:no-repeat; background-position:left top;}
.ysbmjc_box ul li .icon1 { background-image:url(../images/i11.png);}
.ysbmjc_box ul li .icon2 { background-image:url(../images/i12.png);}
.ysbmjc_box ul li .icon3 { background-image:url(../images/i13.png);}
.ysbmjc_box ul li .icon4 { background-image:url(../images/i14.png);}
.ysbmjc_box ul li .tbox { width:210px; float:right; padding-right:20px;}
.ysbmjc_box ul li .tbox .t1 { font-size:18px; font-weight:bold; line-height:1; color:#222; padding-top:10px;}
.ysbmjc_box ul li a .tbox .t1 { color:#222;
/*过度*/
transition-property: all;
transition-duration: .3s;
transition-timing-function: cubic-bezier(.25,.5,.55,.95);}
.ysbmjc_box ul li a:hover .tbox .t1 { color:#0b83ff;}
.ysbmjc_box ul li .tbox .t2 { font-size:14px; color:#757575; line-height:24px; padding-top:20px;
word-break:break-all; 
text-overflow:ellipsis; 
display:-webkit-box; 
-webkit-box-orient:vertical; 
-webkit-line-clamp:1;
height:48px; -webkit-line-clamp:2; overflow:hidden; /*(溢出文字省略号、多行)*/} 


/*row3 ···································································································································································································*/
.row3 { margin:0 auto; overflow:hidden; /*background-color:#fcfdfe;*/ padding-top:50px; padding-bottom:50px;}

/*窗口业务清单*/
.ckywqd { width:93.7%; margin: 0 auto; overflow:hidden; }
.ckywqd ul { width:101%; background:red;}
.ckywqd ul li { width:calc(15.66666666666667% - 2px); height:98px; margin-right:1%; margin-bottom:20px; border:1px solid #e5e5e5; float:left; position:relative; background-color:#fff;
/*过度*/
transition-property: all;
transition-duration: .3s;
transition-timing-function: cubic-bezier(.25,.5,.55,.95);}
.ckywqd ul li:hover { border:1px solid #5ba8f8; box-shadow: 0 5px 10px #eee;}
.ckywqd ul li .icon { width:48px; height:48px; border-radius:50%; position:absolute; top:50%; left:12px; margin-top:-25px; background-color:#f8faff; border:1px solid #6db5ff; background-repeat:no-repeat; background-position:center center;}
.ckywqd ul li .icon1 { background-image:url(../images/i21.png);}
.ckywqd ul li .icon2 { background-image:url(../images/i22.png);}
.ckywqd ul li .icon3 { background-image:url(../images/i23.png);}
.ckywqd ul li .icon4 { background-image:url(../images/i24.png);}
.ckywqd ul li .icon5 { background-image:url(../images/i25.png);}
.ckywqd ul li .icon6 { background-image:url(../images/i26.png);}
.ckywqd ul li .icon7 { background-image:url(../images/i27.png);}
.ckywqd ul li .icon8 { background-image:url(../images/i28.png);}
.ckywqd ul li .icon9 { background-image:url(../images/i29.png);}
.ckywqd ul li .t1 { position:absolute; top:50%; left:70px; right:0; font-size:16px; line-height:25px; height:50px; margin-top:-25px; }
.ckywqd ul li a { display:block; height:100%; text-decoration:none;}
.ckywqd ul li a .t1 { color:#444; 
/*过度*/
transition-property: all;
transition-duration: .3s;
transition-timing-function: cubic-bezier(.25,.5,.55,.95);}
.ckywqd ul li a:hover .t1 { color:#0b83ff; }



/*便民查询链接*/
.bmcxlj { width:93.7%; margin: 0 auto; overflow:hidden;}
.bmcxlj ul { width:101%;}
.bmcxlj ul li { width:calc(11.5% - 2px); height:180px; margin-right:1%; border:1px solid #e5e5e5; float:left; position:relative; background-color:#fff; background-repeat:no-repeat; background-position:center center;
/*过度*/
transition-property: all;
transition-duration: .3s;
transition-timing-function: cubic-bezier(.25,.5,.55,.95);}
.bmcxlj ul li:hover { border:1px solid #5ba8f8; box-shadow: 0 5px 10px #eee;}
.bmcxlj ul li .icon { width:80px; height:80px; position:absolute; top:30px; left:50%; margin-left:-40px; background-color:#fff; background-position: center center; background-repeat:no-repeat;}
.bmcxlj ul li .icon1 { background-image:url(../images/i31.png);}
.bmcxlj ul li .icon2 { background-image:url(../images/i32.png);}
.bmcxlj ul li .icon3 { background-image:url(../images/i33.png);}
.bmcxlj ul li .icon4 { background-image:url(../images/i34.png);}
.bmcxlj ul li .icon5 { background-image:url(../images/i35.png);}
.bmcxlj ul li .icon6 { background-image:url(../images/i36.png);}
.bmcxlj ul li .icon7 { background-image:url(../images/i37.png);}
.bmcxlj ul li .icon8 { background-image:url(../images/i38.png);}
.bmcxlj ul li .t1 { font-size:18px; line-height:1; text-align:center; padding-top:130px;}
.bmcxlj ul li a { display:block; height:100%; text-decoration:none;}
.bmcxlj ul li a .t1 { color:#222;
/*过度*/
transition-property: all;
transition-duration: .3s;
transition-timing-function: cubic-bezier(.25,.5,.55,.95);}
.bmcxlj ul li a:hover .t1 { color:#0b83ff; }



/*row4 ···································································································································································································*/
.row4 { margin:0 auto; overflow:hidden; background-color:#fff;}
.row4_nbox { width:1200px; margin:auto; padding-top:60px; padding-bottom:50px; overflow:hidden;}
/*窗口服务规范*/
.ckfwgf { width:320px; float:left;}
.ckfwgf_conbox {}
.ckfwgf_conbox ul li { width:318px; height:68px; border:1px solid #e5e5e5; margin-bottom:12px; color:#222; font-size:15px; line-height:68px; }
.ckfwgf_conbox ul li a { display:block; height:100%; text-decoration:none; padding-left:40px; color:#444; background-image:url(../images/06.png); background-repeat:no-repeat; background-position:18px 28px;
/*不换行,省略号*/
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
/*过度
transition-property: all;
transition-duration: .3s;
transition-timing-function: cubic-bezier(.25,.5,.55,.95);*/}
.ckfwgf_conbox ul li a:hover { color:#0b83ff; /*background-position:22px 28px;*/ padding-left:40px; text-decoration:underline;}
.ckfwgf_conbox ul li.hot a { background-image:url(../images/07.png); background-position:15px 26px;}
.ckfwgf_conbox ul li.hot a:hover { /*background-position:15px 22px; */padding-left:40px; color:#fd884f;}



				
/*收费目录清单*/
.sdmuqd { width:840px; float:right;}
.sdmuqd_conbox {}
.sdmuqd_conbox ul li { width:193px; height:103px; border:1px solid #fff; color:#222; font-size:15px; line-height:1; font-weight:bold; float:left; margin-right:20px; margin-bottom:20px; background-repeat:no-repeat; background-position:left top; position:relative; overflow:hidden;}
.sdmuqd_conbox ul li:before { content:""; width:224px; height:120px; background:rgba(69,159,251,0); position:absolute; top:0; left:0; z-index:2;
transition-property: all;
transition-duration: .3s;
transition-timing-function: cubic-bezier(.25,.5,.55,.95);}
.sdmuqd_conbox ul li:hover:before { background:rgba(69,159,251,.7);}
.sdmuqd_conbox ul li .t1 { display:inline-block; padding-top:70px; position:absolute; left:0; right:0; z-index:99;}
.sdmuqd_conbox ul li:nth-child(4n) { margin-right:0;}
.sdmuqd_conbox ul li a { display:block; height:100%; text-decoration:none; color:#fff; text-align:center;}

.sdmuqd_conbox ul li.bj1 { background-image:url(../images/b41.jpg);}
.sdmuqd_conbox ul li.bj2 { background-image:url(../images/b42.jpg);}
.sdmuqd_conbox ul li.bj3 { background-image:url(../images/b43.jpg);}
.sdmuqd_conbox ul li.bj4 { background-image:url(../images/b44.jpg);}
.sdmuqd_conbox ul li.bj5 { background-image:url(../images/b45.jpg);}
.sdmuqd_conbox ul li.bj6 { background-image:url(../images/b46.jpg);}
.sdmuqd_conbox ul li.bj7 { background-image:url(../images/b47.jpg);}
.sdmuqd_conbox ul li.bj8 { background-image:url(../images/b48.jpg);}
.sdmuqd_conbox ul li.bj9 { background-image:url(../images/b49.jpg);}
.sdmuqd_conbox ul li.bj10 { background-image:url(../images/b50.jpg);}
.sdmuqd_conbox ul li.bj11 { background-image:url(../images/b51.jpg);}
.sdmuqd_conbox ul li.bj12 { background-image:url(../images/b52.jpg);}
.sdmuqd_conbox ul li.bj13 { background-image:url(../images/b53.jpg);}

.sdmuqd_conbox ul li .icon { background-repeat:no-repeat; background-position:left top; width:42px; height:42px; position:absolute; top:16px; left:50%; margin-left:-21px; z-index:99;}
.sdmuqd_conbox ul li .icon1 { background-image:url(../images/i41.png);}
.sdmuqd_conbox ul li .icon2 { background-image:url(../images/i42.png);}
.sdmuqd_conbox ul li .icon3 { background-image:url(../images/i43.png);}
.sdmuqd_conbox ul li .icon4 { background-image:url(../images/i44.png);}
.sdmuqd_conbox ul li .icon5 { background-image:url(../images/i45.png);}
.sdmuqd_conbox ul li .icon6 { background-image:url(../images/i46.png);}
.sdmuqd_conbox ul li .icon7 { background-image:url(../images/i47.png);}
.sdmuqd_conbox ul li .icon8 { background-image:url(../images/i48.png);}
.sdmuqd_conbox ul li .icon9 { background-image:url(../images/i49.png);}
.sdmuqd_conbox ul li .icon10 { background-image:url(../images/i50.png);}
.sdmuqd_conbox ul li .icon11 { background-image:url(../images/i51.png);}
.sdmuqd_conbox ul li .icon12 { background-image:url(../images/i52.png);}
.sdmuqd_conbox ul li .icon13 { background-image:url(../images/i53.png);}


/*footer ···································································································································································································*/
.footer { clear:both; background-color:#2677ca; overflow:hidden;}
.footer_r1 { width:1200px; margin:0 auto; padding-top:30px; height:130px;}
.footer_r1 .for_bot_navle { width:460px; float:left; margin-right:20px; }
.footer_r1 .for_bot_navle ul li { width:25%; float:left; font-size:14px; color:#fff; line-height:30px;}
.footer_r1 .for_bot_navle ul li a { padding-left:10px; color:#fff; text-decoration:none;}

.footer_r1 .for_bot_navri { width:600px; float:left; }
.footer_r1 .for_bot_navri ul li { width:25%; float:left; font-size:14px; color:#fff; line-height:30px;}
.footer_r1 .for_bot_navri ul li a { padding-left:10px; color:#fff; text-decoration:none;}

.footer_r1 .sjbm { width:90px; float:left; font-size:12px; color:#fff; text-align:center; line-height:30px; float:right; margin-right:10px;}

.footer_r2 { clear:both; border-top:1px solid #67a3e1; font-size:14px; color:#fff; text-align:center; line-height:30px; padding:10px 0;}



/*浮···································································································································································································*/
/*.fu { width:96px; height:104px; position:fixed; right:0; top:55%; margin-top:-120px; z-index:99999; background-color:#fff; border-top-left-radius:8px; border-bottom-left-radius:8px; box-shadow: 0 0 12px rgba(192,200,234,.75);}
.fu ul li { width:90px; height:90px; margin:7px 0 7px 7px; position:relative; cursor:pointer; background-color:#55c4f7; border-top-left-radius:7px; border-bottom-left-radius:7px;}
.fu ul li.yuanjiao1 {}
.fu ul li.yuanjiao1 .z1 { color:#fff; font-weight:bold; font-size:15px; text-align:center; padding-top:58px; position:relative; line-height:1;}


.fu ul li a.icon { display:block; width:90px; height:90px; background-image:url(../images/11.png); background-repeat:no-repeat; background-position: center 15px; background-size:34px 34px; position:relative; z-index:9;
transition: all .3s cubic-bezier(.25,.5,.55,.95);}
.fu ul li a.icon:hover { background-color:#287dd5;}
.fu ul li.yuanjiao1 a.icon { border-top-left-radius:7px; border-bottom-left-radius:7px;
transition: all .3s cubic-bezier(.25,.5,.55,.95);}




.fu ul li .fubox { width:1000px; height:660px; background:#fff; box-shadow: 0 0 12px rgba(192,200,234,.75); position:absolute; left:-1207px; right:0; margin:auto; top:-300px; display:none; border-radius:10px; overflow:hidden;
transition: all .3s cubic-bezier(.25,.5,.55,.95);
}
.fu ul li .fubox .ttt1 { padding-left:36px; height:60px; line-height:60px; font-size:18px; font-weight:bold;}
.fu ul li .fubox .kkk1 { background-color:#edf1f9; height:470px; margin:0 10px;}
.fu ul li .fubox .kkk1 .kkt1 { color:#656565; font-size:12px; text-align:center; height:40px; line-height:40px;}
.fu ul li .fubox .kkk1 .kkt2 { width:300px; font-size:14px; padding:15px 30px; background:#fff; line-height:24px; border-radius:12px; border-bottom-left-radius:0; text-align:justify; margin-left:80px; position:relative;}
.fu ul li .fubox .kkk1 .kkt2:before { content:""; width:50px; height:50px; background-color:#b9c7c7; border-radius:50%; position:absolute; left:-60px; top:10px; background-image:url(../images/12.png); background-repeat:no-repeat; background-position: center bottom;}
.fu ul li .fubox .kkk2 { height:60px; background:#fff; width:980px; font-family:"微软雅黑"; padding:10px 15px; font-size:14px; border:none; margin:0 10px; color:#757575;}
.fu ul li .fubox .kkkan { width:120px; height:40px; border-radius:20px; background-color:#24c9c4; font-size:15px; text-align:center; float:right; margin-right:10px; line-height:40px; color:#fff;}
.fu ul li .fubox img { width:116px; height:116px; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; background:#fff; padding:10px; border-radius:6px;}*/
/*.fu ul li a:hover .fubox { display:block;}*/




/*浮···································································································································································································*/
.fu { width:96px; height:124px; position:fixed; right:0; top:55%; margin-top:-120px; z-index:9999; background-color:#fff; border-top-left-radius:8px; border-bottom-left-radius:8px; box-shadow: 0 0 12px rgba(192,200,234,.75);}
.fu ul li { width:91px; height:90px; margin:5px 0 5px 5px; position:relative; cursor:pointer; background-color:#9dddfa; border-top-left-radius:5px; border-bottom-left-radius:5px;}
.fu ul li.yuanjiao1 {}
.fu ul li.yuanjiao1 .z1 { color:#000; font-size:14px; text-align:center; line-height:1; position:absolute; top:0; width:100%; padding-top:97px; }


.fu ul li a.icon { display:block; width:91px; height:90px; background-image:url(../images/090.png); background-repeat:no-repeat; background-position: center bottom; position:relative; z-index:9;}

.fu ul li.yuanjiao1 a.icon { border-top-left-radius:7px; border-bottom-left-radius:7px;}




.fubox { width:1000px; height:660px; background:#fff; box-shadow: 0 0 12px rgba(192,200,234,.75); border-radius:10px; overflow:hidden; position:fixed; left:50%; margin-left:-500px; top:50%; margin-top:-330px; display:block;  z-index:9999999;}
.fubox .ttt1 { padding-left:36px; height:60px; line-height:60px; font-size:18px; font-weight:bold;}
.fubox .kkk1 { background-color:#edf1f9; height:470px; margin:0 10px; overflow-y:auto; overflow-x:hidden;}
.fubox .kkk1 .kkt1 { color:#656565; font-size:14px; text-align:center; height:40px; line-height:40px;}

.fubox .kkk1 .kkt_row { overflow:hidden; clear:both;}
.fubox .kkk1 .kkt2 { color:#222; float:left; width:500px; font-size:16px; padding:15px 30px; background:#fff; line-height:24px; border-radius:12px; border-bottom-left-radius:0; text-align:justify; margin-left:80px; position:relative; margin-bottom:20px;}
.fubox .kkk1 .kkt2:before { content:""; width:50px; height:50px; background-color:#b9c7c7; border-radius:50%; position:absolute; left:-60px; top:10px; background-image:url(../images/12.png); background-repeat:no-repeat; background-position: center bottom;}

.fubox .kkk1 .kkt3 { color:#222; float:right; width:300px; font-size:16px; padding:15px 30px; background:#fff; line-height:24px; border-radius:12px; border-bottom-right-radius:0; text-align:justify; margin-right:80px; position:relative; margin-bottom:20px;}
.fubox .kkk1 .kkt3:before { content:""; width:50px; height:50px; background-color:#b9c7c7; border-radius:50%; position:absolute; right:-60px; top:10px; background-image:url(../images/12user.png); background-repeat:no-repeat; background-position: center bottom;}

.fubox .kkk2 { height:60px; background:#fff; width:950px; font-family:"微软雅黑"; padding:10px 15px; font-size:16px; border:none; margin:0 10px; color:#757575;}
.fubox .kkkan { width:120px; height:40px; border-radius:20px; background-color:#24c9c4; font-size:15px; text-align:center; float:right; margin-right:10px; line-height:40px; color:#fff;}
