@import url("Ahead.css");
@import url("Bottom.css");
@charset "utf-8";
/* CSS Document */

/*广告第二屏*/

.index_col li:after {
	display: block;
	content: "clear";
	height: 0;
	clear: both;
	overflow: hidden;
	visibility: hidden;
}

.index_col li {
	width: 120px;
	height: 40px;
	float: left;
	line-height: 40px;
	margin-right: 5px;
}

.index_col li a {
	width: 100%;
	height: 100%;
	background: #4784dc;
	text-align: center;
	color: white;
	font-size: 14px;
	display: block;
}

.index_col li a:hover {
	background: #d8000f;
}
.aboutHover a {
	background: #d8000f !important;
}
.index_col {
	position: absolute;
	bottom: 0;
}

.index_image {
	height: 310px;
	background: url(../img/news_banner.jpg)no-repeat center;
   
}

.index_body {
	width: 100%;
	height: 310px;
	position: relative;
}

.index_head p:first-of-type {
	color: white;
	font-size: 24px;
}

.index_head p:nth-child(2) {
	color: white;
	font-family: "arial, helvetica, sans-serif";
	font-size: 12px;
}

.index_head i {
	display: block;
	background: #d82129;
	width: 45px;
	height: 2px;
	margin-top: 8px;
}

.index_head {
	position: absolute;
	top: 50%;
	margin-top: -30px;
}

.index_col_mp {
	bottom: 0;
	right: 0;
	position: absolute;
}

.index_down_mp {
	width: 100%;
	top: 43px;
	position: absolute;
	display: none;
    z-index:5;
}

.index_col_mp>li>p {
	width: 163px;
	height: 43px;
	line-height: 43px;
	font-size: 16px;
	color: white;
	background: #d8000f;
	cursor: pointer;
	position: relative;
}

.index_col_mp>li>p>a {
	width: 100%;
	display: block;
	padding-left: 25px;
}

.index_i:before {
	position: absolute;
	top: 0;
	left: 20%;
	content: "\f107";
	display: inline-block;
	font: normal normal normal 30px/1 FontAwesome;
	vertical-align: middle;
	text-rendering: auto;
}

.index_i {
	position: absolute;
	z-index: 1;
	cursor: pointer;
	width: 30px;
	height: 30px;
	top: 50%;
	right: 20px;
	margin-top: -13px;
}

.index_down_mp li {
	position: relative;
	background: #474747;
	width: 163px;
	height: 43px;
	line-height: 43px;
	font-size: 16px;
	color: white;
	padding-left: 25px;
}

.index_col_mp {
	display: none;
}

.About_info {
	padding-top: 20px;
	font-size: 0.8em;
	line-height: 28px;
	color: #898989;
	padding-bottom: 30px;
}

.About_info img {
	width: 100%;
}
@media (min-width: 1200px) {
	.Officeen_mob {
		display: none;
	}
	.Officeen {
		display: block;
	}
    .index_image {
	height: 310px;
	background: url(../img/news_banner.jpg)no-repeat center;
   
}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.Officeen_mob {
		display: none !important;
	}
	.Officeen {
		display: block;
	}
	.index_col li {
		width: 100px;
	}
	.Officeen_mob {
		display: none;
	}
	.Officeen {
		display: block;
	}
    .index_image {
	height: 310px;
	background: url(../img/news_banner.jpg)no-repeat center;
   
}
}

@media (min-width: 768px) and (max-width: 991px) {
	.Officeen_mob {
		display: none !important;
	}
	.Officeen {
		display: block;
	}
    .index_image {
	height: 310px;
	background: url(../img/news_banner_mob.jpg)no-repeat center;
    background-size:100%;
   
}

}

@media (max-width: 767px) {
	.index_col_mp {
		display: block;
	}
	.index_col {
		display: none;
	}
	.index_body {
		height: 200px;
	}
	.index_body {
		margin: 0 20px;
		width: auto;
	}
	.index_head {
		top: 40%;
	}
	
	.pro_tw_ti p {
		width: 100% !important;
		margin: 0 auto;
	}
	.Officeen_mob {
		display: block;
	}
	.Officeen {
		display: none;
	}
	.contImg {
		height: 250px;
		margin-left: 12%;
		margin-top: 30px;
		margin-bottom: 30px;
	}

     .index_image {
	height: 200px;
	background: url(../img/news_banner_mob.jpg)no-repeat center;
    background-size:100%;
   
}

}

/*新闻列表开始*/
.News-info{
    background-color: #e8e8e8;
    padding: 1.5em 1.5em 1.5em 1.5em;
    margin: 5em 0;
    position: relative;
    transition: all .3s ease;
    height:210px;
    
}
.News-info-left{
	position: absolute;
    top: -16%;
	
}
.News-info-left.News-info-lft2 {
    right: 2%;
}
.News-info-right{
	float: right;
    width: 73%;
}
.News-info-right.News-info-rt2 {
    float: left;
    padding-left:0px !important;
}
.News-info-right p
{
	font-size:  12px;
    margin: 2em 0 1em;
    color: #9d9d9d;
    letter-spacing: 0.5px;
    line-height: 1.6em;
    transition: all .3s ease
}
 .News-info-right h5{font-size: 1.0em; color:#737373; margin-bottom:15px ;transition: all .3s ease} 
 .News-info-right ul{ float: right; font-size: 12px; color:#9d9d9d; margin-top:30px; }
 .News-info-right ul li{ float: left; color:#898989; margin-left: 60px;transition: all .3s ease}
 
 .News-info:hover{background-color: #d72128;}
 .News-info:hover  .News-info-right h5{color:#fff;}
 .News-info:hover  .News-info-right ul li{color:#fff;}
 .News-info:hover  .News-info-right p{color:#fff;}


@media (min-width: 1200px){
.NewList_mob{display: none;}
}


@media (min-width: 992px) and (max-width: 1199px){

.News-info-right{
	float: right;
    width: 65%;
}
 .News-info-right ul li{ float: left; color:#898989; margin-left: 30px;transition: all .3s ease}

 .NewList_mob{display: none;}

}

@media (min-width: 768px) and (max-width: 991px) {
 .News-info_mob{     margin: 30px 20px 30px 20px; width: 95%;  border: 1px solid #e8e8e8;
      box-shadow:0px 0px 10px #C6C6C6;
   
    transition: all .3s ease}

.NewList{display: none;}
.News-info_mob_left{border-right:#c8c8c8 1px solid ;}
.News-info_mob_left p
{
	font-size:  0.6em;
    margin: 0 0 1em;
    color: #c8c8c8;
    letter-spacing: 0.5px;
    line-height: 1.6em;
    transition: all .3s ease
}
 .News-info_mob_left h5{ margin-top: 20px; font-size: 1.0em; color:#898989; margin-bottom:15px ;transition: all .3s ease} 
 .News-info_mob_left ul{ margin-top: 20px;float: left; font-size: 0.7em; }
 .News-info_mob_left ul li{ float: left;margin-bottom: 20px; color:#898989; margin-right: 60px;transition: all .3s ease}
 
 .News-info_mob_right{
 	 text-align: center;padding-top: 65px; color: #898989;
 }

}

@media (max-width: 767px) {

.NewList{display: none;}


.News-info_mob{     margin: 30px 20px 30px 20px; width:-webkit-calc(100% - 40px); width: calc(100% - 40px);  border: 1px solid #e8e8e8;
      box-shadow:0px 0px 10px #C6C6C6;
   
    transition: all .3s ease}

.NewList{display: none;}
.News-info_mob_left{border-right:#c8c8c8 1px solid ;}
.News-info_mob_left p
{
	font-size:  0.6em;
    margin: 0 0 1em;
    color: #c8c8c8;
    letter-spacing: 0.5px;
    line-height: 1.6em;
    transition: all .3s ease;
    max-height: 57px;
    overflow: hidden;
}
 .News-info_mob_left h5{ margin-top: 20px; font-size: 1.0em; color:#898989; margin-bottom:15px ;transition: all .3s ease} 
 .News-info_mob_left ul{ margin-top: 20px;float: left; font-size: 0.7em; }
 .News-info_mob_left ul li{ float: left;margin-bottom: 20px; color:#898989; margin-right: 20px;transition: all .3s ease}
 
 .News-info_mob_right{
 	 text-align: center;padding-top: 70px; color: #898989;
 }


}


/*新闻详细内容*/
.newsinfor {
    width: 100%;
    background-color: #fff;
    padding: 20px 0 15px;
   
}

.newsinfor .title{
float: left;width: 100%;	border-bottom: #efefef 1px solid;
}
.title h2{  width: 100%; text-align: center;   font-size: 2.0em;
    line-height: 73px; color: #222;
    }

.title ul{ float: right; width: 100%; text-align: center; padding-bottom: 10px;  font-size: 0.6em; }
.title ul li{ color:#898989; transition: all .3s ease}

.mina{ float: left; margin: 10px 0px;  font-size: 0.8em; line-height: 22px; color: #9d9d9d;}
.box p {
    font-size: 14px;
    line-height: 30px;
    color: #666;
}
.box p a {
    color: #999;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.btns {
   
    height: 46px;
    line-height: 46px;
    padding: 0 50px;
    border: 1px solid #e5e5e5;
    font-size: 18px;
    color: #1e409f;
    display: block;
    float: right;
    background: url(../img/newsinfor-icon1.png) 143px center no-repeat;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

@media (min-width: 1200px){

.NewMoble_next{
	display: none;
}
.New_next{display: block;}

    .mina {
        border-bottom: #efefef 1px solid;
        padding-bottom:10px;
    }
}


@media (min-width: 992px) and (max-width: 1199px){
.NewMoble_next{
	display: none;
}
.mina {
        border-bottom: #efefef 1px solid;
         padding-bottom:10px;
    }
.New_next{display: block;}
}

@media (min-width: 768px) and (max-width: 991px) {

.NewMoble_next{
	display: none;
}
.New_next{display: block;}
.mina {
        border-bottom: #efefef 1px solid;
         padding-bottom:10px;
    }
}

@media (max-width: 767px) {

.NewMoble_next{
	display: block;
}
.New_next{display: none;}
.btns {
   
    height: 46px;
    line-height: 46px;
    padding: 0 30px;
    border: 1px solid #e5e5e5;
    font-size: 18px;
     width:135px;
    color: #1e409f;
    display: block;
    float: left;
    background: url(../img/newsinfor-icon1.png) 103px center no-repeat;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.title h2{  width: 100%; text-align: left;   font-size: 1.2em;
        line-height: 23px;
    color: #222;
    height: 60px;
    }
    .title ul{ float: right; width: 100%; text-align: left; padding-bottom: 10px;  font-size: 0.6em; }
    .mina img {
      width:100%;
    }
}