/*PUBLIC STYLE*/ * {margin:0;padding:0;font-family: '微软雅黑';word-wrap:break-word;} .fl{float: left;} .fr{float: right;} .clear{clear: both;} .mt60{margin-top: 60px;} .layui-fluid{padding: 0;} .box_100{width: 100%;} body{overflow-y: scroll;} /* header */ header{width: 100%;height: 175px;background: url(../images/top_01.jpg) no-repeat;background-size: 100% 100%;position: relative;} .tophead{width: 100%;height: 100px;} header .logo{height: 100px;padding-top:32px;} header .logoimg{width: 100%;} .getback{height: 32px;line-height: 32px;width: 100%;background: #0f3050;-webkit-transform: skew(-45deg);-moz-transform: skew(-45deg);-o-transform: skew(-45deg);transform: skew(-45deg);} .getback a { display: block;padding-left:30%;background: url(../images/rig_03.png) 10% no-repeat;-webkit-transform: skew(45deg);-moz-transform: skew(45deg);-o-transform: skew(45deg);transform: skew(45deg);color: #fff;font-size: 12px;} .top_r{position: relative;height: 30px;line-height: 30px;font-size: 20px;margin-top: 25px;width: 100%;} .top_r .search_box i{font-size: 20px;color: #fff;cursor: pointer;} .top_r a{font-size: 20px;color: #fff;padding: 0 5px;} .top_r .search{position: absolute;top: 0px;left: -150px;background-color:#fff ;color: #666;border-radius: 25px;height: 36px;display: none;} /* nav */ .layui-nav{margin-top: 25px;width: 90%;float: right;background:#0d2f50;} .layui-nav::after{content: ' ';position: absolute;top: -50px;left: -30px;border-width: 50px 30px;border-style: solid;border-color:transparent transparent #0d2f50 transparent;} .layui-nav .layui-nav-item{line-height: 50px;} .layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after{background-color: transparent;} .layui-nav li{text-align: center;width: 14.28%;} .layui-nav *{font-size: 16px;} .layui-nav .layui-nav-item a{color: #fff;padding: 0;font-weight: bold;} .layui-nav .layui-nav-item a:hover, .layui-nav .layui-this a{color: #49a6ff;} .layui-nav-child{background-color: #174470;box-shadow:none;border: none;padding:0 15px;} .layui-nav .layui-nav-more{display: none;} .layui-nav .layui-this dl dd a{color:#fff;} .layui-nav dl dd a{font-size:14px!important;font-weight:400!important;} .layui-nav .layui-nav-child a:hover{background-color: #174470!important;color:#49a6ff;} .layui-nav .layui-this dl dd a:hover{color:#49a6ff;} .layui-nav .layui-nav-child dd.layui-this a, .layui-nav-child dd.layui-this{background-color: transparent!important;} /* banner */ .banner{width: 100%;} .banner a{color: #083829;} .banner img{width: 100%;} .banner .swiper-button-next,.swiper-button-prev{width: 72px;height: 72px;border-radius: 50%;background-color: rgba(0,0,0,.2);} .banner .swiper-button-prev{left: 5%;} .banner .swiper-button-next{right: 5%;} .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{left: 5%!important;bottom: 5%;width: 70%;} .banner .swiper-pagination {display: -webkit-flex;display: flex;-webkit-justify-content: flex-end;justify-content: flex-start;} .banner .swiper-pagination-bullet {width: 35px;height: 50px;text-align: center;line-height: 50px;font-size: 14px;color: #fff;opacity: 1;background: rgba(0, 0, 0, 0.4);border-radius: 0;} .banner .swiper-pagination-bullet-active {color: #fff;background: #9f8027;} .banner .banner_text{position: absolute;bottom: 5%;left: 40%;width: 440px;height: 140px;background-color: rgba(255,255,255,.5);border-radius: 25px 0 25px 0;font-size: 24px;padding:20px;line-height: 35px;} .banner .banner_down{float: right;color: #083829;font-size: 30px;} /* 学院新闻 */ .box_news{width: 100%;padding: 40px 0;box-sizing: border-box;background: #f4f4f4;} .box_tit{text-align: center;font-size: 40px;padding: 42px 0;} .dot{width: 10px;height: 10px;background-color: #000000;border-radius: 50%;display: inline-block;position: relative;top:-6px;} .box_tit b{padding: 0 10px;} .layui-col-space30{margin: -7px;} .layui-col-space30>*{padding: 7px;} .news_banner{width: 100%;height: 330px;position: relative;} .news_banner img{width: 100%;height: 330px;} .news_banner .news_text{position: absolute;left: 0;bottom: 0;z-index: 10;width: 100%;height: 80px; background:linear-gradient(rgba(49,49,49,0),rgba(49,49,49,1));color: #fff;padding: 10px 25px;font-size: 18px;line-height: 32px;} .news_p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .news_t{font-size: 14px;background: url(../images/time.png) left no-repeat;padding-left: 30px;} .news_r{margin: -7px;} .news_r>*{padding: 7px;} .news_r_li{width: 100%;height: 158px;background-color: #fff;border-bottom: 5px solid #003262;padding: 40px 24px;} .news_r_li_p{color: #333333;font-size: 14px;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .news_r_li_t{color: #003262;font-size: 14px;font-weight: bold;margin-top: 40px;} .more{display: block;margin: 20px auto;width: 166px;height: 44px;border: 1px solid #62809c;color: #62809c;text-align: center;line-height: 44px;padding: 0;} .more:hover{background-color: #62809c;color: #fff;} /* 通知公告 */ .tzgg_box{margin: -7px;} .tzgg_box>*{padding: 7px;} .tzgg{width: 100%;height:100px;padding: 10px;} .tzgg_l{font-size: 12px;color: #003262;padding: 10px 0;width: 15%;text-align: center;} .tzgg_l b{font-size: 32px;} .tzgg_r{width: 80%;font-weight: bold;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height: 30px;padding-top: 10px;position: relative;transition: all .5s;} .tzgg_r::before{width: 30%;height: 4px;background: #9f8027;position: absolute;top: 0;left: 0;content: '';transition: all .5s} .tzgg_r:hover{color: #003262;font-weight: bold;} .tzgg_r:hover:before{width: 100%;} /* 学术交流 */ .xsjl_box{margin: -15px;} .xsjl_box>*{padding: 15px;} .xsjl_img img{width: 100%;height: 100%;} .xsjl_ul{height: 260px;overflow: hidden;} .xsjl_ul li{line-height: 34px;} .xsjl_ul li a{color: #333333;} .xsjl_ul li a p{width: 60%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .box2-jx{margin: -15px;margin-bottom: 50px;} .box2-jx>*{padding: 15px;} /* 教育教学 */ .jyjx_li{width: 100%;height: 450px;background-color: #003262;color: #fff;transition: all .6s;cursor: pointer;overflow: hidden;} .jyjx_li a{color:#fff;display:block;} .jyjx_li_box{width: 100%;height: 375px;overflow: hidden;position: relative;padding: 20px;box-sizing: border-box;} .jyjx_li_t{font-size: 20px;} .jyjx_li_c{font-size: 14px;line-height: 30px;box-sizing: border-box;margin-top: 30px;} .jyjx_li_box::after{content: '';width: 100%;height: 1px;background-color: rgba(255,255,255,.6);position: absolute;bottom: 0;left: 0; } .jyjx_li_box::before{content: '';width: 20%;height: 1px;background-color: #fff;position: absolute;bottom: 0;left: 0;} .jyjx_li_more{width: 100%;height: 75px;overflow: hidden;padding:0 30px;box-sizing: border-box;} .ckxq{color: #fff;line-height: 75px;display:block;} .ckxq:hover{color: #fff;} .jyjx_li:hover{background: url(../images/bj_14.jpg) no-repeat;background-size: 100% 100%;color: #333;} .jyjx_li:hover a{color:#333;} .jyjx_li:hover .jyjx_li_box::after,.jyjx_li:hover .jyjx_li_box::before{height: 0;} .jyjx_li:hover .jyjx_li_more{background: #9f8027;} .jyjx_li:hover .jyjx_li_more a{color:#fff;} .jyjx_li_new{width: 100%;margin-top: 10px;} .jyjx_li_new img{width: 100%;height: 265px;} .jyjx_li_text{width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 50px;font-size: 16px;} /* 学子家园 */ .xzjy_box {width: 100%;height: 450px;} .xzjy_box a{display: block;width: 100%;height: 450px;overflow: hidden;} .xzjy_box img{width: 100%;height: 100%;} .xzjy_fr a{display: block;width: 100%;height: 225px;overflow: hidden;} .xzjy_fr div img{width: 100%;height: 100%;} .xzjy_fr div:first-child p{color:#003262!important;} .xzjy_fr div:last-child p{color:#003262!important;} .xzjy_banner{width:100%;height: 450px;position: relative;} .xzjy_banner img{width:100%;height:100%;} .xzjy_text{position: absolute;bottom: 0;left: 0;width: 100%;height: 50px;line-height: 50px;background-color: rgba(0,0,0,.5);color: #fff;font-size: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0 15px;} .xzjy_g{ position: absolute; bottom: 30%; left: 37%; font-size: 20px; font-weight: bold; color: #fff;} /* 院友之家 */ .yyzj{width: 100%;} .yyzj .layui-tab-title{display:flex;justify-content:center;border: none;} .yyzj .layui-tab-title li{float: left;margin-right: 10%;font-size: 18px;cursor: pointer;} .yyzj .layui-tab-title .layui-this{background-color: #003262;color: #fff;border-radius: 25px;} .layui-tab-title .layui-this:after{width: 0;} .yyzj .yyzj_box{ zoom:1;width: 100%;margin: -10px;} .yyzj .yyzj_box>*{padding: 10px;} .yyzj_view{width: 100%;cursor: pointer;} .yyzj_view .yyzj_view_l{width: 100%;} .yyzj_view .yyzj_view_l img{width: 100%;} .yyzj_box .active .yyzj_view_r{display: block;} .yyzj_view .yyzj_view_r{display: none;padding:0 10px;} .yyzj_view .yyzj_view_r .yyzj_view_r_t{line-height: 50px;font-size: 18px;border-bottom: 1px solid #e5e5e5;} .yyzj_view .yyzj_view_r .yyzj_view_r_c{line-height: 25px;color: #666666;font-size: 12px;} .yyzj_box .active{width:50%;} .yyzj_box .active .yyzj_view_l{width: 33%;} .yyzj_imgbox{margin: -7px;} .yyzj_imgbox>*{padding: 7px;} .yyzj_imgbox .yyzj_z{position: relative;} .yyzj_imgbox .yyzj_z img{width: 100%;height:250px;} .yyzj_z_t{display: block;width: 120px;text-align: center;height: 30px;line-height: 30px;background: #3771ae;position: absolute;margin-top: -50px;margin-left: 20px;color: #fff;} .yyzj_imgbox .yyzj_z:nth-child(2) .yyzj_z_t{background: #e17515;} .yyzj_imgbox .yyzj_z:nth-child(3) .yyzj_z_t{background: #59ae37;} .yyzj_z_t:hover{color:#fff;} /* 人才招聘 */ .rczp{width: 100%;} .rczp img{width: 100%;} /* 友情链接 */ .yqlj{width: 100%;} .yqlj_box li{width: 13.18%;float: left;background: #f4f9fc;border-radius: 5px;text-align: center;color: #999999;font-size: 14px;box-sizing: border-box;margin-right: 1.28%;position: relative;height: 100px;padding-top:58px;} .yqlj_box li:last-child{margin-right: 0;} .yqlj_box li a{display:block;} .yqlj_box li::after{content: '';width: 30px;height: 30px;background: url(../images/yqlj_1.png) no-repeat;background-size: 100% 100%;position: absolute;top: 22%;left: 40%;} .yqlj_box li:nth-child(2)::after{background: url(../images/yqlj_2.png) no-repeat;} .yqlj_box li:nth-child(3)::after{background: url(../images/yqlj_3.png) no-repeat;} .yqlj_box li:nth-child(4)::after{background: url(../images/yqlj_4.png) no-repeat;} .yqlj_box li:nth-child(5)::after{background: url(../images/yqlj_5.png) no-repeat;} .yqlj_box li:nth-child(6)::after{background: url(../images/yqlj_6.png) no-repeat;} .yqlj_box li:nth-child(7)::after{background: url(../images/yqlj_7.png) no-repeat;} /* footer */ footer{width: 100%;background: #0d2e4e;padding-top: 40px;box-sizing: border-box;padding-bottom: 20px;overflow: hidden;} .footer_logo{width: 100%;padding-top: 15px;} .footer_logo img{width: 100%;} .footer_bq{width: 100%;color: #fff;line-height: 20px;font-size: 12px!important;position: relative;padding-left: 20px;} .footer_bq{font-size: 16px;padding-bottom: 10px;} .nav_btn{display: none;} .close_nav{display: none;} /* pc侧导航 */ #cover{position:absolute;left:0px;top:0px;background:rgba(0, 0, 0, 0.4);width:100%; height:100%;filter:alpha(opacity=60);opacity:0.6; display:none; z-Index:988; } .side_nav{z-index: 999;position: absolute;top: 0;right: 0;width: 0;height: calc(100%);overflow: hidden;-webkit-transition: all .5s ease-in;-moz-transition: all .5s ease-in;transition: all .5s ease-in;} .leftOut {width: 570px;} .side_nav_logo{width: 100%;height: 82px;background: #003262;text-align: center;padding-top: 12px;box-sizing: border-box;} .pc_nav_btn{display: block;float: right;margin: 5px;cursor: pointer;} .pc_nav{background: #fff;margin-top: 0;box-shadow:0px 3px 10px #000;width: 100%;padding-bottom: 100px;height: calc(100%);padding-top: 10px;} .pc_nav.layui-nav::after{border-width:0;} .pc_nav.layui-nav .layui-nav-item{display: block;line-height: 30px;} .pc_nav.layui-nav .layui-nav-item a{color: #003262;font-weight: bold;font-size: 16px;-webkit-transition: none!important;transition: none!important;} .pc_nav.layui-nav .layui-nav-child{display: block;background-color: #fff;box-shadow:none;border: none;position: static;top:0;left:0;margin-left: 15px;white-space: inherit!important;padding: 0;} .pc_nav.layui-nav .layui-nav-child a{color: #666666;font-size: 14px;font-weight: 400;background-color: transparent!important;} .pc_nav .layui-nav-child dd{display: inline-block;margin-right: 20px;} .pc_nav.layui-nav li{width: 100%;text-align: left;} .pc_nav.layui-nav .layui-nav-child a:hover{background-color: transparent!important;color:#666!important;} .pc_close_nav{display: block;width: 30px;height: 30px;background: url(../images/cuowu.png) no-repeat;background-size: 100% 100%;position: absolute;right: 3%;top: 3%;cursor: pointer;z-index: 999;} .pc_nav.layui-nav .layui-this dl dd a{color:#666!important;background-color: transparent!important;} @media screen and (max-width: 1300px){ .yyzj .swiper-button-next{right:0;} .yyzj .swiper-button-prev{left: 0;} } @media screen and (max-width: 1200px){ header{height: 100px;} .layui-nav .layui-this dl dd a{color:#666!important;} header .layui-row .layui-col-md6{width: 60%;} header .layui-col-md-offset4{margin-left: 20%;} .pc_nav_btn{display: none;} .layui-nav .layui-this dl dd a{color:#666!important;background-color: transparent!important;} .side_nav_logo{display: none;} .nav_btn{display: block;float: right;margin: 5px;cursor: pointer;} .tophead .layui-col-md2{width: 20%;margin-bottom: 10px;} .top_r .search_box{display: none;} .top_r .search{left: 0;top:35px;z-index: 11;background: #0f3050;} .layui-nav{display: none;} .yqlj_box li{width: 23%;margin-bottom: 10px;margin-right: 2%;} .yqlj_box li::after{left: 45%;} .layui-nav{position: absolute;top: 100px;left: 0;z-index: 999;width: 100%;background-color: #fff;margin-top: 0;box-shadow:0px 3px 10px #000;} .layui-nav::after{border-width:0;} .layui-nav .layui-nav-item{display: block;} .layui-nav .layui-nav-item a{color: #003262;font-weight: bold;font-size: 18px;-webkit-transition: none!important;transition: none!important;} .layui-nav-child{display: block;background-color: #fff;box-shadow:none;border: none;position: static;top:0;left:0;margin-left: 15px;white-space: inherit!important;} .layui-nav .layui-nav-child a{color: #666666;font-size: 16px;font-weight: 400;} .layui-nav-child dd{display: inline-block;margin-right: 20px;} .close_nav{display: block;width: 30px;height: 30px;background: url(../images/cuowu.png) no-repeat;background-size: 100% 100%;position: absolute;right: 3%;top: 3%;cursor: pointer;} .banner .banner_text{left: 32%;} .jyjx_li_c{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;} .layui-nav li{width: 90%;text-align: left;} .layui-nav .layui-nav-child a:hover{background-color: transparent!important;color:#666!important;} .layui-nav .layui-this dl dd a:hover{color:#49a6ff;} .yyzj .yyzj_item{width: 25%;} .yyzj .yyzj_item .yyzj_view_l{width: 100%;} .yyzj .yyzj_item .yyzj_view_r{width: 100%;border: 1px solid #EEEEEE;border-top: 0;display: block;} .yyzj .yyzj_item .yyzj_view_r .yyzj_view_r_c{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;} @media screen and (max-width:992px){ header .layui-col-md-offset4{margin-left: 0;} header .layui-row .layui-col-md6{width: 70%;} .tophead .layui-col-md2{width: 30%;} .getback{width: 80%;float: right;margin-bottom: 20px;} .banner .banner_text{left: 30%;} .yqlj_box li{width: 31%;} .yyzj_view .yyzj_view_r{width: 70%;} .top_r a{font-size:18px!important;padding:0 5px!important;} .footer_bq{margin-top: 20px;} .footer_logo img{width: auto;} } @media screen and (max-width:768px){ .yqlj_box li{width: 48%;} .banner .banner_text{width: 340px;font-size: 26px;left: 23%;} .footer_bq{padding-left: 20px;} .yyzj .yyzj_item{width: 48%;float: left;padding: 0;margin-right: 4%;} .yyzj .yyzj_item:nth-child(even){margin-right: 0;} .getback a{background:none!important;font-size:12px!important;} .xzjy_fr a{height:auto;} .yyzj_imgbox .yyzj_z img{height:300px;} } @media screen and (max-width:586px){ .getback{display: none;} .top_r a{display: none!important;} .nav_btn{width: 40px;height: 30px;margin-top: 10px;} header .layui-row .layui-col-md6{width: 85%;} .tophead .layui-col-md2{width: 15%;} .banner .banner_text{width: 240px;height: 100px;font-size: 18px;padding:15px;line-height: 36px;font-weight: bold;} .banner .banner_down{font-size:20px;} .footer_logo{text-align: center;margin-bottom: 10px;} .footer_bq::after{width: 0;} } @media screen and (max-width:480px){ .yyzj .slideTxtBox .hd li{font-size: 16px;} .banner .banner_text{left: 20%;} .swiper-pagination{display: none;} .banner .swiper-button-next, .swiper-button-prev{width: 40px;height: 40px;background-size: 12px 20px;} .banner .swiper-pagination-bullet{width: 0;height: 0;overflow: hidden;} }