/* CSS Document */ body{ margin:0;padding:0; font-size:14px; background-color:#b3294b; font-family:"微软雅黑"; min-width: 320px; max-width: 480px; overflow-x: hidden; margin: 0 auto; } a{ text-decoration:none; } .banner{ display:block; min-height:190px; background:url(../images/banner.jpg) no-repeat; filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')"; -moz-background-size:100% 100%; background-size:100% 100%; } .banner img{ width:100%; height: auto; } .banner1 { text-align:center; } .banner1 img{ width:100%; height: auto; } .w100{ width:100%;} .top{background:#FFF;} .top a{ display:block; width:100%;} .top a img{ width: 100%; margin-top:5px; box-shadow: 0px 2px 5px rgba(192, 187, 187, 0.6); } .b{ background-color:#fff; } .c{color:#963} .clear{ clear:both; } /*导航*/ ul,li{margin:0;padding:0; list-style:none;} .daohang{width:100%;margin:0 auto;} .daohang_in{width:100%;height:50px; margin-top:0;float:left; background:url(../images/1.gif) repeat-x;} .daohang_in ul{width:100%;float:left;} .daohang_in li{width:25%; float:left;background:url(../img/12.gif) no-repeat right center;} .daohang_in li a{width:100%;height:50px; line-height:50px; text-align:center;color:#fff; float:left;font-size:12px; text-decoration:none;} .daohang_in li a:hover{ font-weight:bold; color:#FFFF00; background:url(../images/3.gif) repeat-x;} .daoyu{ background:url(../images/daoyu.png) no-repeat; padding:70px 10px 20px 10px } .ruxuediyike{background-color:#FC0; line-height:30px; } .ruxuediyike span{ display:block; height:30px; padding:0px 5px; font-size:24px; font-weight:bold; background-color:#734f1e; color:#fff; width:260px; } /*足部*/ .foot{ background-color:#fff; text-align:center; line-height:20px; } .foot .ff{ background-color:#dcdcdc; padding:5px auto 5px auto; line-height:24px; } .m{ margin-top:20px; } .m1{ margin-bottom:20px; } .foot .wi{ float:left; width:50%; text-align:center } .foot .wi img{ margin:0 auto; } /**/ .q2{ color:#fff; font-size:16px; } .q2 .q2-1{ margin-top:20px; text-align:center; line-height:30px; color:#fff; font-size:20px; line-height:30px; font-weight:bold } .q2 .q2-2{ color:#fff; font-size:16px; line-height:20px; margin-top:20px; margin-bottom:20px; /*border:1px solid #fff;*/ padding:20px; } .blocks{ margin:20px auto 0 auto; max-width: 80%; padding: 0; } .blocks li{ color: #000; /*background-color: #b3294a;#2196F3;*/ cursor: default; float: left; list-style: none; margin: 1%; /*padding: 60px 0;*/ position: relative; text-align: center; -webkit-transition: .3s cubic-bezier(.3,0,0,1.3); transition: .3s cubic-bezier(.3,0,0,1.3); width: 90%; border-radius: 4px; font-weight: bold; text-align:center; } .blocks li img{ box-shadow:3px 3px 3px #CCC; border:1px solid #999; padding:5px; width:100%; } .blocks li .dd{ width:100%; display:block; font-size:24px; padding-bottom:10px; } .blocks li:hover{ -webkit-transform: scale(.7); -ms-transform: scale(.7); transform: scale(.7); z-index: 3000; } .popup{ background-color: inherit; color: #000; height: 100%; width: 100%; left: 0; opacity: 0; position: absolute; top: 0; padding: 15px; border-radius: 4px; -webkit-transition: .3s cubic-bezier(.3,0,0,1.37); transition: .3s cubic-bezier(.3,0,0,1.37); } .popup span{ font-size: 12px; font-weight: normal; left: 0; padding: 15px 25px; position: absolute; top: 50%; text-indent:2em; -webkit-transform: translateY(-50%); text-align:left; -ms-transform: translateY(-50%); transform: translateY(-50%); } .popup h3{ font-size: 13px; margin: 0 0 5px; padding: 0; } .blocks li:hover .popup{ opacity: 1; -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); box-shadow: 0 0 10px 2px rgba(0,0,0,.4); opacity: 0.8; background:#333; color:#fff; } .hh{ margin-top:20px; height:55px; padding-left:5%; } .btn{ display:block; background:#FF0; font-size:20px; line-height:50px; height:50px;width:40%; border:1px solid #f00; text-decoration:none; border-radius:10px; cursor:pointer; text-align:center; color:#999; float:left; }