/* 公用 */
html,body{margin:0; padding:0; font-family:Microsoft YaHei,STHeiti,'宋体',HelveticaNeue,helvetica,arial; font-weight:300;}
body{ font-size:14px}
ul,li,dl,ol{list-style:none;}
a {
  color: #333;
  text-decoration: none;
}
a:hover{ color:#f00}



.banner{ width:100%; height:450px; background:url(../image/banner1.jpg) center top no-repeat}
.nav{ height:50px; width:100%; background:#ED0000; line-height:50px; }
.navList{margin:0 auto; width:85%}
.nav a{color:#fff;font-size:20px;display: block;float: left;width: 120px;text-align: center; font-weight:bold}
.space{ width:100%; height:60px; padding:0; margin:0; float:left}
.space20{ width:100%; height:20px; padding:0; margin:0; float:left}


/* 专题要闻 */
.area{ float:left; width:100%}
.news{margin:0 auto; width:80%;}
.areaTitle{background:url(../image/title.png) center no-repeat;height:100px;width:100%;text-align:center;line-height:100px;font-size: 36px;color: #d51514;font-weight: bold;}
.newsPic{background:url(../image/W020190611615614881301.jpg);width: 588px;height:308px;position:relative;float: left;}
.newsPic p{position: absolute;left:0px;bottom: -14px;filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);*zoom:1;background:rgba(0,0,0,0.5);width: 578px;height: 50px;line-height: 50px;padding-left: 10px;}
.newsPic p a{color: #fff;font-size: 18px}   
.newsbox{ height: 329px; overflow: hidden; width: 588px;float: left;}
.newsbox ul{ margin:0}
.newsbox li{ /*height: 97px;*/ border-bottom: 1px dashed #dbdbdb; /*padding-bottom: 12px;*/}
.newsbox li a.tit{display: block;word-break: keep-all;white-space: nowrap; font-size: 16px; height: 34px; line-height: 34px; font-weight: bold;}
.newsbox li p{ height: 48px; font-size: 14px; line-height: 24px; overflow: hidden; text-indent:2em; color:#666;}


/* 专题学习 */
.newsbox2{ width:45%; float:left}
.newsbox2 ul{ padding-left:0; margin-top:0}
.newsbox2 li.piccon{height: 97px;padding-top: 0;border-bottom:1px solid #dedede;margin-bottom:11px;background:none;padding-left:0px;}
.newsbox2 li.piccon .pic{ width: 140px; height: 80px; overflow: hidden;float: left;}
.newsbox2 li a{font-size:15px;display: inline-block;width: 80%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newsbox2 li.piccon .pic img{width: 140px; height: 80px;}
.newsbox2 li.piccon .con{padding-left: 15px;width: 376px;float: right;}
.newsbox2 li.piccon .con a.tit{height: 20px; line-height: 20px;display: block; font-size: 16px; font-weight: bold;}
.newsbox2 li.piccon .con p{overflow: hidden;text-indent:2em;font-size: 14px;line-height: 24px;text-align: justify;color:#666;}
.newsbox2 li.piccon .con p a{ font-size:14px; color:#cd0e10;}
.newsbox2 li{ height: 32px; line-height:32px; background: url(../image/sjddot.jpg) left center no-repeat; padding-left:14px;}
.date{display: inline-block;width: 15%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.areaTitle2{ background:url(../image/title2.png) 172px no-repeat;height:100px;width:100%;line-height:100px;font-size: 36px;color: #d51514;font-weight: bold;}


/* 学习经验 */
.newsbox3{width: 373px;float:left;margin-right: 40px;}
.listbox{ background:#fff2f1; padding:0 20px 20px 20px}
.areaTitle3{height:80px;width:100%;line-height:80px;font-size: 30px;color: #444;font-weight: bold;}
.newsbox3.Ri{float:right; margin-right:0}
.listbox2{ background:#fff}


/*** 翻页 ****/
.mainbox{ width: 1100px; margin: 0 auto;}
.picqhbox{ margin-top: 23px;}
.picqhbox .box{overflow: hidden; position: relative; height: 450px;}
.picqhbox .list{ width: 906px; height: 450px; overflow: hidden; position: absolute; left: 50%; margin-left: -453px;  }
.picqhbox .btn{ position: absolute; top: 50%; margin-top: -35px; width: 28px; height: 70px; cursor: pointer; overflow: hidden; text-indent: -20em; background: url(../image/prve.gif) 0 0 no-repeat;}
.picqhbox .btn.next{ right: 20px; background-position: -28px 0; }
.picqhbox .btn.next:hover{ background-position: -28px -70px; }
.picqhbox .btn.prev{ left: 20px; }
.picqhbox .btn.prev:hover{background-position: 0 -70px;}
.picqhbox li{ position: absolute; top: 0; left: 0; list-style: none; opacity: 0; transition: all 0.3s ease-out;  }
.picqhbox li img{ width: 560px; height: 420px; border:none; float: left; }
.picqhbox .p1{transform:translate3d(-161px,0,0) scale(0.7);*top:72px; *display: none;}
.picqhbox .p5{transform:translate3d(483px,0,0) scale(0.7);*top:72px; *display: none;}
.picqhbox .p6{transform:translate3d(645px,0,0) scale(0.7);*display: none;*top:72px;}
.picqhbox .p7{transform:translate3d(807px,0,0) scale(0.7);*display: none;*top:72px;}
.picqhbox .p8{transform:translate3d(807px,0,0) scale(0.7);*display: none;*top:72px;}
.picqhbox .p9{transform:translate3d(807px,0,0) scale(0.7);*display: none;*top:72px;}
.picqhbox .p10{transform:translate3d(807px,0,0) scale(0.7);*display: none;*top:72px;}
.picqhbox .p11{transform:translate3d(807px,0,0) scale(0.7);*display: none;*top:72px;}
.picqhbox .p12{transform:translate3d(807px,0,0) scale(0.7);*display: none;*top:72px;}
.picqhbox .p13{transform:translate3d(807px,0,0) scale(0.7);*display: none;*top:72px;}
.picqhbox .p14{transform:translate3d(807px,0,0) scale(0.7);*display: none;*top:72px;}
.picqhbox .p15{transform:translate3d(807px,0,0) scale(0.7);*display: none;*top:72px;}
.picqhbox .p16{transform:translate3d(807px,0,0) scale(0.7);*display: none;*top:72px;}

.picqhbox .p2{transform:translate3d(0px,0,0) scale(0.7);transform-origin:0 50%; z-index: 2;opacity: 1;*width: 392px; *left:0px; *height: 294px;*top:72px;}
.picqhbox .p3{transform:translate3d(161px,0,0) scale(1);z-index: 3;opacity: 1; width: 560px; height: 420px; padding: 9px 19px 25px 11px;*left:161px;}
.picqhbox .p4{transform:translate3d(344px,0,0) scale(0.7); transform-origin:100% 50%;z-index: 2;opacity: 1; top: 7px;*left:514px; *width: 392px; *height: 294px;*top:72px;}

.picqhbox .p4 img,
.picqhbox .p2 img{opacity: 0.7;*width: 392px; *height: 294px;}


.foot{float: left;width: 100%;color: #fff;text-align: center;font-size: 13px;background:#d11616;line-height: 29px;padding: 10px 0;}