.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:70px 0 80px 0;border-bottom:1px solid #949494;}
.main .mainstitle{font-size:55px;color:#434343;font-family:"notosanshans-light"; line-height: 150%;}
.main .mainsub{width:126px;margin:16px auto 26px auto;height:2px;}
.main .mainsinfo{font-size:36px;line-height:38px;padding-bottom:20px;font-family:"notosanshans-light";color:#3f87f5;border-bottom:1px solid #d3d3d3;width:100%;}
.main .content:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.main .child{width:515px;margin:30px 77px 0 0;text-align:left;float:left;}
.main .child.no{margin:30px 0 0 0;}
.main .child .year{color:#434343;font-size:64px;font-family:"myriadpro-cond_0";line-height:100px;}
.main .child .info{padding:16px 0;color:#434343;font-size:18px;line-height:26px;text-align: justify;}

@media  (max-width: 479px) {
.banner{margin-top:0px;background-position:center 74px; background-size:auto 230px;}
.banner .bannerbg{height:230px;}

.main{padding:20px 0;}
.main .container{width:80%;}
.main .mainstitle{font-size:21px;}
.main .mainsub{width:63px;margin:8px auto 13px auto;height:2px;}
.main .mainsinfo{font-size:16px;line-height:16px;padding-bottom:8px;}
.main .child{width:100%;margin:12px 0 0 0;}
.main .child.no{margin:12px 0 0 0;}
.main .child .year{font-size:32px;line-height:40px;}
.main .child .info{padding:8px 0;font-size:12px;line-height:18px;}
}
@media (min-width: 480px) and (max-width: 639px) {
.banner{margin-top:74px;background-position:center 74px; background-size:auto 340px;}
.banner .bannerbg{height:340px;}

.main{padding:20px 0;}
.main .container{width:80%;}
.main .mainstitle{font-size:26px;}
.main .mainsub{width:63px;margin:8px auto 13px auto;height:2px;}
.main .mainsinfo{font-size:16px;line-height:16px;padding-bottom:8px;}
.main .child{width:100%;margin:12px 0 0 0;}
.main .child.no{margin:12px 0 0 0;}
.main .child .year{font-size:32px;line-height:40px;}
.main .child .info{padding:8px 0;font-size:12px;line-height:18px;}
}
@media (min-width: 640px) and (max-width:1023px ) {
.banner{margin-top:74px;background-position:center 74px; background-size:auto 450px;}
.banner .bannerbg{height:450px;}

.main{padding:40px 0;}
.main .container{width:80%;}
.main .mainstitle{font-size:46px;}
.main .mainsub{width:126px;margin:16px auto 26px auto;height:2px;}
.main .mainsinfo{font-size:29px;line-height:29px;padding-bottom:16px;}
.main .child{width:100%;margin:24px 0 0 0;}
.main .child.no{margin:24px 0 0 0;}
.main .child .year{font-size:58px;line-height:60px;}
.main .child .info{padding:8px 0;font-size:14px;line-height:20px;}
}
@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{padding:58px 0px 66px 0;}
.main .container{width:796px;}
.main .mainstitle{font-size:38px;}
.main .mainsub{width:104px;margin:13px auto 21px auto;height:2px;}
.main .mainsinfo{font-size:24px;line-height:24px;padding-bottom:13px;}
.main .child{width:365px;margin:20px 33px 0 0;}
.main .child.no{margin:20px 0 0 0;}
.main .child .year{font-size:48px;line-height:66px;}
.main .child .info{padding:11px 0;font-size:12px;line-height:16px;}
}
@media (min-width: 1200px) and (max-width:1439px ) {
.banner{margin-top:68px;background-position:left 68px;}
.main{padding:58px 0px 66px 0;}
.main .container{width:796px;}
.main .mainstitle{font-size:38px;}
.main .mainsub{width:104px;margin:13px auto 21px auto;height:2px;}
.main .mainsinfo{font-size:24px;line-height:24px;padding-bottom:13px;}
.main .child{width:365px;margin:20px 33px 0 0;}
.main .child.no{margin:20px 0 0 0;}
.main .child .year{font-size:48px;line-height:60px;}
.main .child .info{padding:8px 0;font-size:12px;line-height:16px;}
}
@media (min-width: 1440px) and (max-width:1920px ) {
.banner{margin-top:82px;background-position:left 82px;}

.main .container{width:960px;}
.main .mainstitle{font-size:44px;}
.main .mainsub{width:126px;margin:16px auto 26px auto;height:2px;}
.main .mainsinfo{font-size:29px;line-height:29px;padding-bottom:16px;}
.main .child{width: 425px;margin: 24px 80px 0 0;}
.main .child.no{margin:24px 0 0 0;}
.main .child .year{font-size:58px;line-height:70px;}
.main .child .info{padding:8px 0;font-size:14px;line-height:20px;}
}