body{color:#333; font-family:"微软雅黑"; font-size:14px;}
img{max-width: 100%;vertical-align: middle;border: 0;-ms-interpolation-mode: bicubic;}
ol,ul{list-style: none}
.wrap1, .wrap2{position:absolute; top:0; right:0; bottom:0; left:0; margin:auto }/*把整个屏幕真正撑开--而且能自己实现居中*/
.main_content{/*background:url(../images/main_bg.png) repeat;*/ background: #fff; margin-left:auto; margin-right:auto; text-align:left; float:none; border-radius:8px;}
.form-group{position:relative;}
.login_btn{display:block; background:#3872f6; color:#fff; font-size:15px; width:100%; line-height:50px; border-radius:3px; border:none; }
.login_input{width:100%; border:1px solid #3872f6; border-radius:3px; line-height:40px; padding:2px 5px 2px 30px; background:none;}
.icon_font{position:absolute; bottom:15px; left:10px; font-size:18px; color:#3872f6;}
.font16{font-size:16px;}
.mg-t20{margin-top:20px;}
.wrap2{ margin-top: 200px;}
@media (min-width:200px){
    .pd-xs-20{padding:40px;}
}

@media (min-width:768px){
    .pd-sm-50{padding:50px; margin-top: 100px;}
}
@media (min-width:1376px){
    .wrap2{margin-top: 290px;}
}
    @media (min-width: 1200px) {
        .container {
            width: 1400px;
        }
    }
#grad {
    background: -webkit-linear-gradient(#4990c1, #52a3d2, #6186a3); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#4990c1, #52a3d2, #6186a3); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#4990c1, #52a3d2, #6186a3); /* Firefox 3.6 - 15 */
    background: linear-gradient(#4990c1, #52a3d2, #6186a3); /* 标准的语法 */
}
.header{ height: 60px; padding-top: 20px;}
.content{ width: 1200px; margin: 0 auto; position: relative;}
.header .left{ float: left; }
.header .right{ position: absolute; top: 2px; left: 50px; font-size: 26px; color: #fff;}
.wrap2 ul li{ color: #fff; font-size: 18px; margin-left:15px; cursor: pointer;}
.wrap2 ul li:hover {margin-top: -30px;}
/*.wrap2 ul li:hover {-webkit-transform: scale(1.04); -moz-transform: scale(1.04); -o-transform: scale(1.04); -ms-transform: scale(1.04);}*/
.wrap2 ul li{float: left;  text-align: center;  width: 180px;  height: 240px;  background: #f3b130;  -webkit-transition: all 0.5s;  -moz-transition: all 0.5s;  -o-transition: all 0.5s;  }
.wrap2 ul li.part-1{background: #a655dd;}
.wrap2 ul li.part-2{background: #2d7cf7;}
.wrap2 ul li.part-3{background: #5fab34;}
.wrap2 ul li.part-4{background: #f9b628;}
.wrap2 ul li.part-5{background: #008000;}
.wrap2 ul li.part-6{background: #008080;}
.wrap2 ul li .img{ margin-top: 70px;}
.wrap2 ul li .name{ margin-top: 50px; font-size: 18px;}