﻿@charset "utf-8";
.content1200{ width:1200px; margin:0 auto;}
.left-block{float:left;}
.right-block{float:right;}
   /**/
.licf{ height: 768px;background:url(../images/licf.jpg) no-repeat center bottom; padding-top:50px;}
.licf h2{ margin-bottom: 34px;}
.licf ul{ height: 458px; margin-left:-2px;}
.licf ul li{ background:url(../images/lc_io1.jpg) no-repeat 62px  140px #f5f5f5;border: 1px solid #f2f2f2; width: 296px; height: 203px; float: left; margin: 0 5px 5px 0; box-sizing: border-box; padding-left: 62px; padding-top: 36px; position: relative; transition: all 0.2s;}
.licf ul li em{ display: block; font-size: 22px; color: #333333;z-index: 6;position: relative;}
.licf ul li span{ display: block; font-family: Arial; color: #c1c1c1; font-size: 12px; padding-top: 4px; z-index: 55; position: relative;}
.licf ul li strong{ display: block; font-weight: normal; font-size: 16px; color: #333333;  line-height: 100%; }
.licf ul li i{ display: block; font-family: wrjz;  font-size: 24px; color: #aaa; line-height: 100%; padding-bottom: 16px;}
.licf ul li b{ position: relative; display: none; position: relative; z-index: 5;}
.licf ul li:before{ display: inline-block; position: absolute; width: 313px; height: 217px; left: -8px; top: -8px; content:""; background: #d72a1a; display: none; z-index: 5;}
.licf ul li:nth-of-type(2){ background:url(../images/lc_io2.jpg) no-repeat 62px  130px #f5f5f5;}
.licf ul li:nth-of-type(3){ background:url(../images/lc_io3.jpg) no-repeat 62px  130px #f5f5f5; }
.licf ul li:nth-of-type(4){ background:url(../images/lc_io4.jpg) no-repeat 62px  130px #f5f5f5; margin-right: 0;}
.licf ul li:nth-of-type(5){ background:url(../images/lc_io5.jpg) no-repeat 62px  130px #f5f5f5; }
.licf ul li:nth-of-type(6){ background:url(../images/lc_io6.jpg) no-repeat 62px  130px #f5f5f5;  margin-bottom: 0;}
.licf ul li:nth-of-type(7){ background:url(../images/lc_io7.jpg) no-repeat 62px  130px #f5f5f5; margin-bottom: 0;}
.licf ul li:nth-of-type(8){ background:url(../images/lc_io8.jpg) no-repeat center  117px #f5f5f5; margin-bottom: 0; margin-right: 0; text-align: center; padding-top: 58px; padding-left: 0;}
.licf ul li:hover:before{ display: block;animation-duration: 0.5s;animation-name: zoomIn;}
.licf ul li:hover i{ display: inline-block; position: absolute; font-size: 69px;    font-family: wrjz; right: 5px; bottom: -45px; z-index: 6; opacity: 0.5;}
.licf ul li:hover em{ z-index: 6; color: #fff; font-weight: bold;}
.licf ul li:hover{ padding-left: 30px;}
.licf ul li:hover  span{ color:#fff; opacity: 0.5;}
.licf ul li:hover b{ display: block; font-weight: normal; line-height: 23px; font-size: 16px; color: #fff; margin-right: 12px;}

.licf ul li:hover{}
.licf ul li:hover i,.licf ul li:hover em{ color: #fff;}
.licf ul li:nth-of-type(8):hover:before{ display: none;}
.licf ul li:nth-of-type(8):hover{background:url(../images/lc_io8.jpg) no-repeat center  117px #f5f5f5;}


.licf h4{ text-align: center;}
.licf h4 a{ display: inline-block; text-align: left; padding-left: 40px; height: 40px; border-radius: 40px; font-size: 16px; letter-spacing: 2px;font-weight: normal; background: #1e4f9b; line-height: 40px; padding-right: 55px; color: #fff; position: relative;transition: all 0.2s;}
.licf h4 a:before{ content:""; position:absolute;border-left:0.35rem solid #fff;border-top:0.35rem solid transparent;border-bottom:0.35rem solid transparent;height: 0;width: 0; left:72%; top:41%; }
.licf h4 a:hover{ padding-right: 69px;}
/**/
h2{ text-align: center; line-height: 100%; font-weight: normal; font-size: 20px;  color: #333; margin-bottom: 25px;}
h2 i{ display: block; font-size: 48px; color: #333; line-height: 100%;font-weight: bold;}
h2 span{ padding: 20px 0 25px 0; display: block;background:url(../images/hh.png) no-repeat center bottom; letter-spacing: 2px;}