/* CSS Document */
html{color:#444333;background-color:#fff;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-rendering:optimizelegibility;}
html, body, section, div, p, h1, form, input, textarea, label, ol, ul, li, h1, h2, h3{margin:0;padding:0}
ol li{list-style-position:inside}
ul li{list-style:none}::selection{color:#fff;background-color:rgb(10,77,0)}
.center{display:block;width:1300px;margin:30px auto;position:relative}
/*for-majors*/
.major-list-outer{height:573px; overflow:hidden}
.major-list{margin-right:-32px;margin-bottom:-30px;*margin-bottom:0px}
.major-list li{width:216px;height:169px;margin-right:32px;margin-bottom:32px;float:left;position:relative}
.major-list li a, .major-list li a span{width:100%;height:100%;display:block;position:absolute;left:0;top:0}
.front-face{z-index:2;background:url(../images/majors-2.png) no-repeat 0 0}
.back-face{z-index:1;background:url(../images/majors_back-2.jpg) no-repeat 0 0}

@media screen and (max-width: 1152px){
.major-list-outer{height:auto; width:900px; overflow:hidden}	
.major-list li{width:152px;height:117px;margin-right:16px;margin-bottom:16px;float:left;position:relative; }
.major-list{margin-right:-24px;margin-bottom:-22.5px;*margin-bottom:0px}
.major-list li a, .major-list li a span{width:100%;height:100%;display:block;position:absolute;left:0;top:0}
#cus1 .front-face, #cus1 .back-face{background-position:0 0}
.front-face{z-index:2;background:url(../images/phone/majors-2.png) no-repeat 0 0; background-position:center;}
.back-face{z-index:1;background:url(../images/phone/majors_back-2.jpg) no-repeat 0 0;background-position:center;}
#cus1 .front-face, #cus1 .back-face{background-position:0 0}
#cus2 .front-face, #cus2 .back-face{background-position:-153px 0}
#cus3 .front-face, #cus3 .back-face{background-position:-306px 0}
#cus4 .front-face, #cus4 .back-face{background-position:-459px 0}
#cus5 .front-face, #cus5 .back-face{background-position:-612px 0}


#cus1-1 .front-face, #cus1-1 .back-face{background-position:0 -117px}
#cus2-1 .front-face, #cus2-1 .back-face{background-position:-153px -117px}
#cus3-1 .front-face, #cus3-1 .back-face{background-position:-306px -117px}
#cus4-1 .front-face, #cus4-1 .back-face{background-position:-459px -117px}
#cus5-1 .front-face, #cus5-1 .back-face{background-position:-612px -117px}

#cus1-1-1 .front-face, #cus1-1-1 .back-face{background-position:0 -234px}
#cus2-1-1 .front-face, #cus2-1-1 .back-face{background-position:-153px -234px}
#cus3-1-1 .front-face, #cus3-1-1 .back-face{background-position:-306px -234px}
#cus4-1-1 .front-face, #cus4-1-1 .back-face{background-position:-459px -234px}
#cus5-1-1 .front-face, #cus5-1-1 .back-face{background-position:-612px -234px}
	}
.major-list li a{overflow:hidden}
.major-list li:hover a .back-face{z-index:3;}
#cus1 .front-face, #cus1 .back-face{background-position:0 0}
#cus2 .front-face, #cus2 .back-face{background-position:-217px 0}
#cus3 .front-face, #cus3 .back-face{background-position:-434px 0}
#cus4 .front-face, #cus4 .back-face{background-position:-651px 0}
#cus5 .front-face, #cus5 .back-face{background-position:-868px 0}


#cus1-1 .front-face, #cus1-1 .back-face{background-position:0 -170px}
#cus2-1 .front-face, #cus2-1 .back-face{background-position:-217px -170px}
#cus3-1 .front-face, #cus3-1 .back-face{background-position:-434px -170px}
#cus4-1 .front-face, #cus4-1 .back-face{background-position:-651px -170px}
#cus5-1 .front-face, #cus5-1 .back-face{background-position:-868px -170px}

#cus1-1-1 .front-face, #cus1-1-1 .back-face{background-position:0 -340px}
#cus2-1-1 .front-face, #cus2-1-1 .back-face{background-position:-217px -340px}
#cus3-1-1 .front-face, #cus3-1-1 .back-face{background-position:-434px -340px}
#cus4-1-1 .front-face, #cus4-1-1 .back-face{background-position:-651px -340px}
#cus5-1-1 .front-face, #cus5-1-1 .back-face{background-position:-868px -340px}




/*for-majors ending here*/

.btm{ margin:30px auto}
.btm p{ font:normal 12px/24px 'Microsoft YaHei'; text-align:center}