@charset "utf-8";
/*base*/
html,body,ul,ol,li,p,h2,h4,h5,a,img,input,span,a{margin:0;padding:0;}
html,body{min-width: 1200px;}
img,input,button {border: 0;}
i,h2{font-style: normal;font-family: "Microsoft Yahei"; font-weight:normal;}
input:focus,textarea:focus,select:focus, button{outline:none;}
ul,li,button{list-style: none;}
body{font-size: 14px;color: #333;font-family:"Microsoft Yahei";}
a{color: #333;text-decoration:none;font-family:"Microsoft Yahei";}
a:hover{color: #970c1d;}
button,img,input { vertical-align: middle;}
.clearfix{content: " "; height:0;display: table;clear: both;}
.clearfix:before,.clearfix:after {content: " ";display: table;clear: both;}
::-webkit-input-placeholder {color: #b2b2b2; } :-moz-placeholder { color: #b2b2b2; } ::-moz-placeholder {  color: #b2b2b2; } :-ms-input-placeholder {color: #b2b2b2; }
.fl{ float:left;}.fr{ float:right;}

body{ background:#eef2ef url(bodybg_1223.jpg) no-repeat center top;}
.headbox{ width:1200px; height:785px; position:relative; margin:0 auto;}
.logo{ padding-top:32px;}
.fanhui{ position:absolute; top:0px; right:0; width:110px; height:40px; line-height:40px; text-align:center; background:url(fanhui.png) no-repeat center center;}
.fanhui a{ font-size:16px; color:#ffffff;}

.mainbox{ width:1200px; height:auto; margin:0 auto; overflow:hidden;}
.title01{ width:100%; height:52px; text-align:center;}
.listbox{ padding-bottom:65px; overflow:hidden;}
.listbox ul li{ width:530px; height:167px; background:url(icon02_1223.png) no-repeat; display:block; margin-top:65px; float:left; cursor:pointer;}
.listbox ul li:hover{ background:url(icon01_1223.png) no-repeat;  }
.listbox ul li:nth-child(1),.listbox ul li:nth-child(3){ margin-right:140px;}
.list{ padding:30px 30px 0 20px; overflow:hidden;}
.listbox ul li a:hover,.listbox ul li a:hover .date,.listbox ul li a:hover .text p{ color:#970c1d;}
.date{ color:#666666; width:80px; height:90px; margin-right:10px; float:left;}
.date span{ font-size:40px; height:40px; line-height:40px; text-align:center; padding-top:15px; display:block;}
.date p{ text-align:center; padding-top:15px; display:block;}
.text{ width:390px; height:90px; float:right;}
.text h2{ font-size:18px; height:30px; line-height:30px; display:block; padding-top:10px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.text h2 a{ font-size:18px;}
.text p{ color:#666666; height:50px; line-height:22px; padding-top:6px; display:block; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow:hidden;}

.clounm{ width:532px; height:auto; padding-bottom:60px; overflow:hidden;}
.title02{ width:100%; height:115px; background:url(icon03_1223.png) no-repeat bottom;}
.title02 span{ padding-left:78px; display:block;}
.w_list,.video{ width:100%; height:auto; overflow:hidden;}
.w_list ul li{ font-size:16px; width:100%; height:48px; background:url(icon04_1223.png) no-repeat left center; display:block; position:relative;}
.w_list ul li a{ font-size:16px; width:75%; line-height:48px; padding-left:20px; display:block; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; transition: all .3s ease-in-out;}
.w_list ul li a:hover{padding-left: 25px;}
.w_list ul li span{ color:#999999; position:absolute; top:0px; right:0px; width:90px; height:48px; line-height:48px; text-align:right; display:block;}
.video_tit{ height:20px; line-height:20px; text-align:center; padding-top:10px;}