@charset "gb2312";
/* CSS Document */
html, body, menu, ul, ol, li, div, form, h1, h2, h3, h4, h5, h6, img, a img, input, button, textarea, fieldset, p, dd {
	padding: 0;
	margin: 0;
	border: 0
}
body {
	color: #333;
	font-size: 14px;
	font-size: 18px\9;
	line-height: 1.5;
	word-wrap: break-word;
	font-family: "Helvetica Neue", "Helvetica", "Arial", "sans-serif", "微软雅黑";
	background: #ffffff;
}
ul, ol, li {
	list-style: none
}
html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}
h1, h2, h3, h4, h5, h6, b, i, em {
	font-weight: normal;
	font-style: normal
}
input[type="text"], input[type="password"], input[type="button"], input[type="submit"], textarea {
	-webkit-appearance: none;
	border-radius: 0
}
a {
	text-decoration: none;
}
.clearfix {
	clear: both;
	font-size: 0px;
	height: 0px !important;
	line-height: 0px;
	width: 0px;
	visibility: hidden;
	overflow: hidden
}
/*主体*/
.main {
	max-width: 700px;
	margin: 4.2rem auto 0 auto;
	padding: 0 1.5%;
}
/*导航*/
.news_nav {
	width: 100%;
	position: fixed;
	background: #f4f4f4;
	border-top: 1px solid #e7e7e7;
	height: 42px;
	top: 46px
}
@media screen and (min-width:750px) {
    .news_nav {
        max-width:750px;
        left:50%;
        margin-left:-375px;
    }
}
.nav_list {
	height: 42px;
	overflow: hidden;
	white-space: nowrap;
	position: relative;
}
.nav_list ul {
	position: absolute;
	z-index: 30;
	white-space: nowrap;
	height: 42px;
}
.nav_list li {
	display: inline-block;
	color: #fff;
	width: 20%;
	font-size: 1.2em;
	line-height: 42px;
	text-align: center;
	height: 42px;
}
.nav_list li a {
	color: #808080;
}
.nav_list li.on_hover {
	background: url(../images/hover-line.jpg) no-repeat bottom center;
	font-weight: bolder;
	border-bottom: 3px solid #31b2ea;
}
.nav_list li.on_hover a {
	color: #31b2ea;
}
/*搜索框*/
.search {
	width: 100%;
	height: 2.5rem;
	border-bottom: 1px solid #eeeeee;
	padding-bottom: 1.3rem;
	margin-top: 6.8rem !important;
}
.keyword {
	width: 76%;
	height: 2.5rem;
	border: 1px solid #c9c9c9;
	padding-left: 2.2rem;
	background: url(../images/ioc-sceah.jpg) no-repeat left top;
	font: 0.9rem/2.5rem "微软雅黑";
	color: #989696;
	border-radius: 0.4rem;
}
.button-search {
	width: 23%;
	float: right;
	height: 2.5rem;
	background: #31b2ea;
	border: 3px;
	font: 1.1rem/2.45rem "微软雅黑";
	color: #fff;
	letter-spacing: 0.2rem;
	cursor: pointer;
}
.button-search[type="button"] {
	border-radius: 0.4rem;
}
.button-search:active {
	background: #91af01;
}
/*新闻列表*/
.news-list {
    width:93.4%;
    margin:auto;
}
.news-list li {
	margin-top: 1.4rem;
	background: url(../images/line.png) bottom no-repeat;
	padding-bottom: 1.8rem;
}
.news-list .news-text {
	float: left;
	margin-right: 0.5rem;
}
.news-list .pic-text {
    max-width: 72%;
}
.news-list .nopic-text {
    max-width: 100%;
}
.news-list .news-text h3 {
	font: 1.3em/2rem "微软雅黑";
	color: #313035;
	height: 2rem;
	overflow: hidden;
}
.news-text h3 a {
	color: #313035;
}
.news-list .news-text p {
	font: 1em/1.3rem "微软雅黑";
	color: #afafaf;
	margin-bottom: 0.7rem;
	padding-top: 0.2rem;
	max-height: 2.6rem;
	overflow: hidden;
}
.news-list .news-text i {
	font: 0.9em/1.5rem "微软雅黑";
	color: #afafaf;
}
.news-list .news-text h2 {
	width: 3.5em;
	height: 1.3rem;
	border: 1px solid #f1f1f3;
	text-align: center;
	float: right;
	font: 1em/1.3rem "微软雅黑";
	color: #31b2ea;
	margin-right: 0.5rem;
}
.news-list .news-text h2 a {
	color: #31b2ea;
}
.news-list .news-pic {
	float: right;
	overflow: hidden;
	width: 25%;
	text-align: right;
}
.news-list .news-pic img {
	width: 100px;
	height: 114px;
}
/*加载更多*/
.loading {
	text-align: center;
	padding: 0.5rem;
}
.loading img {
	width: 18%;
}


.all {
	text-align: center;
    padding: 3% 0;
}
.hot-item {
    border-bottom: 1px dashed #d8d8d8;
    line-height: 36px;
}
.hot-item h3 {
    color:#f66b6b;
}
.hot-item i {
    margin-right:5px;
}



.more {
	width: 70%;
	height: 2.8rem;
	color: #fff;
	background: #31b2ea;
	font: 1.2rem/2.8rem "Microsoft YaHei";
	margin: 1.5rem 15%;
	cursor: pointer;
}
.more[type="button"] {
	border-radius: 1.5rem;
}
.more:active {
	background: #8ba800;
}
/*新闻三级页*/
.news-tle{
    width: 93.4%;
    margin: auto;
	border-bottom:1px solid #eaeaea;
	color:#999;
	font: 0.8rem/2rem "Microsoft YaHei";
}
.news-tle h3 {
	font: bold 1.5rem/2rem "Microsoft YaHei";
	/*padding-bottom:1rem;*/
	color:#282828;
}
.news-tle img {
	padding-top:0.5rem;
	padding-left:0.3rem;
}
.news-tle p{
	float:left;
}
.news-tle i{
	float:right;
}

.source {
    float:left; 
    color:#999;
    padding-top:10px; 
    font-size:13px;
}
.source a {
      color:#999;
    }
.source .release {     
      float:right; 
      padding:0; 
      padding-left:.5em;
    }


.news-main{
    width: 93.4%;
    margin: auto;
	margin-top:1rem;
	font: 1rem/1.8rem "Microsoft YaHei";
	color:#282828;
}
.news-main p {
    /*padding-top:10px;*/ 
    }
.news-main p:first-child {
padding:0;
}
.news-main p {
    /*	text-indent:2em;*/
    /*padding: 0 10px 18px 0;*/
    font:1.3rem/2.4rem "Microsoft Yahei";
}
@media screen and (max-width:750px){
    .news-main p {
        font: 16px/31px "microsoft yahei";
        margin-top: 20px;
    }
}


.news-main .news-mian-pic{
	width:100%;
	text-align:center;
	margin:1rem 0;
}
.news-main img{
	width:100%;
	height:auto;
	max-width:500px;
}
/*我们还为您推荐了*/
.news-more-tle{
	background:#f3f3f3;
	width:93.4%;
    margin:auto;
	height:2.5rem;
	margin-top:1.5rem;
	font: bold 1rem/2.5rem "Microsoft YaHei";
	text-indent:1rem;
	color:#31b2ea
}
/************新增导航************/
.main-nav {
	background: #fff;
	padding-top: 0.6rem;
	padding-bottom: 0.3rem;
	border-top: 1px solid #e8e8e8;
    margin:0 auto;
    max-width:750px;
}
.main-nav li {
	width: 20%;
	float: left;
	text-align: center;
    cursor:pointer;
}
.main-nav li h1 {
	font: 0.8rem/1.8rem "微软雅黑";
	color: #323232;
}
.main-nav a {
	color: #323232;
}
.main-nav li .nav-01 {
	/*background: #f66c6c;*/
	width: 3rem;
	height: 3rem;
	border-radius: 4rem;
	margin: 0 auto;
}
.main-nav li .nav-02 {
	/*background: #bad93e;*/
	width: 3rem;
	height: 3rem;
	border-radius: 4rem;
	margin: 0 auto;
}
.main-nav li .nav-03 {
	/*background: #ffa739;*/
	width: 3rem;
	height: 3rem;
	border-radius: 4rem;
	margin: 0 auto;
}
.main-nav li .nav-04 {
	/*background: #72b4e4;*/
	width: 3rem;
	height: 3rem;
	border-radius: 4rem;
	margin: 0 auto;
}
.main-nav li .nav-05 {
	/*background: #d1759c;*/
	width: 3rem;
	height: 3rem;
	border-radius: 4rem;
	margin: 0 auto;
}
.main-nav li .nav-01 img {
    /*width:3rem;
	width: 2rem;
	padding-top: 0.6rem;
	padding-left: 0.2rem;*/
}
.main-nav li .nav-02 img, .main-nav li .nav-03 img {
    /*width:3rem;
	width: 1.8rem;
	padding-top: 0.7rem;
	padding-left: 0.2rem;*/
}
.main-nav li .nav-04 img {
    width: 1.55rem;
	/*width: 1.8rem;
	padding-top: 0.6rem;
	padding-left: 0.2rem;*/
}
/*.line-bottom {
	background: url(../images/line-top.png) repeat-x center;
	width: 100%;
	height: 4px;
}
.line-top {
	background: url(../images/line-bottom.png) repeat-x center;
	width: 100%;
	height: 4px;
}*/
/*新增分页样式(尺寸：3)*/

.page_main {
  width: 100%;
  background: #fff;
  margin: -10px 0;
  padding-bottom: 10px;
}
 @media screen and (min-width:303px) and (max-width:360px) {

.page {
  display: table;
  margin: -5px auto 5px auto;
  text-align: center;
  padding: 15px 0 15px 0;/*background: #fff;*/
}

.page a {
  /*width: 32px;
  height: 32px;*/
  display: block;
  float: left;
  line-height: 32px;
  text-align: center;
  color: #333 !important;
  margin: 5px 0 0 4px;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding:3px 14px;
}

.page .arr_tk { width: 50px; }

.page a:hover {
  background: #31b2ea;
  color: #fff;
}

.footer { margin-top: 10px !important; }

.nav { margin-top: 5px; }
}

@media screen and (min-width:361px) and (max-width:415px) {

.page {
  display: table;
  margin: -5px auto 15px auto;
  text-align: center;
  /*padding: 15px 0 15px 0px;*/
  /*background: #fff;*/
  padding-top:15px;
}

.page a {
  /*width: 36px;
  height: 36px;*/
  display: block;
  float: left;
  color: #333 !important;
  line-height: 36px;
  text-align: center;
  margin: 5px 0 0 4px;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 0px 14px;
}



.page .arr_tk { width: 69px; }

.page a:hover {
  background: #31b2ea;
  color: #fff;
}

.footer { margin-top: 10px !important; }

.nav { margin-top: 5px; }
}

@media screen and (min-width:416px) {

    .page {
        display: table;
        margin: -5px auto 15px auto;
        text-align: center;
        /* padding: 15px 0 0 62px;*/
        /*background: #fff;*/
        padding-top: 20px;
    }

        .page a {
            width: 45px;
            height: 45px;
            display: block;
            float: left;
            color: #333 !important;
            line-height: 45px;
            text-align: center;
            margin: 5px 0 0 4px;
            border: 1px solid #ddd;
            border-radius: 3px;
        }

        .page .arr_tk {
            width: 80px;
        }

        .page a:hover {
            background: #31b2ea;
            color: #fff;
        }
}





/*关键词*/
.keywords {
    margin-top:1.5rem;
}
.keywords a {
    font: 0.8rem/1.6rem "Microsoft YaHei";
    display: inline-block;
    padding: 0 0.5rem;
    background: #f5f5f5;
    border-radius: 1rem;
    text-align: center;
}
.keywords a span {
    color: #abcd04;
}
.keywords a i {
    /*color: #abcd04;*/
}
.keywords li {
    float:left;
    text-align: center;
    margin: 1% 2.856%;
}
@media screen and (min-width:751px) {
    .keywords a {        
       font: 1rem/2rem "Microsoft YaHei";
    }
    .keywords li {
        margin: 1% 3.856%;     
    }
}
@media screen and (min-width:320px) and (max-width:349px) {
    .keywords li {
        margin: 1% 1.1965%;
    }
}

@media screen and (min-width:350px) and (max-width:374px) {
    .keywords li {
        margin: 1% 2.4528%;    
    }
}