/*network nav*/

.logo-img{margin-left:-20px;margin-top:-3px;}

.net-body{width:100%;}

.news-body > div{width:85%;  margin:0 auto; text-align: center; }

.news-body > div img{ margin: 0 auto;height:270px;}



.foot{ margin-top: 40px;}

.news-nav{width:100%;height:60px;background:#333; margin: 0 auto; position: relative;}

.news-nav-left{ width:70%; float:left; position: relative;}

.news-nav-left ul{ list-style: none;}

.news-nav-left ul li{ float:left;}

.news-no{position: absolute; left:0px;top:0px;font-family: "微软雅黑","Microsoft Yahei";font-size: 14px;color:#999; width: 100%;height:60px;}

.news-no li a{font-family: "微软雅黑","Microsoft Yahei";font-size: 14px;color:#999; text-decoration: none;}

.news-no li{line-height: 60px; cursor: pointer;width:125px;height:60px; text-align: center;}





.news-on li{opacity:0;filter:alpha(opacity=0);width:125px;height:90px; text-align: center;   position: relative;cursor: pointer; background: #CB1814; }



.news-on li > div {width:100%;height:90px;background: #CB1814;position: absolute;top:0px;padding-top: 18px;z-index: 50;}

.news-on li span{ display: block;  width: 0;

    height: 0;

    border-left: 15px solid transparent;

    border-right: 15px solid transparent;

    border-bottom: 30px solid #800F0D;

	position: absolute;top:0px;right:-15px;z-index: 20;

}

#banner-new{ background: url(../images/xinwen.jpg); background-position: center center !important;

    background-repeat:no-repeat  !important;

    background-size:cover  !important}

.news-on li:first-child{margin-left:0px;}

.news-on{position: absolute; left:0px;top:-30px;width: 100%; }

.news-on li:first-child{padding-left:0px;}

.news-on li a{font-family: "微软雅黑","Microsoft Yahei";font-size: 16px;color:#fff; text-decoration: none;}

.news-nav-right{float:right;width:350px;height:20px; position: absolute; top:50%; margin-top: -10px;right:0px; }

.news-nav-right span{font-family: "微软雅黑","Microsoft Yahei";font-size: 14px;color:#999; cursor:pointer ; }

.news-nav .news-nav-right a{ text-decoration: none;color:#999;}

 .news-nav .news-nav-right a:hover{ text-decoration: none;color:#999;}

/*newsbody*/

.news-top{width:100%;height:100px; text-align:center; margin-top: 60px; font-family:'FuturaCondensedBQ-Medium' ;}

.news-top h1{font-family:'FuturaCondensedBQ-Medium' ;}

.news-top h3{margin-top:0px;}

.pic{ width:100%; overflow: hidden;}

.pic img{ width:100%; 

transition: transform .5s ease-in-out;

-webkit-transition: transform .5s ease-in-out;

-moz-transition: transform .5s ease-in-out;

-ms-transition: transform .5s ease-in-out;

-o-transition: transform .5s ease-in-out;

}
.pages {
    overflow: hidden;
    width: 100%;
}

.pic h4{font-family: "微软雅黑","Microsoft Yahei";font-size: 16px; color:#333;}

.row > div h4{font-family: "微软雅黑","Microsoft Yahei";font-size: 16px; color:#333 !important; margin-top: 30px;}

.row > div{ cursor: pointer;}

.row > div p{font-family: "微软雅黑","Microsoft Yahei";font-size: 14px;color:#999;}

.ms-on{ width:100%;height:26px; position: relative; }

.ms-on hr{ width:100%; height:5px;border:none;border-top:5px solid #333;}

.ms-on span{font-family: "微软雅黑","Microsoft Yahei";display: inline-block; width:110px;height:100%; background: #333; color:#fff; line-height: 25px; 

border-radius: 15px;-webkit-border-radius: 15px;-moz-border-radius: 15px;-ms-border-radius: 15px;-o-border-radius: 15px;

position: absolute; left:50%; margin-left: -55px;top:-13px;

}

.pic:hover img{  

transform: scale(1.2,1.2);

-webkit-transform: scale(1.2,1.2);

-moz-transform: scale(1.2,1.2);

-ms-transform: scale(1.2,1.2);

-o-transform: scale(1.2,1.2);

}

.news-list{ width:550px; height:35px; margin: 0 auto;}

.news-list li{ list-style:none; float:left; width:35px;height:35px; line-height: 35px; text-align: center; cursor: pointer;}

.news-list li a{ color:#000; text-decoration: none;font-family: "微软雅黑","Microsoft Yahei";}

.news-list li:nth-child(1){ width:50px}

.news-list li:nth-child(2){ width:50px; margin-right: 20px;}

.news-list li:nth-child(11){ width:50px; margin-left: 20px;}

.news-list li:last-child{ width:50px}

.list-now { background:#CB1814;}

.list-now  a{ color:#FFF !important;}

@media  (max-width:515px){

h1{font-size: 24px !important;}

}

/*nav*/

@media (max-width: 1140px){

.news-nav-right{ text-align: right; padding-right:15px;}

.news-no li{width:20%;}

.news-on li{width:21%;}		

}

@media (max-width: 1040px){

.news-no li{width:18%;}

.news-on li{width:18%;}		

}



@media (max-width: 850px){

.news-nav{ width:100%;}	

}



@media (max-width: 650px){

.news-nav-left{ clear: both; width:100%;}

.news-nav-right{ clear: both; top:130% ;left:0px; text-align: left;}	

}

@media (max-width: 450px){

.news-no li{width:22%;}

.news-on li{width:23%;}
.pic img{height:auto!important;}

	}

/*page-list*/

@media (max-width: 550px){

.li-on{ display: none;}

.news-list{ width:100%;}

.news-list ul{ width:300px;height:30px; margin: 0 auto; padding-left: 20px;}

	}

	

@media (max-width: 350px){

.news-nav-right{ text-align: right; padding-right:15px;}

.news-no li{width:20%;}

.news-on li{width:22%;}		

.news-no li:first-child{width:20%;}

}

@media (max-width: 320px){

.news-nav-right{ margin-left: -50px;}

	}