.mainHead{padding-top:40px;}
.mainHead:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.mainHead .left{width:435px;height:225px;line-height:225px;float:left;}
.mainHead .left img{ vertical-align:middle;width:100%;height:100%;}
.mainHead .right{position:relative;width:656px;float:right;}
.mainHead .right{line-height:26px;color:#666;font-size:14px;}
.mainHead .right a{font-family:Arial, Helvetica, sans-serif;color:#0C75D2;}

.mainContent .child{width:285px;margin-right:10px;vertical-align:text-top;padding-top:60px;display:inline-block;*display:inline;*zoom:1;}
.mainContent .child .childImg{overflow:hidden;position:relative;width:285px;height:190px;line-height:212px;text-align:center;}
.mainContent .child .childImg{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.mainContent .child:hover .childImg{
-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
-ms-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
-o-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);}
.mainContent .child .childImg .childImgimg{width:100%;height:100%; vertical-align: top;}
.mainContent .child .childImg .childHide{ opacity:0;position:absolute;top:0px;left:-100%;width:100%;height:100%;
background-image: linear-gradient(top, rgba(232,232,232, 0.8) 0%, rgba(214,214,214, 0.8) 100%);
background-image: -o-linear-gradient(top, rgba(232,232,232, 0.8) 0%, rgba(214,214,214, 0.8) 100%);
background-image: -moz-linear-gradient(top, rgba(232,232,232, 0.8) 0%, rgba(214,214,214, 0.8) 100%);
background-image: -webkit-linear-gradient(top, rgba(232,232,232, 0.8) 0%, rgba(214,214,214, 0.8) 100%);
background-image: -ms-linear-gradient(top, rgba(232,232,232, 0.8) 0%, rgba(214,214,214, 0.8) 100%);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, rgba(232,232,232, 0.8)),color-stop(1, rgba(214,214,214, 0.8)));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e8e8', endColorstr='#d6d6d6'), progid: DXImageTransform.Microsoft.Alpha(Opacity=0);}
.mainContent .child .childImg .childHide{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }

.mainContent .child .childImg .childHide .childHideIcon{display:inline-block;*display:inline;*zoom:1;margin:0 2px;cursor:pointer;width:36px;height:36px;text-align:center;line-height:36px;border-radius:36px;-moz-border-radius:36px;-ms-border-radius:36px;-o-border-radius:36px;-webkit-border-radius:36px;background:#5f5f5f;}
.mainContent .child .childImg .childHide .childHideIcon{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.mainContent .child .childImg .childHide .childHideIcon:hover{background:#000;}
.mainContent .child .childImg .childHide .childHideIcon img{ vertical-align:middle;}
.mainContent .child .childImg:hover .childHide{left:0;opacity:1;}
.mainContent .child .childTitle{line-height:24px;padding:20px 0 0 0;color:#333333;font-size:14px;}
.mainContent .child .childTime{line-height:22px;padding:6px 0;color:#999999;font-size:12px;}
.mainContent .child .childInfo{line-height:22px;font-size:12px;color:#666;}

@keyframes newsChild{
0%{ opacity:0; transform:scale(0);}
100%{ opacity:1;transform:scale(1);}
}
@-moz-keyframes newsChild{
0%{ opacity:0; -moz-transform:scale(0);}
100%{ opacity:1;-moz-transform:scale(1);}
}
@-webkit-keyframes newsChild {
0%{ opacity:0; -webkit-transform:scale(0);}
100%{ opacity:1;-webkit-transform:scale(1);}
}
@-o-keyframes newsChild{
0%{ opacity:0; -o-transform:scale(0);}
100%{ opacity:1;-o-transform:scale(1);}
}
@media (max-width: 639px) {
.mainHead{padding-top:20px;}
.mainHead .left{width:100%;height:auto;line-height:normal;float:none;}
.mainHead .right{width:100%;float:right;margin:10px 0 0 0;}
.mainHead .right{line-height:22px;font-size:12px;}

.mainContent .child{width:100%;margin-right:0px;padding-top:30px;}
.mainContent .child .childImg{width:100%;height:auto;line-height:none;}
.mainContent .child .childTitle{line-height:24px;padding:10px 0 0 0;font-size:14px;}
.mainContent .child .childTime{line-height:20px;padding:4px 0;font-size:12px;}
.mainContent .child .childInfo{line-height:20px;font-size:12px;}
}
@media (min-width: 640px) and (max-width:1023px ) {
.mainHead{padding-top:40px;}
.mainHead .left{width:100%;height:auto;line-height:normal;float:none;}
.mainHead .right{width:100%;float:right;margin:20px 0 0 0;}
.mainHead .right{line-height:26px;font-size:14px;}

.mainContent .child{width:285px;margin-right:10px;padding-top:60px;}
.mainContent .child .childImg{width:285px;height:212px;line-height:212px;}
.mainContent .child .childTitle{line-height:24px;padding:20px 0 0 0;font-size:14px;}
.mainContent .child .childTime{line-height:22px;padding:6px 0;font-size:12px;}
.mainContent .child .childInfo{line-height:22px;font-size:12px;}
}
@media (min-width: 1024px) and (max-width:1199px ) {
.mainHead{padding-top:30px;}
.mainHead .left{width:355px;height:183px;line-height:183px;}
.mainHead .right{width:535px;}

}
@media (min-width: 1200px) and (max-width:1439px ) {

}
@media (min-width: 1440px) and (max-width:1920px ) {

}
.pages{text-align:center;margin: 64px 0 0 0;}
.pages a,.pages span {
    display:inline-block;
    padding:9px 14px;
    margin:0 1px;
    border:1px solid #f0f0f0;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
}
.pages a,.pages li {
    display:inline-block;
    list-style: none;
    text-decoration:none; color:#58A0D3;
}
.pages a.first,.pages a.prev,.pages a.next,.pages a.end{
    margin:0;
}
.pages a:hover{
    border-color:#50A8E6;
}
.pages span.current{
    background:#50A8E6;
    color:#FFF;
    font-weight:700;
    border-color:#50A8E6;
}