@charset "utf-8";
/*--------------------------------------------
|        Type:    CSS Document 
+---------------------------------------------
|        Author:  蔡慧
+---------------------------------------------
|        QQ:    807159382
+---------------------------------------------
|        Mail:    807159382@qq.com
+---------------------------------------------*/

/*--------------------------------------------
|              CAIHUI
+-------------------------------------------*/

/*公用样式*/
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,
fieldset,table,td,img,div,dl,dt,dd,input                 {margin:0;padding:0;}
body,button,input,select,textarea                        {font:14px/1.5 tahoma, "微软雅黑",\5b8b\4f53; *font-family: '微软雅黑';font-family: '微软雅黑'; color: #333;}
img                                                      {border:none;}
li                                                       {list-style:none;}
input,select,textarea                                    {outline:none;border:none; background:none;}
textarea                                                 {resize:none;}
a                                                        {text-decoration:none; color:#333;}
i,em                                                     {font-style:normal}
table                                                    {border-collapse: collapse;border-spacing: 0; }
/*a:hover{ cursor: crosshair; }*/
/*清浮动*/
.clearfix:after                                          {content:"";display:block;clear:both;}
.clearfix                                                {zoom:1;}
.fl                                                      {float:left;}
.fr                                                      {float:right;}	
.comWidth                                                {width:1200px; margin-left:auto; margin-right:auto; }
.comWidth1                                               {width:1200px; margin-left:auto; margin-right:auto;}
.leftArea                                                {float:left;}
.rightArea                                               {float:right;}
.hide                                                    {display:none;}
.show                                                    {display:block;}




.itembox01{height:380px;text-align: center;padding-top: 170px;}
.itembox01 p{text-align: center;font-size: 76px;color:#fff;}

.itembox02 .comWidth{height:360px;padding: 100px 0;}
.itembox02 .comWidth h1{color:#e8302c;font-size: 40px;line-height: 80px;text-align: center;}
.itembox02 .comWidth .txt{margin-top: 10px;padding: 30px 60px 0 30px;font-size: 18px;text-indent:48px;line-height: 40px;}

.itembox03{padding-top: 100px;}
.itembox03 .title{background: url(../images/icon/b_line.png) no-repeat center bottom;color:#fff;padding-bottom: 30px;margin-bottom:80px;}
.itembox03 .title h3{font-size: 38px;}
.itembox03 .title p{color:#fff;font-size: 20px;}
.itembox03 ul li{float: left;text-align: center;margin-left: 50px;font-size: 16px;color:#686868;}
.itembox03 ul li p{line-height: 36px;}
.itembox03 ul.clearfix{margin-top: 50px;padding-left: 120px;}
/*跳动*/
.itembox03 ul li:hover img{transform:translateY(-20px);transition:all 0.5s;}
.itembox03 .iconBox ul{padding-left: 50px;}
.itembox03 .iconBox ul li{float: left;text-align: center;margin-right: 36px;font-size: 16px;color:#686868;}
.itembox03 .iconBox ul{margin:70px 0;}

.itembox04{background: #f2f2f2;padding: 100px 0;}
.itembox04 h1{text-align: center;display: block;font-size: 40px;margin-bottom: 50px;}
.listicon{width: 275px;height: 120px;background: #fff;padding: 30px 61px 30px 30px;font-size: 18px;float: left;margin-right:50px;margin-bottom:50px;}
.listicon p{display: block;}
.listicon .fl{text-align: center;width: 120px;}
.listicon .fl h3{font-size: 20px;line-height: 40px;}
.listicon .fr{border-left: 1px solid #e3e3e3;padding-left:30px;height: 120px;width: 100px;}
.listicon .fr p{color:#696969;}

.listicon .fl p:hover img{-webkit-animation:3s seconddiv;
background: transparent;
}

@keyframes seconddiv{
0% {transform: scale(1.2,1.2);}
10% {transform: scale(1,1);}
25% {transform: scale(1.2,1.2);}
50% {transform: scale(1,1);}
70% {transform: scale(1.2,1.2);}
100% {transform: scale(1,1);}
}
}