*{list-style: none;padding:0;} body{font-family:'Microsoft YaHei';font-size:1.7rem;overflow-x:hidden;} p,ul,h1, .h2, .h3, h1, h2, h3{padding:0;margin:0!important;} a:hover{color: #1f54b4!important;text-decoration: none!important;} .clear{clear: both;} @media all and (max-width: 1400px) { html { font-size: 62.5%; } } @media all and (max-width: 1220px) { html { font-size: 59%; } } @media all and (max-width: 768px) { html { font-size: 55%; } } @media(min-width: 1340px){ .container {width: 1340px!important;} } .container {width:100%;margin:0 auto;padding:0!important;} #header{width:100%;} .header_top{width:100%;height:18px 0px;background:#1f54b4;} .logo{padding:20px 0px;} .logo img{width: 100%; height: auto;} .header_by{padding-top:50px;text-align:right;} .header_ser{float:right;background:#4678d1;border-radius:10px;height:35px;width:191px;margin-top:47px;padding:0px 12px;} .ss_k{width:135px;height:35px;line-height:35px;font-size:15px;float:left;overflow:hidden;border:none;text-indent:0.5em;outline:none;background:none;color:#fff;} .ss_an{width:25px;height:19px;float:right;margin-top:8px;} @media all and (max-width: 1200px) { .header_by { display:none; } } @media all and (max-width: 768px) { .header_top{padding:12px 0px;} .header_by,.header_ser { display:none; } } .header_nav{background:#fff;box-shadow: 0px 3px 5px #bbbaba;margin:0 auto;width:100%;min-width: 300px;height:auto;z-index:10;position: relative} /****************banner****************/ .c-banner{ width: 100%; position: relative; } .c-banner img{ width: 50%; } .c-banner .banner ul{ list-style: none; padding-left: 0px; margin-bottom: 0px; } .c-banner .banner ul li{ /* opacity: 0; */ } .c-banner .banner ul li:nth-child(1){ opacity: 1; /* display: block; */ } .c-banner .banner ul li img{ width: 100%; /* position: absolute; */ top: 0px; } .c-banner .banner ul li:first-child img{ position: relative; } .c-banner .nexImg{padding: 10px 0px 10px 10px; position: absolute; top: 50%; margin-top: -53px; background: #000000; opacity: 0.5; border-radius: 5px; /*z-index: 10;*/} .c-banner .preImg{ padding: 10px 0px 10px 10px; position: absolute; top: 50%; margin-top: -53px; background: #000000; opacity: 0.5; border-radius: 5px; /*z-index: 10;*/ } .c-banner .nexImg:hover,.c-banner .preImg:hover{ opacity: 0.8; } .c-banner .nexImg{ right: 0px; } .c-banner .nexImg img,.c-banner .preImg img{ } .c-banner .jumpBtn{ width: 100%; position: absolute; bottom: 20px; text-align: center; width:200px; right:15%; } .c-banner .jumpBtn ul{ margin-bottom: 0px; padding: 0px; } .c-banner .jumpBtn ul li{ width: 32px; height:32px; line-height:32px; color:#fff; font-size:16px; border-radius: 50%; display: inline-block; background-color: #f49e09; opacity: 0.9; margin-left: 10px; } .c-banner .jumpBtn ul li:first-child{ margin-left: 0px; } @media screen and (max-width:768px) { .c-banner{ width: 100%; height: 345px; overflow: hidden; } .c-banner .banner ul li img{ width: 768px; height: 345px; position: absolute; left: 50%; margin-left: -384px; } } /*********切换点*********/ .carousel-indicators li { border-width: 2px; width: 18px !important; height: 18px !important; margin: 0 4px !important;} .carousel-indicators .active { width: 20px !important; height: 20px !important;} #myCarousel{ position: absolute; height:100%; width:100%; object-fit: cover; z-index: 2;} /**********新闻中心************/ .con_mid{width:100%;background:url(../img/con_mid_bg.jpg) top center no-repeat;background-size:cover;} .con_new{padding-bottom:40px;} /*.con_new_left{width:73%;float:left;}*/ .con_new_nav{height:100px;} .con_new_nav h1 i{width:26px;height:26px;padding-right:14px;} .con_new_nav h1 i img{width:26px;height:26px;} .con_new_nav h1{font-size:2.2rem;font-weight:bold;margin:0!important;float:left;line-height:100px;} .con_new_nav span{float:right;width:92px;height:13px;line-height:100px;} .con_new_font{float:left;} .sy_img{width:556px;height:430px;float:left;} .sy_img img{width:556px;/*height:430px;object-fit: cover;*/} .slideBox01{height:430px; position:relative; } .slideBox01 .hd{ height:16px; overflow:hidden; position:absolute; right:50px; bottom:-35px; z-index:1; } .slideBox01 .hd ul{ overflow:hidden; zoom:1; float:left; } .slideBox01 .hd ul li{ float:left; margin-right:8px; width:13px; height:16px; text-align:center; background:url(../img/bx_doc.png) left center no-repeat; cursor:pointer; } .slideBox01 .hd ul li.on{ background:url(../img/jx_doc.png) no-repeat; } .slideBox01 .bd{ position:relative; height:100%; z-index:0; } .slideBox01 .bd li{ zoom:1; vertical-align:middle; } .slideBox01 .bd img{ width:100%; height:430px;display:block;/*object-fit:cover;*/transition:transform 0.5s;} .slideBox01 .bd span{height:119px;line-height:6rem; background: url(../img/new_bg.jpg) no-repeat;margin:0px 20px;padding:0px 0px 0px 2rem;color:#fff;position: absolute;z-index: 1;width:90%;bottom:-6.2rem;text-overflow: ellipsis; overflow: hidden;font-size:1.8rem;} .slideBox01 .bd a span {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .slideBox01 .bd span h1{background:url(../img/xw_rl.png) left center no-repeat;font-size:1.4rem;text-indent:2.2rem;line-height:1.8rem;} .slideBox01 .hd_img{position: absolute;top:-24px;left:-22px;} .sy_font{width:100%;} .sy_font_ul{float:left;padding:0!important;} .sy_font_ul li{float:left;border-bottom:1px #cccccc solid;font-size:1.7rem;padding:12px 0px;line-height:25px;width:100%;} .sy_font_ul li p{margin:0;} .sy_font_ul li span{background:url(../img/rl.png) left center no-repeat;font-size:1.5rem;text-indent:2rem;float:left;margin-top:5px;} .sy_font_ul li a span{color:#777777;} .sy_font_ul li a{color:#000;} @media screen and (max-width:360px) { .sy_img{width:100%;height:auto;float:left;} .slideBox01{height:300px; position:relative; } .slideBox01 .bd img{ width:100%; height:200px;display:block;/*object-fit:cover;*/transition:transform 0.5s;}.slideBox01 .bd span{bottom:15px;height:89px;width:100%;margin:0;font-size:1.6rm;} .slideBox01 .hd{right:5px;bottom:20px;} } @media(min-width: 361px) and (max-width:731px){ .slideBox01 .bd span {height:89px;width:100%;margin:0;bottom:0;} .slideBox01 .hd{right:5px;bottom:20px;} .sy_img{width:100%;height:auto;float:left;} .slideBox01{height:auto; position:relative; } .slideBox01 .bd img{ width:100%; display:block;/*object-fit:cover;*/transition:transform 0.5s;} } /**********通知公告************/ /*.tz_gg{width:27%;float:left;padding-left:26px;}*/ .tz_gg_nav{width:100%;height:100px;} .tz_gg_nav h1{height:100px;font-size:2.2rem;font-weight:bold;margin:0!important;float:left;line-height:100px;} .tz_gg_nav h1 i{width:26px;height:26px;padding-right:14px;} .tz_gg_nav h1 i img{width:28px;height:28px;} .tz_gg_nav span{float:right;width:92px;height:13px;line-height:100px;} .tz_gg_font li{height:66px;font-size:1.7rem;line-height:30px;margin-bottom:20px;width:100%;float:left;} .tz_gg_font li .date{width:70px;height:66px;background:#7b9bd2;text-align:center;color:#fff;float:left;margin-right:12px;} .tz_gg_font li .date h1{font-size:2.4rem;margin-top:0;margin-bottom:0;line-height:35px;} .tz_gg_font li .date h2{font-size:1.5rem;margin-top:0;margin-bottom:0;line-height:28px;} .tz_gg_font li .font{overflow: hidden;text-overflow: ellipsis; display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .tz_gg_font li .font a{color:#000;} /**********快速导航************/ .con_ks_bg{background:url(../img/con_bg.jpg) top center no-repeat;background-size: cover;} .ks_td_nav{height:100px;background:url(../img/ks_line.png) center no-repeat;color:#fff;line-height:100px;font-size:2.4rem;text-align:center;font-weight:bold;} .ks_td_font{padding:12px 0px 0px;} .ks_td_font li{padding:0px 20px;float:left;text-align:center;} .ks_td_font li .img{width:108px;height:108px;background:#ffffff;border-radius: 50%;box-shadow: 0px 2px 5px #d0dbe6;margin:0 auto;} .ks_td_font li .img i{line-height:102px;} .ks_td_font li span{line-height:75px;color:#fff;font-size:1.8rem;} .ks_td_font li:hover .img{background:rgba(0,0,0,0.2); -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); transform: rotateZ(360deg);} .ks_td_font li:hover span{font-weight:bold;} @media(max-width: 1024px){ .ks_td_font li{width:25%;} } @media(max-width: 415px){ .ks_td_font li{width:33.33%;padding:0px 8px;} .ks_td_font li .img{width:91px;height:91px;} .ks_td_font li .img i{line-height:91px;} .ks_td_font li .img i img{width:60%;} } /**********专题专栏************/ .zt_nav{height:120px;line-height:120px;} .zt_nav span{float:right;} .zt_nav h1{font-size:2.4rem;color:#222;font-weight:bold;border-bottom:4px #1f54b4 solid;display:inline-block;line-height:55px;} .zt_nav i{padding-right:15px;} .multipleLine{ position:relative; padding-bottom:50px; } .multipleLine .hd{ margin-right:128px; position:absolute;top:-78px;right:0;} .multipleLine .hd .prev{ display:block; width:38px; height:38px; float:right; margin-right:17px; overflow:hidden; cursor:pointer; border-radius:50%; background:#a8c2f1 url(../img/sj_top.png) center no-repeat;} .multipleLine .hd .next{ display:block; width:38px; height:38px; float:right; overflow:hidden; cursor:pointer; border-radius:50%; background:#a8c2f1 url(../img/sj_bot.png) center no-repeat;} .multipleLine .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; } .multipleLine .hd ul li{ float:left; width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; } .multipleLine .hd ul li.on{ background-position:0 0; } .multipleLine .bd{overflow:hidden; /*padding-top:53px;*/} .multipleLine .bd ul{ overflow:hidden; zoom:1; margin-bottom:10px;height:216px; } .multipleLine .bd ul li{ float:left; _display:inline; overflow:hidden; text-align:center; } .multipleLine .bd ul li .pic{ text-align:center; } .multipleLine .bd ul li .pic img{ width:100%; height:216px; display:block; } .multipleLine .bd ul li .pic a:hover img{ border-color:#999; } .multipleLine .bd ul li .title{ line-height:24px; } .zt_left{padding-left:0px!important;} .zt_right{padding-right:0px!important;} @media(max-width: 641px){ .zt_nav{margin-top:20px;} .multipleLine{padding-bottom:10px;margn:0 auto;} .multipleLine .hd{ margin-right:108px;top:-70px;} .multipleLine .hd .prev,.multipleLine .hd .next{width:28px;height:28px;} .multipleLine .bd ul{ height:280px; } .multipleLine .bd ul li .pic img{ width:100%; height:130px; display:block;padding:5px 0px; } .zt_left,.zt_right{padding:0px 10px!important;} } /************招生信息**********/ .zs_bg{background:#fff;box-shadow: 0px 5px 5px #c8c7c7;} .zs_nav{height:82px;border-bottom:1px #dddddd solid;margin:0px 15px;} .zs_nav i{width:26px;height:26px;float:left;line-height:82px;margin-right:12px;} .zs_nav h1{color:#1f54b4;border-bottom:4px #d89425 solid;font-size:2.4rem;display:inline-block;line-height:80px;margin:0;font-weight:bold;} .zs_nav span{float:right;line-height:82px;} .zs_font{padding:14px 15px 22px;} .zs_font li{border-bottom:1px #cccccc dashed;font-size:1.7rem;padding:16px 0px;height:79px;} .zs_font li .date{padding:0px 5px;line-height:32px;display: inline-table;text-align:center;margin-right:20px;float:left;} .zs_font li .date h1{font-size:2.6rem;color:#f43b09;font-weight:bold;font-family: Bodoni Bd BT;} .zs_font li .date h2{font-size:1.4rem;color:#f43b09;font-weight:bold;font-family: Bodoni Bd BT;} .zs_font li span{line-height:30px;} .zs_font li a{color:#333;} .zs_font li a:hover{text-decoration:none;font-weight:bold;} /************就业信息**********/ .jy_font{padding:14px 15px 22px;} .jy_font li{border-bottom:1px #cccccc dashed;font-size:1.7rem;display:flex;padding:10px 0px 10px 3px;height:79px;} .jy_font li .date{padding:8px 10px;display: block;float:left;text-align:center;background:#f18b1c;margin-right:2.2rem;line-height:32px;} .jy_font li .date h1{font-size:1.6rem;color:#fff;} .jy_font li .date h2{font-size:2.5rem;color:#ffff;} .jy_font li span{line-height:28px;} .jy_font li a{color:#333;} .jy_font li a:hover{text-decoration:none;font-weight:bold;} /************图片**********/ .zt_jtimg{padding:45px 0px;} .zt_jtimg img{width:100%;height:215px;} @media screen and (max-width:768px) { .zt_jtimg{padding:0px;} .zt_jtimg img{width:100%;height:auto;margin-bottom:12px;} } /************校园风光**********/ .xy_dt{width:100%;background:#fff;} .xy_nav{width:100%;height:85px;line-height:85px;font-size:2.4rem;font-weight:bold;text-align:center;} .xy_nav i{padding-right:16px;} .xy_nav span{line-height:85px;float:right;} .xy_font{width:100%;} .xy_fg_font{display:none;} /* 本例子css */ .multipleColumn{ overflow:hidden; position:relative; width:100%; } .multipleColumn .hd{ overflow:hidden; margin:30px auto 40px; width:120px;} .multipleColumn .hd ul{ overflow:hidden; zoom:1; margin-top:10px; zoom:1; } .multipleColumn .hd ul li{ float:left;border-radius: 50%; width:15px; height:15px; overflow:hidden; margin-right:10px; text-indent:-999px; cursor:pointer; background:#2055b3; } .multipleColumn .hd ul li.on{ background-position:0 0;background:#d99526; } .multipleColumn .bd{ padding:10px 0px; overflow:hidden; } .multipleColumn .bd ul{ overflow:hidden; zoom:1; float:left; _display:inline; } .multipleColumn .bd ul li{ float:left; _display:inline; overflow:hidden; text-align:center; } .xy_font .img01{height:212px;padding-bottom:6px;overflow: hidden; padding-right: 6px;} .xy_font .img02 {height:212px;padding-bottom:6px;padding-right:6px;} .xy_font .img03{height:212px;padding-bottom:6px;padding-right:6px;} .xy_font .img04{height:212px;padding-bottom:6px;} .xy_font .xy01{width:20%;float:left;} .xy_font .xy02{width:50%;float:left;} .xy_font .xy03{width:30%;float:left;} .xy_font .img02{width:30%;float:left;} .xy_font .img03{width:70%;float:left} .xy_font .img01 img,.xy_font .img02 img,.xy_font .img03 img,.xy_font .img04 img{width:100%;height:206px;object-fit:cover} @media all and (max-width: 768px) { .multipleColumn{display:none;} .xy_fg_font{overflow:hidden; width:100%;display:block; } .xy_fg_font li{width:50%;float:left;overflow:hidden; float:left; _display:inline; overflow:hidden; text-align:center; padding:0px 2% 10px; } .xy_fg_font li img{width:100%;height:140px;object-fit:cover;} } /************footer**********/ #footer{width:100%;background:url(../img/fot_bg.jpg) no-repeat;background-size: cover;padding:25px 0px;} .xlogo{float:left;padding:0px 114px 0px 43px;} .fot_font{line-height:38px;font-size:1.7rem;color:#fff;} .fot_font a:hover{color:#fff;} .fot_right{background:url(../img/line.jpg) left center no-repeat; } .fot_right_font{line-height:38px;color:#fff;font-size:1.7rem;float:left;} .fot_right_font p img{padding-right:5px;margin-top:-3px;} .ewm{float:right;} @media all and (max-width: 768px) { .xlogo {display:none;} .ewm{float:none;text-align:center;} .fot_row{margin:0!important;} } /*******正文页*********/ .ej_banner img{width:100%;height:auto;} .main{ padding-top: 0px; } .main>.container{ background: none;margin-bottom:25px; } .displayInfo,.listcolumn>.container-fluid{ background: #fff; padding:30px; } .chapter{ padding:50px 0px; padding-top: 0px; } .chapter-title{ width: 100%; font-size: 20px; color: #333; text-align: center; margin-bottom: 15px; font-weight: bold; } .chapter-info{ width: 100%; text-align: center; color: #B4B4B4; font-size: 14px; border-bottom: 1px dotted #bfbfbf; margin-bottom: 30px; padding-bottom: 15px; } .chapter img{ max-width:100%; text-align: center; } .content{ text-align: left; width: 75%; float: left; padding:20px 50px 50px; padding-right: 0px; } .content p,.content2 p{ text-align: justify; line-height: 28px; margin-top: 10px; } .content,.content2 img{ max-width: 100%; /*margin-top: 15px;*/ margin-bottom: 15px; } /*listcolumn*/ .sub-menu-1{ width: 100%; background: #ecf0f9; float: left; margin-top:15px; } .sub-menu-2{ background: url("../images/submenu-bg.jpg") no-repeat bottom; background-size: 100% auto; padding-bottom: 50px; padding-left: 10%; padding-top: 20px; } .sub-menu-title{ background: #1f54b4; color: #fff; font-size: 24px; padding-top: 23px; padding-bottom: 23px; } .sub-menu>ul{ width: 100%; } .sub-menu>ul>li{ line-height: 52px; margin-top: 5px; background: #dee2eb; } .sub-menu>ul>li:hover{ background: #96bc69; color:#fff; transition: background .5s,color .5s; -moz-transition: background .5s,color .5s; /* Firefox 4 */ -webkit-transition: background .5s,color .5s; /* Safari å’Œ Chrome */ -o-transition: background .5s,color .5s; } .sub-menu .cur a{ background: #96bc69; color:#fff; } .sub-menu>ul>li>a{ color:#333; font-size: 16px; padding-left: 15px; padding-right: 15px; display: block; } .sub-menu>ul>li:hover>a{ color:#fff; } .sub-menu-ul{ background: #fff; width: 100%; padding-bottom: 5px; padding-top: 5px; } .sub-menu-ul li{ line-height: 42px; border-bottom: 1px solid #eae7de; padding-left: 25px; padding-right: 25px; } .sub-menu-ul li:last-child{ border-bottom: none; } .sub-menu-ul li a{ color: #333; display: block; } .sub-menu-ul li a:hover{ color: #498700; } .column-local{ border-bottom: 1px solid #862114; width: 100%; padding-right: 20px; } .column-title{ line-height: 48px; width: 10%; float: left; } .text-right {font-size:16px;} .local{ width: 100%; margin-bottom:15px; line-height: 70px; color: #777; border-bottom: 1px solid #ccc; } .local a{ color: #777; } .lm-title{ font-size: 24px; font-weight: bold; float:left; color: #1f54b4; } @media screen and (max-width: 732px){ .sub-menu-2{padding:0px 2%;} .lm-title{display:none;} .text-right{text-align:left!important;text-indent:10px;} } .listcolumn-con{ padding-top:15px; } .news-item{ padding-bottom:8px; } .list-item{ line-height: 64px; padding-top: 15px; padding-bottom: 15px; transition: all .5s; -moz-transition: all .5s; /* Firefox 4 */ -webkit-transition: all .5s; /* Safari å’Œ Chrome */ -o-transition: all .5s; border:1px solid #dedede; margin-bottom: 15px; } .list-item:hover{ box-shadow: 0 0 20px #dde1ec; -webkit-box-shadow:0 0 20px #dde1ec; -o-box-shadow:0 0 20px #dde1ec; -moz-box-shadow:0 0 20px #dde1ec; background: #dde1ec; } .list-item-title i{ color: #333333; font-size: 12px; } .list-item-title{ overflow: hidden; text-overflow:ellipsis; white-space: nowrap; line-height:64px; padding-left:25px; } .list-item-title a{ color:#000; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-size: 16px; } .list-item-title a:hover{ color: #1D3DA2; font-weight: bold; } .list-item-date{ text-align:center; line-height:32px; padding-right:25px; border-right: 2px solid #1D3DA2; } .listcoumn-con .day{ line-height: 20px; padding-top: 12px; color: #c52c05; font-size: 24px; } .listcoumn-con .year{ color: #8e8e8e; } /*listcolumn-pic*/ .listcolumn-pic .content{ width: 100%; padding-left: 0px; } .pic-item{ width: 100%; margin-bottom: 30px; float: left; } .pic-con,.pic-img{ width: 50%; float: left; } .pic-img{ overflow: hidden; position: relative; } .pic-img img{ width: 100%; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; cursor: pointer; } .pic-img img:hover{ transform: scale(1.4); } .pic-con{ padding:15px 30px; background: #f4f4f4; } .pic-title{ line-height: 24px; height: 48px; overflow: hidden; margin-top: 10px; } .pic-title a{ color: #333; } .pic-title a:hover{ color: #0f36ad; } .pic-day{ font-size: 24px; } .pic-detail{ width: 100%; background: url(../images/line2.png) no-repeat right; background-size: 100%; line-height: 36px; margin-top:20px; } .pic-detail a{ color: #333; background:#f4f4f4; display: block; padding-right: 15px; width: 80px; } .tit{ margin-top: 40px; } .jg-title{ font-size: 16px; font-weight: bold; margin-top:20px; margin-bottom: 10px; display: block; } .content2{ width: 100%; } .content2 ul{ width: 100%; } .about_font p{line-height:35px;font-size:16px;} .listcolumn-title li{line-height: 55px;height:55px;text-align: left;padding-left: 0px;border-bottom: 1px solid #e6e6e6;font-size:1.6rem; background: url(../images/sj_doc.png) no-repeat left;padding-left:18px; display: -webkit-box; -webkit-box-orient:vertical; overflow: hidden; -webkit-line-clamp: 1; width:100%; float:left;} .listcolumn-title li a{color:#222; } .listcolumn-title li span { font-size: 16px; padding-left: 10px; color: #848484; line-height: 55px; float:right; display:inline-table; } @media all and (max-width: 640px) { .content2 ul{padding:0px 10px;} } /*******图片列表页*********/ #jq22 { width: 100%; margin: 0 auto; font-size: 0;} #jq22 li { display: inline-block; width: 33.3%; padding-top: 1%; padding-left: 15px;padding-right: 15px;} #jq22 li img { width: 100%;} .post-title{ color: #000; line-height: 42px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; text-align:center; width: 100%; font-size: 20px; } .xyfg-con{ padding-left: 0px; padding-right: 0px; } @media(max-width:992px){ #jq22{ margin-left: -20px; } #jq22 li { width: 50%; } } @media(max-width:767px){ #jq22 li { width: 100%; } } /***************************/ .zt_zl{width:100%;} .ul-list5-1 .pic{background:rgba(99,56,105,0.9);} .ul-list5-1 .pic img{width:100%} .ul-list5-1 h4{font-size:24px;color:#fff;text-align:center;font-weight:400} .ul-list5-1 .tit{ position:absolute; left:0; right:0; bottom:30px; z-index:2; transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; -o-transition:.3s} .ul-list5-1 .mask{position:absolute;top:50%;left:0;right:0;z-index:3;opacity:0;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);transition:1s;-ms-transition:1s;-moz-transition:1s;-webkit-transition:1s;-o-transition:1s} .ul-list5-1 .mask h4{-webkit-transform:translateY(70px);-moz-transform:translateY(70px);-o-transform:translateY(70px);-ms-transform:translateY(70px);transform:translateY(70px);transition:1s;-ms-transition:1s;-moz-transition:1s;-webkit-transition:1s;-o-transition:1s} .ul-list5-1 .icon{ display:block; height:31px; margin:0 auto; width:114px; text-align:center; border:1px #fff solid; background-position:center; background-repeat:no-repeat; -webkit-transform:translateY(-90px); -moz-transform:translateY(-90px); -o-transform:translateY(-90px); -ms-transform:translateY(-90px); transform:translateY(-90px); transition:1s; -ms-transition:1s; -moz-transition:1s; -webkit-transition:1s; -o-transition:1s; } .ul-list5-1 .con:hover .pic img{opacity:.05} .ul-list5-1 .con:hover .mask{opacity:1} .ul-list5-1 .con:hover .icon,.ul-list5-1 .con:hover .mask h4 { -webkit-transform:translateY(0); -moz-transform:translateY(0); -o-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0)} .ul-list5-1 .con:hover .tit{opacity:0;} /******************图片列表******************/ .tu_xq{height:auto;} .tu_img_bg{margin-top:4.5rem; margin:0 auto;} .tu_img_bg li{width:33.33%;float:left;} .tu_img{background:#fff;box-shadow:5px 2px 2.4rem #d9d9d9;margin:0px 10px 20px 10px; } .tu_img img{width:100%;height:235px;} .tu_img span{line-height:7rem;display: block;text-indent:20px;color:#222;font-size:16px;} .tu_img span:hover{background:#2055b3;color:#fff;cursor: pointer;} @media(max-width:768px){ .tu_img_bg li { width: 50%; } } @media(max-width:412px){ .tu_img_bg li { width: 50%; } .tu_img img{width:100%;height:185px;object-fit:cover} } /***************机构设置*************/ .dq_nav{height: 40px; background: #F6F6F6; position: relative;margin: 10px 0px;} .dq_nav h2{font-size: 18px;color: #222;border-left: 8px solid #1f54b4;text-indent: 1em;position: absolute; top: 10px;left: 20px;} .dq_font{width:100%;display:block;} .dq_font li{float: left;width: 32%;text-align: left; margin: 1% 0;background: url(../images/sj_doc.png) no-repeat left;padding-left:18px;margin-left:1%;} .dq_font li a{ font-size: 16px; color: #222;} .about_font{padding:0px 10px;} .lianjie .lj{ background: #1f54b4; width: 49%; float:left; margin-top: 10px; overflow: hidden;} .lianjie .lj a{ display: block; text-align: center; color:#fff; font-size: 30px; font-weight: bold; letter-spacing: 20px; line-height: 60px;} .lianjie .lj a:hover { color: #fff !important; }