@charset "utf-8";
/*base.css*/
body,h1,h2,h3,h4,h5,h6,ul,ol,dl,li,dt,dd{
    /* 默认有边距，都要清除 */
    margin: 0;
    padding: 0;
    /*字体设置*/
    font-size: 14px;
    font-family: "Microsoft Yahei",sans-serif;
    color: #ccc;
    /* 去掉列表的原点 */
    list-style: none;
    /* 默认鼠标 */
    cursor: default;
}
 
a{
text-decoration:none;
}
html,body{
	height: 100%;
	
}
/*img{
	vertical-align: top;
	border:none;
	width: 100%;
}*/


/*头部*/

*{
	padding: 0;
  
}
header{
	width: 100%;

}
.header-logo img{
	width: 160px;
	height: 40px;

}

.hearder-div1{
	
	height: 100px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
justify-content:space-around;
align-items: center;
width: 80%;

}


.header-div{

	/*width: 100%;
	height: 1000px;
*/
/*background-size：cover*/	
/*width: 100%;*/
/*height: 644px;*/
width: 100%;
height: 520px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
/*height: 644px;*/


/*background-image:url(img/Shape1.png);*/
background-size: 100% 100%;
/*background-size: contain;*/
background-repeat: no-repeat;
justify-content:center;
/*align-items: center;*/

}
.denglu-button{
	width: 60px;
	height: 22px;
	background-color: #E63A22;
	border-radius: 1000px;
	border:none;
	color: #fff;


}

.nav{
	display: flex;
   

} 
.nav a {
	
	list-style:none;
	color: #fff;
	padding-left: 30px;
	font-size: 12px;
	font-weight: bold;

}
.nav a:hover{
	color:#E63A22;
}


/*中间内容*/

.cent{
	text-align: center;
}

.content-banner img{
	width:86%;
}



.content-banner2 img{
	width:100%;
}

.content-banner3 img{
	width:86%;
}
.content-banner4 img{
	width:86%;
}
/*留言板*/
.message{
    width: 100%;
    height:240px;
    background-image: -webkit-linear-gradient(to left,#9876FA,#6A3BF0) ;
    -o-linear-gradient(to left,#9876FA,#6A3BF0);
    background-image:linear-gradient(to left,#9876FA,#6A3BF0); 
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content:space-around;
    align-items: center;

}

.message-0{
	width: 80%;
	height:50vh;

	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content:space-around;
    align-items: center;


}
.message .wenzi{
	flex: 1;

}
.message .message-1{
	flex: 3;

	height: 200px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content:space-around;
    align-items: center;



}
.message-1 .message-2,.message-1 .message-3,.message-1 .message-4{
/*	width: 24%;
	height: 60px;*/
   width: 32%;
   height: 140px;
  

   /*background-image:url(img/分组12.png);*/
   background-repeat: no-repeat;

   background-size: 100% 100%;

}
.message-1 .message-3{

}
.message-1 .message-4{

}

.message-2{

	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content:center;
    align-items: center;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
}

.message-3{

	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content:center;
    align-items: center;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
}

.message-4{

	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content:center;
    align-items: center;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
}




.message .p1{
	margin:0;
	font-size: 12px;
	color: #fff;

}

.message .p2{
	margin:0;
	font-size: 20px;
	color: #fff;
	
}

.message .p3{
	margin:0;
	font-size: 9px;
	color: #fff;
	
}
.wujiaoxing {
/*margin-top: 30px;*/
}


.wujiaoxing img{
	width: 8px;
	height: 8px;

}

.pinglun-wenzi {
	width: 80px;
	font-size: 8px;
	color: #636465;
	text-align: center;

}
.user-touxiang{
	width: 70px;
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content:space-around;
    align-items: center;

}
.user-touxiang img{
	width: 20px;
	height: 20px;

}

.user-touxiang p{
	margin: 0;
	font-size: 8px;
	color: #000;
}

/*新闻版块*/

.news-f{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	/*text-align: center;*/
}




.news{
	width: 86%;
    height: 340px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content:space-around;
	align-items: center;

	
}

.news-box{

	width: 22%;
    height: 220px;

	background-color:#fff;
    box-shadow: 0px 0px 20px #ccc;
	

}

.news-box img{
	width: 100%;
}
.news-box p{
	font-size: 10px;
	margin:8px;
}

.news-box p:nth-of-type(1){
     color: #878788;
     font-size: 8px;
}
.news-box p:nth-of-type(2){
     color: #000;
     font-size: 10px;
}

.news-box p:nth-of-type(3){
     color: #878788;
     font-size: 8px;
}


/*footer-留言*/
.footer-f{

   width: 100%;
   /*background-image: url(img/bg@1x.png);*/
   height: 560px;
   display: flex;
   justify-content: center;

   -ms-align-items: center;
   align-items: center;

}
.footer-box{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-around;
    -ms-align-items: center;
    align-items: center;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;

	width: 600px;
	height:320px;
	border-radius: 8px;
	background-color: #fff;
	box-shadow: 0px 0px 10px #ccc;
}
.footer-box h1{
	font-size: 20px;
	color: #000;


}

.footer-box p{
	font-size: 12px;
	color: #000;

}
.biaoti{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
    align-items: center;
	-webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
}


.input-box{
	width: 420px;
	height: 36px;
	background-color: #fff;
	border-radius: 1000px;
	border:1px solid #ccc;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	padding: 0px 0px 0px 20px;

  /*  -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;*/
    justify-content: space-between;
    -ms-align-items: center;
    align-items: center;

}

.input-box input{
     width: 300px;
     height: 98%;
    padding: 0px 0px 0px 0px;
	border: none;
	/*background-color:none;*/
	outline: none;


}
.input-box button{
    color: #fff;
	width: 20%;
	height: 100%;
	background:linear-gradient(to right,#58B629,#70DF3A);
    border: none;
    border-radius: 1000px;

}

.footer-box h2{
	font-size: 16px;
	color: #000;
	

}