@import url(/statics/html-m/css/proscrol.css);
/*------------flash------------*/
.flash_div{ width:100%; margin:0 auto; overflow:hidden;}

.i_gonggao{  height:62px; overflow:hidden;background:#fdfdfd;}
.i_gonggao em{ float:left; width:115px; overflow:hidden; line-height:62px; font-size:15px;  text-indent:37px; background:url(/statics/html-m/images/top_bg1.png) left center no-repeat; color:#4a4a4a; font-weight:bold; font-style:normal;}
#i_user_div1{ float:left; width:68%; max-width:360px; height:20px; margin-top:21px; overflow:hidden;}
#i_user_div1 .i_user_ul{ font-size:15px; color:#707070;}
#i_user_div1 .i_user_ul ul li{ display:block; height:20px; line-height:20px; overflow:hidden; }
#i_user_div1 .i_user_ul ul li a{color:#707070; display:block;}
#i_user_div1 .i_user_ul ul li a:hover{color:#00a2e4;}

.i_class{ width:96%%; margin:0 auto; margin-top:3%; margin-bottom:3%; overflow:hidden;}
.i_class ul li{ float:left;display:inline; overflow:hidden; text-align:center; width:33.053%; margin-right:0.42%;position:relative; letter-spacing:1px;}
.i_class ul li .img{ overflow:hidden;}
.i_class ul li .img img{ display:block;width:100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; transition:all 0.5s ease-out 0s;}
.i_class ul li .div{width:100%;height:100%;overflow:hidden; top:0;left: 0px;position:absolute; bottom:0; text-align:left;transition:all 0.5s;}
.i_class ul li .div h2{ height:24px; overflow:hidden; line-height:24px; font-size:16px; color:#fff; margin-top:10%; margin-left:30px; font-weight:bold;}
.i_class ul li .div p{ font-size:13px; color:#fff; line-height:20px; height:20px; overflow:hidden;margin-left:30px; font-family:Arial;}
.i_class ul li .div em{ display:inline-block; margin-top:25%; height:27px; line-height:26px; overflow:hidden;font-size:13px; color:#fff; background:url(/statics/html-m/images/i_bg2.png) left bottom repeat-x;margin-left:30px; font-style:normal; }
.i_class ul li:hover .div{ background:rgba(0, 0, 0, 0.15);}
.i_class ul li:hover .div em{ font-weight:bold;}
.i_class ul li:hover .img img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.i_class ul li:last-child{ margin-right:0;}




@media screen and (max-width: 1000px) {
.i_class ul li .div em{ margin-top:22%;}
}
@media screen and (max-width: 930px) {
.i_class ul li .div em{ margin-top:18%;}
}

@media screen and (max-width: 780px) {
.i_class ul li{ float:none; display:block; width:100%; margin-right:0; margin-bottom:3%;}
.i_class ul li .div em{ margin-top:30%;}
}

@media screen and (max-width: 640px) {
.i_gonggao{ height:52px;}
.i_gonggao em{ width:110px; text-indent:27px; line-height:52px;}
#i_user_div1{ margin-top:16px;}
}

@media screen and (max-width: 480px) {
.i_gonggao{ height:50px;}
.i_gonggao em{ font-size:14px;line-height:50px;}
#i_user_div1{ width:65%; margin-top:15px;}
#i_user_div1 .i_user_ul{ font-size:14px;}
.i_class ul li .div em{ margin-top:25%;}
}

@media screen and (max-width: 360px) {
#i_user_div1{ width:60%;}
.i_class ul li .div em{ margin-top:20%;}
}<!--ºÄʱ1756222324.5856Ãë-->