body{
margin: 0;
padding: 0;
}
html {
overflow-y: scroll;
}
*{padding: 0;margin: 0;}
a:hover{
color:#013B9F;
}
.clear{
clear: both;
}
.left{
float: left;
}
.right{
float: right;
}
.welcome{
background-image: linear-gradient(to right, #4B5ABB,#0894D2);
float: left;
width: 100%;
}
.welcome .welcometext{
line-height: 32px;
width: 50%;
float: left;
}
.centera{
width: 1200px;
margin: 0 auto;
}
.textwhite{
color: #fff;
}
.top{
width: 1200px;
margin: 0 auto;
}
.top .logo{
float: left;
width: 40%;
}
.top .tell{
width:22%;
float: right;
margin-top: 32px;
}
.top .tell img{
float: left;
}
.top .tell .text{
width: 200px;
float: right;
}
.top .tell p{
float: left;
}
.top .tell .num{
color: #10367B;
font-size: 28px;
font-family: '微软雅黑';
font-weight: bold;
}
.box{
width: 1200px;
margin: 0 auto;
}
.nav{
width: 60%;
background-color: #fff;
float: left;
}
.nav .navul{
background-color: #fff;
display: table;
width: 100%;
border-bottom: 2px solid #92BDE6;
padding: 0;
margin-top: 32px;
}
.nav .navul .navli{
display: table-cell;
text-align: center;
font-size: 16px;
line-height: 50px;
}
.nav .navul .navli a{
font-size: 16px;
color: #000;
transition: all 0s;
}
.nav .navul .navli a:active{
/* background-color: #F2F2F2 !important; */
}
.layui-nav .layui-nav-child dd.layui-this a, .layui-nav-child dd.layui-this{
background-color: #F2F2F2 !important;
color: #000 !important;
}
.nav .navul .navli:hover{
background-color: #92BDE6;
}
.nav .navul .navli:hover>a{
color: #fff;
}
.layui-nav .layui-this{
background-color: #92BDE6;
}
.layui-nav .layui-this>a{
color: #fff !important;
}
.layui-nav .layui-this:after{
opacity: 0;
}
.layui-nav-bar{
opacity: 0 !important;
}
.parttitle{
width: 500px;
text-align: center;
margin: 20px auto;
}
.parttitle h3{
font-size: 32px;
font-weight: bold;
line-height: 40px;
}
.parttitle h3 span{
font-size: 24px;
margin-left: 15px;
}
.parttitle .subname{
}
.parttitle .subname legend{
color: #666;
}
/* 优势 */
.youshi{
width: 100%;
float: left;
margin-top:20px;
}
.youshi .intro{
margin: 30px 0;
float: left;
width: 100%;
}
.youshi .intro .part{
width: 25%;
float: left;
text-align: center;
}
.youshi .intro .part h3{
font-size: 20px;
line-height: 40px;
font-weight: normal;
}
.youshi .intro .part p{
line-height: 26px;
color: #777;
}
.layui-elem-field legend{
font-size: 16px;
}
legend{
font-size: 16px;
}
/* 关于我们 */
.aboutbox{
width: 100%;
float: left;
background-color:#F3F3F3;
margin-bottom: 20px;
}
.about{
}
.about .text{
width: 58%;
float: left;
box-sizing: border-box;
padding: 40px 0px 40px 35px;
}
.about .aboutico{
width: 42%;
float: left;
padding: 40px 0;
}
.about .aboutico img{
max-width:100%;
}
.about .text h2{
line-height: 70px;
font-weight: bold;
color: #0F288C;
font-size: 45px;
float: left;
}
.about .text h3{
font-size: 24px;
color: #A0A0A0;
float: left;
line-height: 70px;
margin-left: 20px;
}
.about .text .smalltext{
line-height: 30px;
color: #555;
width: 100%;
float: left;
margin-top: 12px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 7;
overflow: hidden;
}
.about .text .more{
width: 100%;
float: left;
text-align: center;
margin-top: 20px;
}
.about .text .more a{
color: #fff;
padding: 10px 25px;
background-color: #495BBC;
}
.about .about2{
margin-right: -80px;
margin-top: 103px;
}
.subabout{
width: 100%;
float: left;
text-align: center;
margin: 0;
}
.subabout legend{
}
/* 校园风采 */
.product {
width: 100%;
height: 100%;
margin: 45px 0;
}
.product .item {
text-align: center;
font-size: 18px;
background: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.product .item .list{
width: 100%;
}
.product .item img{
width: 100%;
float: left;
}
.product .item p{
font-size: 16px;
line-height: 40px;
background: rgba(0,0,0,.6);
margin-top: -40px;
float: left;
width: 100%;
color: #fff;
}
/* 新闻中心 */
.newsbox .news{
float: left;
width: 100%;
padding-top: 12px;
}
.newsbox .leftpart{
width: 50%;
float: left;
padding-right: 20px;
box-sizing: border-box;
}
.newsbox .leftpart .newsimg{
box-shadow: 0px 0px 4px #666;
width: 100%;
height: 240px;
overflow: hidden;
}
.newsbox .rightpart{
width: 50%;
float: left;
box-sizing: border-box;
}
.newsbox .leftpart .newsimg img{
width: 100%;
}
.newsbox .leftpart .newsimg img:hover{
transform: scale(1.1);
-moz-transition: all 1s ease-in;
-webkit-transition: all 1s ease-in;
-o-transition: all 1s ease-in;
transition: all 1s ease-in;
}
.newsbox .leftpart h3{
font-size: 20px;
line-height: 40px;
margin-top: 10px;
}
.newsbox .leftpart h3 span{
font-size: 16px;
float: right;
color: #666;
}
.newsbox .leftpart p{
line-height: 26px;
color: #666;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 7;
overflow: hidden;
}
.newsbox .rightpart h5{
width: 90px;
text-align: center;
font-size: 68px;
border-right: 2px solid #D6D6DB;
line-height: 100px;
float: left;
margin-right: 15px;
font-weight: bold;
color: #E1DFE2;
}
.newsbox .rightpart h3{
float: left;
width: calc(100% - 107px);
font-size: 18px;
line-height: 40px;
}
.newsbox .rightpart h3 span{
float:right;
color:#666;
font-size: 16px;
}
.newsbox .rightpart p{
float: left;
width: calc(100% - 107px);
line-height: 20px;
font-size: 14px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
color:#666;
}
.newsbox .rightpart li{
margin-bottom: 20px;
float: left;
width: 100%;
}
/* 友情链接 */
.flink{
float: left;
width: 100%;
padding-top: 50px;
}
.flink li{
float:left;
font-size:12px;
line-height:35px;
height:35px;
color:#666666;
list-style:none;
margin-right:10px;
}
.newstext{
line-height: 28px;
margin-top: 20px;
}
.newstext img{
max-width: 100%;
}
.newstext iframe{
max-width: 100%;
}
.layui-nav-bar{
display: none;
}
.form-group{
}
.layui-form-item{
margin: 20px 0;
}
/* 底部 */
.bottom{
width: 100%;
background-color: #053B9D;
float: left;
color: #fff;
margin-top: 30px;
background-image: linear-gradient(to right, #4B5ABB,#0894D2);
padding: 30px 0 6px 0;
}
.bottom a{
color: #fff;
}
.bottom .part1{
overflow: hidden;
float: left;
width: 50%;
box-sizing: border-box;
padding-right: 30px;
}
.bottom .part1 .list{
width: 20%;
float: left;
line-height: 32px;
text-align: center;
}
.bottom .part1 .list h3{
font-weight: bold;
font-size: 18px;
margin-bottom: 8px;
}
.bottom .part1 .list p{
color:#ddd;
}
.bottom .part1 img{
border-radius: 500px;
}
.bottom .part2{
width: 38%;
float: left;
}
.bottom .part2 img{
float: left;
margin-top: 7px;
margin-right: 5px;
}
.bottom .part2 h3{
font-weight: bold;
font-size: 18px;
letter-spacing: 2px;
margin-bottom: 8px;
margin-top: 4px;
}
.bottom .part2 .text{
line-height: 31px;
color: #ddd;
}
.bottom .ercode{
float: left;
width: 12%;
text-align: center;
}
.bottom .ercode p{
margin-top: 8px;
}
.copyright{
width:100%;
float: left;
text-align: center;
line-height: 40px;
color:#fff;
border-top: 1px solid #ccc;
margin-top: 12px;
}
.bigsort{
font-size: 48px;
}
.neiright{
width: 875px;
float: left;
box-sizing: border-box;
margin-left: 25px;
box-shadow: 0px 0px 3px #ddd;
padding: 8px;
min-height: 500px;
margin-bottom: 30px;
}
.neiright .sortname{
line-height: 40px;
float: left;
border-bottom: 3px solid #053B9D;
font-size: 18px;
margin-bottom: -3px;
padding: 0 20px;
font-weight: bold;
color: #053B9D;
background-image: none;
}
.pro{
margin-top: 20px;
float: left;
}
.pro .right-extra{
width: 352px;
height: 352px;
float: left;
}
.neiright .canshu{
width: 507px;
float: left;
padding: 20px;
box-sizing: border-box;
}
.neiright .canshu h2{
font-size: 20px;
font-weight: bold;
line-height: 60px;
color: #013B9F;
}
.neiright .canshu .intro{
font-size: 16px;
color: #555;
text-indent: 2em;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding: 15px 0;
margin-bottom: 15px;
}
.neiright .canshu .pcanshu{
font-size: 16px;
color: #555;
}
.xiangqing{
width: 100%;
float: left;
}
.xiangqing .content{
width: 100%;
line-height: 30px;
margin-top: 8px;
}
.xiangqing .content img{
max-width: 100%;
}
.xiangqing>h3{
line-height: 40px;
float: left;
border-bottom: 3px solid #053B9D;
font-size: 18px;
margin-bottom: -3px;
padding: 0 20px;
font-weight: bold;
color: #053B9D;
margin-top: 18px;
}
#wap{display: none;}
.wap{display: none;}
.wapbanner .swiper-button-next, .wapbanner .swiper-button-prev{
color: #fff;
padding: 8px;
height: 30px;
background-color: rgba(0, 0, 0, .3);
}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{
font-size: 16px !important;
}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{
font-size: 16px !important;
}
.swiper-button-next, .swiper-button-prev{
display: none !important;
}
.wapbanner:hover .swiper-button-next{
display: flex !important;
transition: all 1s;
-webkit-transition: all 1s;
transition: all 1s ease;
}
.wapbanner:hover .swiper-button-prev{
display: flex !important;
transition: all 1s;
-webkit-transition: all 1s;
transition: all 1s ease;
}
.swiper-button-next, .swiper-button-prev{
top: 47% !important;
}
.wapbanner img{
width: 100%;
}
#wap .layui-nav{
background-color: #013B9F;
}
#wap #hamburgermenu{
background-color: #013B9F;
}
#wap #hamburgermenu li a:hover{
background-color: #013B9F;
}
#wap .layui-nav-bar{
display: none;
}
.InvertedImage{
}
.InvertedImage {
transform: translateZ(0); position: relative; transition: transform 0.3s;
}
.InvertedImage:before {
position: absolute; z-index: -1; content: ''; top: 100%;
left: 5%;height: 10px; width: 90%;opacity: 0;
background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
transition-duration: 0.3s; transition-property: transform, opacity;
}
.InvertedImage:hover, .InvertedImage:focus, .InvertedImage:active {
transform: translateY(-5px);
}
.InvertedImage:hover:before, .InvertedImage:focus:before, .InvertedImage:active:before {
opacity: 1; transform: translateY(5px);
}
.pc .layui-nav-child{
top: 52px;
line-height: 50px;
}
.layui-nav .layui-nav-more{
display: none;
}
.layui-nav .layui-nav-mored, .layui-nav-itemed>a .layui-nav-more{
display: none;
}
.layui-timeline-axis{
color:#4A5BBC;
}
.banben{
color: #fff;
line-height: 32px;
width: 50%;
text-align: right;
float: left;
}
.banben a{
color: #fff;
}
@media (max-width: 1200px) {
.centera{
width: 100%;
padding: 0 8px;
box-sizing: border-box;
}
.aboutpart .intro{
margin-top: 0;
}
.aboutpart .aboutimg{
height: 219px;
/* vertical-align: middle; */
display: flex;
align-items: center;
}
.videopart{
padding-left: 30px;
}
.top .nav .navli{
margin: 0 8px;
padding: 0 20px;
}
.top{
width: 100%;
}
}
@media (max-width: 1080px) {
.top .nav .navli{
margin: 0;
padding: 0 18px;
}
}
@media (max-width: 992px){
.pc{
display: none;
}
.top{
width:100%;
padding: 10px 0;
}
.wap,#wap{
display: block;
}
.aboutpart{
width: 100%;
}
.videopart{
width: 100%;
padding-left: 0;
}
.videopart video{
/* width: 100%; */
float: left;
width: 300px;
}
.videopart .text {
float: left;
width: calc(100% - 300px);
padding-left: 30px;
box-sizing: border-box;
}
.train{
width: 100%;
margin-right: 0;
}
.business{
width: 100%;
}
.bottom .bottombox .bottomleft{
width: 100%;
}
.bottom .bottombox .ercode{
float: none;
text-align: center;
}
.aboutpart .smallnav a{
text-align: center;
width:25%;
display: block;
float: left;
}
.aboutpart .smallnav a img{
margin-bottom: 20px;
}
.wapbanner .swiper-button-next, .wapbanner .swiper-button-prev{
padding: 8px;
height: auto;
}
.sortpart, .train{
margin-top: 0;
}
.link span{
padding: 0 8px;
display: block;
float: left;
}
.bottom .bottombox .bottomleft{
width: 60%;
float: left;
}
.box{
width: 100% !important;
}
.youshi .intro .part{
width: 50%;
}
.youshi .intro{
margin: 15px 0;
}
.aboutbox{
margin-top: 10px;
margin-bottom:0;
}
.about .aboutico{
width: 100%;
margin-left: 0;
margin-top: 0;
}
.about .text{
width:100%;
padding: 0 10px;
margin-top: 0;
margin-bottom: 20px;
}
.about .text h2{
font-size: 22px;
margin-top: 12px;
line-height: 40px;
width: 100%;
}
.about .text h3{
font-size: 18px;
line-height: 30px;
margin-left: 0px;
}
.subabout{
margin-top: 10px;
}
.about .about2{
display: none;
}
.bottom .part1{display: none;}
.bottom{
padding:18px 10px;
box-sizing: border-box;
padding-bottom: 0px;
}
.bottom .part2{
width: 92%;
margin-left: 5%;
}
.bottom .ercode{
width: 92%;
margin-left: 5%;
margin-top: 10px
}
.copyright{
text-align: center;
line-height: 20px;
color: #fff;
padding: 8px 0;
width: 100%;
float: left;
font-size: 13px;
}
.product{
margin: 20px 0;
}
.youshi{
margin-top: 0;
}
.neiright{
width: 100%;
margin-left: 0;
}
.neiright .canshu{
width: 100%;
padding: 0px;
}
.neiright .canshu h2{
font-size: 18px;
line-height: 30px;
margin: 10px 0;
}
.neiright .canshu .intro{
font-size: 14px;
padding: 10px 0;
margin-bottom: 10px;
}
.neiright .canshu .pcanshu{
font-size: 14px;
}
.swiper-pagination{
font-size: 14px;
}
.position{
display: none;
}
.conright{
width: 100% !important;
margin-left: 0% !important;
}
.parttitle{
width:100%;
}
.parttitle h3{
font-size: 22px;
}
.parttitle h3 span{
font-size: 16px;
}
.parttitle .subname{
width: 60%;
margin: 0 auto;
}
.about .aboutico{
padding: 0;
}
.newsbox .leftpart{
width: 96%;
padding-right: 0;
margin-left: 2%;
box-shadow: 0px 0px 4px #666;
padding: 2%;
}
.newsbox .leftpart .newsimg{
height:auto;
box-shadow:none;
}
.newsbox .rightpart{
width: 100%;
padding: 2%;
margin-top: 12px;
}
.newsbox .rightpart li:last-child{
margin-bottom: 0;
}
.layui-form-label{
width: 20%;
}
.layui-input-block{
margin-left: unset;
}
.layui-nav .layui-nav-child dd.layui-this a, .layui-nav-child dd.layui-this{
background-color: #013B9F !important;
color: #fff !important;
}
.banben{
text-align: center;
line-height: 40px;
width: 100%;
}
.bottom .part2 .text{
line-height: 28px;
}
.bottom .ercode p{
font-size: 13px;
}
}
@media (max-width: 680px){
.aboutpart .smallnav a{
width: 50%;
}
.videopart video{
width: 100%;
}
.videopart .text{
width: 100%;
padding-left: 0;
}
.style .item .list{
width: 100%;
}
}
@media (max-width: 520px){
.aboutpart .aboutimg{
width: 100%;
height: auto;
text-align: center;
display: block;
margin-bottom: 12px;
}
.aboutpart .intro{
width: 100%;
padding-left: 0;
}
.train{
margin-top: 0;
}
.train .right{
width: calc(100% - 150px);
}
.train ul li{
display: block;
width: 100%;
float: left;
}
.train ul li .img{
width: 150px;
}
.train ul li img{
width: 100%;
}
.train ul li .title{
line-height: 40px;
}
.videopart video{
width: 100%;
}
.business .item1{
width: 100%;
height: auto;
}
.business .item2, .business .item3{
width: 50%;
height: auto;
margin-left: 0;
float: left;
margin-top: 0;
}
.business .item2 img, .business .item3 img{
margin-left: 0;
}
.aboutpart .smallnav{
margin-top: 18px;
}
.aboutpart .intro h1{
text-align: center;
}
.aboutpart .smallnav a img{
margin-bottom: 8px;
}
.business{
margin-top: 8px;
}
.link span{
padding: 0 5px;
line-height: 50px;
display: block;
float: left;
}
.bottom .bottombox .bottomleft{
margin-top: 8px;
padding-left: 20px;
width: 100%;
}
.wapbanner .swiper-button-next, .wapbanner .swiper-button-prev{
display: none;
}
.aboutpart, .videopart{
margin-top: 0;
}
.videopart .text{
width: 100%;
padding-left: 0;
}
.style .item .list{
width: 100%;
}
}