body,html{margin: 0;padding: 0; }

@font-face{
	font-family:'pageFont';      
      src: url("../font/SourceHanSansCN-Normal.eot");
      src: url("../font/SourceHanSansCN-Normal.woff") format("woff"), 
      url("../font/SourceHanSansCN-Normal.ttf") format("truetype"), 
      url("../font/SourceHanSansCN-Normal.svg") format("svg"); 
      font-weight: normal; font-style: normal; 
      }

body{width: 100%;height: 100%;background: #FFFFFF;font-size: 12px;color: #666;font-family:pageFont;position: relative;line-height: 24px;overflow-x: hidden;}
*{box-sizing: border-box;}
ul,li,dl,dl dt, dl dd,ol{list-style: none;margin: 0;padding: 0;}
h1,h2,h3,h4,h5,h6,p{padding: 0;margin: 0;font-weight: normal;}
a,em{display: inline-block;font-weight: normal;font-style: normal}
span{display: inline-block;}
a{color: #3635BF; text-decoration: none;}


input,button,textarea{border: 0;background: none;outline: none;}
input:focus,textarea:focus{outline: none;}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill
{-webkit-box-shadow: 0 0 0 1000px white inset;background-color: #FFFFFF !important;}
section{margin: 0;padding: 0;}
img{display: inline-block;_width:100%;*width:100%;width:100%\9;max-width: 100%;border: 0;vertical-align: bottom;}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
.textcenter{text-align: center;}
.font-red{color: #FF0000;}
.font-white{color: white;}
.hidden{ display: none;}

.wrapper{width:1200px;margin: 0 auto;}
*{outline: none;}

/*头部*/
header{width: 100%;height: 100%;box-sizing: border-box;padding: 20px 0;box-shadow: 3px 3px 3px rgba(0,0,0,0.1);}
.logo{max-height: 80px;float: left;}
.menubox{float: right;font-size: 14px;color: #333;}
.menubox ul li{float: left;padding: 0 20px;}
.menubox ul li a{color: #333333;padding:0 36px;display: block;text-align: center;width: 100%;height: 100%;}
.menubox ul li a:hover,.menubox ul li.cur a{color: #dc251f;}
.menuicon{width: 36px;height: 40px;background: url(../images/icon.png) no-repeat;}
.menuicon01{background-position: 0 0;}
.menuicon02{background-position: 2px -52px;}
.menubox ul li.cur .menuicon01 ,.menubox ul li a:hover .menuicon01{background-position: -53px 0;color:#dc251f}
.menubox ul li.cur .menuicon02 ,.menubox ul li a:hover .menuicon02{background-position: -53px -52px;color:#dc251f}
.banner{width: 100%;max-height: 700px;}
.article-list{margin: 40px auto;overflow: hidden;}
.pagetit{font-size: 24px;color: #333;text-align: center;}
.label-tips{font-size: 14px;color: #333;text-align: center;margin: 10px 0;}
.article-list ul li{width: 380px;height: 240px;float: left;margin-right: 20px;position: relative;margin-bottom: 20px;font-size: 14px;}
.article-img{width: 380px;height: 240px;overflow: hidden;}
.article-label{width:100%;height:40px;background:rgba(0,0,0,0.4);position: absolute;bottom:0px;color: #FFFFFF;line-height: 40px;padding: 0 10px;}	
.article-txt{width: 72%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.article-list ul li img{transition: all 0.3s ease-in;}
.article-list ul li:hover img{transform: scale(1.03);}
.article-list ul li:hover .article-txt{color: #EDEDED;}
.article-more{text-align: center;font-size: 14px;color: #DC251F;}
.article-more a{color: #DC251F;}
.notice-item{overflow: hidden;margin-top: 20px}
.notice-pic{width: 600px;overflow: hidden;float: left;}
.notice-label{width: 560px;float: left;margin-left:20px;font-size: 14px;color: #333333;}
.notice-tit{font-size: 18px; color:#333;margin-bottom: 20px;font-weight: bold;}
.notice-tit a{color: #333333;}
.notice-tit a:hover{color: #DC251F;}
footer{width: 100%;padding: 20px 0;text-align: center;background: #919191;font-size: 14px;margin-top: 40px;}															
.copyright a{color: #FFFFFF;}
.copyright a:hover{text-decoration: underline;}
/*文章**/
.content{margin-top: 40px;color: #666;font-size: 14px;line-height: 24px;}
.content h1{font-size: 20px;text-align: center;font-weight: bold;margin: 20px 0;}
.toptxt{background: #eee;padding: 20px;margin-bottom: 20px;}
.maincon h2{font-size: 16px;font-weight: bold;margin: 10px 0 0 0;}

@media screen and (max-width: 450px){
 .wrapper{width: 90%;}
 .logo{max-width: 160px;}
 .menubox{position: absolute;top: 6px;right: -45px;}
 .article-list ul li{width: 100%;}
 .notice-pic{width: 100%;}
 .notice-label{width: 100%;margin-top: 20px;margin-left: 0;}
			 
}