body { background: #f0f2f5; }
.navoutwrap .navboxs { width: 100%; }
.box1 { width: 1200px; margin: 130px auto 74px auto; }
.box1 .left { float: left; }
.box1 .right { float: right; }
.box1 .left, .box1 .right { width: 511px; }
.box1 .subox { width: 511px; }
.box1 .subox .titlebox { margin-bottom: 24px; }
.box1 .subox .titlebox img { width: 53px; float: left; }
.box1 .subox .titlebox .tbox { margin-left: 13px; float: left; }
.box1 .subox .titlebox .tbox .ti { font-size: 20px; color: #333333; }
.box1 .subox .titlebox .tbox .te { font-size: 16px; color: #cccccc; }
.box1 .subox .tebox { line-height: 24px; }
.box1 .subox .tebox p { font-size: 14px; color: #666; }
.box1 .cam-subox { width: 50%; }
.box1 .cam-subox .campus-title { font-size: 24px; color: #fff; line-height: 110px; border-bottom: 2px dashed rgba(255, 255, 255, 0.4); }
.box1 .cam-subox img { width: 100%; }
.box1 .cam-right { background-color: #005ba0; padding: 0 50px 0 40px; box-sizing: border-box; min-height: 270px; }
.box1 .cam-right .cam-textbox .phone { font-size: 18px; line-height: 18px; margin: 36px 0 18px 0; color: #fff; }
.box1 .cam-right .cam-textbox .st { font-size: 14px; line-height: 24px; color: #fff; }
.zwbox { width: 1200px; margin: 0 auto; padding: 80px 0; }
.zwbox .th { color: #fff; padding: 0 50px; box-sizing: border-box; }
.zwbox .th1 { background: #005ba0; }
.zwbox .th .td { width: 20%; line-height: 57px; text-align: center; float: left; font-size: 16px; }
.zwbox .th .td:last-child { text-align: right; }
.zwbox .th .td:first-child { text-align: left; }
.zwbox ul { background: #FFF; overflow: hidden; }
.zwbox ul li { transition: all .3s ease; }
.zwbox ul li .th { color: #333; width: 1200px; margin: 0 auto; border-bottom: 2px solid #eee; cursor: pointer; transition: all .3s ease; }
.zwbox ul li .th .td:last-child { color: #097bc8; }
.zwbox ul li:hover .th { background: #097bc8; }
.zwbox ul li .th .td { transition: all .3s; }
.zwbox ul li:hover .th .td { color: #fff!important; }
.zwbox ul li .detail { display: none; width: 1100px; margin: 26px auto 30px auto; box-sizing: border-box; padding: 38px; background-color: #f3f3f3; }
.zwbox ul li .detail .top { padding-bottom: 20px; border-bottom: 2px solid #ececec; }
.zwbox ul li .detail .top .tt { float: left; width: 25%; line-height: 30px; font-size: 14px; color: #333; }
.zwbox ul li .detail .bottom { padding-bottom: 50px; }
.zwbox ul li .detail .bottom .subox { box-sizing: border-box; }
.zwbox ul li .detail .bottom .subox .title { line-height: 60px; margin-top: 10px; font-size: 16px; color: #333; }
.zwbox ul li .detail .bottom .subox .text { font-size: 14px; color: #666; line-height: 1.8; }
.zwbox ul li:last-child .th { border-bottom: none; }

 @media screen and (min-width: 100px) and (max-width: 1024px) {
.box1 { width: 90%; margin: 44px auto; }
.box1 .left { float: none; }
.box1 .right { float: none; }
.box1 .subox { width: 100%; margin: 0 auto 22px auto; }
.box1 .subox:last-child { margin-bottom: 0; }
.box1 .subox .titlebox { margin-bottom: 18px; }
.box1 .subox .titlebox img { width: 53px; float: left; }
.box1 .subox .titlebox .tbox { margin-left: 13px; float: left; }
.box1 .subox .titlebox .tbox .ti { font-size: 16px; line-height: 18px; margin-bottom: 10px; }
.box1 .subox .titlebox .tbox .te { font-size: 14px; line-height: 16px; }
.box1 .subox .tebox p { font-size: 14px; color: #666; }
.box1 .cam-subox { width: 100%; }
.box1 .cam-subox .campus-title { font-size: 24px; color: #fff; line-height: 110px; border-bottom: 2px dashed rgba(255, 255, 255, 0.4); }
.box1 .cam-right { background-color: #005ba0; padding: 0 30px; box-sizing: border-box; min-height: 270px; }
.box1 .cam-right .cam-textbox .phone { font-size: 18px; line-height: 18px; margin: 36px 0 18px 0; color: #fff; }
.box1 .cam-right .cam-textbox .st { font-size: 14px; line-height: 24px; color: #fff; }
.zwbox { width: 90%; margin: 0 auto; padding:30px 0;}
.zwbox .th { background: #005ba0; color: #fff; padding: 0 3%; box-sizing: border-box; }
.zwbox .th .td { width: 33.333%; line-height: 40px; }
.zwbox .th .td:nth-child(4), .zwbox .th .td:nth-child(3) { display: none; }
.zwbox ul { background: #FFF; overflow: hidden; }
.zwbox ul li .th { background: #FFF; color: #333; padding: 0 3%; width: 100%; margin: 0 auto; border-bottom: 2px solid #eee; }
.zwbox ul li .th .td:last-child { color: #097bc8; }
.zwbox ul li .detail { display: none; width: 90%; margin: 5% auto; box-sizing: border-box; padding: 3%; background-color: #f3f3f3; }
.zwbox ul li .detail .top { padding-bottom: 20px; border-bottom: 2px solid #ececec; }
.zwbox ul li .detail .top .tt { float: left; width: 50%; line-height: 24px; font-size: 14px; color: #333; }
.zwbox ul li .detail .bottom { padding-bottom: 22px; }
.zwbox ul li .detail .bottom .subox { box-sizing: border-box; }
.zwbox ul li .detail .bottom .subox .title { line-height: 44px; margin-top: 10px; font-size: 16px; color: #333; }
.zwbox ul li .detail .bottom .subox .text { font-size: 14px; color: #666; line-height: 1.8; }
.zwbox ul li:last-child .th { border-bottom: none; }
}