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: 14px;
    line-height: 50px;
}
.nav .navul .navli a{
    font-size: 14px;
    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 h1{
    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%;
}
.newstext{
    line-height: 28px;
    margin-top: 20px;
}
.newstext img{
	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: 60%;
    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: 15px;
    margin-bottom: 8px;
}
.bottom .part1 .list p{
    color:#ddd;
    font-size: 12px;
}
.bottom .part1 .list p:hover{
	color: #fff;
}
.bottom .part1 img{
    border-radius: 500px;
}
.bottom .part2{
    width: 28%;
    float: left;
}
.bottom .part2 img{
    float: left;
    margin-top: 7px;
    margin-right: 5px;
}
.bottom .part2 h3{
    font-size: 15px;
    margin-bottom: 8px;
    margin-top: 6px;
}
.bottom .part2 .text{
    line-height: 31px;
    color: #ddd;
    font-size: 12px;
}
.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;
        margin-top: 0;
    }
    .bottom .part2{
        width: 92%;
        margin-left: 5%;
    }
    .bottom .ercode{
        width: 92%;
        margin-left: 5%;
        margin-top: 10px
    }
    .copyright{
        text-align: center;
        line-height: 24px;
        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: 24px;
    }
    .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%;
    }
}