/* 样式重置 */ html,body,ul,li,ol,img,a,p,div,h1,h2,h3,h4,h5,h6{ margin: 0; padding: 0; box-sizing: border-box; -webkit-tap-highlight-color: transparent; } html{ font-size: 16px; } body{ font-family: "微软雅黑"; } /*a, a:hover{ color: #666; text-decoration: none; }*/ .outer{width: 1400px;margin: 0px auto;} a{text-decoration: none;} a{ transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; } ul,ol{ list-style: none; } input{ border: none; outline: none; } /*img{ display: block; border: 0 none; }*/ .center{width: 1400px;margin: 0 auto;} /* 添加新的样式 */ .f_left{ float: left; } .f_right{ float: right; } .clearfix::before, .clearfix::after{ content: ""; display: block; height: 0; line-height: 0px; clear: both; visibility: hidden; } .areaheart{ width: 1800px; margin: 0 auto; position: relative; } .cb{ clear: both; } .navBtns { position: absolute; right: 0; bottom: 0; width: 30px; height: 30px; background: url(../img/menu-button-bg.png) no-repeat center center; background-size: 60% 60%; display: none; } /*响应式导航*/ /*.welcome { width: 100%; height: 100%; background: #fff; z-index: 200; } .welList a { color: #333; display: block; text-align: center; padding: 15px 0; } .welList li a:hover{color: red;}*/ /*.dl-menuwrapper>button, .dl-menuwrapper { float: right !important; }*/ .container{display: none;} .top{ height: 140px; background:url(../img/header-bg.png) #120C6E no-repeat 0px 0px; } .logo{ width: 38%; margin-top: 30px; } .logo img{ width: 100%; height: 100%; } .top_rgt ul{ float: right; /* margin-left: 35%; */ } .top_rgt li{ float: left; padding-left: 10px; margin: 0 14px; line-height: 50px; } .top_rgt .search img{margin-top: 18px;} .top_rgt li a,.top_nav li a{color: white } .top_rgt li a:hover{ color: red; } .top_nav>ul{ float: left; /*margin-left: 60%;*/ } .top_nav>ul>li{ float: left; font-weight: bold; margin: 0 14px; line-height: 44px; position: relative; } /*.ss{padding-top: 1.5%}*/ .top_rgt{overflow: hidden;margin-bottom:35px} .ss{ height: 50px; /* margin-top: 20px; */ float: right; } .ssk { float: left; width: 0px; height: 24px; margin: 13px 0; border: 0; background: #FFFFFF; transition: all 1s ease .1s; -webkit-transition: all 1s ease .1s; -moz-transition: all 1s ease .1s; -ms-transition: all 1s ease .1s; -o-transition: all 1s ease .1s; } .ss_btn { width: 30px; height: 50px; cursor: pointer; padding: 0; margin: 0; border: 0; background:url(../img/search.png) center center no-repeat; } .ss .active { width: 150px;} .top_nav span{padding-left: 8px;} /*二级三级菜单*/ .drop-down { position: relative; } /*二级菜单中间跟你的导航中间会有缝隙,所以移到中间会消失, 解决办法,给二级菜单ul给高,不给背景 用padding-top,把li撑下去,所以实现看到二级菜单在下面, 实际上上面有空白部分被铺满,你还是会摸到整个ul*/ .drop-down-content { height: 300px; width: 120px; /*border-left: 3px solid red;*/ position: absolute; top: -5px; left: -10px; line-height: 40px; text-indent: 10px; z-index: 9999; /*background: #120C6E;*/ /*background: #abcdef;*/ padding-top: 54px; box-sizing: border-box; } /*然后给li单独的样式,是原来ul的背景色左边框*/ .drop-down-content>li{ width: 110px; border-left: 3px solid red; background: #120C6E; } .drop-down-content li:hover{background: red;width: 110px;} /*.drop-down-content li a:hover{color:#fff;}*/ .drop-down-2 { position: relative; } .drop-down-content-2 { position: absolute; z-index: 9999; line-height: 40px; top: 0px; left: 108px; width: 120px; height: auto; background: red; } .main{margin-top: 10px;} /*轮播图*/ /* banner轮播图部分 */ .ban-bg{ width: 100%; height: 450px; background: #EEEEEE; } .flexslider { height: 500px; width: 1800px; position: relative; overflow: hidden; z-index: 0; } .slides { position: relative; z-index: -1; } .slides li { height: 500px; z-index: -1; } .flex-direction-nav { position: absolute; z-index: 2; width: 100%; top: 50%; margin-top: -32px; } .flex-direction-nav li a { display: block; width: 34px; height: 65px; overflow: hidden; cursor: pointer; position: absolute; } .flex-direction-nav li a.flex-prev { left: 0px; background: url(../img/icon_banner.png) no-repeat; } .flex-direction-nav li a.flex-next { right: 0px; background: url(../img/icon_banner.png) right top no-repeat; } .flex-control-nav { position: absolute; bottom: 10px; z-index: 2; width: 100%; text-align: center; } .flex-control-nav li { display: inline-block; width: 36px; height: 5px; margin: 0 -5px; *display: inline; zoom: 1; } .flex-control-nav a { display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: #fff; font-size: 14px; line-height: 24px; text-align: center; overflow: hidden; cursor: pointer; color: #f5a016; font-size: 0px; } .flex-control-nav .flex-active { background: red; } /*主体*/ .public_style{ width: 32%; float: left; padding: 20px 0; /*margin-right: 2%;*/ } .new1-top,.notify1-top,.teaching1-top{ height: 35px; line-height: 30px; margin-bottom: 20px; border-bottom: 2px solid #EEEEEE; } .new1-top h4{ color: #ED4022; font-weight: bold; text-indent: 10px; line-height: 30px; border-left: 2px solid #ED4022; } .new1-top a{ font-size: 14px; color: #110D6E; } /*教学动态1*/ .teaching1-top h4{ color: #ED4022; font-weight: bold; text-indent: 10px; line-height: 30px; border-left: 2px solid #ED4022; } .teaching1-top a{ font-size: 14px; color: #110D6E; } .teaching1 ul{margin-top: 10px;} .teaching1 ul li{ /* float: left; */ line-height: 45px; overflow: hidden; border-bottom: 1px #9D9BB0 dashed;} .teaching1 ul li a{ color: #333333; font-size: 16px; float: left; } .teaching1 ul li a:hover{color: red;} .teaching1 ul li span{ font-size: 14px; display: inline-block; float: right; padding-left: 19px; } /*思政教育1*/ .teaching21-top h4{ color: #ED4022; font-weight: bold; text-indent: 10px; line-height: 30px; border-left: 2px solid #ED4022; } .teaching21-top a{ font-size: 14px; color: #110D6E; } .teaching21 ul{margin-top: 10px;} .teaching21 ul li{ /* float: left; */ line-height: 45px; overflow: hidden; border-bottom: 1px #9D9BB0 dashed; } .teaching21 ul li a{ color: #333333; font-size: 16px; float: left; } .teaching21 ul li a:hover{color: red;} .teaching21 ul li span{ font-size: 14px; display: inline-block; float: right; padding-left: 19px; } /*教学通知1*/ .notify1{margin-right: 0%;} .notify1-top h4{ color: #ED4022; font-weight: bold; text-indent: 10px; line-height: 30px; border-left: 2px solid #ED4022; } .notify1-top a{ font-size: 14px; color: #110D6E; } /*.notify1 ul{margin-top: 25px;}*/ .notify1 ul li{ line-height: 45px; background: #F0F0F0; margin-top: 20px;} .notify1 ul li a{ text-indent: 10px; display: inline-block; color: #333333; font-size: 16px; } .notify1 ul li:hover{background: #120C6E;} .notify1 ul li:hover a{color: #fff;} .notify1 ul li span{ display: inline-block; width:60px; text-align: center; background: #120C6E; color: #fff; font-size: 14px; } /*教学通知2*/ .public_style2{ width: 100%; padding: 20px 0; } .notify2-top{ width: 100%; height: 35px; float: left; line-height: 30px; border-bottom: 2px solid #EEEEEE; } .notify2 ul{ width: 100%; height: 260px; margin-top: 20px; /*margin-bottom: 20px;*/ /*border: 1px solid;*/ border-bottom: 1px solid #F0F0F0; } .notify2-top h4{ color: #ED4022; font-weight: bold; text-indent: 10px; line-height: 30px; border-left: 2px solid #ED4022; } .notify2-top a{ font-size: 14px; color: #110D6E; } .notify2 ul li{ width: 33.33%; height: 260px; float: left; padding-top: 30px; box-sizing: border-box; border-right: 1px solid #EEEEEE; } .notify2 ul li a{ color: #333333; font-size: 13px; } .notify2 .dd{ color: #333333; padding-left: 13px; font-size: 24px; } .notify2 .yy{ color: #333333; font-size: 14px; } .notify2 .riqi{ float: left; padding-left:20px; padding-right:25px; } .notify2 ul li a{ font-size: 18px; line-height: 30px; padding-right: 35px; } .notify2 ul li:hover{ background: #EEEEEE; } .notify2 ul li:hover a{color: #120A6D;font-weight: bold;} .notify2 .text{ font-size: 14px; color: #898989; line-height: 30px; padding-left: 100px; padding-right: 20px; padding-top:15px; } .notify2 .jt{ padding-left: 410px; padding-right: 30px; } /*图片新闻2*/ .public_style3{ width: 48%; float: left; padding: 20px 0; /*margin-right: 2%;*/ } /*图片新闻2*/ .new2 .new2-top{ width: 100%; height: 35px; float: left; line-height: 30px; border-bottom: 2px solid #EEEEEE; } .new2-top .title{ width: 90px; color: #ED4022; font-weight: bold; text-indent: 10px; float: left; line-height: 30px; border-left: 2px solid #ED4022; } .new2 .new2-top a{ color: #110D6E; float: right; line-height: 30px; font-size: 14px; } .new2-r .title:hover{color: red;} .tu{ width: 360px; height: 240px; overflow: hidden; margin-top: 20px; float: left; } .btn-jt{ position: absolute; width: 60px; height: 40px; bottom: 3px; left: 300px; /*border: 1px solid;*/ background: url(../img/jtb.png) no-repeat #ED4022 center 15px; } .new2-r{ width: 270px; margin-top: 20px; float: right; } .new2-r .title{ font-size: 16px; color: #323232; line-height: 30px; font-weight: bold; } .new2-r .text{ padding-top: 20px; font-size: 14px; color: #888888; line-height: 30px; } .new2-r .link { padding-top: 40px; } .new2-r .link span{ color: #AAAAAA; display: inline-block; font-size: 14px; text-indent: 25px; background: url(../img/rl.png) no-repeat 0px 0px; } .new2-r .link a{ color: #110B6B; font-size: 14px; float: right; } /*教学动态2*/ .teaching2 .teaching2-top{ width: 100%; height: 35px; float: left; line-height: 30px; border-bottom: 2px solid #EEEEEE; } .teaching2-top .title{ width: 90px; color: #ED4022; font-weight: bold; text-indent: 10px; float: left; line-height: 30px; border-left: 2px solid #ED4022; } .teaching2 .teaching2-top a{ color: #110D6E; float: right; line-height: 30px; font-size: 14px; } .teaching2-l{ width: 130px; height: 240px; float: left; margin-top: 20px; background: #ED4022; } .teaching2-l ul{ width: 80px; height: 200px; color: #fff; margin:7px auto; } .teaching2-l ul li{ height: 50px; line-height: 55px; font-size:14px; border-bottom: 2px solid #fff; } .teaching2-r { padding-left: 20px; padding-top: 30px; float: left; } .teaching2-r li a{ color: #333333; font-size: 16px; font-weight: bold; } .teaching2-r li a:hover{color: red;} .teaching2-r li{ height: 50px; line-height: 55px; } /*教务管理1*/ .admin1 .admin1-top{ width: 100%; height: 35px; float: left; line-height: 30px; border-bottom: 2px solid #EEEEEE; } .admin1-top .title{ width: 90px; color: #ED4022; font-weight: bold; text-indent: 10px; float: left; line-height: 30px; border-left: 2px solid #ED4022; } .admin1 .admin1-top a{ color: #110D6E; float: right; line-height: 30px; font-size: 14px; } .admin1 ul li span{ width: 80px; height: 40px; line-height: 40px; display: inline-block; margin-top: 20px; background: #EEEEEE; color: #130C6C; text-align: center; font-weight: bold; } .admin1 ul li a{ color: #333; padding-left: 15px; } .admin1 ul li:hover a{color: red} /*教务管理2*/ .admin2 .admin2-top{ width: 100%; height: 35px; float: left; line-height: 30px; border-bottom: 2px solid #EEEEEE; } .admin2-top .title{ width: 90px; color: #ED4022; font-weight: bold; text-indent: 10px; float: left; line-height: 30px; border-left: 2px solid #ED4022; } .admin2 .admin2-top a{ color: #110D6E; float: right; line-height: 30px; font-size: 14px; } .admin2 ul li span{ width: 80px; height: 40px; line-height: 40px; display: inline-block; margin-top: 20px; background: #EEEEEE; color: #130C6C; text-align: center; font-weight: bold; } .admin2 ul li a{ color: #333; padding-left: 15px; } .admin2 div:hover a{color: red;} .admin2 .box{ width: 100%; height: 170px; border: 1px solid #DDDDDD; margin-top: 25px; } .admin2 .box-b {padding-top: 15px;} .admin2 .box-b a{ font-size: 18px; color: #333333; padding-left: 160px; padding-top: 20px; } .admin2 .box-z{ font-size: 14px; color: #888888; padding-left: 30px; padding-right: 30px; line-height: 30px; padding-top: 15px; } .admin2-bt{ padding-top: 27px; float: left; } .admin2-bt a{ font-size: 16px; color: #333333; } .admin2-bt span{ float: right; padding-left: 156px; color: #BBBBBB; font-size: 14px; display: inline-block; } /*实践与教材1*/ .practice1 .practice1-top{ width: 100%; height: 35px; float: left; line-height: 30px; border-bottom: 2px solid #EEEEEE; } .practice1-top .title{ width: 92px; color: #ED4022; font-weight: bold; text-indent: 10px; float: left; line-height: 30px; border-left: 2px solid #ED4022; } .practice1 .practice1-top a{ color: #110D6E; float: right; line-height: 30px; font-size: 14px; } .practice1 ul{ margin-top: 20px; } .practice1 ul li{ height: 60px; line-height: 60px; margin-top: 10px; background: #F4F4F4; } .practice1 ul li a{ float: left; color: #333333; font-size: 16px; text-indent: 30px; border-left: 1px solid #120C6E; } .practice1 ul li span{ float: right; color: #333333; padding-right: 25px; } .practice1 ul li:hover{ background: #120C6E; } .practice1 ul li:hover a{color: #fff;} .practice1 ul li:hover span{color: #fff;} /*实践与教材2*/ .practice2 .practice2-top{ width: 100%; height: 35px; float: left; line-height: 30px; border-bottom: 2px solid #EEEEEE; } .practice2-top .title{ width: 92px; color: #ED4022; font-weight: bold; text-indent: 10px; float: left; line-height: 30px; border-left: 2px solid #ED4022; } .practice2 .practice2-top a{ color: #110D6E; float: right; line-height: 30px; font-size: 14px; } .practice2 ul{ margin-top: 20px; } .practice2 ul li{ height: 58px; margin-top: 10px; border: 1px solid #DDDDDD; } .practice2 ul li a{ color: #333333; line-height: 60px; padding-left: 20px; } .practice2 ul li:hover a{color: red} .practice2 ul span{ width: 130px; height: 30px; line-height: 30px; text-align: center; display: inline-block; color: #120C6E; font-weight: bold; border-right: 1px solid #120C6E; } /*部门简介1*/ .brief1 .brief1-top{ width: 100%; height: 35px; float: left; line-height: 30px; border-bottom: 2px solid #EEEEEE; } .brief1-top .title{ width: 90px; color: #ED4022; font-weight: bold; text-indent: 10px; float: left; line-height: 30px; border-left: 2px solid #ED4022; } .brief1 .brief1-top a{ color: #110D6E; float: right; line-height: 30px; font-size: 14px; } .brief1-tu{ margin-top: 20px; color: #333333; font-size: 14px; line-height: 30px; } /*焦点新闻*/ .focus ul li a:hover img{transform: scale(1.1,1.1);} .focus ul li a:hover{color: red;} .focus .focus-top{ width: 100%; height: 35px; float: left; line-height: 30px; border-bottom: 2px solid #EEEEEE; } .focus-top .title{ width: 90px; color: #ED4022; font-weight: bold; text-indent: 10px; float: left; line-height: 30px; border-left: 2px solid #ED4022; } .focus .focus-top a{ color: #110D6E; float: right; line-height: 30px; font-size: 14px; } .focus ul li{ float: left; width: 33.33%; height: 200px; margin-top: 20px; /*border: 1px solid;*/ } .focus img{width: 100%;} .focus ul li a{ color: #333333; font-size: 14px; display: block; width: 90%; margin: 0px auto; } .focus ul li span{ line-height: 30px; padding-top: 10px; display: inline-block; } .focus .xia{ padding-top: 20px; } .public_style4{ width: 32%; float: left; padding: 20px 0; } /*部门简介2*/ .brief2 .brief2-top{ width: 100%; height: 35px; float: left; line-height: 30px; border-bottom: 2px solid #EEEEEE; } .brief2-top .title{ width: 90px; color: #ED4022; font-weight: bold; text-indent: 10px; float: left; line-height: 30px; border-left: 2px solid #ED4022; } .brief2 .brief2-top a{ color: #110D6E; float: right; line-height: 30px; font-size: 14px; } /*部门公告*/ .class1 .class1-top{ width: 100%; height: 35px; float: left; line-height: 30px; border-bottom: 2px solid #EEEEEE; } .class1-top .title{ width: 90px; color: #ED4022; font-weight: bold; text-indent: 10px; float: left; line-height: 30px; border-left: 2px solid #ED4022; } .class1 .class1-top a{ color: #110D6E; float: right; line-height: 30px; font-size: 14px; } .class1 .nr{ width: 440px; height: 180px; padding-left: 20px; padding-right: 22px; margin-top: 20px; box-sizing: border-box; background: #F4F4F4; } .class1 .nr a{ color: #333333; font-size: 14px; display: inline-block; padding-top: 20px; padding-bottom: 15px; } .class1 .nr a:hover{color: red;} .class1 .nr .text{ font-size: 12px; color: #A9A9A9; line-height: 27px; } /*相关下载1*/ .down1 .down1-top{ width: 100%; height: 35px; float: left; line-height: 30px; border-bottom: 2px solid #EEEEEE; } .down1-top .title{ width: 90px; color: #ED4022; font-weight: bold; text-indent: 10px; float: left; line-height: 30px; border-left: 2px solid #ED4022; } .down1 .down1-top a{ color: #110D6E; float: right; line-height: 30px; font-size: 14px; } .down1 ul{padding-top: 25px;} .down1 ul li a{ color: #333333; font-size: 14px; line-height: 43px; } .down1 ul li:hover a{ color: red; font-weight: bold; } .public_style5{ width: 65%; float: left; padding:20px 0px; } /*专题图*/ .special ul li{ width: 100%; height: 100px; overflow: hidden; } /*.special ul{margin-top: 50px;}*/ .special ul li a{ font-size: 18px; line-height: 100px; padding-left:180px; font-weight: bold; } .special .bm{ background: url(../img/bm.png) #120C6D no-repeat center; } .special .zs{ background: url(../img/zs.png) #ED4022 no-repeat center; } .special .jy{ background: url(../img/jy.png) #F9A332 no-repeat center; } /*教学 动态3*/ .teaching3 .teaching3-top{ width: 100%; height: 35px; float: left; line-height: 30px; border-bottom: 2px solid #EEEEEE; } .teaching3-top .title{ width: 90px; color: #ED4022; font-weight: bold; text-indent: 10px; float: left; line-height: 30px; border-left: 2px solid #ED4022; } .teaching3 .teaching3-top a{ color: #110D6E; float: right; line-height: 30px; font-size: 14px; } .teaching3 ul{margin-top: 20px;} .teaching3 ul li{ width: 47%; float: left; } .teaching3 .pics{ float: left; } .teaching3 ul li .text{ font-size: 16px; color: #333333; width: 330px; padding-left: 20px; line-height: 25px; padding-top: 3px; } .teaching3 ul li:hover a{color: red;} .teaching3 span{ font-size: 12px; color: #cccccc; line-height: 10px; padding-top: 15px; } .teaching3-r{margin-left: 45px; } /*相关下载2*/ .down2 .down2-top{ width: 100%; height: 35px; float: left; line-height: 30px; border-bottom: 2px solid #EEEEEE; } .down2-top .title{ width: 90px; color: #ED4022; font-weight: bold; text-indent: 10px; float: left; line-height: 30px; border-left: 2px solid #ED4022; } .down2 .down2-top a{ color: #110D6E; float: right; line-height: 30px; font-size: 14px; } .down2 ul{margin-top: 20px;} .down2 ul li{ width: 440px; margin-top: 10px; text-align: center; line-height: 44px; background: #EFEFEF; } .down2 ul li a{ font-size: 14px; color: #333333; } .down2 ul li:hover a{ color: red; font-weight: bold; } /*系统链接1*/ .system1 .system1-top{ width: 100%; height: 35px; float: left; line-height: 30px; border-bottom: 2px solid #EEEEEE; } .system1-top .title{ width: 90px; color: #ED4022; font-weight: bold; text-indent: 10px; float: left; line-height: 30px; border-left: 2px solid #ED4022; } .system1 .system1-top a{ color: #110D6E; float: right; line-height: 30px; font-size: 14px; } .system1 ul{ margin-top: 10px; } .system1 ul li{ width: 47%; height: 80px; line-height: 80px; background: #EFEFEF; margin-top: 10px; float: left; margin-right: 3%; } .system1 ul li span{ padding-top: 15px; float: left; display: block; margin-left: 40px; } .system1 ul li a{ color: #130B6E; float: right; width: 110px; font-size: 18px; } .system1 ul li:hover a{color: red;} /*.sys-r{margin-left: 20px;}*/ /*友情链接1*/ .link1 .link1-top{ width: 100%; height: 35px; float: left; line-height: 30px; border-bottom: 2px solid #EEEEEE; } .link1{margin-right: 0%;} .link1-top .title{ width: 90px; color: #ED4022; font-weight: bold; text-indent: 10px; float: left; line-height: 30px; border-left: 2px solid #ED4022; } .link1 .link1-top a{ color: #110D6E; float: right; line-height: 30px; font-size: 14px; } .link1 ul li{ height: 55px; line-height: 65px; border-bottom: 1px solid #EFEFEF; } .link1 ul li a{ color: #333333; font-size: 14px; } .link1 ul li:hover a{color: red;} /*系统链接2*/ .system2 .system2-top{ width: 100%; height: 35px; float: left; line-height: 30px; border-bottom: 2px solid #EEEEEE; } .system2-top .title{ width: 90px; color: #ED4022; font-weight: bold; text-indent: 10px; float: left; line-height: 30px; border-left: 2px solid #ED4022; } .system2 .system2-top a{ color: #110D6E; float: right; line-height: 30px; font-size: 14px; } .system2 ul{ margin-top: 10px; } .system2 ul li{ width: 240px; height: 100px; line-height: 100px; background: #EFEFEF; margin-top: 10px; float: left; margin-left: 50px; } .system2 ul li span{ padding-top: 12px; float: left; margin-left: 58px; } .system2 ul li>a{ color: #fff; float: right; width: 130px; font-size: 18px; } /*系统链接3*/ .system3{margin-top: 20px;} .system3 .system3-top{ width: 100%; height: 35px; float: left; line-height: 30px; border-bottom: 2px solid #EEEEEE; } .system3-top .title{ width: 90px; color: #ED4022; font-weight: bold; text-indent: 10px; float: left; line-height: 30px; border-left: 2px solid #ED4022; } .system3 .system3-top a{ color: #110D6E; float: right; line-height: 30px; font-size: 14px; } .system3-ulBox{ width: 100%; height: 100px; /*line-height: 100px;*/ background: #F1F1F1; margin-top: 20px; } .system3 ul li{ width: 270px; height: 40px; line-height: 40px; border-right: 1px solid #130B6E; margin: 30px auto; float: left; } .system3 ul li a{ color: #130B6E; font-size: 18px; padding-left: 22px; } .system3 ul li span{ float: left; margin-left: 75px; } .system3 ul li:hover a{color: red;} /*相关链接1*/ .relate1 .relate1-top{ width: 100%; height: 35px; float: left; line-height: 30px; border-bottom: 2px solid #EEEEEE; } .relate1-top .title{ width: 90px; color: #ED4022; font-weight: bold; text-indent: 10px; float: left; line-height: 30px; border-left: 2px solid #ED4022; } .relate1 .relate1-top a{ color: #110D6E; float: right; line-height: 30px; font-size: 14px; } .relate1 ul{ max-width: 1400px; height: 50px; margin-top: 20px; background: #F1F1F1; } .relate1 ul li{ float: left; line-height: 50px; margin-left: 30px; } .relate1 ul li a{ color: #333333; font-size: 14px; } .relate1 ul li:hover a{color: red;} /*相关链接2*/ .relate2 .relate2-top{ width: 100%; height: 35px; float: left; line-height: 30px; border-bottom: 2px solid #EEEEEE; } .relate2-top .title{ width: 90px; color: #ED4022; font-weight: bold; text-indent: 10px; float: left; line-height: 30px; border-left: 2px solid #ED4022; } .relate2 .relate2-top a{ color: #110D6E; float: right; line-height: 30px; font-size: 14px; } .relate2 ul {margin-top: 20px;} .relate2 ul li{ float: left; width: 240px; height: 30px; margin-left: 50px; position: relative; } .relate2 select{ width: 240px; height: 30px; /*padding-left: 30px;*/ border: none; padding-left: 60px; outline: none; /*去掉默认的下拉三角*/ appearance:none; -moz-appearance:none; -webkit-appearance:none; /*添加下拉三角图标*/ border: 1px solid #120C6E; } /*option a{color: #333333;}*/ .relate2 ul li:after{ content: ""; width: 30px; height: 30px; background: url("../img/sj.jpg") #120C6E no-repeat scroll right center ; position: absolute; top: 0px; left: 210px; pointer-events: none; } .footer{ width: 100%; height: 200px; margin-top: 40px; background: url(../img/yw-bg.png) no-repeat center; } .foot-bg{ /*width: 100%;*/ height: 200px; } .foot-bg div{ float: left; height: 140px; margin-top: 30px; border-right: 1px solid #fff; } .foot-logo{ width: 45%; /*padding-right: 105px;*/ padding-top: 40px; box-sizing: border-box; } .foot-logo img{float: left;width:90%} .header-class{ float: left; font-size: 36px; color: #fff; padding: 5px 0px 0px 20px; } .foot-cell{ color: #fff; font-size: 14px; padding-top: 20px; box-sizing: border-box; padding-left: 50px; line-height: 30px; padding-right: 120px; } .footer .ma{ padding-left: 105px; margin-top: 35px; border-right: transparent;text-align: center; } .footer .ma span{ display: block; color: #fff; font-size: 14px; line-height: 30px; } .ban{ width: 100%; height: 30px; background: #130B6E; text-align: center; font-size: 14px; color: #fff; line-height: 30px; } .new1 { /*width: 31%;*/ height: 380px; float: left; overflow: hidden; position: relative; } .lun-tu{ width: 2200px; height: 380px; position: absolute; } /*.lun-tu li:hover img{transform: scale(1.1,1.1);}*/ .lun-tu li{float: left;} .biao{ width: 2200px; height: 50px; position: absolute; top: 330px; left: 0px; } .biao li{ height: 50px; width: 440px; line-height: 50px; text-indent: 5px; float: left; background-color: rgba(0,0,0,0.5); } .biao a{color: #fff;font-size: 14px;} .notify1,.class1,.down1,.system1,.link1{margin-left: 2%;} .teaching1{margin-left: 1%;} .teaching21{margin-left: 0.5%;} .teaching2,.admin2,.practice2,.focus,.teaching3{float: right;} .brief2,.class1,.down1{margin-top: 20px;} .drop-down-content, .top_nav>ul>li .drop-down ul{ display: none; } .top_nav>ul>li:hover .drop-down-content, .top_nav>ul>li .drop-down:hover ul{ display:block; } .top_nav>ul>li .drop-down-2 ul{ display: none; } .top_nav>ul>li .drop-down-2:hover ul{ display:block; }