ul,p,body{padding: 0; margin:0; list-style: none;}


.zty-video{width: 100%;min-width: 1200px;}
.zty-video-banner{background: url(../images/zty-video-banner.png) no-repeat center center;height: 400px;width: 100%;/*margin-top:-5px;*/}
.zty-video-banner .position {color: #FFF;font-size: 14px;width: 1200px;margin: 0 auto ; padding-top: 40px;opacity: .5;}
.zty-video-banner .position a{color: #FFF;}

.banner-content{width: 990px;margin: 0 auto;margin-top: 150px;}
.banner-content ul li{width: 108px;float: left;position: relative;text-align: center;height: 140px;overflow: hidden;}
.banner-content ul li:hover{overflow: visible;}
.banner-content ul li .icon{width: 85px;height: 85px;margin: 0 auto;margin-bottom: 10px;background: url(../images/banner-icon.png) no-repeat;}
.banner-content ul li p,.banner-content ul li span{font-size: 14px;color: #f9f9f9;line-height: 1.4;}
.banner-content ul li .text{text-align: left;max-height: 0px;background: url(../images/banner-text-gb.png) no-repeat;opacity: 0;font-size: 14px;color: #333;line-height: 24px;position: absolute;top:140px;left:50%;width: 405px;margin-left: -225px;padding:0 20px;-moz-transition:all .2s 0s ease; -ms-transition:all .2s 0s ease; -o-transition:all .2s 0s ease; -webkit-transition:all .2s 0s ease; transition:all .2s 0s ease;}
.banner-content ul li:hover .text{opacity: 1;max-height: 999px;padding: 35px 20px 20px 20px;}

.banner-content ul li.number-1 .icon{background-position: 0 0}
.banner-content ul li.number-1:hover .icon{background-position: -85px 0;}

.banner-content ul li.number-2 .icon{background-position: 0 -85px}
.banner-content ul li.number-2:hover .icon{background-position: -85px -85px;}

.banner-content ul li.number-3 .icon{background-position: 0 -170px}
.banner-content ul li.number-3:hover .icon{background-position: -85px -170px;}

.banner-content ul li.number-4 .icon{background-position: 0 -255px}
.banner-content ul li.number-4:hover .icon{background-position: -85px -255px;}

.banner-content ul li.number-5 .icon{background-position: 0 -340px}
.banner-content ul li.number-5:hover .icon{background-position: -85px -340px;}

.banner-content ul li.number-6 .icon{background-position: 0 -425px}
.banner-content ul li.number-6:hover .icon{background-position: -85px -425px;}

.banner-content ul li.number-7 .icon{background-position: 0 -510px}
.banner-content ul li.number-7:hover .icon{background-position: -85px -510px;}

.banner-content ul li.number-8 .icon{background-position: 0 -595px}
.banner-content ul li.number-8:hover .icon{background-position: -85px -595px;}

.banner-content ul li.number-9 .icon{background-position: 0 -680px}
.banner-content ul li.number-9:hover .icon{background-position: -85px -680px;}

.zty-video-area1{height: 723px;width: 100%;background: #F0F0F0;overflow: hidden;}
.zty-video-area1-content{width: 1200px;margin: 0 auto;height: 723px;background: url(../images/area1-gb.jpg) no-repeat center bottom;}



.zty-video-area3{background: #F9F9F9;width: 100%;height: 770px;overflow: hidden;}
.zty-video-area3-content{background: url(../images/zty-video-area3.png) no-repeat center center;width: 1200px;height: 100%;margin: 0 auto;overflow: hidden;}
.zty-video-area3 ul {margin-top: 180px;overflow: hidden;margin-left: 30px;width: 1120px;overflow: hidden;}
.zty-video-area3 ul li{height: 50px;line-height: 50px;border-bottom: 1px solid #fff;font-size: 14px;color: #666;}
.zty-video-area3 ul li .number{width: 100px;text-align: center;float: left;border-right: 1px solid #fff;height: 100%;}
.zty-video-area3 ul li .name{width: 199px;text-align: center;float: left;border-right: 1px solid #fff;height: 100%;}
.zty-video-area3 ul li .type{width: 409px;float: left;text-align: center;border-right: 1px solid #fff;height: 100%;}
.zty-video-area3 ul li .require{width: 409px;float: left;text-align: center;;height: 100%;}
.zty-video-area3 ul li:first-child{height: 60px;line-height: 60px;font-weight: bold;font-size: 16px;color: #333;}
.zty-video-area3 ul li:nth-child(2n-1) *{background:#E7E7E7 }
.zty-video-area3 ul li:nth-child(2n) *{background:#F0F0F0 }
.zty-video-area3 ul li:first-child *{background: #D9DDEB}


.zty-video-area4{background: #F0F0F0;width: 100%;height: 420px;}
.zty-video-area4-content{background: url(../images/zty-video-area4.png) no-repeat center 65px;width: 1200px;height: 100%;margin: 0 auto;overflow: hidden;}
.zty-video-area4 ul{width: 1220px;margin-top: 160px;}
.zty-video-area4 ul li{border:1px solid #F0F0F0;float: left;margin-right: 18px;cursor: pointer;}
.zty-video-area4 ul li:hover{border-color: #CB3939}
.zty-video-area4 ul li a{width: 224px;height: 189px;position: relative;display: block;}
.zty-video-area4 ul li img{position: absolute;top:0px;left:0px;width: 100%;height: 100%;}
.zty-video-area4 ul li p{text-align: center;font-size: 14px;color: #fff;width: 224px;height: 35px;line-height: 35px;line-height: 35px;background: #C03A38;position: absolute;bottom: 0px;left: 0px}
.zty-video-area4 ul li span{position: absolute;display: block;width: 100%;height: 157px;top:0px;left:0px;background: url(../images/aera4-zz.png) no-repeat;-moz-transition: all .3s 0s ease;-ms-transition: all .3s 0s ease;-o-transition: all .3s 0s ease;-webkit-transition: all .3s 0s ease;transition: all .3s 0s ease;}
.zty-video-area4 ul li:hover span{opacity: .7;}


.zty-video-area5{background: #F9F9F9;width: 100%;height: 990px;overflow: hidden;}
.zty-video-area5-content{background: url(../images/area5-gb.jpg) no-repeat center center;width: 1200px;height: 100%;margin: 0 auto;overflow: hidden;}
.zty-video-area5 ul {margin-top: 190px;overflow: hidden;margin-left: 30px;width: 1120px;overflow: hidden;}
.zty-video-area5 ul li{height: 50px;line-height: 50px;border-bottom: 1px solid #fff;font-size: 14px;color: #666;}
.zty-video-area5 ul li .college{width: 220px;text-align: center;float: left;border-right: 1px solid #fff;height: 100%;}
.zty-video-area5 ul li .name{width: 394px;text-align: center;float: left;border-right: 1px solid #fff;height: 100%;}
.zty-video-area5 ul li .honor{width: 394px;float: left;text-align: center;border-right: 1px solid #fff;height: 100%;}
.zty-video-area5 ul li .ranking{width: 109px;float: left;text-align: center;;height: 100%;}
.zty-video-area5 ul li:first-child{height: 60px;line-height: 60px;font-weight: bold;font-size: 16px;color: #333;}
.zty-video-area5 ul li:nth-child(2n-1) *{background:#E7E7E7 }
.zty-video-area5 ul li:nth-child(2n) *{background:#F0F0F0 }
.zty-video-area5 ul li:first-child *{background: #D9DDEB}

.video-area{position: fixed;z-index: 999; width: 100%;height: 100%;background: url(../images/zz.png);top: 0px;left: 0px;display: none;}
.video-area-content{width: 800px;height: 600px;position: absolute;left:50%;margin-left: -400px;top:50%;margin-top: -300px;background: #000}
.video-close-btn{width: 60px;height: 60px;position: fixed;top:20px;right:20px;background: url(../images/video-close-btn.png);cursor: pointer;}