@keyframes bounce {
 from,  20%,  53%,  80%,  to {
 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 transform: translate3d(0, 0, 0);
}
 40%,  43% {
 animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
 transform: translate3d(0, -30px, 0);
}
 70% {
 animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
 transform: translate3d(0, -15px, 0);
}
 90% {
 transform: translate3d(0, -4px, 0);
}
}
.mt20 { margin-top: 20px; }
.ml20 { margin-left: 20px; }
.mr20 { margin-right: 20px; }
.mb20 { margin-bottom: 20px; }
.w_184 { width: 184px; }
.w_380 { width: 380px; }
.w_286 { width: 286px; }
.w_586 { width: 586px; }
.w_892 { width: 892px; }
.w_912 { width: 912px; }
.w_606 { width: 606px; }
.h_540 { height: 540px; }
.fl { float: left; }
.fr { float: right; }
.yui_bg { background: #f7f7f7; }
.yui_module { background: #f7f7f7; }
.yui_module .hd { background: #ad0700; height: 43px; line-height: 43px; position: relative; color: #fff; }
.yui_module .hd .title { text-indent: 10px; font-size: 18px; font-weight: bold; }
.yui_module .more { position: absolute; right: 20px; top: 2px; font-size: 14px; color: #fff; }
.yui_module .more:hover { text-decoration: underline; cursor: pointer; }
.yui_module .bd { padding: 10px 0px; }
.yui_module .bd li a { padding-left: 10px; font-size: 16px; line-height: 30px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; }
.yui_zt .bd li a img { /*object-fit: none;
	Object-position: top 10%;*/
height: 72px; }
.yui_module .bd li a.red { color: #ad0700; }
.Clear { clear: both; }
.icon-dian { color: #ff7200; }
.Headlines { height: 480px; background-color: #f7f7f7; overflow: hidden; margin-top: 20px; }
.Himg {
 float: left;
 width: 450px;
 height: 300px;
 margin-left: 16px;
 margin-top: 16px;
}
.Himg img { width: 450px; height: 300px; }
.Htxt { float: right; width: 680px; padding-top: 20px; padding-right: 20px; }
.Htxt h2 { margin: 0; color: #2e2e2e; font-size: 30px; font-weight: 700; }
.Htxt strong, .Htxt a { display: block; font-weight: 400; color: #ad0700; font-size: 24px; line-height: 36px; margin: 20px 0; }
.Htxt p { color: #434343; font-size: 18px; line-height: 30px; margin: 0; }
.yui_warp { height: 650px; width: 1202px; }
.yui_warp2 { height: 1460px; }
.yui_zt { border: 1px solid #dedede; height: 390px; }
.yui_ds_cy { background: #fff; }
.yui_ds_cy .hd { background: #fff; border-bottom: 2px solid #dedede; color: #484848; }
.yui_ds_cy .hd ul li { float: left; padding: 0 15px; cursor: pointer; }
.yui_ds_cy .hd ul li.on { font-weight: blod; font-size: 18px; border-bottom: 2px solid #ad0700; }
.yui_ds_cy .bd img { width: 183px; height: 107px; }
.yui_ds_cy .more { display: none; color: #484848; }
.yui_ds_cy li.on .more { display: inline; color: #484848; }
.yui_ds_cy .bd .title { font-size: 22px; font-weight: bold; color: #484848; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.yui_ds_cy .bd p { color: #999999; font-size: 14px; line-height: 24px; display: -webkit-box; overflow: hidden; white-space: normal!important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.yui_ds_cy .bd li { position: relative; }
.yui_ds_cy .bd li a { padding-left: 0px; width: 400px; }
.yui_ds_cy .bd li a em { color: #ad0700; }
.yui_ds_cy .bd .date { position: absolute; top: 5px; right: 10px; color: #6f6f6f; }
.yui_bananer { width: 1200px; font-size: 0; display: inline-block; }
.yui_bananer> img { width: 100%; }
.yui-bananer { width: 1200px; font-size: 0; }
.yui-bananer > a { width: 590px;/*width: 1200px;*/ height: 100px; display: inline-block; vertical-align: top; }
.yui-bananer > a img { width: 100%; height: 100%; }
.yui-bananer > a.hui-14th-bs { margin-right: 10px; }
.yui-bananer > a.hui-wl { margin-left: 10px;/*display:none;*/ }
.yui_ds_l { }
.yui_ds_l .bd { padding: 0px !important; }
.yui_ds_l .bd li a { display: block; padding: 5px 0px; text-align: center; }
.yui_ds_l .bd li a:hover { background: #969696; }
.yui_ds_l .bd li.ative a { background: #ed7800; color: #fff; }
.yui_zgsw { background: url(../images/yui_zgsw_img.jpg) no-repeat; width: 286px; height: 327px; }
.yui_zgsw { }
.yui_zgsw .bd { margin-top: 55px; }
.yui_zgsw .bd li a { background: #fff; color: #7e7e7e; width: 160px; height: 38px; line-height: 38px; display: block; margin-top: 10px; margin-left: 116px; }
.yui_zgsw .bd li a:hover { cursor: pointer; background: #f98e2b; }
.yui_zgsw .bd li.ative a { background: #ad0700; color: #fff; }
.yui_zgsw_nr { height: 328px; }
.yui_zgsw_nr .bd { padding: 0px; }
.yui_zgsw_nr .bd .hd { background: #e9e9e9; color: #484848; }
.yui_zgsw_nr .bd .hd li { padding: 0px 10px; }
.yui_zgsw_nr .bd .hd li .more { padding-top: 5px; color: #484848; font-size: 14px; right: 20px; line-height: 43px; }
.yui_zgsw_nr .bd .hd li:hover, .yui_zgsw_nr .bd .hd li.on { background: #f5f5f5; cursor: pointer; }
.yui_zgsw_nr .bd img { display: block; margin: 0 auto; }
.yui_zgsw_nr .bd li { float: left }
.yui_zgsw_nr .bd li a { display: block; padding-right: 20px; padding-top: 20px; padding-left: 20px; }
.yui_dzdb { }
.yui_dzdb .bd { text-align: center; margin: 10px auto; height: 260px; }
.yui_dzdb .dzdb_l { display: inline-block; width: 250px; vertical-align: top; }
.yui_dzdb .dzdb_r { display: inline-block; vertical-align: top; width: 130px; }
.yui_dzdb .dzdb_r a { display: block; padding: 5px 0px; }
.yui_zxpx { }
.yui_zxpx .bd li { padding-top: 10px; }
.yui_ghyw, .yui_nr_cj .hd, .yui_ghyw .bd { background: #e8e8e8; }
.yui_ghyw .bd { padding-left: 10px; }
.yui_ghyw_li { width: 145px; display: inline-block; vertical-align: middle; padding: 30px 0 45px; text-align: center; cursor: pointer; }
.yui_ghyw_li .iconfont { font-size: 50px; color: #ff5250; }
.yui_ghyw_li:hover .yui_img { animation: bounce 1s; }
.yui_ghyw_li:hover .iconfont { font-size: 50px; }
.yui_ghyw_li .name { color: #484848; }
.yui_ds_l, .yui_ds_r { height: 403px; }
.yui_ds_r { background: #f7f7f7; }
.yui_ds_r .jjs_img { width: 200px; display: inline-block; text-align: center; }
.yui_ds_r .jjs_img img { width: 173px; height: 257px; margin-top: 48px; }
.yui_ds_r .jjs_text { width: 400px; vertical-align: top; display: inline-block; margin-top: 48px; color: #484848; }
.yui_ds_r .jjs_text h2 { font-size: 24px; font-weight: bold; }
.yui_ds_r .jjs_text p { line-height: 36px; font-size: 16px; }
.yui_yqlj, .yui_qy { }
.yui_yqlj .hd, .yui_qy .hd { border-bottom: 2px solid #ad0700; }
.yui_yqlj .hd .title, .yui_qy .hd .title { line-height: 37px; font-size: 20px; color: #2d0d0d; }
.yui_yqlj .bd { width: 1230px; }
.yui_yqlj select { outline: 0; border-radius: 3px; background-color: #f7f7f7; border: 1px solid #DCDCDC;  *padding: 5px;
height: 35px; width: 380px; color: #434343; font-size: 16px; margin: 20px 0 55px; float: left; }
.yui_yqlj .Slt { background-color: #f7f7f7; margin-left: -29px; width: 28px; height: 33px; margin-top: 1px; margin-right: 30px; margin-top: 21px; }
.yui_ghsy_nr { text-align: center; }
.yui_ghsy_nr img { width: 249px; height: 158px; }
.yui_ghsy_nr .hd { background: none; margin-left: 10px; text-align: left; height: 20px; line-height: 20px; }
.yui_ghsy_nr .hd li { width: 10px; height: 10px; background: #868585; display: inline-block; }
.yui_ghsy_nr .hd li.on { background: #ad0700; }
.yui_qy { }
.yui_qy .bd li { display: inline-block; padding-right: 15px; }
.yui_qy .bd li a { width: 288px; height: 98px; }
.yui_qy .bd li img { width: 288px; height: 98px; }
.Slt { background: url(../images/slt_icon.png) no-repeat center center #fff; float: left; pointer-events: none; }
.slideBox { height: 320px; position: relative; }
.slideBox .hd { position: absolute; right: 10px; bottom: 10px; }
.slideBox .hd li { width: 10px; height: 10px; border-radius: 5px; background: #000; cursor: pointer; margin-left: 10px; float: left; }
.slideBox .hd li:hover { background: #ed7800; }
.slideBox .hd li.on { background: #ad0700; }
.i_video { background: url(../images/yui_video.jpg) center center no-repeat; height: 120px; }
.yui_zt_bg { background: url(../images/yui_zt_bg.png) repeat; }
.yui_zt_banbaner { height: 426px; background-image: url(../images/yui_zt_banbaner.jpg); background-repeat: no-repeat; background-position: center center; }
.yui_zt_module { display: inline-block; background: #fafafa; margin-right: 20px; width: 260px; height: 390px; background-color: #fafafa; animation: default .5s both; }
.yui_zt_module .hd img { width: 260px; height: 165px }
.yui_zt_module .hd h2 { margin: 10px; color: #434343; font-size: 20px; line-height: 30px; overflow: hidden }
.yui_zt_module .bd { margin: 10px; margin-bottom: 20px; color: #777; font-size: 16px; line-height: 30px; height: 90px; overflow: hidden; }
.yui_zt_module .bd a { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.yui_zt_module .bd p span { color: #e65e5e; }
.yui_zt_module .ft { color: #a0a0a0; margin: 10px; font-size: 14px; line-height: 30px; font-style: normal; }
.yui_zt_module .ft a { background: #c50000; display: block; margin-bottom: 20px; text-align: center; color: #fff; font-size: 16px; padding: 5px; }
.yui_zt_module .ft a:hover { background: #ff7200; }
.yui_pager { width: 860px; height: 50px; line-height: 50px; margin: 30px auto; text-align: center; background-color: #f4f4f4; border: 1px solid #dfdfdf; color: #828282; font-size: 16px; cursor: pointer; }
.yui_ghyw { overflow: hidden; }
.yui_ghsy_nr img { margin-bottom: 5px; }
.yui_ghyw_li { padding: 25px 0 10px; width: 202px; }
.yui_ghyw_li .yui_img { width: 80px; height: 80px; border-radius: 40px; background: #ffa43c; text-align: center; display: inline-block; margin-bottom: 15px; }
.yui_ghyw_li .iconfont { color: #FFF; font-size: 50px; line-height: 80px; }
.yui_nr_cj>img { width: 252px; height: 157px; margin: 8px 7px; }
.yui_nr_cj>p { color: #484848; font-size: 14px; line-height: 22px; padding: 0 10px; }
.yui_nr_cj .ph_tit { font-size: 18px; color: #ad0700; }
.s_s_y_s_img { background: url(../images/s_s_y_s_img.png) center center no-repeat!important; height: 267px; }
.hui_li_con { padding: 12px; }
.hui_li { width: 263px; height: 129px; float: left; margin: 12px; cursor: pointer; overflow: hidden; }
.hui_li.s_s_img1 { background: url(../images/s_s_img1.png) center center no-repeat; }
.hui_li.s_s_img2 { background: url(../images/s_s_img2.png) center center no-repeat; }
.hui_li.s_s_img3 { background: url(../images/s_s_img3.png) center center no-repeat; }
.hui_li.s_s_img4 { background: url(../images/s_s_img4.png) center center no-repeat; }
.hui_li:hover { background-size: 280px 140px; }
.hui_map { background: url(../images/map_img.png) center center no-repeat; height: 268px!important; }
.hui_g_h .show_nion .show_img { width: 230px; height: 150px; margin-right: 10px; }
.hui_g_h .i_label { width: 206px; line-height: 30px; height: 30px; }
.hui_g_h .i_label .i_point { width: 75px; line-height: 30px; }
.hui_g_h .i_label .i_point>p { margin-left: 3px; width: 6px; height: 6px; }
.hui_g_h .show_nion .show_active { width: 325px; height: auto; }
.hui_g_h .i_label>p { width: 130px; }
.hui_g_h .show_active .i_tit { width: 240px; }
/*.hui_g_h a{padding: 0 !important;display: inline!important;}*/

.hui_g_h .active_list .active_info .al_tit { width: 350px; font-size: 14px; }
.hui_g_h .active_list .active_info .al_date { font-size: 12px; width: 210px; }
.hui_g_h .lawyer .lawyer_tag { margin-left: 18px; width: 125px; }
.hui_g_h .lawyer .lawyer_tag .lt_img { width: 100%; height: 150px; margin-bottom: 8px; }
.hui_g_h .lawyer .lawyer_tag>p { padding: 0; line-height: 21px; }
.hui_g_h .lawyer .lawyer_tag>p.omit { width: 98%; }
.hui_g_h .lawyer { padding-top: 30px; }
.hui_g_h .show_nion { padding: 15px; }
.hui_g_h .show_active .i_title { margin-top: 0px; }
.hui_i_b_con { padding: 25px 0 0 15px; }
.hui_i_b_con .ib_tag { width: 75px; height: 100px; float: left; margin-right: 15px; margin-bottom: 15px; cursor: pointer; }
.hui_i_b_con .ib_tag:hover { animation: tada 1s; }
.hui_i_b_info { padding-top: 50px; height: 280px; background: #f7f7f7; }
.yui_warp2 { height: 940px; }
.hui_g_h .xf_look { line-height: 18px; }
.hui_g_h .xf_look>a { display: inline; font-size: 14px!important; line-height: 18px!important; }
.hui_g_h .show_nion>div { vertical-align: top; display: block; }
.hui_g_h .hui_s_n { border-bottom: 1px dashed #b1aa95; }
.hui_g_h .hui_s_n>div { vertical-align: top; display: inline-block; }
.hui_g_h .show_active .sa_con { border: none; }
.hui_module { margin-top: 20px; }
.hui_ds_img { height: 100px; width: 100%; background: url(../images/hui_dc_img.png) center center no-repeat; margin: 10px 0; }
.tags_menu { font-size: 0; }
.tags_menu li { position: relative; cursor: pointer; display: inline-block; vertical-align: middle; width: 96px; font-size: 16px; text-align: center; padding: 0; line-height: 16px; height: 16px; border-right: 1px solid #b5b5b6; color: #595757; }
.tags_menu li.on { background: #ff7200; font-size: 16px; color: #FFF; border-radius: 16px; line-height: 32px; height: 32px; }
.tags_menu li.on:before { width: 0px; height: 0px; border: 8px solid transparent; border-top: 8px solid #ff7200; content: " "; position: absolute; top: 30px; left: 40px; }
.tags_con { margin-top: 35px; padding-top: 0px!important; }
.tags_con li { position: relative; }
.tags_con li a { width: 400px; line-height: 39px; height: 39px; padding-left: 10px; font-size: 16px; line-height: 30px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; }
.hui_gytj { font-size: 14px; color: #ad0901; }
.yui_dzdb .dzdb_r { text-align: left; }
.yui_dzdb .dzdb_r a { font-size: 12px; color: #484848; }
.yui_module .bd.tzgg li a { width: 185px; display: inline-block; vertical-align: middle; }
.yui_module .bd.tzgg li span { font-size: 14px; color: #6f6f6f; vertical-align: middle; }
.yui_module .bd.tzgg li a em { color: #ad0700; }
.hui_module .bd .date { position: absolute; top: 5px; right: 10px; color: #6f6f6f; }
.hui_con { }
.hui_con .hui_tit { background: #fff; border-bottom: 2px solid #dedede; color: #484848; height: 43px; line-height: 43px; position: relative; }
.hui_con .hui_tit span { font-size: 18px; border-bottom: 2px solid #ad0700; float: left; padding: 0 15px; cursor: pointer }
.hui_con .hui_tit a.more { display: inline; color: #484848; position: absolute; right: 20px; top: 2px; font-size: 14px }
.e_q_search { text-align: center; float: right; margin-top: 70px; }
.e_q_search .b_s_index { width: 360px; height: 35px; font-size: 0; margin: 0 auto; text-align: right; }
.e_q_search .b_s_index .opt_type { width: 118px; line-height: 35px; height: 35px; background: #f9e6e6; cursor: pointer; position: relative; display: inline-block; vertical-align: top; border-right: 1px solid #e8e8e8; }
.e_q_search .b_s_index .opt_type>input { width: 73px; padding-left: 10px; line-height: 34px; height: 34px; background: #f9e6e6; border: 0; font-size: 14px; outline: none; color: #5b5b5b; vertical-align: middle; }
.e_q_search .b_s_index .opt_type .arrow { /*border-right: 1px solid #e8e8e8;*/
vertical-align: middle; width: 30px; height: 20px; overflow: hidden; font-size: 28px; line-height: 20px; display: inline-block; }
.e_q_search .b_s_index .opt_type .down_menu { text-align: left; padding: 0 10px; display: none; position: absolute; left: 0px; top: 35px; height: 90px; background: #FFF; width: 94px; border: 1px solid #e8e8e8; }
.e_q_search .b_s_index .opt_type:hover .down_menu { display: block; }
.e_q_search .b_s_index .opt_type .down_menu>p { font-size: 14px; color: #444; cursor: pointer; line-height: 28px; }
.e_q_search .b_s_index .opt_type .down_menu>p:hover { color: #008ab2; }
.e_q_search .b_s_index>input { width: 255px; padding: 0 10px; line-height: 35px; height: 35px; border: 0; font-size: 14px; outline: none; background: #fff; border: 2px solid #c50000; }
.e_q_search .b_s_index .b_s_btn>button { height: 35px; cursor: pointer; background: #c50000; width: 35px; line-height: 35px; border: 0; vertical-align: top; padding: 0; font-size: 14px; color: #FFF; outline: none; }
.e_q_search .b_s_index .b_s_btn>button i { font-size: 20px; }
.yui_zgsw_nr .hui_g_h { }
.hui_g_h .wsgh_img { background: url(../images/wsgh_img.png) center center no-repeat; width: 100%; height: 120px; margin-top: 20px; }
.hui_g_h .hui_wsgh { font-size: 0; margin-top: 30px; }
.hui_g_h .hui_wsgh .hui_wsgh_li { vertical-align: middle; display: inline-block; width: 150px; border-top: 1px solid #FFF; border-right: 1px solid #FFF; padding: 20px 0 15px; }
.hui_g_h .hui_wsgh .hui_wsgh_li.no { border-right: none; }
.hui_g_h .hui_wsgh .hui_wsgh_li .hui_wsgh_img { text-align: center; position: relative; }
.hui_g_h .hui_wsgh .hui_wsgh_li .hui_wsgh_img i { font-size: 55px; color: #e1711b; line-height: 50px; }
.hui_g_h .hui_wsgh .hui_wsgh_li .name { font-size: 18px; color: #020202; text-align: center; margin-top: 30px; }


.picture_list { overflow: hidden; width: 100%; }
.picture_list li { width: 270px; margin: 0 6px 30px 0; background: #fff; display: inline-block; transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; float: left;/*! border-radius: 15px 15px 0 0; */ overflow: hidden; }
.picture_list li:nth-child(3n) { margin-right: 0; }
.picture_list .sy_img { height: 172px; overflow: hidden; }
.picture_list .sy_img img { width: 100%; }
.picture_list .sy_albt { height: 30px; line-height: 30px; font-size: 16px; color: #464646; text-align: center; padding: 0 30px; margin-bottom: 5px; font-weight: bold; letter-spacing: 1px; }
.picture_list .sy_lx { width: 270px; margin: 0 30px; color: #787878; height: 34px; border-top: 1px #999 solid; line-height: 26px; font-size: 12px; letter-spacing: 1px; }
.picture_list  li:hover { background: #ad0700; position: relative; top: -10px; box-shadow: #000000 5px 5px; }
.picture_list  li:hover .sy_albt { color: #fff; }
.picture_list  li:hover .sy_lx { color: #fff; border-top-color: #fff; }



.foot_con .foot-logo-img { background: url(../images/foot-logo-img_jx.png) center center no-repeat; width: 100%; height: 65px; }
.footer .foot_con ul { line-height: 40px; display: none; }
.footer .foot_con ul li { font-size: 14px; color: #8c8c8c; }
.footer .foot_con ul li a { color: #8c8c8c; }
.footer .foot_con p { font-size: 14px; color: #8c8c8c; }
.footer .foot_con p.line { border-bottom: 1px solid #424242; width: 1200px; margin: 20px auto; height: 0; }
.footer {
 position: relative;
 padding: 20px 0 0px;
 width: 100%;
 overflow: hidden;
}
.footer .ewm-con { position: absolute; left: 50%; top: 35px; margin-left: 440px; }
.footer .ewm-pg-con { margin-left: -570px; }
.footer .ewm-con p { font-size: 14px; color: #8c8c8c; text-align: center; }
.footer .ewm-con img { width: 120px; height: 120px; }
.ewm-img { }
.az_ewm:hover .ewm-img { display: block; position: absolute; border: 1px solid #ccc; top: -40px; right: 85px; background: #fff; font-size: 12px; line-height: 20px; padding: 10px; -moz-box-shadow: 1px 1px 3px #888; box-shadow: 1px 1px 3px #888; cursor: default; }
.ewm-img { width: 120px; display: none; }
.ewm-img a { font-size: 12px; }
.ewm-img img { width: 120px; height: 120px; }
.ewm-img .arr { position: absolute; top: 50px; right: -27px; font-size: 50px; color: #fff!important; transform: rotate(-90deg); }
.hui_wsgh_li .line-q { display: block; box-sizing: border-box; width: 90px; height: 90px; left: 29px; top: -10px; position: absolute; overflow: hidden; -webkit-animation: Close .5s ease-in-out both; -moz-animation: Close .5s ease-in-out both; -ms-animation: Close .5s ease-in-out both; animation: Close .5s ease-in-out both; }
.hui_wsgh_li:hover .line-q { -webkit-animation: Open .5s ease-in-out both; -moz-animation: Open .5s ease-in-out both; -ms-animation: Open .5s ease-in-out both; animation: Open .5s ease-in-out both; }
.hui_wsgh_li .line-q b { display: block; box-sizing: border-box; width: 90px; height: 90px; border-radius: 50%; border: 3px solid #E56C59; }
.icon-wenti { color: #ff7200; font-size: 24px; line-height: 2px; background: #f5f5f5; padding-right: 10px; }
 @keyframes Open {  0% {
 width: 0;
 height: 0;
}
 100% {
 width: 100px;
 height: 100px;
}
}
 @-webkit-keyframes Open {  0% {
 width: 0;
 height: 0;
}
 100% {
 width: 100px;
 height: 100px;
}
}
 @-moz-keyframes Open {  0% {
 width: 0;
 height: 0;
}
 100% {
 width: 100px;
 height: 100px;
}
}
 @-ms-keyframes Open {  0% {
 width: 0;
 height: 0;
}
 100% {
 width: 100px;
 height: 100px;
}
}


/*收缩*/

@keyframes Close {  100% {
 width: 0;
 height: 0;
}
}
 @-webkit-keyframes Close {  100% {
 width: 0;
 height: 0;
}
}
 @-moz-keyframes Close {  100% {
 width: 0;
 height: 0;
}
}
 @-ms-keyframes Close {  100% {
 width: 0;
 height: 0;
}
}
.hui-book { padding: 5px 10px; }
.hui-book .ib-tag { width: 267px; height: 72px; overflow: hidden; cursor: pointer; display: block; }
.hui-book .ib1 { background: url(../images/qk_img.png) center center no-repeat; margin-bottom: 20px; }
.hui-book .ib2 { background: url(../images/sp_img.png) center center no-repeat; margin-bottom: 20px; }
.hui-book .ib3 { background: url(../images/dzs_img.png) center center no-repeat; }
.hui-book .ib-tag .iconfont { font-size: 40px; color: #FFF; line-height: 72px; margin-left: -50px; transition: all .6s; }
.hui-book .ib-tag:hover .iconfont { margin-left: 40px; }