/* CSS Document */
ul{width:100%; overflow: hidden; zoom:1;}
bd,hd{ width:100%;}
.newlist li{ overflow:hidden; zoom:1; line-height:34px; background:url(../images/gk-arrow1.png;vpn_img) no-repeat left; padding-left:15px; font-size:16px;}
.newlist li a{ display:inline-block; float:left; width:85%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.newlist li span{float:right; color:#999999; text-align:center;  font-size:13px; font-size: 14px; }
.newlist li.line2{border-bottom:1px dashed #d2d2d2; height:1px; margin:5px 0px; background:none;}
a{ color:#444;}

.publicCenters{ width:100%;}
.publicZdly,.gkCenter{  background: #fff; padding: 10px 10px;margin-top:7px;}

.openleft{widht:280px;}
.gkzbOne,.gkzbTow,.oplist{ background: #fff; padding: 10px 10px;width:260px;}
.oplist,.openTow{ background: #fff; padding: 15px 15px;}
.gkzbTow{margin-top:7px;}
.gkzbOne .title{ border-bottom:1px solid #cedbec; height: 40px; line-height: 30px; overflow: hidden;zoom:1; }
.gkzbOne .title i,.gkzbOne .title h3{ display: inline-block; float: left;}
.gkzbOne .title h3{ font-size:18px; color: #0860ba; font-weight: bold; }
.gkzbOne .title h3 a{color: #0860ba;}
.gkzbOne .title i{ width:4px; height: 17px; border-radius:5px; -moz-border-radius:5px; -webkot-border-radius:5px; background: #1774d2;margin:7px 11px 0px 5px;}
ul.gkmenucd{ width: 100%;}
.gkmenucd li{ overflow: hidden;zoom:1; border-bottom: 1px dashed #eaebfd; height: 45px; background:url(../images/gk-icon1.jpg;vpn_img) no-repeat right;margin-top:14px;}
.gkmenucd li i,.gkmenucd  li span{ display:block; float: left; height: 45px; line-height: 45px;} 
.gkmenucd li i{ width:45px;border-radius:5px; -moz-border-radius:5px; -webkot-border-radius:5px; background:url(../images/gk-icon2.png;vpn_img) no-repeat 0 0;}
.gkmenucd li i,.openyb li i{webkit-transition: 400ms; -o-transition: 400ms;    -moz-transition: 400ms;    transition: 400ms; }
.gkmenucd li span{margin-left:23px; font-size:16px; color: #444;}
li.gkcda{ border-bottom: 1px dashed #eaebfd; }
li.gkcda i{ background-position: 0 0; background-color: #abadf4;}
li.gkcda:hover i{ background-position: -45px 0; }

li.gkcdb{ border-bottom: 1px dashed #cff6f7; }
li.gkcdb i{background-position: 0 -45px; background-color:#8cedf0;}
li.gkcdb:hover i{ background-position: -45px -45px; }

li.gkcdc{ border-bottom: 1px dashed #ffe2e2; }
li.gkcdc i{background-position: 0 -90px; background-color:#fb7b7b;}
li.gkcdc:hover i{ background-position: -45px -90px; }

li.gkcdd{ border-bottom: 1px dashed #ede5f9; }
li.gkcdd i{background-position: 0 -135px; background-color: #c9aef5;}
li.gkcdd:hover i{ background-position: -45px -135px; }

li.gkcde{ border-bottom: 1px dashed #dce9fa; }
li.gkcde i{background-position: 0 -180px; background-color: #7cb3f8;}
li.gkcde:hover i{ background-position: -45px -180px; }

.gkbt{ width:100%; overflow: hidden;zoom:1; height: 30px; line-height: 30px;margin-top:5px;}
.gkbt h3{ display: block; background: url(../images/gk-icon3.png;vpn_img) no-repeat left;font-size: 18px; color: #0860ba;font-weight: bold; text-indent: 21px;}
.gkbt h3 a{ color: #0860ba;}

.zcjt{margin-top:10px; width: 100%;}
.zcjt li{ float: left; width: 260px; height: 168px; position: relative; overflow: hidden;}
.zcjt li img,.zcjt li span,.zcjt li a{ display:block; width: 100%; }
.zcjt li a{ height: 168px;}
.zcjt li img{ height: auto; /*border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;*/}
.zcjt li span{ position: absolute; bottom: 0; left: 0; height: 37px; background: url(../images/gk-tmbg.png;vpn_img) repeat-x; line-height: 37px; padding: 0 3%; width: 94%; color: #fff; z-index: 99; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.gksearch{margin-top:9px; background: #f7f7f7; padding:17px 10px;}
.gksearch .title{ height:32px; line-height:32px; font-size:16px; color:#DF1702;}
.gksearch .title i{ float:left; display:block; width:32px; height:32px; background:url(../images/gk-icon5.png;vpn_img) no-repeat left; margin-right:5px;}
.gksearch .shurk1{ width:160px; height:35px; line-height: 35px; border:1px solid #E0E0E0;font-size:15px; font-family:"微软雅黑"; color:#838383;outline:none; text-indent:10px; margin-top:5px; border-right:none;}
.gksearch .btn1{width:79px; height:37px; line-height:37px; float:right; border:0; cursor:pointer; background:#f5be3b; vertical-align:middle;font-size:15px; color:#fff; letter-spacing:3px; margin-top:5px;}

.openright{ width:865px;}
.oplist,.openTow{ width:835px;}
.openTow{margin-top:7px;}
.oplist .hd{ height: 40px; background:#f5f5f5; overflow: hidden;zoom:1;}
.oplist .hd li{ float: left; line-height: 40px; font-size: 18px; color: #616161; padding:0 30px; margin-right:5px;}
.oplist .hd li a{color: #616161;}
.oplist .hd li.on,.oplist .hd li:hover{  background: url(../images/gk-line.jpg;vpn_img) repeat-x top #fff; font-weight:bold; color: #0b69d4;}
.oplist .hd li.on a,.oplist .hd li:hover a{color: #0b69d4;}
.oplist .bd,.openzb .bd,.zdlylist .bd{margin-top:10px;}
.oplist .bd{height: 285px; }
.openzb .bd{ height: 270px; }
.zdlylist .bd{ height:240px; }
.openzb{ width: 100%; margin-top:-10px;}
.openzb .hd { overflow: hidden;zoom:1; border-bottom: 1px solid #e5e5e5; height: 45px; }
.openzb .hd li{ float:left; padding:0 45px 0 10px;; font-size: 18px; line-height: 40px; padding-left:18px;}
.openzb .hd li a{ color: #616161;}
.openzb .hd li.on{ background: url(../images/gk-icon3.png;vpn_img) no-repeat left;; font-weight: bold; color: #0b6ad4;}
.openzb .hd li.on a{color: #0b6ad4; }

.openyb{ width:260px; }
.openyb li{  width: 100%; height: 78px; overflow: hidden;zoom:1;margin-bottom:13px; }
.openyb li a{ display:table; margin: 15px auto; width: auto;}
.openyb li i,.openyb li span{ display:inline; text-align: center; float: left;}
.openyb li span{ line-height: 47px; font-size:16px; }
.openyb li i{ width:47px; height: 47px; margin-right:20px; background: url(../images/gk-icon4.png;vpn_img) no-repeat 0 0;}

.gknav2{ width:100%;margin:10px 0 5px 0;}
.gknav2 li{ float:left;width:158px; height: 112px; margin-right:11px;}
.gknav2 li i,.gknav2 li span{ display: block; margin: 0 auto;}
.gknav2 li i{ width:57px; height: 57px; background: url(../images/gk-icon6.png;vpn_img) no-repeat 0 0;margin-top:11px; webkit-transition: 400ms; -o-transition: 400ms;    -moz-transition: 400ms;    transition: 400ms; }
.gknav2 li span{ line-height: 40px; text-align: center; color: #fff; font-size: 15px;}

li.gknav3{ background: url(../images/gk-bg1.png;vpn_img) no-repeat;}
li.gknav3 i{ background-position: 0 -57px;}
li.gknav3:hover i{background-position: -63px -57px;}

li.gknav4{ background: url(../images/gk-bg2.png;vpn_img) no-repeat;}
li.gknav4 i{ background-position: 0 -114px;}
li.gknav4:hover i{background-position: -63px -114px;}

li.gknav5{ background: url(../images/gk-bg3.png;vpn_img) no-repeat;}
li.gknav5 i{ background-position: 0 -171px;}
li.gknav5:hover i{background-position: -63px -171px;}

li.gknav6{ background: url(../images/gk-bg4.png;vpn_img) no-repeat;}
li.gknav6 i{ background-position: 0 -228px;}
li.gknav6:hover i{background-position: -63px -228px;}

li.gknav7{ background: url(../images/gk-bg5.png;vpn_img) no-repeat;}
li.gknav7 i{ background-position: 0 -285px;}
li.gknav7:hover i{background-position: -63px -285px;}
li.gknav7{margin-right:0 !important;}


.zdlylist{ width:100%; margin-top:10px;}
.zdlylist .hd{ height: 45px; line-height: 45px; background: url(../images/gk-line2.jpg;vpn_img) repeat-x bottom; overflow: hidden;zoom:1;}
.zdlylist .hd h3,.zdlylist .hd ul{ display: block; float: left;}
.zdlylist .hd h3{ width: 139px; background:url(../images/gk-icon3.png;vpn_img) no-repeat left; font-size: 18px; font-weight: bold; text-indent:18px; margin-left:2px; }
.zdlylist .hd h3 a{ color: #0b6ad4;}
.zdlylist .hd ul{ margin-left:10px; width:81%; }
.zdlylist .hd ul li{ float:left; padding: 0 10px; margin:0 12px; font-size: 17px; color: #616161;}
.zdlylist .hd ul li a{ color:#616161;}
.zdlylist .hd ul li.on{color:#e4a611; font-weight: bold; background: url(../images/gk-line3.jpg;vpn_img) no-repeat bottom center;}
.zdlylist .hd ul li.on a{ color:#e4a611;}
.zdlylist .bd li{ /*width:100%; */}
.zdlylist .bd li a{ width: 78%;}



/*--信息公开内容页---*/
.gkCenter{margin-top:0px; }
.gkbammer{ width:100%; margin:0 auto;margin-bottom:35px; margin-top:-5px; height:119px; text-align:center;}

.gksousuo{ width:310px;   }
.opensearch{ height:34px; width:308px; border:1px solid #d6d6d6; overflow:hidden;zoom:1; background:#fff; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; margin:0 auto; }
.opensearch input{ display:block; float:left; height:32px; border:none; outline: none;}
input.from-control{ width:253px; margin-left:7px; text-indent: 10px; line-height:36px; color:#444; font-size: 14px;}
input.btn{ float:right !important; width:36px; height:34px; background:url(../images/fdj-icon.png;vpn_img) no-repeat; cursor:pointer; margin-right:5px; }

.openCenter{width:1120px; margin:0 auto;margin-top:23px;}
.zwgkLeft{ width:240px;} 
.gkNavlist{ width:100%;}
.gkNavlist li{ border:1px solid #e4e4e4; width:238px; margin-bottom:15px; overflow:hidden;zoom:1; height:70px;}
.gkNavlist li:hover,.gkNavlist li.current{ background:#2d66a5; border:1px solid #2d66a5;}
.gkNavlist li:hover a span,.gkNavlist li.current a span{ color:#fff;}
.gkNavlist li i,.gkNavlist li span{ display:block; float:left;}
.gkNavlist li i{ width:45px; height:45px; margin:10px 0px 0px 25px; background:url(../images/tub-icon1.png;vpn_img) no-repeat 0 0;-webkit-transition: 400ms; -o-transition: 400ms;    -moz-transition: 400ms;    transition: 400ms; }
.gkNavlist li span{ line-height:30px; font-size:23px; color:#2d66a5; margin-left:15px; padding:5px 0;}


/*--下拉菜单---*/
.list{width: 100%;}
.list ul li{ height:100%; margin-bottom:15px; }
.list ul li a{ display: block; font-weight:bold;line-height: 36px;position: relative; width:238px; overflow:hidden;zoom:1;background:#fff; border:solid 1px #e4e4e4;  }
.list ul li a i,.list ul li a span{ display:block; float:left;}

.list ul li a i{ width:45px; height:52px; margin:10px 0 0 20px; background:url(../images/tub-icon1.png;vpn_img) no-repeat 0 0;-webkit-transition: 400ms; -o-transition: 400ms;    -moz-transition: 400ms;    transition: 400ms; }
.list ul li a span{ line-height:30px; font-size:23px; color:#1173b9; margin-left:16px; padding:5px 0;margin-bottom: 3px}

.list ul li a:hover,.list ul li a.current{ background:#2d66a5; border:1px solid #127bc7;}
.list ul li a:hover span,.list ul li a.current span{ color:#fff;}

.list ul li .inactive{ background:url(../images/jia-icon.png;vpn_img) no-repeat 209px center #fff;}
.list ul li .inactives,.list ul li a:hover.inactives,.list ul li a:hover,.list ul li a.current{background:url(../images/jian-icon.png;vpn_img) no-repeat 209px center #1e75c5;}
.list ul li .inactives span,.list ul li a:hover.inactives span{ color:#fff;}

li.gklbcd1 a i{ background-position:0 0 !important;}
li.gklbcd1 a:hover i,li.gklbcd1 a.inactives i,li.gklbcd1 a.current i{background-position:-45px 0 !important;}
li.gklbcd2 a i{ background-position:0 -52px !important;}
li.gklbcd2 a:hover i,li.gklbcd2 a.inactives i,li.gklbcd2 a.current i{background-position:-45px -52px !important;}
li.gklbcd3 a i{ background-position:0 -104px !important;}
li.gklbcd3 a:hover i,li.gklbcd3 a.inactives i,li.gklbcd3 a.current i{background-position:-45px -104px !important;}
li.gklbcd4 a i{ background-position:0 -156px !important; }
li.gklbcd4 a:hover i,li.gklbcd4 a.inactives i,li.gklbcd4 a.current i{background-position:-45px -156px !important;}
li.gklbcd1 a:hover,li.gklbcd2 a:hover,li.gklbcd1 a.current,li.gklbcd2 a.current{ background:#127bc7 !important;}

.list ul li ul{background:#fff; border:1px solid #e4e4e4; border-top:none; width:238px;padding-top:8px; }
.list ul li ul li { border-left:0; border-right:0;margin-bottom:0!important;}
.list ul li ul li a{  width:100%; border:none !important;background:url(../images/gk-arrow2.png;vpn_img) no-repeat 50px 15px ; line-height:32px; display:inline-block;text-indent:15px; font-size:15px; font-weight:normal; display: inline !important;}
.list ul li ul li a:hover,.list ul li ul li a.current{background:url(../images/gk-arrow3.png;vpn_img) no-repeat 50px 15px #e5f2f8; font-weight:bold; color:#2068b2; }
.list ul li ul li ul li{ line-height: inherit !important; height: auto !important;}
.list ul li ul li ul li ul{ display: block; border:none;}
.gklbcd4 ul li {width:100%;border:none !important;display:inline-block !important;text-indent:79px;}
#treeViewBox12 a{background:none !important;}
#treeViewBox12 ul{border:none !important;}
.list ul li.current ul{ display:block !important;}

/*---右边内容----*/
.zwgkRight,.zwgkRight2{ width:728px; border:1px solid #e4e4e4; padding:30px 20px 20px 20px; background:#fff; min-height:250px; }
.zwgkRight2{ width:820px;padding: 15px 15px;}
.details{ width:94%; padding:0 3%; margin-bottom:20px;}
.details h2{ display:block; width:100%;}
h2.gkzn-tit{ line-height:40px; font-size:32px; font-weight:bold; color:#1e75c5; text-align:center;}

.gkznCent{ width:100%; font-size:16px; }

#scrollbar1 .overview{ width:100%;}
#scrollbar1 .overview p{ line-height:34px; font-size: 16px;}
#scrollbar1 .viewport ul{ width:100%;}
#scrollbar1 .viewport ul li.first{ border-bottom:1px solid #e5e5e5; padding-bottom:9px; margin-bottom:20px;}

.fading{ width:100%; margin-bottom:15px;}
.fading .tit,.fading .tit2{  width:820px; background: url(../images/gk-line2.jpg;vpn_img) repeat-x bottom;height:34px;margin-bottom:10px; }
.fading .tit a,.fading .tit2 a{ display:inline-block;height:34px; padding:0 15px; line-height:34px; color:#fff; background:#1382d2;font-size:16px; font-weight:bold; text-align:center; }
.fading .tit2 a{ width:240px !important;}
.fading ul{ margin-top:3px;}
.fading ul li{ line-height:40px;}

.more{ width:100px; height:30px; margin:0 auto; line-height:30px; text-align:center; background:#e5e5e5; margin-top:10px;}
.more:hover { background:#2d66a5;}
.more:hover a{ color:#fff;}
h3.zhiding{ display:block;  height:80px; line-height:80px;margin-left:2%; width:98%;}

/*--详情页---*/
.detaTime{ width:100%; height:40px;line-height:40px; text-align:center; color:#666; font-size:15px; border-bottom:1px solid #e0e0e0;padding-bottom:10px;margin-top:5px;}
.detaTime span{ margin-right:10px;}

/*---翻页--*/
.page{display:table; overflow:hidden;zoom:1; text-align:center; margin:20px auto; font-size:15px; color:#444; }
.page p{ display:inline-block; overflow:hidden;zoom:1;}
.page a/*,.page span*/{ display:block; float:left; border:1px solid #dcdbdb; height:26px; padding:0 10px; margin-right:10px; text-align:center;line-height:26px;}
.page a:hover,.page span.current,.page a.current{ background:#f2b346; color:#fff; border:1px solid #f2b346;}

.gkmulu{ width:96%; margin-top:10px;padding:1% 2%;height:290px;overflow-y:scroll;}
.gklbBox{ width:49%;}
.gklbBox ul li a{ width:70% !important;}
.newopen{ width:560px;}
.newopen li{ line-height: 34px;}

.gklbNav{ width:770px; height: 33px;margin-top:15px;}
.gklbNav li{ width:108px; height: 33px; line-height: 33px; margin: 0 1px; text-align: center; color: #fff; float: left; font-size: 17px;}
.gklbNav li a{ color: #fff; display: block; width:100%; height: 33px;}
.gklbNav li a:hover,.gklbNav li.on a{ background: #105bc4; color: #fff; border-radius: 5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.gkptMore{width: 100px;height: 30px;margin: 0 auto;line-height: 30px;text-align: center;background: #e5e5e5;margin-top: 10px;}
.weizhi{ width:100%; border-bottom: 1px solid #f0eeee; height: 36px; line-height: 36px !important;padding-bottom:9px;}
.newgktj{width:100%; margin-bottom:11px;margin-top:5px;}
.ysqtj{background: url(../images/gk-ysqbg.jpg;vpn_img) no-repeat; padding:5px 18px; height: 222px;}
.tjbt{ height: 45px; line-height: 45px; border-bottom: 1px solid #ebebeb; padding-left:33px; font-size: 18px;}
.tjbt a{ color:#1681d4; font-weight: bold;}
.ysqtj .tjbt{background: url(../images/tj-icon1.jpg;vpn_img) no-repeat left;} 
.tjlist{ width:100%; margin-top:5px;}
.tjlist li{ overflow: hidden;zoom:1; width: 100%; height: 40px; line-height: 40px;}
.tjlist li h3,.tjlist li span{ display: inline-block; font-size: 16px; font-weight: normal;}
.tjlist li h3{ width:65%; float: left;}
.tjlist li span{ text-align: right; float: right;}
.gkxtj{background: url(../images/gkxx-tjbg.jpg;vpn_img) no-repeat bottom; padding:5px 18px; border: 1px solid #ededed;margin-top:15px;}
.gkxtj .tjbt{background: url(../images/tj-icon2.jpg;vpn_img) no-repeat left;} 

/*--依申请公开统计--*/
.openleft .ysqtj{ background: url(../images/gk-ysqbg2.jpg;vpn_img) no-repeat; padding:5px 18px 0 17px; margin-top:15px;height: 242px; }
/*--部门列表页--*/

.organ{ width:100%;font-size: 15px;} 
.zuzhi{width:100%;}
.zuzhi .hd{ width:100%; height:40px; border-bottom:1px solid #eaecee; position:relative;}
.zuzhi .hd h3{ display:block;  height:40px; line-height:45px; padding:0 20px 0 60px; font-size:18px; font-weight:bold;position:absolute; left:0; bottom:0; border-bottom:3px solid #0b6ad4; color:#0b6ad4; background:url(../images/ind-icons.png;vpn_img) no-repeat 15px 4px;}

 .zuzhi .bd ul{ background:#f9f8f8; padding:10px 15px; width:96.4% !important;}
 .zuzhi .bd ul li{ float:left; width:33.3%;background:url(../images/gk-arrow2.png;vpn_img) no-repeat left; text-indent:15px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; line-height:40px;}

#box_menu{ width:100%;}
#box_menu .hd{ widht:100%; padding:10px 0; background: #1382d2;text-align: center;}
#box_menu .hd h3{ display: inline-block; line-height: 26px; font-weight:bold; font-size:20px; color: #fff; text-align: center; }
#box_menu .bd{ width: auto !important; }
#box_menu .bd ul{margin: 0 auto;padding-bottom:10px;}
#box_menu .bd li{ line-height: 45px; border-bottom:1px solid #eee; font-size: 16px;background:url(../images/gk-arrow2.png;vpn_img) no-repeat 20px 20px;padding:0 20px 0 40px;}
#box_menu .bd li.current,#box_menu .bd li:hover{ background:url(../images/gk-arrow3.png;vpn_img) no-repeat 20px 20px; }
#box_menu .bd li.current a,#box_menu .bd li:hover a{color:#0b6ad4; font-weight:bold;transition: all .3s ease-in-out;  }

.zwgkRight3{width:820px;padding:0px 15px; background:#fff; min-height:250px; }

.tvInner a{width: auto;border: none !important;background: none;line-height: inherit !important;display: inline-block;padding-left: 0;font-size: 13px;font-weight: normal;}
.overview table {border-bottom: none !important;border-right: none !important;border: 1px solid #cfcece !important;margin: 0;border-collapse: collapse;border-spacing: 0;width: 100% !important;margin: 10px auto;table-layout: fixed !important;overflow: hidden !important;}
.overview table td {border-bottom: 1px solid #cfcece !important;padding: 2px 5px;border-left: none !important;border-top: none !important;border-right: 1px solid #cfcece !important;height:36px;}
.title {width: 79% !important;}
.sqh {width: 20% !important;}
.share {width: 100%;border: 1px dashed #e1e1e1;border-left: none;border-right: none;height: 45px;line-height: 45px;margin-top: 20px;font-size:16px;}



/*---五公开内容调整---*/

.publicWgk{margin-top:8px;}
.publicWgk .tit{ height: 37px;background: url(../images/wgk-tit.jpg;vpn_img) no-repeat; line-height: 37px;}
.publicWgk .tit h3{ text-indent: 69px; font-weight: bold; color: #fff; font-size: 20px;}
.publicWgk .tit h3 a{ color:#fff;}

.publicWgk .wgkzl{margin-top:15px;}

li.wgk1{background: url(../images/wkg-bg1.jpg;vpn_img) no-repeat;}
li.wgk2{background: url(../images/wkg-bg2.jpg;vpn_img) no-repeat;}
li.wgk3{background: url(../images/wkg-bg3.jpg;vpn_img) no-repeat;}
li.wgk4{background: url(../images/wkg-bg4.jpg;vpn_img) no-repeat;}
li.wgk5{background: url(../images/wkg-bg5.jpg;vpn_img) no-repeat;  margin-right: 0px !important;}

li.wgk1 i{ background-position: 0 0;}
li.wgk2 i{ background-position: 0 -76px !important;}
li.wgk3 i{ background-position: 0 -152px !important;}
li.wgk4 i{ background-position: 0 -228px !important;}
li.wgk5 i{ background-position: 0 -304px !important;}

.wgkzl{ width:100%;}
.wgkzl .hd{ width:100%;}
.wgkzl .hd li{ float:left; height: 89px; width:155px;margin-right:15px; overflow: hidden;zoom:1;}
.wgkzl .hd li i,.wgkzl .bd li span{ display: block; float: left;}
.wgkzl .hd li i{ width: 44px; height: 76px;margin-top:7px; background: url(../images/gk-icon7.png;vpn_img) no-repeat 0 0;margin-left:15px;}
.wgkzl .hd li span{ line-height: 89px; font-weight: bold; font-size:16px; margin-left:7px; color: #fff;}

.wgkzl .hd li:hover i{
	webkit-transition: -webkit-transform 0.7s ease-out;
    -moz-transition: -moz-transform 0.7s ease-out;
    transition: transform 0.7s ease-out;
    transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
}
 
li.gkcd1 i{  background-position: 0 0;}
li.gkcd1:hover i{background-position: -51px 0;}
li.gkcd1{background: url(../images/gklb-bg1.jpg;vpn_img) no-repeat;}

li.gkcd2 i{  background-position: 0 -47px;}
li.gkcd2:hover i{background-position: -51px -47px;}
li.gkcd2{background: url(../images/gklb-bg2.jpg;vpn_img) no-repeat;}

li.gkcd3 i{  background-position: 0 -94px;}
li.gkcd3:hover i{background-position: -51px -94px;}
li.gkcd3{background: url(../images/gklb-bg3.jpg;vpn_img) no-repeat;}

li.gkcd4 i{  background-position: 0 -141px;}
li.gkcd4:hover i{background-position: -51px -141px;}
li.gkcd4{background: url(../images/gklb-bg4.jpg;vpn_img) no-repeat; margin-bottom:0;}

.wgkzl .bd{ width:auto; padding:15px 15px;background:#f5f9fe;margin-top:13px;position:relative;  }
.wgknr{ width:100%;  display: flex;justify-content:flex-start;flex-direction: row;flex-wrap: wrap; }

.wgknr ul li{width:25%; background:url(../images/gk-arrow2.png;vpn_img) no-repeat 0 12px; line-height:35px; padding-left:15px; float: left; box-sizing:border-box;  font-size: 16px;}