@charset "utf-8";
/* CSS Document */
.expPhone{width:100%; height:auto; background:#f6f6f6}
.expPhone .expPhoneBanner1,.expPhoneBanner2{width:100%;height:249px; background:url(/themes/yaohongjiu/images/mobile/ph_ExplaBanner1.jpg) center no-repeat}
.expPhone .expPhoneBanner2{ height:253px; background:url(/themes/yaohongjiu/images/mobile/ph_ExplaBanner2.jpg) center no-repeat}
.expPhone .ph_ExplaDiv1{ width:970px; margin:0 auto}
.expPhone .expPhoneCon{width:960px; padding-bottom:20px; background:#fff; margin:0 auto; text-align:center}
.expPhone .mt1{margin-top:103px}
.expPhone .mt2{margin-top:34px}
.expPhone .ph_ExplaDiv7{ margin:50px 0 25px; text-align:left; padding-left:36px;}
.IconList li{ float:left; height:170px; width:120px; color:#3d4351; text-align:center; margin:0 36px; display:inline}
.IconList li h2{ font-weight:normal;font-size:26px; margin-top:15px}
.IconList li a{ display:block; cursor:pointer}
.IconList li p{ width:117px; height:117px}
.IconList li img{width:100px; height:100px; margin-top:10px;}
.IconList li a:hover img{ width:117px; height:117px;animation:dong 0.4s;-moz-animation:dong 0.4s infinite; -webkit-animation:dong 0.4s infinite; -o-animation:dong 0.4s infinite; animation-direction:alternate; -webkit-animation-direction:alternate; -0-animation-direction:alternate;-moz-animation-direction:alternate;}
@keyframes dong{0%   {width:100px; height:100px}100% { width:117px; height:117px;}}
@-moz-keyframes dong{0%   {width:100px; height:100px}100% { width:117px; height:117px;}}
@-webkit-keyframes dong{0%   {width:100px; height:100px}100% { width:117px; height:117px;}}
@-o-keyframes dong{0%   {width:100px; height:100px}100% { width:117px; height:117px;}}