.banner{position:relative;width:100%;height:auto;overflow:hidden;margin-top:120px;background-size:100% auto;background-repeat:no-repeat;background-position:left 120px;background-attachment:fixed;}
.banner .bannerbg{ visibility:hidden;width:100%;height:auto;vertical-align:middle;}

.main{position:relative;text-align:center;padding:0px 0 0px 0;border-bottom:1px solid #949494;}
.main .container{width:1156px;}
.main .mainnav{padding:72px 0 68px 0;border-bottom:1px solid #949494;}
.main .mainnav:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.main .mainnav .child{display:inline-block;*display:inline;*zoom:1;margin:0 8px;color:#808080;font-size:16px;width:222px;height:46px;border:2px solid #b9b8b8;text-align:center;line-height:46px;}
.main .mainnav .child{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.main .mainnav .child:hover{color:#fff;background:#3f87f5;border-color:#3f87f5;}
.main .mainnav .child.on{color:#fff;background:#3f87f5;border-color:#3f87f5;}
.main .content{margin-top:80px;}
.main .content .child{position:relative;margin-bottom:80px;}
.main .content .child:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.main .content .child .childimg{width:400px;height:300px;float:left;}
.main .content .child .childimg img{width:100%;height:100%;vertical-align:middle;}
.main .content .child .childinfo{text-align:left;margin-left:40px;float:left;position:relative;width:710px;height:300px;}
.main .content .child .childinfo .day{color:#9d9d9d;font-size:16px;line-height:16px;}
.main .content .child .childinfo .datetime{line-height:62px;color:#9d9d9d;font-size:48px;font-family:"myriadpro-lightcond";}
.main .content .child .childinfo .title{width:100%;color:#060000;font-size:22px;line-height:50px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.main .content .child .childinfo .info{color:#656565;font-size:16px;line-height:24px;}
.main .content .child .childinfo .childbtn{position:absolute;bottom:0px;left:0px;cursor:pointer;width:163px;height:36px;line-height:36px;border:1px solid #3f87f5;color:#3f87f5;font-size:12px;background-image:;background-repeat:no-repeat;background-position:110px center;background-size:36px 18px;}
.main .content .child .childinfo .childbtn{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.main .content .child .childinfo .childbtn:hover{background-color:#3f87f5;color:#fff;background-image:;}
.main .content .child .childinfo .childbtn span{margin:0 10px;}
.main .linkbtn{margin:0 auto;}
@media  (max-width: 519px) {
.banner{margin-top:0px;background-position:center 74px; background-size:auto 230px;}
.banner .bannerbg{height:230px;}


.main .container{width: 93.75%;}
.main .mainnav{padding:14px 0 12px 0;}
.main .mainnav .child{margin:0 3px;font-size:12px;width:80px;height:18px;line-height:18px;border:1px solid #b9b8b8;}
.main .content{margin-top:20px;}
.main .content .child{margin-bottom:20px;}
.main .content .child .childimg{width:100%;}
.main .content .child .childimg img{width:100%;}
.main .content .child .childinfo{margin-left:0px;height:auto;width:auto;float: right;}
.main .content .child .childinfo .day{font-size:12px;line-height:12px;}
.main .content .child .childinfo .datetime{line-height:30px;font-size:20px;display:none;}
.main .content .child .childinfo .title{font-size:14px;line-height:18px;}
.main .content .child .childinfo .info{display:block;font-size: 12px;line-height: 18px;}
.main .content .child .childinfo a{display: inline-block;}
.main .content .child .childinfo .childbtn{width:80px;height:20px;line-height:20px;font-size:12px;background-position:57px center;background-size:15px 8px;  border:1px solid #3f87f5;}
.main .content .child .childinfo .childbtn span{margin:0 4px;}


}
@media (min-width: 520px) and (max-width: 719px) {
.banner{margin-top:74px;background-position:center 74px; background-size:auto 340px;}
.banner .bannerbg{height:340px;}

.main .container{width:93.75%;}
.main .mainnav{padding:20px 0 18px 0;}
.main .mainnav .child{margin:0 5px;font-size:12px;width:120px;height:26px;line-height:26px;border:1px solid #b9b8b8;}
.main .content{margin-top:30px;}
.main .content .child{margin-bottom:30px;}
.main .content .child .childimg{width:218px;height:162px;}
.main .content .child .childinfo{margin-left:7px;width:225px;height:162px;}
.main .content .child .childinfo .day{font-size:14px;line-height:14px;}
.main .content .child .childinfo .datetime{line-height:40px;font-size:26px;}
.main .content .child .childinfo .title{font-size:18px;line-height:22px;}
.main .content .child .childinfo .info{display:none;}
.main .content .child .childinfo .childbtn{width:110px;height:30px;line-height:30px;font-size:14px;background-position:80px center;background-size:23px 12px;}
.main .content .child .childinfo .childbtn span{margin:0 6px;}

}
@media (min-width: 720px) and (max-width:1023px ) {
.banner{margin-top:74px;background-position:center 74px; background-size:auto 450px;}
.banner .bannerbg{height:450px;}

.main .container{width:93.75%;}
.main .mainnav{padding:28px 0 24px 0;border-bottom:1px solid #949494;}
.main .mainnav .child{margin:0 6px;font-size:12px;width:160px;height:34px;line-height:34px;border:1px solid #b9b8b8;}
.main .content{margin-top:40px;}
.main .content .child{margin-bottom:40px;}
.main .content .child .childimg{width:290px;height:216px;}
.main .content .child .childinfo{margin-left:10px;width:300px;height:216px;}
.main .content .child .childinfo .day{font-size:14px;line-height:14px;}
.main .content .child .childinfo .datetime{line-height:53px;font-size:40px;}
.main .content .child .childinfo .title{font-size:22px;line-height:30px;}
.main .content .child .childinfo .info{display:none;}
.main .content .child .childinfo .childbtn{width:138px;height:30px;line-height:30px;font-size:12px;background-position:94px center;background-size:30px 15px;}
.main .content .child .childinfo .childbtn span{margin:0 8px;}

}
@media (min-width: 1024px) and (max-width:1199px ) {
.banner{margin-top:68px;background-position:left 68px;background-size: auto 300px;}
.banner .bannerbg{height: 300px;}
.main .container{width:796px;}
.main .mainnav{padding:60px 0 60px 0;border-bottom:1px solid #949494;}
.main .mainnav .child{margin:0 6px;font-size:12px;width:188px;height:40px;line-height:40px;border:1px solid #b9b8b8;}
.main .content{margin-top:56px;}
.main .content .child{margin-bottom:56px;}
.main .content .child .childimg{width:282px;height:211px;}
.main .content .child .childinfo{margin-left:23px;width:460px;height:211px;}
.main .content .child .childinfo .day{font-size:12px;line-height:12px;}
.main .content .child .childinfo .datetime{line-height:44px;font-size:33px;}
.main .content .child .childinfo .title{font-size:15px;line-height:35px;}
.main .content .child .childinfo .info{font-size:12px;line-height:16px;}
.main .content .child .childinfo .childbtn{ border:1px solid #3f87f5;width:114px;height:25px;line-height:25px;font-size:12px;background-position:78px center;background-size:25px 12px;}
.main .content .child .childinfo .childbtn span{margin:0 6px;}

}
@media (min-width: 1200px) and (max-width:1439px ) {
.banner{margin-top:68px;background-position:left 68px;}
.main .container{width:796px;}
.main .mainnav{padding:60px 0 60px 0;border-bottom:1px solid #949494;}
.main .mainnav .child{margin:0 6px;font-size:12px;width:188px;height:40px;line-height:40px;border:1px solid #b9b8b8;}
.main .content{margin-top:56px;}
.main .content .child{margin-bottom:56px;}
.main .content .child .childimg{width:282px;height:211px;}
.main .content .child .childinfo{margin-left:23px;width:460px;height:211px;}
.main .content .child .childinfo .day{font-size:12px;line-height:12px;}
.main .content .child .childinfo .datetime{line-height:44px;font-size:33px;}
.main .content .child .childinfo .title{font-size:15px;line-height:35px;}
.main .content .child .childinfo .info{font-size:12px;line-height:16px;}
.main .content .child .childinfo .childbtn{ border:1px solid #3f87f5;width:114px;height:25px;line-height:25px;font-size:12px;background-position:78px center;background-size:25px 12px;}
.main .content .child .childinfo .childbtn span{margin:0 6px;}

}
@media (min-width: 1440px) and (max-width:1920px ) {
.banner{margin-top:82px;background-position:left 82px;}

.main .container{width:960px;}
.main .mainnav{padding:72px 0 72px 0;border-bottom:1px solid #949494;}
.main .mainnav .child{margin:0 7px;font-size:12px;width:188px;height:40px;line-height:40px;border:1px solid #b9b8b8;}
.main .content{margin-top:68px;}
.main .content .child{margin-bottom:68px;}
.main .content .child .childimg{width:340px;height:255px;}
.main .content .child .childinfo{margin-left:28px;width:560px;height:255px;}
.main .content .child .childinfo .day{font-size:14px;line-height:14px;}
.main .content .child .childinfo .datetime{line-height:53px;font-size:40px;}
.main .content .child .childinfo .title{font-size:18px;line-height:42px;}
.main .content .child .childinfo .info{font-size:14px;line-height:20px;}
.main .content .child .childinfo .childbtn{width:138px;height:30px;line-height:30px;font-size:12px;background-position:94px center;background-size:30px 15px;}
.main .content .child .childinfo .childbtn span{margin:0 8px;}

}