
.section
{
    width: 100%;
   
}
.section-topimage
{
    position: relative;
    margin-top: 88px;
    width: 100%;
    background: url("../images/index/bgone.jpg") 0 0 no-repeat;
}

@media screen and (max-width: 1185px)
{
    .section-mac
    {
        background: url("../images/index/bgone.jpg") -220px 0 no-repeat;
    }
}
.plate-bg
{
    text-align: center;
    padding-top: 200px;
    padding-bottom: 200px;
}
.plate-bg .plate-box
{
    position: absolute;   display:none;
}
.plate-bg .plate-title
{
    position: absolute;
    top: 40%;
    font-size: 18px;
    font-weight: bold;
    color: white;
}
.plate-bg .plate-bigtitle{ top: 45%;}
.plate-bg .plate-titlenum4
{
    left: 27%;
}
.plate-bg .plate-bigtitlenum4
{
    left: 37%;
}
.plate-bg .plate-titlenum5
{
    left: 22%;
}
.plate-bg .plate-bigtitlenum5
{
    left: 35%;
}
.plate-bg .plate-titlenumX
{
    left: 27%;
    top:35%;
}
    .plate-bg .plate-titlenumY {
        left: 27%;
        top: 25%;
    }



.plate-shadow
{
    border-radius:255px;
    box-shadow:0 1px 2px rgba(0,0,0,.5);
    background-image:-webkit-gradient(linear,left top,left bottom,from(#a6a5a1),to(#a6a5a1));
    	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-name:breathe;
	-webkit-animation-duration:2700ms;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-direction:alternate;
    
    
    }
    @-webkit-keyframes breathe {
	0% {
	opacity:.5;
	box-shadow:0 1px 2px rgba(255,255,255,0.1);
}
100% {
	opacity:1;
	border:1px solid rgba(255,235,235,1);
	box-shadow:0 1px 30px rgba(255,255,255,1);
}
}




.g-wrap {

    position: relative;
    margin: 0 auto;
    width: 1165px;
    height: 100%;
    overflow: hidden;

}


/* 滑块 start */
#subjects {height:160px; margin:10px 0; }
#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-color:#c8c8c8;}
#subjects .g-wrap .item-2 {z-index:2; background-color:#ffd900;}
#subjects .g-wrap .item-3 {z-index:3; background-color:#fc433e;}
#subjects .g-wrap .item-4 {z-index:4; background-color:#2d2d58;}
#subjects .g-wrap a span {position:absolute; background:no-repeat 0 0;}
#subjects .g-wrap .p2 {-webkit-opacity:0; opacity:0; display:none\9; -webkit-transition:-webkit-opacity 400ms; transition:opacity 400ms;}
#subjects .g-wrap .p1 {left:0; top:0; width:468px; height:160px;}



/*#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;}

/* 没有指向 */
#subjects .state-0 .item-1 {left:0;}
#subjects .state-0 .item-2 {left:234px;}
#subjects .state-0 .item-3 {left:468px;}
#subjects .state-0 .item-4 {left:702px;}
/* 指向第一个 */
#subjects .state-1 .item-1 {left:0;}
#subjects .state-1 .item-2 {left:468px;}
#subjects .state-1 .item-3 {left:702px;}
#subjects .state-1 .item-4 {left:936px;}
#subjects .state-1 .item-1 .p2 {-webkit-opacity:1; opacity:1; display:block\9;}
/* 指向第二个 */
#subjects .state-2 .item-1 {left:0;}
#subjects .state-2 .item-2 {left:234px;}
#subjects .state-2 .item-3 {left:701px;}
#subjects .state-2 .item-4 {left:936px;}
#subjects .state-2 .item-2 .p2 {-webkit-opacity:1; opacity:1; display:block\9;}
/* 指向第三个 */
#subjects .state-3 .item-1 {left:0;}
#subjects .state-3 .item-2 {left:234px;}
#subjects .state-3 .item-3 {left:468px;}
#subjects .state-3 .item-4 {left:936px;}
#subjects .state-3 .item-3 .p2 {-webkit-opacity:1; opacity:1; display:block\9;}
/* 指向第四个 */
#subjects .state-4 .item-1 {left:0;}
#subjects .state-4 .item-2 {left:234px;}
#subjects .state-4 .item-3 {left:468px;}
#subjects .state-4 .item-4 {left:702px;}
#subjects .state-4 .item-4 .p2 {-webkit-opacity:1; opacity:1; display:block\9;}
/* 滑块 end */


/*新闻*/
.newsbox{  margin: 0 auto;
    width: 1165px;
    height: 100%;
    overflow: hidden;
     padding:30px 0;
    }
    
.newsbox .newsimg{ float:left; width:600px;}    
.newsbox .newsimg ul li { float:left; padding-right:20px}
.newsbox .newsimg ul li  div{ position:absolute;  bottom:2px; left:10px; background-color:#4c4c4b; height:50px; width:340px; overflow:hidden;opacity:0.9; color:#ffffff; text-align:center; line-height:50px;}


.newsbox .newsimg h1 {

    height: 43px;
    color: #505960;
    font-size: 18px;
    margin-bottom: 15px;
    line-height: 22px;
    font-weight:bold;

}
.newsbox .newsimg p {

    color: #858585;
    font-size: 13px;
    line-height: 22px;
text-align: justify;
}

.class_outer {
    display: block;
    width: 280px;
    height: 123px;
    position: relative;
    overflow: hidden;
}
.class_cover {
    width: 100%;
    height: 20px;
    line-height: 20px;
    padding-left: 5px;
    background-color: rgba(0, 0, 0, .50);
    color: #FFFFFF;
    font-size: 12px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    text-align:center
}

.newsbox .newslist{ float:left; width:565px;}    


/*首页新闻*/
 .redian { width: 100%; }
        .redian .r-wrap { width: 565px; margin: 0 auto; overflow: hidden; }
        .redian .r-wrap .caifu { float: left; width: 500px; overflow: hidden; }
        .redian .r-wrap .caifu h1 { height:43px;color: #505960; font-size: 18px; margin-bottom: 15px; line-height: 22px; }
        .redian .r-wrap .caifu p { color: #858585; font-size: 13px; line-height: 22px; }

        .redian .r-wrap .news-1 { float: left; margin-left: 30px; width:535px; }
        .news-1 .tab-nav { overflow: hidden; border-bottom: 2px solid #dedfe2; }
        .news-1 .tab-nav li {font-weight:bold; cursor: pointer; float: left; display: inline-block; margin: 0px 25px 20px 0; color: #747474; font-size: 13px; width: 65px; }

        .news-1 .tab-box { margin-top: 20px; }
         .news-1 .tab-box  a:hover p{ color: #bc121f }
        .news-1 .tab-box p { color: #858585; font-size: 13px; line-height: 23px; }
        .news-1 .tab-box p i { float: left; font-style: normal; margin-right: 13px; }

        .xian { height: 2px; width: 55px; background: #bc121f; position: relative; left: 0px; margin-top: -2px; }
        .none { display: none; }
