﻿.mainContent{padding:0;}
.mainContent .head{padding:60px 0;border-top:1px solid #cacaca;}
.mainContent .head .child{width:375px;margin:0 19px 0 0;float:left;}
.mainContent .head .child.no{margin:0;}
.mainContent .head .child .childImg{position:relative;width:100%;height:250px;overflow:hidden;}
.mainContent .head .child .childImg img{width:100%;height:100%;}
.mainContent .head .child .childImg img{transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s; -webkit-transition-duration:.3s; }
.mainContent .head .child:hover .childImg img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);}

.mainContent .head .child .childImg .childTime{position:absolute;background:url(blackbg.png);bottom:0px;right:0px;width:100px;height:26px;line-height:26px;}
.mainContent .head .child .childImg .childTime span{padding-left:6px;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#fff;}
.mainContent .head .child .childImg .childTime .pointer{position:absolute;top:0px;right:0px;background:#d6281a;width:29px;height:26px;line-height:26px;color:#fff;text-align:center;}
.mainContent .head .child .childTitle{padding:28px 0;}
.mainContent .head .child .childTitle p{color:#434343;font-size:18px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.mainContent .head .child .childInfo p{color:#777777;font-size:14px;line-height:22px;}

.mainContent .content{border-top:1px solid #cacaca;padding-top:60px;}
.mainContent .content .loading{position:absolute;margin:0 auto;left:0px;right:0px;width: 36px;display:none;}
.mainContent .content .child{position:relative;margin-bottom:50px;}
.mainContent .content .child:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.mainContent .content .child .childImg{width:435px;height:288px;float:left;overflow:hidden;}
.mainContent .content .child .childImg img{width:100%;height:100%;}
.mainContent .content .child .childImg img{transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s; -webkit-transition-duration:.3s; }
.mainContent .content .child:hover .childImg img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);}

.mainContent .content .child .childContent{width:100%;}
.mainContent .content .child .childContent .childTime{color:#999999;font-size:30px;line-height:38px;}
.mainContent .content .child .childContent .childTitle{ font-family:DIN (OT1),Arial, Helvetica, sans-serif;color:#434343;font-size:20px;line-height:34px;padding:18px 0;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.mainContent .content .child .childContent .childInfo{color:#656565;font-size:14px;line-height:24px;}
.mainContent .content .child .childContent .childBtn{height:40px;line-height:36px;width:168px;font-size:16px;margin:40px 0 0 0;}
.mainContent .content .child .childContent .childBtn img{width:30px;}

@media (max-width: 639px) {

.mainContent{padding:0;}
.mainContent .head{display:none;}

.mainContent .content{padding-top:20px;}
.mainContent .content .container{width:86%;}
.mainContent .content .child{margin-bottom:20px;}
.mainContent .content .child .childImg{width:100%;height:auto;}
.mainContent .content .child .childImg img{width:100%;height:auto;}
.mainContent .content .child:hover .childImg img{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}

.mainContent .content .child .childContent{width:100%;float:none;margin-top:10px;}
.mainContent .content .child .childContent .childTime{font-size:24px;line-height:28px;}
.mainContent .content .child .childContent .childTitle{font-size:18px;line-height:24px;padding:8px 0;}
.mainContent .content .child .childContent .childInfo{font-size:12px;line-height:20px;}
.mainContent .content .child .childContent .childBtn{height:32px;line-height:32px;width:120px;font-size:14px;margin:12px 0 0 0;}



}
@media (min-width: 640px) and (max-width:1023px ) {
.mainContent{padding:0;}
.mainContent .head{padding:30px 0 10px 0;display:none;}
/*.mainContent .head .child{width:375px;margin:0 auto 20px auto;float:none;}
.mainContent .head .child.no{margin:0 auto 20px auto;}
.mainContent .head .child .childImg{height:250px;}
.mainContent .head .child .childImg .childTime{width:100px;height:26px;line-height:26px;}
.mainContent .head .child .childImg .childTime span{padding-left:6px;font-size:12px;}
.mainContent .head .child .childImg .childTime .pointer{width:29px;height:26px;line-height:26px;}
.mainContent .head .child .childTitle{padding:28px 0;}
.mainContent .head .child .childTitle p{font-size:18px;}
.mainContent .head .child .childInfo p{font-size:14px;line-height:22px;}*/

.mainContent .content{padding-top:30px;}
.mainContent .content .child{margin-bottom:30px;}
.mainContent .content .child .childImg{width:100%;height:auto;}
.mainContent .content .child .childImg img{width:100%;height:auto;}
.mainContent .content .child .childContent{width:auto;float:left;margin-top:20px;}
.mainContent .content .child .childContent .childTime{font-size:30px;line-height:38px;}
.mainContent .content .child .childContent .childTitle{font-size:20px;line-height:34px;padding:18px 0;}
.mainContent .content .child .childContent .childInfo{font-size:14px;line-height:24px;}
.mainContent .content .child .childContent .childBtn{height:40px;line-height:36px;width:168px;font-size:16px;margin:40px 0 0 0;}
.mainContent .content .child .childContent .childBtn img{width:30px;}
}
@media (min-width: 1024px) and (max-width:1199px ) {
.mainContent .head{padding:30px 0;}
.mainContent .head .child{width:290px;margin:0 15px 0 0;}
.mainContent .head .child.no{margin:0;}
.mainContent .head .child .childImg{height:192px;}
.mainContent .head .child .childImg .childTime{width:100px;height:26px;line-height:26px;}
.mainContent .head .child .childImg .childTime span{padding-left:6px;font-size:12px;}
.mainContent .head .child .childImg .childTime .pointer{width:29px;height:26px;line-height:26px;}
.mainContent .head .child .childTitle{padding:16px 0;}
.mainContent .head .child .childTitle p{font-size:18px;}
.mainContent .head .child .childInfo p{font-size:14px;line-height:22px;}

.mainContent .content{padding-top:30px;}
.mainContent .content .child{margin-bottom:20px;}
.mainContent .content .child .childImg{width:335px;height:222px;}
.mainContent .content .child .childContent{width:500px;}
.mainContent .content .child .childContent .childTime{font-size:26px;line-height:32px;}
.mainContent .content .child .childContent .childTitle{font-size:20px;line-height:28px;padding:12px 0;}
.mainContent .content .child .childContent .childInfo{font-size:14px;line-height:22px;}
.mainContent .content .child .childContent .childBtn{height:36px;line-height:32px;width:140px;font-size:16px;margin:20px 0 0 0;}
.mainContent .content .child .childContent .childBtn span{padding:0 10px 0 18px;}
.mainContent .content .child .childContent .childBtn img{width:30px;}
}
@media (min-width: 1200px) and (max-width:1439px ) {


}
@media (min-width: 1440px) and (max-width:1920px ) {



}