﻿
.w906 {
    margin: 0 auto;
    width: 1200px;
    transform: none !important;
}
.g-wrap {
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
/* 滑块 start */
#subjects {height:185px; }
#subjects .g-wrap a {position:absolute; top:0; left:100%; width:100%; height:100%; overflow:hidden; -webkit-opacity:1; opacity:1; display:block\9; -webkit-transition:left 300ms, -webkit-opacity 700ms; transition:left 300ms, opacity 700ms;}
#subjects .g-wrap .item-1 {z-index:1; background-image:url(../images/a_01.jpg)}
#subjects .g-wrap .item-2 {z-index:2; background-image:url(../images/a_02.jpg);}
#subjects .g-wrap .item-3 {z-index:3; background-image:url(../images/a_03.jpg);}
#subjects .g-wrap .item-4 {z-index:4; background-image:url(../images/a_04.jpg);}

#subjects .g-wrap a span {position:absolute; background:no-repeat 0 0;}
#subjects .g-wrap .item-4 .p2 { margin-left:60px; margin-top:36px; width:220px; height:122px; }

/*#subjects*/
#subjects .trans a {-webkit-opacity:0; opacity:0; display:none\9;}

/* 逐个出现 */
#subjects .ready .item-2 {transition-delay:150ms; -webkit-transition-delay:150ms; -ms-transition-delay:150ms; -moz-transition-delay:150ms;}
#subjects .ready .item-3 {transition-delay:150ms; -webkit-transition-delay:300ms; -ms-transition-delay:300ms; -moz-transition-delay:300ms;}
#subjects .ready .item-4 {transition-delay:150ms; -webkit-transition-delay:450ms; -ms-transition-delay:450ms; -moz-transition-delay:450ms;}
@media screen and (max-width:1920px){
/* 没有指向 */
#subjects .state-0 .item-1 {left:0;}
#subjects .state-0 .item-2 {left:390px;}
#subjects .state-0 .item-3 {left:777px;}
#subjects .state-0 .item-4 {left:1180px;}
/* 指向第一个 */
#subjects .state-1 .item-1 {left:0;}
#subjects .state-1 .item-2 {left:582px;}
#subjects .state-1 .item-3 {left:805px;}
#subjects .state-1 .item-4 {left:1180px;}

/* 指向第二个 */
#subjects .state-2 .item-1 {left:0;}
#subjects .state-2 .item-2 {left:212px;}
#subjects .state-2 .item-3 {left:794px;}
#subjects .state-2 .item-4 {left:1180px;}

/* 指向第三个 */
#subjects .state-3 .item-1 {left:0;}
#subjects .state-3 .item-2 {left:212px;}
#subjects .state-3 .item-3 {left:650px;}
#subjects .state-3 .item-4 {left:1180px;}

/* 指向第四个 */
#subjects .state-4 .item-1 {left:0;}
#subjects .state-4 .item-2 {left:252px;}
#subjects .state-4 .item-3 {left:620px;}
#subjects .state-4 .item-4 {left:1100px;}
}
@media screen and (max-width:1870px){
#subjects .state-0 .item-4 {left:1120px;}	
}	
@media screen and (max-width:1440px){
/* 没有指向 */
#subjects .state-0 .item-1 {left:0;}
#subjects .state-0 .item-2 {left:340px;}
#subjects .state-0 .item-3 {left:657px;}
#subjects .state-0 .item-4 {left:993px;}
/* 指向第一个 */
#subjects .state-1 .item-1 {left:0;}
#subjects .state-1 .item-2 {left:582px;}
#subjects .state-1 .item-3 {left:805px;}
#subjects .state-1 .item-4 {left:1007px;}

/* 指向第二个 */
#subjects .state-2 .item-1 {left:0;}
#subjects .state-2 .item-2 {left:212px;}
#subjects .state-2 .item-3 {left:794px;}
#subjects .state-2 .item-4 {left:1007px;}

/* 指向第三个 */
#subjects .state-3 .item-1 {left:0;}
#subjects .state-3 .item-2 {left:212px;}
#subjects .state-3 .item-3 {left:425px;}
#subjects .state-3 .item-4 {left:1007px;}

/* 指向第四个 */
#subjects .state-4 .item-1 {left:0;}
#subjects .state-4 .item-2 {left:252px;}
#subjects .state-4 .item-3 {left:465px;}
#subjects .state-4 .item-4 {left:728px;}	
}
@media screen and (max-width:1380px){
#subjects .state-0 .item-4 {left:903px;}	
}	


/* 滑块 end */



