body,
html {

    height: 100%;
}
.list {
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.list li {
    margin-top: 30px;
    display: inline-block;
    padding: 0 10px;
    vertical-align: top;
    text-align: center;
    width:18%;
    line-height: 1.8;
    font-size: 14px;
}
.mother .list li {width:15%;}
 .avatar {
    margin-bottom: 10px;
    width: 120px;
    height: 120px;
    border-radius: 50%;
}
 .list li .name {
    color: #a78e44;
    font-size: 18px;
}
 .list li .position {
    line-height: 1.5;
    color:#fff;
}
.bg_animation {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
}
  .navdad{ background:#d61518; width:100%; height:50px; line-height:50px; color:#fff; display:flex; align-items:center; justify-content:center; }
     .navdad a{ color:#fff; padding:0 20px; font-size:14px; }
.width1170 {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 100;
}

.bannerbox {
    position: relative;
    text-align: center;
    padding: 100px 0 0 0;
}

.bannerbox img {
    width: 1200px;
    height: auto;
}

.bannerbox2 {
    height: 400px;
    background: url(../images/banner_bg33.jpg) no-repeat center;
}

.bannerbox21 {
    height: 400px;
    background-repeat: no-repeat;
    background-position: center
}


.rightnav {
    width: 90px;
    position: fixed;
    top: 50%;
    right: 10px;
    height: auto;
    z-index: 999;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}

.rightnav a {
    display: inline-block;
    color: #fff;
    text-align: center;
    font-size: 16px;
    color: #cdccd8;
}

.rightnav a:hover {
    color: #5d97ff;
}

.rightnav ul li {
    height: 60px;
    line-height: 60px;
    text-align: center;
    padding-right: 25px;
}

.rightnav ul {
    display: block;
    padding-bottom: 5px;
    margin: -10px;
}


.pp h4 {
    padding: 15px 0 15px 0;
    text-align: center;
    font-size: 30px;

    color: #5d97ff;

}

.aboutbox {
    padding: 0px 0px 0px 0px;
    color: #fff;
    position: relative;
    /*border: 2px solid #095DE3;
    border-image: -webkit-linear-gradient(#095DE3, #A23DFF) 30 30;
    border-image: -moz-linear-gradient(#095DE3, #A23DFF) 30 30;
    border-image: linear-gradient(#095DE3, #A23DFF) 30 30;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    background: -webkit-linear-gradient(bottom, #1b1d6d, #1b1857);
    background: -o-linear-gradient(bottom, #1b1d6d, #1b1857);
    background: -moz-linear-gradient(bottom, #1b1d6d, #1b1857);
    background: -ms-linear-gradient(bottom, #1b1d6d, #1b1857);
    background: linear-gradient(bottom, #1b1d6d, #1b1857);
    
    *zoom: 1;*/
}

.aboutbox2 {
    background: url(../images/kcenter2.png) repeat-y;
    padding: 0 50px;
}

.pp p {
    padding-bottom: 15px;
    text-indent: 28px;
    font-size: 16px;
    line-height: 28px;
}

.titlebox {
    color: #e8c689;
    text-align: center;
    padding: 60px 0 50px 0;
    margin-top: 50px;
}

.titlebox h2 {
    font-size: 30px;
    padding-bottom: 0px;
    letter-spacing: 5px;
    text-align: center;
    height: 30px;
    line-height: 30px;
}

.titlebox h2 span {
    position: relative;
    display: inline-block;
    font-size: 30px;
    color: #fff;
    font-weight: normal;
}

.titlebox h2 span:before {
    content: "";
    position: absolute;
    left: -300px;
    top: 0px;
    width: 268px;
    height: 30px;
    background: url(../images/titleleftbg.png) center right no-repeat;
}


.titlebox h2 span::after {
    content: "";
    position: absolute;
    right: -169px;
    top: 0px;
    width: 268px;
    height: 30px;
    background: url(../images/titlerightbg.png) center right no-repeat;

}

.titlebox p {
    font-size: 20px;
    color: rgba(255, 255, 255, 0.3);
    letter-spacing: 6px;
    padding-bottom: 8px;
}

.lybox ul li {
    float: left;
    width: 473px;
    height: 284px;
    background: url(../images/videobg.png) no-repeat center;

    /* border:1px solid #095DE3;
    border-image: -webkit-linear-gradient(#095DE3, #A23DFF) 30 30;
    border-image: -moz-linear-gradient(#095DE3, #A23DFF) 30 30;
    border-image: linear-gradient(#095DE3, #A23DFF) 30 30;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    background: -webkit-linear-gradient(bottom, #1b1d6d, #1b1857);
    background: -o-linear-gradient(bottom, #1b1d6d, #1b1857);
    background: -moz-linear-gradient(bottom, #1b1d6d, #1b1857);
    background: -ms-linear-gradient(bottom, #1b1d6d, #1b1857);
    background: linear-gradient(bottom, #1b1d6d, #1b1857);*/

    *zoom: 1;
    margin-right: 50px;
    margin-bottom: 50px;
    z-index: 99;
    position: relative;


}

.lybox ul li:nth-child(2n) {
    margin-right: 0;
}

.lybox ul {
    padding: 30px 0 0 0;
}

.lybox ul li h3 {
    padding: 20px 0 8px 20px;
    font-size: 18px;
    font-family: "DIN Alternate", "Arial", sans-serif;
    -moz-osx-font-smoothing: grayscale;
    background-image: -webkit-linear-gradient(top, #00D9F7 15%, #00ABEE 85%);
    background-image: -o-linear-gradient(top, #00D9F7 15%, #00ABEE 85%);
    background-image: -moz-linear-gradient(top, #00D9F7 15%, #00ABEE 85%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    color: #00ABEE;
    font-weight: bolder;
}

.lybox ul li p {
    padding-left: 20px;
    line-height: 30px;
}

.vediobox ul li {
    float: left;
    width: 444px;
    height: 266px;
    margin: 0 25px;
    background: url(../images/videobg.png) no-repeat left top;
}

.vediobox ul {
    padding-bottom: 50px;
}

.linkbox {
    padding: 20px;
    text-align: center;
    position: absolute;
    bottom: 10px;
    left: 0px;
}

.linkbox a {
    display: inline-block;
    width: 130px;
    margin: 0 5px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    background: #0500fe;
    color: #fff;
    background: -webkit-linear-gradient(90deg, #1da1f3, #1f5ef6);
    background: -o-linear-gradient(90deg, #1da1f3, #1f5ef6);
    background: -moz-linear-gradient(90deg, #1da1f3, #1f5ef6);
    background: linear-gradient(90deg, #1da1f3, #1f5ef6);
    /*box-shadow: 0 3px 0 0 #1F39D1;*/

}

.jbox {}

.jbox ul {
    display: flex;
    flex-wrap:wrap;
    justify-content:center;
     
}

.jbox ul li {
    width: 20%;
    display: inline-block;
    margin: 0 0px 30px 0px;
    position: relative;
}

.jbox ul li:nth-child(9n) {
    margin-right: 0;
}

.jbox ul li span {
    display: block;
    overflow: hidden;
    line-height: 0;
    margin: 0 auto;
    width: 150px;
    height: 150px;
    border-radius: 50%;
}

.jbox ul li span img {
    width: 100%;
    height: auto;
}

.jbox ul li h3 {
    padding: 0px 0;
    font-size: 14px;
    color: #fff;
    font-weight: normal;
}

.jbox ul li h3 i {
    display: inline-block;
    padding-bottom: 5px;
}

.jbox ul li h3 i em {
    display: block;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
}

.jbox ul li p {
    font-size: 12px;
    display: none;
}

.namebox {
    padding: 15px 5px;
    text-align: center;
}

.ycbox {}

.ycbox h3 {
    font-size: 20px;
    color: #fff;
    font-weight: normal;
    padding-bottom: 10px;
    padding-left: 32px;
    color: #00D9F7;
}

.ycbox ul {
    padding-bottom: 40px;
}

.ycbox ul li {
    border-top: 0px solid #5d97ff;
    position: relative;
    padding-left: 150px;
    background-image: linear-gradient(90deg, #5b412d 2%, rgba(0, 82, 251, 0) 100%);
}

.ycbox ul li:nth-child(2n) {
    background-image: linear-gradient(90deg, #8d7041 2%, rgba(0, 82, 251, 0) 100%);
}

.ycbox ul li span {
    display: inline-block;
    float: left;
}

.ycbox ul li span.timebox {
    width: 150px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    padding: 15px 0;
}

.ycbox ul li div.timeout {
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    padding: 15px 0 15px 20px;
}

.ycbox ul li span.yctitle {
    padding-right: 50px;
    width: 500px;
    font-size: 16px;
    color: #fff;
    font-weight:bold;
    padding-left: 10px;
}

.ycbox ul li span.ycthing {
    width: 713px;
    line-height: 28px;
}

.ycbox ul li span.ycthing i {
    padding-left: 10px;
    display: block;
    padding-bottom: 10px;
}

.ycbox ul li span.ycthing b {
    padding-right: 10px;
    font-size: 16px;
    font-weight: normal;
}
.ycbox ul li span.ycthing i.pd { padding-top:15px; }
.ycbox ul li span.ycthing i.pd b{ padding-right: 0px; display:block;}
.ycbox ul li span.ycthing em {
    padding-left: 10px;
}

.jgbox {
    line-height: 50px;
    line-height: 28px;
}

.jgbox p {
    margin: 0 auto;
    position: relative;
    padding-left: 70px;
}

.jgbox p i {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
}

.jgbox ul {
    padding-bottom: 30px;
}

.jgbox ul li {
    padding: 10px 0 10px 0px;
    position: relative;
    line-height: 30px;
    font-size: 16px;
    float: left;
    width: 272px;
    padding: 10px;
    margin-right: 10px;
    background: rgba(0, 0, 0, 0.3);
    height: 242px;
}

.jgbox ul li:nth-child(1) {
    width: 222px;
}

.jgbox ul li:nth-child(3) {
    width: 322px;
}

.jgbox ul li:nth-child(4) {
    margin-right: 0;
}

.jgbox ul li span {
    display: block;
    text-align: left;
    color: #5d97ff;
    padding-bottom: 10px;
    font-weight: bold;
}

.logobox {
    display: block;
    text-align: left;
}

.logobox em {
    display: inline-block;
    font-size: 14px;
}

.logobox i {
    display: inline-block;
    padding: 0 30px;
}

.logobox i img {
    height: 60px;
    width: auto;
}

.logobox2 {
    display: block;
    text-align: center;
}

.logobox2 i {
    display: inline-block;
    margin: 10px 5px;
    line-height: 0;
    padding: 10px 5px;
    background: #fff;
}

.logobox2 i img {
    height: 40px;
    width: auto;
    line-height: 0;
}

.logobox3 {
    display: block;
    text-align: center;
}

.logobox3 i {
    display: inline-block;
    margin: 10px 5px;
    line-height: 0;
}

.logobox3 i img {
    height: 60px;
    width: auto;
    line-height: 0;
}


.mediabox ul li {
    float: left;
    margin: 0 20px 15px 0;
    line-height: 0;
    border-radius: 3px;
    height: 47px;
    background: #fff;
    overflow: hidden;
}

.mediabox h3 {
    padding: 15px 0 25px 0;
}

.mediabox ul li img {
    width: 100px;
    height: auto;
    line-height: 0;
}

.adress {
    background: #5d97ff;
    height: 300px;
    margin: 0 0 50px 0;
}

.adress span.f-fl {
    width: 250px;
    padding: 40px;
    color: #fff;
    display: inline-block;
    font-size: 20px;
}

.adress span.f-fr {}

.adress span.f-fl h3 {
    padding-bottom: 15px;
    font-size: 25px;
}

.adress span.f-fl h3 i {
    display: inline-block;
    padding-bottom: 5px;
    border-bottom: 2px solid #fff;
}

.copyrightbox {
    height: 50px;
    line-height: 50px;
    background: #000;
    color: #fff;
    text-align: center;
    margin-top: 60px;
    letter-spacing: 2px;
}

.halo-layer-2 {
    width: 714px;
    height: 533px;
    top: 2050px;
    left: 0;
    background-image: url(../images/leftbg.jpg);
    position: absolute;
    z-index: 1;
    background-size: cover;
    background-repeat: no-repeat;
}

.nav2 {
    display: none;
}

.bottomnav {
    display: none;
}

.zbbox {
    padding: 0px 0;
}

.zbbox h2 {
    text-align: center;
    font-size: 50px;
    color: #fff;
    font-weight: normal;
    letter-spacing: 2px;
    margin-bottom: 30px;
}

.zbbox h2 i {
    display: inline-block;
    border-bottom: 2px solid #fff;
    padding-bottom: 10px;
}

.zbbox ul {
    display: block;
    position: relative;
    z-index: 999;
}

.zbbox ul li {
    float: left;
    width: 230px;
    margin-right: 28px;
    margin-bottom: 30px;
    height: 180px;
}

.zbbox ul li:nth-child(4n) {
    margin-right: 0;
}

.zbbox ul li span {
    display: block;
    height: 130px;
    overflow: hidden;
}

.zbbox ul li span img {
    width: 100%;
    height: auto;
}

.zbbox ul li p {
    text-align: left;
    padding-top: 10px;
}

.zbbox ul li a {
    color: #fff;
}

.newlist {
    padding: 0px 0 0px 0;
}

.newlist ul li {
    float: left;
    height: 40px;
    line-height: 40px;
    width: 529px;
    position: relative;
    padding-left: 20px;
    margin-right: 100px;
}

.newlist h2 {
    font-size: 30px;
    color: #fff;
    text-align: center;
}

.newlist ul li:nth-child(2n) {
    margin-right: 0;
}

.newlist ul li span {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
}

.newlist ul li a {
    font-size: 16px;
    color: #fff;
    display: inline-block;
    width: 450px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 40px;
    line-height: 40px;
}

.load-more {
    text-align: center;
    color: #fff;
}

.newlist ul li:before {
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    background: #898989;
    position: absolute;
    top: 20px;
    left: 0;
}

.newsboxleft {}

.morenews {
    text-align: center;
    padding: 20px 0;
}

.newsbox {}

.newsboxleft {}

.morenews {
    text-align: center;
    padding: 20px 0;
}

.morenews a {
    color: #fff;
}

.newsboxleft ul li {
    color: #fff;
    position: relative;
    height: 150px;
    padding-left: 230px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    float: left;
    width: 340px;
    margin-right: 60px;
}

.newsboxleft ul li:nth-child(2n) {
    margin-right: 0;
}

.newsboxleft ul li span {
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 0;
    width: 220px;
    height: 120px;
    overflow: hidden;
    line-height: 0;
}

.newsboxleft ul li span img {
    width: 100%;
    height: auto;
}

.newsboxleft ul li h3 {
    font-size: 18px;
    color: #fff;
}

.newsboxleft ul li a:hover h3 {
    color: #5d97ff
}

.newsboxleft ul li p {
    padding-top: 10px;
    color: #ccc;
}

.newsboxleft ul li i {
    padding-top: 10px;
    display: block;
    color: #666;
}


.aboutschool {
    border: 1px solid #2d35c3;
    border-radius: 15px;
    padding: 50px;
    margin: 50px 0;
    color: #fff;
}

h2.abouttitle {
    text-align: center;
    padding-bottom: 20px;
    font-size: 30px;
    margin-bottom: 20px;
}

h2.abouttitle span {
    display: inline-block;
    border-bottom: 2px solid #0893ff;
    padding-bottom: 5px;
}

.aboutschool11 p {
    font-size: 16px;
    text-indent: 32px;
    line-height: 28px;
    padding-bottom: 20px;
}

.aboutjb {
    padding: 0px 0;
}

.aboutjb ul li {
    padding: 0 15px;
    padding: 20px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2)
}

.aboutjb ul li:last-child {
    border-bottom: 0;
}

.aboutjb ul li h3 {
    padding-bottom: 15px;
    font-size: 20px;
}

.xmjj {}

.xmjj ul li {
    padding: 25px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2)
}

.xmjj ul li h2 {
    font-size: 20px;
    padding-bottom: 15px;
    color: #0893ff;
}

.xmjj ul li p {
    line-height: 28px;
}

.mdis {
    display: none;
}

.newspics2 {
    width: 1024px;
    height: 600px;
    position: relative;
    overflow: hidden;
    margin: 0px auto;
}

.newspics2 .hd {
    height: 43px;
    overflow: hidden;
    position: absolute;
    width: 100%;
    color: #fff;
    right: 0px;
    bottom: 0px;
    z-index: 1;
}

.newspics2 .hd ul {
    overflow: hidden;
    zoom: 1;
    float: right;
    padding: 15px 10px 0 0;
    text-align: center;
    display: block;
    width: 100%;
}

.newspics2 .hd ul li {
    margin-right: 6px;
    width: 10px;
    height: 10px;
    line-height: 0px;
    border-radius: 50%;
    text-indent: -99px;
    overflow: hidden;
    text-align: center;
    background: #fff;
    cursor: pointer;
    display: inline-block;
}

.newspics2 .hd ul li.on {
    background: #ff6600;
}


.newspics2 .bd {
    position: relative;
    height: 100%;
    z-index: 0;
}

.newspics2 .bd li {
    zoom: 1;
    vertical-align: middle;
    position: relative;
}

.newspics2 .bd li span {
    position: absolute;
    z-index: 99px;
    color: #fff;
    bottom: 0px;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    display: block;
    width: 100%;
    padding-left: 15px;
    height: 43px;
    line-height: 43px;
}

.newspics2 .bd img {
    width: 1020px;
    height: 600px;
}

.newspics2 .prev,
.newspics2 .next {
    position: absolute;
    left: 3%;
    top: 50%;
    margin-top: -25px;
    display: block;
    width: 32px;
    height: 40px;
    background: url(../images/slider-arrow.png) -110px 5px no-repeat;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.newspics2 .next {
    left: auto;
    right: 3%;
    background-position: 8px 5px;
}

.newspics2 .prev:hover,
.newspics2 .next:hover {
    filter: alpha(opacity=100);
    opacity: 1;
}

.newspics2 .prevStop {
    display: none;
}

.newspics2 .nextStop {
    display: none;
}

.bar {
    height: 600px;
    overflow: hidden;
}

.mtop {
    margin-top: 0px;
}

.cover {
    display: none;
}

.bar2 {
    height: 600px;
    overflow: hidden;
}

.piclist ul {
    position: relative;
    z-index: 99;
}

.piclist ul li {
    padding: 0px 120px 0px 20px;
    position: relative;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid #0992ff;
    color: #fff;
    border-radius: 8px;
    margin: 20px 0;
}

.piclist ul li span {
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 0px;
}

.piclist ul li a {
    color: #fff;
    display: block;
    font-size: 18px;
    padding: 20px 0;
}

.piclist ul li span a {
    color: #0992ff;
}


.homenews {}

.homenews ul li {
    float: left;
    width: 370px;
    height: 310px;
    margin:0 15px ;
}

.homenews ul li:last-child {
    
}

.homenews ul li img {
    width: 100%;
    height: auto;
}

.homenews ul li span {
    display: block;
    line-height: 0;
}

.homenews ul li a {
    display: block;
    color: #fff;
}

.homenews ul li a:hover p {
    color: #fff;
    text-decoration:underline;
    font-size:16px;
}

.homenews ul li p {
    padding-top: 15px;
}

.ldbox {
    display: block;
    text-align: center;
    padding-top: 25px;
}

.ldbox li {
    display: inline-block;
    width: 250px;
    margin: 0 60px;
    height: 100px;
    background-position: top center;
    background-repeat: no-repeat;
    padding-top: 220px;
}

.ldbox li h3 {
    color: #f08300;
    font-size: 16px;
}

.ldbox li:nth-child(1) {
    background-image: url(../images/ldicon1.png);
}

.ldbox li:nth-child(2) {
    background-image: url(../images/ldicon2.png);
}

.ldbox li:nth-child(3) {
    background-image: url(../images/ldicon3.png);
}

.ldbox li:nth-child(4) {
    background-image: url(../images/ldicon4.png);
}

.ldbox li:nth-child(5) {
    background-image: url(../images/ldicon5.png);
}

.ldbox li p {
    line-height: 22px;
    text-indent: 0;
    padding-bottom: 0;
    opacity: 0.8;
    font-size: 14px;
}

.mbanner {
    display: none;
}

.dsbox {
    padding: 20px 0 50px 0;
}

.dsbox ul li {
    float: left;
    width: 320px;
    padding: 30px;
    margin: 0 20px 0 0;
    background: #231606;
}

.dsbox ul li h5 {
    font-size: 24px;
    color: #f08300;
    padding: 0 0 15px 0;
}

.dsbox ul li span {
    display: block;
    color: #f3d4a2;
    padding-bottom: 10px;
}

.fzbox {
    padding-bottom: 60px;
}

.fzbox table {
    width: 100%;
}

.fzbox table td {
    border: 1px solid #dc7802;
    padding: 10px 0;
    text-align: center;
    color: #f3d4a2;
}

.jxbox2 {
    text-align: center;
}

.jxbox2 span {
    display: block;
}

.jxbox2 h5 {
    font-size: 24px;
    padding: 15px 0;
    color: #f08300
}

.jxbox2 ul {
    display: block;
    text-align: center;
    padding-top: 30px;
}

.jxbox2 ul li {
    display: inline-block;
    background: #231606;
    width: 400px;
    height: 200px;
    padding: 30px;
    margin: 0px 20px;
    text-align: left;
}

.nav2 {
    display: block;
    width: 100%;
    height: 50px;
    z-index: 100;
    position: fixed;
    top: 15px;
    left: 0;
    background: url(../images/title.png) no-repeat 20px center;
    background-size: auto 40px;
}

.nav2 a {
    display: inline-block;
    width: 150px;
    height: 50px;
    color: #fff;
    text-align: center;
}

.nav3 {
    display: block;
    width: 100%;
    height: 50px;
    z-index: 100;
    position: fixed;
    top: 0;
    left: 0;
    text-align: center;
    color: #fff;
    line-height: 50px;
    background: #000;
    font-size: 16px;
}

.nav3 i {
    display: inline-block;
    overflow: hidden;
    width: 50px;
    height: 50px;
    background: url(../images/back.png) no-repeat center;
    background-size: auto 20px;
    position: absolute;
    left: 0;
    top: 0;
}

.nav3 i a {
    display: block;
    overflow: hidden;
    text-indent: -999px;
    height: 50px;
}

.morebox {
    text-align: center;
}

.morebox a {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    border: 0px solid #5d97ff;
    width: 200px;
    text-align: center;
    color: #fff;
    background-image: linear-gradient(270deg, #3cb9ff, #6044d4);
}

.companybox {
    display: block;
}

.companybox li {
    float: left;
    color: #fff;
    width: 110px;
    margin: 0 20px 20px 0;
    background: rgba(0, 0, 0, 0.3);
    padding: 10px;
    /* background-image: linear-gradient(135deg,#3cb9ff,#6044d4);*/
}

.companybox li img {
    width: 100%;
    height: auto;
    border-radius: 5px;
}

.companybox li p {
    text-align: center;
}

.companybox li p i {
    display: block;
    font-size: 12px
}

.companybox li a {
    color: #fff;
    display: block;
    text-align: center;
}

.companybox li:nth-child(8n) {
    margin: 0 0px 20px 0;
}

.companybox li h5 {
    padding-bottom: 10px;
}

.mdispaly {
    display: none;
}

.mtop2 {}

.lzbox {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%
}

.wenbox {
    color: #fff;
    text-align: center;
    padding-top: 15px;
}

.wenbox h3 {
    padding: 0 15px 15px 15px;
    font-size: 16px;
}

.wenbox img {
    width: 150px;
    height: auto;
}

.wenbox h2 {
    font-size: 40px;
}

.wenbox p {
    padding: 10px 0 20px 0;
}

.wenbox h2 em {
    display: inline-block;
    border-bottom: 1px solid #F2BA47;
}

.newit {
    display: flex;
    justify-content: space-around;
    margin-top: 30px;
}

.newit>div {
    width: 40%
}

.videobox{ height:675px; }
 #play {
    width: 100%;
    z-index: 1;
    height: 675px;
  }

 #video {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 675px ;
    z-index: 0;
  }

  #videoCoverImg {
    z-index: 1;
    position: absolute;
  }

#play .palyBtn {
    position: absolute;
    left: 30px;
    bottom: 30px;
    z-index: 2;
    width: 66px;
    height: 40px;
    border: 2px solid #fff;
    cursor: pointer;
    border-radius: 30px;
    -webkit-transition: all .3s;
    transition: all .3s;
    background: url(../images/i_play.png) no-repeat 50% rgba(0, 0, 0, 0.6);
  }

@media screen and (min-width:300px) and (max-width:1024px) {
    .navdad{ background:#d61518; width:100%; height:50px; line-height:50px; color:#fff; display:flex; align-items:center; justify-content:space-around;  }
     .navdad a{ color:#fff; padding:0;   font-size:14px; }
     .navdad a:nth-last-child(2){ display:none; }
      .navdad a:nth-last-child(1){ display:none; }

    #play {  
        width: 100%;
        height: 56.25vw;
        z-index: 1;
      }
   
       #video {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 56.25vw;
        z-index: 0;
      }
   
      #videoCoverImg {
        z-index: 1;
        position: absolute;
      }
   
      #play .palyBtn {
        position: absolute;
        left: 30px;
        bottom: 30px;
        z-index: 2;
        width: 66px;
        height: 40px;
        border: 2px solid #fff;
        cursor: pointer;
        border-radius: 30px;
        -webkit-transition: all .3s;
        transition: all .3s;
        background: url(../images/i_play.png) no-repeat 50% rgba(0, 0, 0, 0.6);
      }
   


    .newit {
        display: flex;
        justify-content: center;
        flex-direction: column;
        margin-top: 20px;
        padding-top: 50px
    }

    .newit>div {
        width: 90%
    }

    .ycbox ul li span.ycthing b {
        padding-right: 0px;
        padding-bottom: 8px;
        font-size: 16px;
        font-weight: normal;
        display: block;
    }

    .ycbox ul li span.ycthing i {
        padding-bottom: 20px;
    }

    #videoPlay {
        height: auto !important;
    }

    .mtop2 {
        margin-top: 0px;
    }

    .lzbox {
        position: fixed;
        left: 0;
        top: 0;
        z-index: 0;
        width: 981px;
        height: 100%;
        display: none;
    }

    .mbanner {
        display: block;
        text-align: center;
        padding: 0px 15px 50px 15px;
        position: relative;
    }

    .mbanner img.big {
        width: 100%;
        height: auto;
        position: relative;
        top: 50px;
        z-index: -2
    }

    .nav2 a.f-fr {
        display: none;
    }

    .ldbox {
        display: block;
        text-align: center;
        padding-top: 25px;
    }

    .ldbox li {
        display: inline-block;
        float: left;
        width: 48%;
        margin: 0 4% 0 0;
        height: 150px;
        background-position: top center;
        background-repeat: no-repeat;
        padding-top: 100px;
        background-size: 100px auto;
    }

    .ldbox li h3 {
        color: #f08300;
        font-size: 16px;
    }

    .ldbox li:nth-child(1) {
        background-image: url(../images/ldicon1.png);
    }

    .ldbox li:nth-child(2) {
        background-image: url(../images/ldicon2.png);
        margin-right: 0;
    }

    .ldbox li:nth-child(3) {
        background-image: url(../images/ldicon3.png);
        width: 100%;
        margin-right: 0;
        margin-top: -40px;
    }

    .ldbox li:nth-child(3) p {
        width: 90%;
        text-align: center;
        margin: 0 auto
    }

    .ldbox li:nth-child(4) {
        background-image: url(../images/ldicon4.png);
        margin-top: -50px;
    }

    .ldbox li:nth-child(5) {
        background-image: url(../images/ldicon5.png);
        margin-top: -50px;
        margin-right: 0;
    }

    .ldbox li p {
        line-height: 22px;
        text-indent: 0;
        padding-bottom: 0;
        opacity: 0.8;
        font-size: 12px;
        text-align: center;
    }

    .dsbox {
        padding: 20px 0 50px 0;
    }

    .dsbox ul li {
        float: left;
        width: 100%;
        padding: 15px;
        margin: 0 0 20px 0;
        background: #231606;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        /* Firefox */
        -webkit-box-sizing: border-box;
        /* Safari */
    }

    .dsbox ul li h5 {
        font-size: 24px;
        color: #f08300;
        padding: 0 0 15px 0;
    }

    .jxbox2 {
        text-align: center;
    }

    .jxbox2 span {
        display: block;
    }

    .jxbox2 h5 {
        font-size: 24px;
        padding: 15px 0;
        color: #f08300
    }

    .jxbox2 ul {
        display: block;
        text-align: center;
        padding-top: 30px;
    }

    .jxbox2 ul li {
        display: inline-block;
        background: #231606;
        width: 100%;
        height: 200px;
        height: auto;
        padding: 15px;
        margin: 0px 0px 20px 0;
        text-align: left;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        /* Firefox */
        -webkit-box-sizing: border-box;
        /* Safari */
    }

    .dsbox ul li span {
        display: block;
        color: #f3d4a2;
        padding-bottom: 10px;
    }

    .homenews {}

    .homenews ul li {
        float: left;
        width: 48%;
        height: 190px;
        margin:0 4% 0 0;
  

    }

    .homenews ul li:last-child {
        margin-right: 0;
    }

    .homenews ul li:nth-child(2n) {
        margin-right: 0;
    }

    .homenews ul li span {
        display: block;
        height: 170px;
        height: auto;
        background: #fff;
        line-height: 0;
    }

    .homenews ul li span img {
        width: 100%;
        height: auto;
    }

    .homenews ul li a {
        display: block;
        color: #fff;
    }

    .homenews ul li p {
        padding-top: 5px;
    }


    .piclist ul {
        position: relative;
        z-index: 99;
    }

    .piclist ul li {
        padding: 0px 80px 0px 10px;
        position: relative;
        border: 1px solid #0992ff;
        color: #fff;
        border-radius: 8px;
        margin: 20px 0;
    }

    .piclist ul li span {
        display: inline-block;
        position: absolute;
        right: 10px;
        top: 0px;
    }

    .piclist ul li a {
        color: #fff;
        display: block;
        font-size: 14px;
        padding: 15px 0;
    }

    .piclist ul li span a {
        color: #0992ff;
    }

    .pcdis {
        display: none;
    }

    .bar2 {
        height: 500px;
        overflow: hidden;
    }

    .bannerbox2 {
        height: 160px;
        background: url(../images/banner_bg33.jpg) no-repeat center 40px;
        background-size: 200% auto;
    }

    .bannerbox21 {
        height: 200px;
        background-size: 200% auto;
        background-repeat: no-repeat;
        background-position: center 40px
    }

    .pcdis {
        display: none;
    }

    .mdis {
        display: block;
    }

    .nav2 {
        display: block;
        width: 100%;
        height: 50px;
        z-index: 900;
        position: fixed;
        top: 0;
        left: 0;
        background: url(../images/title.png) no-repeat 20px center #041272;
        background-size: auto 30px;
    }

    .nav3 {
        display: block;
        width: 100%;
        height: 50px;
        z-index: 1100;
        position: fixed;
        top: 0;
        left: 0;
        text-align: center;
        color: #fff;
        line-height: 50px;
        background: #000;
        font-size: 16px;
    }

    .nav3 i {
        display: inline-block;
        overflow: hidden;
        width: 50px;
        height: 50px;
        background: url(../images/back.png) no-repeat center;
        background-size: auto 20px;
        position: absolute;
        left: 0;
        top: 0;
    }

    .nav3 i a {
        display: block;
        overflow: hidden;
        text-indent: -999px;
        height: 50px;
    }

    .bottomnav {
        height: 40px;
        display: block;
        line-height: 40px;
        background: #163586;
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        z-index: 900;
        background-image: linear-gradient(to left, #2263a4, #113771);
    }

    .bottomnav ul li {
        float: left;
        width: 33.3333%;
        text-align: center;
        color: #fff;
    }

    .bottomnav ul li a {
        color: #fff;
    }

    .width1170 {
        width: 100%;
        margin: 0 auto;
        padding: 0 25px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        /* Firefox */
        -webkit-box-sizing: border-box;
        /* Safari */
        overflow: hidden;
    }

    .bannerbox {
        height: 655px;
        background: url(../images/banner_bg22.jpg) no-repeat center top;
        background-size: 100% auto;
        display: none;
    }

    .rightnav {
        width: 100px;
        height: 100%;
        position: fixed;
        top: 60px;
        margin-top: 0px;
        right: 0px;
        z-index: 999;
        background: url(../images/rightbg_top11.png) no-repeat top center;
        padding-top: 0px;
        display: none;
    }

    .rightnav a {
        display: block;
        color: #fff;
        text-align: center;
        font-size: 13px;
        border-bottom: 0px solid #00a1ff;
    }

    .rightnav ul li {
        height: 40px;
        line-height: 40px;
        text-align: center;
        background: #000;
        padding-right: 0;
    }

    .rightnav ul {
        background: url(../images/rightbg_bottom11.png) no-repeat bottom center;
        display: block;
        padding-bottom: 25px;
    }

    .opened {
        display: block;
    }

    .closed {
        display: none;
    }

    .pp h4 {
        padding: 0px 0 15px 0;
        text-align: center;
        font-size: 18px;
        color: #019fff
    }


    .pp p {
        padding-bottom: 10px;
        text-indent: 28px;
        font-size: 16px;
        line-height: 28px;
        text-align: justify;
    }
.pd{ padding-top:15px; }
    .titlebox {
        color: #e8c689;
        text-align: center;
        padding: 40px 0 40px 0;
        margin-top: 10px;
    }
.wenbox p.p15{ padding:0 25px; } .ptop{ padding-top:25px; }
    .titlebox h2 {
        font-size: 30px;
        padding-bottom: 0px;
        letter-spacing: 0px;
        text-align: center;
        height: 30px;
        line-height: 30px;
    }

    .titlebox h2 span {
        position: relative;
        display: inline-block;
        font-size: 20px;
        /*  background-image: -webkit-linear-gradient(top, #6fb0de 15%, #164296 85%);
    background-image: -o-linear-gradient(top,#6fb0de 15%, #164296 85%);
    background-image: -moz-linear-gradient(top, #6fb0de 15%, #164296 85%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    font-weight: bold;*/
        color: #fff;
        font-weight: normal;
    }

    .titlebox h2 span:before {
        content: "";
        position: absolute;
        left: -120px;
        top: 0px;
        width: 100px;
        height: 30px;
        background: url(../images/titleleftbg.png) center right no-repeat;
    }


    .titlebox h2 span::after {
        content: "";
        position: absolute;
        right: -112px;
        top: 0px;
        width: 100px;
        height: 30px;
        background: url(../images/titlerightbg.png) center right no-repeat;

    }

    .titlebox p {
        font-size: 14px;
        color: rgba(255, 255, 255, 0.3);
        letter-spacing: 3px;
        padding-bottom: 0;
    }

    .lybox ul li {
        float: left;
        width: 100%;
        height: 284px;
        height: auto;
        background: url(../images/videobg2.png) no-repeat center;
        padding: 10px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        /* Firefox */
        -webkit-box-sizing: border-box;
        /* Safari */
        border: 0px solid #095DE3;
        border-image: -webkit-linear-gradient(#095DE3, #A23DFF) 30 30;
        border-image: -moz-linear-gradient(#095DE3, #A23DFF) 30 30;
        border-image: linear-gradient(#095DE3, #A23DFF) 30 30;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        background: -webkit-linear-gradient(bottom, #1b1d6d, #1b1857);
        background: -o-linear-gradient(bottom, #1b1d6d, #1b1857);
        background: -moz-linear-gradient(bottom, #1b1d6d, #1b1857);
        background: -ms-linear-gradient(bottom, #1b1d6d, #1b1857);
        background: linear-gradient(bottom, #1b1d6d, #1b1857);

        *zoom: 1;
        margin-right: 0px;
        margin-bottom: 20px;
        position: relative;
        padding-bottom: 80px;



    }

    .lybox ul li:nth-child(2n) {
        margin-right: 0;
    }

    .lybox ul {
        padding: 30px 0 0 0;
    }

    .lybox ul li h3 {
        padding: 0px 0 8px 0px;
        font-size: 18px;
        font-family: "DIN Alternate", "Arial", sans-serif;
        -moz-osx-font-smoothing: grayscale;
        background-image: -webkit-linear-gradient(top, #00D9F7 15%, #00ABEE 85%);
        background-image: -o-linear-gradient(top, #00D9F7 15%, #00ABEE 85%);
        background-image: -moz-linear-gradient(top, #00D9F7 15%, #00ABEE 85%);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        color: #00ABEE;
        font-weight: bolder;
    }

    .lybox ul li p {
        padding-left: 0px;
        line-height: 30px;
    }

    .vediobox ul li {
        float: left;
        width: 444px;
        height: 266px;
        margin: 0 25px;
        background: url(../images/videobg.png) no-repeat left top;
    }

    .vediobox ul {
        padding-bottom: 50px;
    }

    .linkbox {
        padding: 0px;
        text-align: center;
        position: absolute;
        left: 0;
        bottom: 25px;
        width: 100%
    }

    .linkbox a {
        display: inline-block;
        width: 30%;
        margin: 0 1%;
        text-align: center;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
        background: #0500fe;
        color: #fff;
        background: -webkit-linear-gradient(90deg, #1da1f3, #1f5ef6);
        background: -o-linear-gradient(90deg, #1da1f3, #1f5ef6);
        background: -moz-linear-gradient(90deg, #1da1f3, #1f5ef6);
        background: linear-gradient(90deg, #1da1f3, #1f5ef6);
        /*box-shadow: 0 3px 0 0 #1F39D1;*/

    }

    .logobox i {
        display: inline-block;
        padding: 0 0px;
        float: left;
        width: 50%;
        text-align: center;
    }

    .logobox {
        display: block;
        text-align: left;
    }

    .logobox i img {
        height: 60px;
        width: auto;
    }

    .logobox2 {
        display: block;
        text-align: center;
    }

    .logobox2 i {
        display: inline-block;
        margin: 10px 5px;
        line-height: 0;
        padding: 10px 5px;
        background: #fff;
    }

    .logobox2 i img {
        height: 40px;
        width: auto;
        line-height: 0;
    }

    .logobox3 {
        display: block;
        text-align: center;
    }

    .logobox3 i {
        display: inline-block;
        float: left;
        width: 33.3333%;
        margin: 5px 0px;
        line-height: 0;
        height: 45px;
        overflow: hidden;
    }

    .logobox3 i img {
        height: auto;
        width: 95%;
        line-height: 0;
    }

    .jbox {}

    .jbox ul {
        display: block;
        text-align: center;
    }

    .jbox ul li {
        width: 100%;
        display: inline-block;
        float: left;
        margin: 0 0px;
        height: auto;
        height: 200px;
        height: auto;
        position: relative;
        margin-bottom: 10px;
        padding-bottom: 10px;
        background: rgba(0, 0, 0, 0.0);
        /*border-bottom: 0px solid #5d97ff; background-image: linear-gradient(160deg, #0f368e 20%,   #000 80%);*/
    }

    .jbox ul li h3 i em {
        font-size: 16px;
    }

    .jbox ul li span {
        display: block;
        float: left;
        width: 30%;
        height: 80px;
        width: 80px;
        overflow: hidden;
        line-height: 0;
        margin: 0px auto;
    }

    .jbox ul li span img {
        width: 100%;
        height: auto;
    }

    .jbox ul li h3 {
        text-align: left;
        padding: 0px 10px;
        font-size: 12px;
        color: #fff;
    }

    .jbox ul li h3 i {
        display: inline-block;
        padding-bottom: 5px;
        font-size: 16px;
    }

    .jbox ul li p {
        text-align: left;
        font-size: 12px;
        display: none;
    }

    .namebox {
        background: rgba(0, 0, 0, 0);
        padding: 0px 0 0 0px;
        width: 70%;
        float: right;
    }

    .ycbox {}

    .ycbox h3 {
        font-size: 20px;
        color: #fff;
        font-weight: normal;
        padding-bottom: 10px;
        padding-left: 0px;
        color: #00D9F7;
    }

    .ycbox ul {
        padding-bottom: 0px;
    }

    .ycbox ul li {
        border-top: 0px solid #5d97ff;
        position: relative;
        padding-left: 100px;
    }

    .ycbox ul li span {
        display: inline-block;
        float: left;
    }

    .ycbox ul li span.timebox {
        width: 100px;
        padding: 15px 0;
        line-height: 15px;
        text-align: center;
        position: absolute;
        left: 0;
        top: 6px;
    }

    .ycbox ul li span.timebox i {
        display: block;
        height: 20px;
    }

    .ycbox ul li div.timeout {
        padding: 15px 0 15px 20px;
        border-left: 1px solid rgba(255, 255, 255, 0.5);
    }

    .ycbox ul li span.ycthing i {
        padding-left: 0px;
        display: block;
    }

    .ycbox ul li span.yctitle {
        width: 100%;
        padding-left: 0px;
    }

    .ycbox ul li span.ycthing {
        width: 100%;
        line-height: 21px;
    }

    .jgbox ul {
        padding-bottom: 30px;
    }

    .jgbox ul li {
        padding: 10px 0 10px 0px;
        position: relative;
        line-height: 26px;
        font-size: 14px;
        width: 100%;
        padding: 10px 10px 20px 10px;
        margin-right: 0px;
        margin-bottom: 10px;
        background: rgba(0, 0, 0, 0.3);
        height: 300px;
        height: auto;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        /* Firefox */
        -webkit-box-sizing: border-box;
        /* Safari */
    }

    .jgbox ul li:nth-child(1) {
        width: 100%
    }

    .jgbox ul li:nth-child(3) {
        width: 100%
    }

    .jgbox ul li span {
        display: block;
        text-align: center;
    }

    .mediabox ul li {
        float: left;
        margin: 0 0px 10px 0;
        line-height: 0;
        width: 25%;
        padding: 0 5px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border-radius: 0px;
        height: 42px;
        background: none;
        overflow: hidden;
    }

    .mediabox h3 {
        padding: 15px 0 25px 0;
    }

    .mediabox ul li img {
        width: 100%;
        height: auto;
        line-height: 0;
    }

    .adress {
        background: #5d97ff;
        height: 300px;
        height: auto;
        margin: 0px 0;
    }

    .adress span.f-fl {
        width: 100%;
        padding: 20px;
        color: #fff;
        display: inline-block;
        font-size: 20px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        /* Firefox */
        -webkit-box-sizing: border-box;
        /* Safari */
    }

    .adress span.f-fr {
        display: block;
        width: 100%;
        line-height: 0;
    }

    .adress span.f-fr img {
        width: 100%;
        height: auto;
    }

    .adress span.f-fl h3 {
        padding-bottom: 15px;
        font-size: 25px;
    }

    .adress span.f-fl h3 i {
        display: inline-block;
        padding-bottom: 5px;
        border-bottom: 2px solid #fff;
    }

    .copyrightbox {
        height: 50px;
        line-height: 50px;
        background: #000;
        color: #fff;
        text-align: center;
        margin-top: 60px;
        letter-spacing: 1px;
    }

    .jgbox img {
        width: 100%;
        height: auto;
    }

    .newsboxleft {
        width: 100%;
        padding: 0 0px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        /* Firefox */
        -webkit-box-sizing: border-box;
        /* Safari */
    }

    .newsboxleft ul li {
        color: #fff;
        position: relative;
        height: 100px;
        padding-left: 146px;
        padding-top: 10px;
        width: 100%;
        margin-right: 0;
        padding-bottom: 10px;
        border-top: 0px solid rgba(255, 255, 255, 0.3);
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        /* Firefox */
        -webkit-box-sizing: border-box;
        /* Safari */
    }

    .newsboxleft ul li:last-child {
        border: 0;
    }

    .newsboxleft ul li span {
        display: inline-block;
        position: absolute;
        top: 10px;
        left: 0;
        width: 150px;
        height: 80px;
        overflow: hidden;
        line-height: 0;
        text-align: left;
    }

    .newsboxleft ul li span img {
        width: auto;
        height: 100%;
        min-height: 80px;
    }

    .newsboxleft ul li h3 {
        font-size: 13px;
        color: #fff;
        padding-top: 5px;
        font-weight: normal;
    }

    .newsboxleft ul li a:hover h3 {
        color: #00c8dc
    }

    .newsboxleft ul li p {
        padding-top: 10px;
        color: #ccc;
        display: none;
    }

    .newsboxleft ul li i {
        padding-top: 10px;
        display: block;
        color: #999;
    }

    .newlist ul li {
        float: left;
        height: 40px;
        line-height: 40px;
        width: 100%;
        position: relative;
        padding-left: 20px;
        margin-right: 0px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        /* Firefox */
        -webkit-box-sizing: border-box;
        /* Safari */
    }

    .newlist ul li:nth-child(2n) {
        margin-right: 0;
    }

    .newlist ul li span {
        display: inline-block;
        position: absolute;
        right: 0;
        top: 0;
        color: #fff;
        display: none;
    }

    .newlist ul li a {
        font-size: 16px;
        display: inline-block;
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 40px;
        line-height: 40px;
        padding-right: 15px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        /* Firefox */
        -webkit-box-sizing: border-box;
        /* Safari */
    }

    .newlist ul li:before {
        content: '';
        display: block;
        width: 4px;
        height: 4px;
        background: #fff;
        position: absolute;
        top: 20px;
        left: 10px;
    }

    .morejb {
        color: #fff;
        text-align: center;
        padding-bottom: 30px;
    }

    .zbbox {
        padding: 30px 0;
    }

    .zbbox h2 {
        text-align: center;
        font-size: 30px;
        color: #fff;
        font-weight: normal;
        letter-spacing: 2px;
        margin-bottom: 30px;
    }

    .zbbox h2 i {
        display: inline-block;
        border-bottom: 1px solid #fff;
        padding-bottom: 5px;
    }

    .zbbox ul {
        display: block;
        padding: 0 15px;
        padding-top: 30px;
    }

    .zbbox ul li {
        float: left;
        width: 48%;
        margin-right: 4%;
        margin-bottom: 15px;
        height: 180px;
        overflow: hidden
    }

    .zbbox ul li:nth-child(5n) {
        margin-right: 4%;
    }

    .zbbox ul li:nth-child(2n) {
        margin-right: 0;
    }

    .zbbox ul li span {
        display: block;
        height: 100px;
        height: auto;
        line-height: 0;
        overflow: hidden;
    }

    .zbbox ul li span img {
        width: 100%;
        height: auto;
    }

    .zbbox ul li p {
        text-align: left;
        padding-top: 10px;
    }

    .zbbox ul li a {
        color: #fff;
    }

    .newspics2 {
        width: 340px;
        height: 230px;
        position: relative;
        overflow: hidden;
        margin: 0px auto;
        padding-top: 30px;
    }

    .newspics2 .hd {
        height: 43px;
        overflow: hidden;
        position: absolute;
        width: 100%;
        color: #fff;
        right: 0px;
        bottom: 0px;
        z-index: 1;
    }

    .newspics2 .hd ul {
        overflow: hidden;
        zoom: 1;
        float: right;
        padding: 15px 10px 0 0;
        text-align: center;
        display: block;
        width: 100%;
    }

    .newspics2 .hd ul li {
        margin-right: 6px;
        width: 5px;
        height: 5px;
        line-height: 0px;
        border-radius: 50%;
        text-indent: -99px;
        overflow: hidden;
        text-align: center;
        background: #fff;
        cursor: pointer;
        display: inline-block;
    }

    .newspics2 .hd ul li.on {
        background: #ff6600;
    }


    .newspics2 .bd {
        position: relative;
        height: 100%;
        z-index: 0;
    }

    .newspics2 .bd li {
        zoom: 1;
        vertical-align: middle;
        position: relative;
    }

    .newspics2 .bd li span {
        position: absolute;
        z-index: 99px;
        color: #fff;
        bottom: 0px;
        left: 0;
        background: rgba(0, 0, 0, 0.5);
        display: block;
        width: 100%;
        padding-left: 15px;
        height: 43px;
        line-height: 43px;
    }

    .newspics2 .bd img {
        width: 340px;
        height: 170px;
    }

    .newspics2 .prev,
    .newspics2 .next {
        position: absolute;
        left: 3%;
        top: 50%;
        margin-top: -25px;
        display: block;
        width: 32px;
        height: 40px;
        background: url(../images/slider-arrow.png) -110px 5px no-repeat;
        filter: alpha(opacity=50);
        opacity: 0.5;
    }

    .newspics2 .next {
        left: auto;
        right: 3%;
        background-position: 8px 5px;
    }

    .newspics2 .prev:hover,
    .newspics2 .next:hover {
        filter: alpha(opacity=100);
        opacity: 1;
    }

    .newspics2 .prevStop {
        display: none;
    }

    .newspics2 .nextStop {
        display: none;
    }

    .mtop {
        margin-top: 0px;
    }

    .cover {
        display: block;
        position: relative;
        width: 100%;
        height: 12.07rem;
    }

    .cover img {
        position: absolute;
        height: auto;
        opacity: 0;
    }

    .cover1 {
        width: 5.28rem;
        top: 2.3rem;
        left: 50%;
        margin-left: -2.64rem;
        z-index: 9;
    }

    .cover2 {
        width: 5.8rem;
        top: 4.4rem;
        left: 50%;
        margin-left: -2.9rem;
        z-index: 9;
    }

    .cover3 {
        width: 5.79rem;
        top: 5.5rem;
        left: 50%;
        margin-left: -2.9rem;
        z-index: 9;
    }

    .cover4 {
        width: 5.05rem;
        top: 6.75rem;
        left: 50%;
        margin-left: -2.5rem;
        z-index: 9;
    }

    .cover5 {
        width: 1.76rem;
        top: 8.84rem;
        left: 50%;
        margin-left: -.88rem;
        z-index: 9;
    }

    .cover6 {
        width: 1.91rem;
        top: 2.26rem;
        left: 1.08rem;
        z-index: 7;
    }

    .cover7 {
        width: 7.5rem;
        top: 0;
        left: 0;
        z-index: 7;
    }

    .cover8 {
        width: 7.5rem;
        top: 4.24rem;
        left: 0;
        z-index: 7;
    }

    .cover9 {
        width: 1.09rem;
        top: 10.49rem;
        left: .65rem;
        z-index: 8;
    }

    .cover10 {
        width: 1.89rem;
        top: 9.11rem;
        left: 5.38rem;
        z-index: 8;
    }

    .cover11 {
        width: 1.02rem;
        top: 7.79rem;
        left: .68rem;
        z-index: 8;
    }

    .cover12 {
        width: 1.15rem;
        top: .9rem;
        left: 1.77rem;
        z-index: 8;
    }

    .cover13 {
        width: 5.33rem;
        top: 2.72rem;
        left: 50%;
        margin-left: -2.66rem;
        z-index: 7;
    }

    .aboutschool {
        border: 0px solid #2d35c3;
        border-radius: 5px;
        padding: 0 20px;
        margin: 0px 0 30px 0;
        color: #fff;
    }

    h2.abouttitle {
        text-align: center;
        padding-bottom: 20px;
        font-size: 30px;
        margin-bottom: 0px;
    }

    h2.abouttitle span {
        display: inline-block;
        border-bottom: 2px solid #0893ff;
        padding-bottom: 5px;
    }

    .aboutschool11 p {
        font-size: 16px;
        text-indent: 32px;
        line-height: 28px;
        padding-bottom: 20px;
    }

    .aboutjb {
        padding: 0px 0;
    }

    .aboutjb ul li {
        padding: 0 15px;
        padding: 20px 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2)
    }

    .aboutjb ul li:last-child {
        border-bottom: 0;
    }

    .aboutjb ul li h3 {
        padding-bottom: 15px;
        font-size: 20px;
    }

    .xmjj {}

    .xmjj ul li {
        padding: 25px 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2)
    }

    .xmjj ul li h2 {
        font-size: 20px;
        padding-bottom: 15px;
        color: #0893ff;
    }

    .xmjj ul li p {
        line-height: 28px;
    }


    .companybox {
        display: block;
    }

    .companybox li {
        float: left;
        color: #fff;
        width: 32%;
        margin: 0 2% 20px 0;
        border: 0px solid #5d97ff;
        background: rgba(0, 0, 0, 0.3);
        padding: 10px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        /* Firefox */
        -webkit-box-sizing: border-box;
        /* Safari */
    }

    .companybox li img {
        width: 100%;
        height: auto;
        border-radius: 5px;
    }

    .companybox li p {
        text-align: center;
    }

    .companybox li p i {
        display: block;
    }

    .companybox li a {
        color: #fff;
        display: block;
        text-align: center;
    }

    .companybox li:nth-child(8n) {
        margin: 0 2% 20px 0;
    }

    .companybox li:nth-child(3n) {
        margin: 0 0% 20px 0;
    }

    .companybox li h5 {
        padding-bottom: 10px;
    }

    .mtop3{
    
        width: 100%;
        margin: 0 auto;
        padding: 0 0;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        /* Firefox */
        -webkit-box-sizing: border-box;
        /* Safari */
        overflow: hidden;
    }

.list li {
    margin-top: 20px;
    padding: 0 10px;
    width: 33%;
    box-sizing:border-box;
}
.mother .list li {width:33%;}
 .avatar {
    margin-bottom: 5px;
    width: 90px;
    height: 90px;
}

}