.header a{
	color: #ffffff;
}
.header #navToggle span, .header #navToggle span::before, .header #navToggle span::after{
	background: #000;
}
.fanye{
	margin:auto;
	padding:15px 0px;
	height:30px;
	display:table;
	
}
.fanye li{
  float: left;
  margin-right: 10px;
  text-align:center;
	
}

body,
html {
	height: 100%;
	font-family: Microsoft YaHei;
}
.header {
	position: fixed;
}
.header.on {
	position: fixed;
}
.container{
	margin: 0 auto;
}
.newsBan img{
	width: 100%;
}
.newsbox{
	padding: 100px 0 80px;
	background-color: #FFFFFF;
}
.boxcolor{
	background: #F8F8F8;
}
.newsbox .center{
	width: 73%;
	margin: 0 auto;
}
.newsbox .center .fl{
	width: 36%;
}
.newsbox .center .fl img{
	width: 100%;
}
.newsbox .center .fr{
	width: 58%;
	margin-top: 5%;
}
.newsbox .center .fr p{
	font-size: 14px;
	color: #3F3F3F;
}
.newsbox .center .fr p span{
	font-size: 28px;
}
.newsbox .center .fr h5{
	margin: 30px 0 25px;
	font-size: 28px;
	font-weight: 400;
	color: #1D1C1C;
	transition: all 1s;
}
.newsbox .center:hover .fr h5{
	color: #0069FF;
}
.newsbox .center .fr h6{
	line-height: 25px;
	font-size: 16px;
	font-weight: 400;
	color: #4E4E4E;
}

ul.navlist{
	width: 73%;
    margin: 70px auto 0;
    border-bottom: 1px solid #DEDEDE;
}
ul.navlist li{
	float: left;
	padding-bottom:30px;
	width:16.6%;
	text-align: center;
	font-size: 18px;
	color: #444444;
}
ul.navlist li a{
	color: #444444;
}
 a:hover{
	text-decoration: none;
}
ul.navlist li.now,ul.navlist li:hover{
	border-bottom: 2px solid #0069FF;
}
ul.navlist li.now,ul.navlist li.now a,ul.navlist li:hover a{
	color: #0069FF;
}
.title {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    line-height: 40px;
}
.absc {
    font-size: 16px;
    /* font-weight: bold; */
    text-align: center;
    line-height: 40px;
}
.desc {
    font-size: 14px;
    line-height: 24px;
    margin: 50px;
}
.desc img {
    max-width: 98%;
    margin: 20px auto;
}
ul.botul li{
	width: 50%;
}
ul.botul li.fr{
	text-align: right;
}
.boxcolor:nth-child(odd)
{

background: #F8F8F8;
}
.boxcolor:nth-child(even)
{
background: #ffffff;
}
.newsbottom{
	font-size:14px;
	float:left;
	width:100%;
	font-weight:bold;
	line-height:50px;
}
.newsbottom .floatl{
	width:50%;
	text-align:left;
	float:left;
	line-height: 18px;
    margin: 20px 0;
}
.newsbottom .floatr{
	width:50%;
	text-align:right;
	float:left;
	line-height: 18px;
    margin: 20px 0;
}
@media screen and (max-width:1600px) and (min-width:1400px){
	.newsbox .center .fr {
	    margin-top: 1%;
	}
}
@media screen and (max-width:1400px) and (min-width:1200px){
	.newsbox .center .fr {
	    margin-top: 0;
	}
}
@media screen and (max-width:1200px) and (min-width:768px){
	.newsbox .center .fr {
	    margin-top: 0;
	}
	.newsbox .center .fr p span {
	    font-size: 22px;
	}
	.newsbox .center .fr h5 {
	    margin: 20px 0 15px;
	    font-size: 24px;
    }
    .newsbox .center .fr h6 {
	    font-size: 14px;
    }
ul.navlist li {
	font-size: 15px;
}
}
@media only screen and (max-width: 768px){
	.header #navToggle span, .header #navToggle span::before, .header #navToggle span::after {
	    background: #FFFFFF;
	}
	.container {
	    width: 95% !important;
	}
	.newsbox {
    	padding: 50px 0 40px;
    }
	.newsbox .center{
		width: 90%;
	}
	.newsbox .center .fl,.newsbox .center .fr{
		width: 100%;
	}
	.newsbox .center .fr p span {
	    font-size: 20px;
	}
	.newsbox .center .fr p {
    	font-size: 13px;
    }
    .newsbox .center .fr h5 {
	    margin: 10px 0;
	    font-size: 20px;
    }
    .newsbox .center .fr h6 {
	    font-size: 14px;
    }
	ul.navlist{
		width: 95%;
	}
	ul.navlist li{
		font-size: 13px;
		height: 46px;
		padding-bottom: 0;
		line-height: 18px;
	}
	.desc {
	    margin: 50px auto;
    }
    ul.botul li{
		width: 100%;
	}
	ul.botul li.fr{
		text-align: left;
	}
    @media screen and (width:734px),(width:684px),(width:667px),(width:736px),(width:768px){
    	.newsbox .center .fl {
		    width: 36%;
		}
		.newsbox .center .fr {
    		width: 58%;
    		margin-top: 0;
    	}
    }
}