* {
    padding: 0;
    margin: 0;
    font-family: "Microsoft YaHei";
}
body{
  background-color: #efefef;
}
.box1 {
    width: 100%;
    height: auto;
    background-color: #efefef;
    margin-top: 5px;
}

.middle {
    width: 1100px;
    height: auto;
    margin: 0 auto;
}

.kg-25h {
    width: 100%;
    height: 25px;
}

.kg-20w {
    width: 20px;
    height: 100%;
    float: left
}

.dis-none {
    display: none
}

.dis-block {
    display: block
}

.m-20 {
    margin-left: 20px;
}

.box-two-right-con ul li a:hover,
.box-three3-left ul li a:hover,
.box-three3-middle ul li a:hover,
.box-three3-right ul li a:hover {
    color: red
}

.kg-45 {
    width: 45px;
    height: 100%;
    float: left
}


/*第一层*/

.box-one {
    width: 100%;
    height: 469px;
    background-color: #ffffff;
    padding: 27px 20px 20px 19px;
}

.box-one-left {
    width: 590px;
    height: 100%;
    float: left
}

.box-one-bg {
    background: url("zjjj-one-bg.jpg") no-repeat;
    width: 1060px;
    height: 330px
}

.box-one-c {
    height: 100%;
    width: 470px;
    float: right
}

.box-one-top {
    width: 100%;
    height: 30px;
    line-height: 30px;
    padding-right: 10px;
}

.box-one-top span {
    font-size: 13px;
    color: #135aae;
    float: right
}

.box-one-c-2 {
    width: 100%;
    height: 270px;
    position: relative
}

.box-one-c-3 {
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 13px;
    color: #135aae;
}

.box-one-li {
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 29px;
    padding-right: 13px;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.box-one-li div {
    font-size: 15px;
    color: #333333;
    line-height: 24px;
    text-indent: 2em;
}

.box-one-li a {
    font-size: 15px;
    color: #b41f1f
}

.box-one2 {
    width: 100%;
    height: 68px;
}
.box-one2>div{float:left;width:196px;height:68px;}
.box-one2-1 {
    background: url("jj-one-icon1.png") no-repeat;
    width: 196px;
    height: 68px;
    float: left
}

.box-one2-2 {
    background: url("jj-one-icon2.jpg") no-repeat;
    width: 196px;
    height: 68px;
    float: left
}

.box-one2-3 {
    background: url("jj-one-icon3.jpg") no-repeat;
    width: 196px;
    height: 68px;
    float: left
}

.box-one2-4 {
    background: url("jj-one-icon4.jpg") no-repeat;
    width: 196px;
    height: 68px;
    float: left
}

.box-one2-5 {
    background: url("jj-one-icon5.png") no-repeat;
    width: 196px;
    height: 68px;
    float: left
}

.box-one2-1:hover {
    background: url("jj-one-icon1-h.jpg") no-repeat;
    width: 196px;
    height: 68px;
    float: left
}

.box-one2-2:hover {
    background: url("jj-one-icon2-h.jpg") no-repeat;
    width: 196px;
    height: 68px;
    float: left
}

.box-one2-3:hover {
    background: url("jj-one-icon3-h.jpg") no-repeat;
    width: 196px;
    height: 68px;
    float: left
}

.box-one2-4:hover {
    background: url("jj-one-icon4-h.jpg") no-repeat;
    width: 196px;
    height: 68px;
    float: left
}

.box-one2-5:hover {
    background: url("jj-one-icon5-h.png") no-repeat;
    width: 196px;
    height: 68px;
    float: left
}

.box-one2-1.hover {
    background: url("jj-one-icon1-h.jpg") no-repeat;
    width: 196px;
    height: 68px;
    float: left
}

.box-one2-2.hover {
    background: url("jj-one-icon2-h.jpg") no-repeat;
    width: 196px;
    height: 68px;
    float: left
}

.box-one2-3.hover {
    background: url("jj-one-icon3-h.jpg") no-repeat;
    width: 196px;
    height: 68px;
    float: left
}

.box-one2-4.hover {
    background: url("jj-one-icon4-h.jpg") no-repeat;
    width: 196px;
    height: 68px;
    float: left
}

.box-one2-5.hover {
    background: url("jj-one-icon5-h.png") no-repeat;
    width: 196px;
    height: 68px;
    float: left
}


/*第二层*/

.box-two {
    width: 100%;
    height: 308px;
    background-color: #ffffff
}

.box-two-left {
    width: 522px;
    height: 100%;
    padding: 16px 39px 19px 19px;
    float: left
}

.box-two-title {
    width: 100%;
    height: 26px;
    line-height: 26px;
    border-bottom: 1px solid #cccccc;
}

.box-two-title span {
    display: block;
    height: 26px;
    line-height: 26px;
    font-size: 17px;
    color: #003366;
    font-weight: bold;
    border-bottom: 1px solid #125aae;
    float: left
}

.box-two-title a {
    font-size: 15px;
    color: #999999;
    float: right
}

.box-two-left-con {
    width: 100%;
    height: 247px;
    padding-top: 20px
}

.box-two-middle {
    background: url("jj-two-iconm.png") no-repeat;
    height: 100%;
    width: 4px;
    float: left
}

.box-two-right {
    width: 574px;
    height: 100%;
    float: left;
    padding: 16px 19px 19px 37px;
}

.box-two-right-con,
.box-two-right-con ul {
    width: 100%;
    height: 100%
}

.box-two-right-con ul li {
    width: 100%;
    background: url("art-icon.png") no-repeat left;
    padding-left: 15px;
    height: 30px;
    line-height: 30px;
}

.box-two-right-con ul li a {
    float: left;
    color: #333333;
    font-size: 15px;
}

.box-two-right-con ul li span {
    float: right;
    font-size: 15px;
    color: #999999
}


/*第三层*/

.box-three {
    width: 100%;
    height: 277px;
    background-color: #ffffff;
    padding: 0 19px;
}

.box-three1 {
    width: 100%;
    height: 67px;
}

.tox-three1-1,
.tox-three1-2,
.tox-three1-3 {
    width: 354px;
    height: 100%;
    float: left;
    padding-top: 17px;
}

.tox-three1-1 a {
    background: url("zjjj-three-1.jpg") no-repeat;
    width: 106px;
    height: 40px;
    display: block;
    margin: 0 auto
}

.tox-three1-2 a {
    background: url("zjjj-three-2.jpg") no-repeat;
    width: 113px;
    height: 40px;
    display: block;
    margin: 0 auto
}

.tox-three1-3 a {
    background: url("zjjj-three-3.png") no-repeat;
    width: 102px;
    height: 40px;
    display: block;
    margin: 0 auto
}

.box-three2 {
    background: url("zjjj-three-bg.jpg") no-repeat;
    width: 100%;
    height: 15px
}

.box-three3 {
    width: 100%;
    height: 195px;
    padding: 11px 10px 0 14px;
}

.box-three3-left {
    background: url("zjj-three-bg1.jpg") no-repeat;
    width: 316px;
    height: 100%;
    float: left;
    padding-top: 85px;
}

.box-three3-middle {
    background: url("zjj-three-bg2.jpg") no-repeat;
    width: 315px;
    height: 100%;
    float: left;
    padding-top: 85px;
}

.box-three3-right {
    background: url("zjj-three-bg3.jpg") no-repeat;
    width: 316px;
    height: 100%;
    float: left;
    padding-top: 85px;
}

.box-three3-left ul,
.box-three3-middle ul,
.box-three3-right ul {
    width: 100%;
    height: 100%;
    padding-left: 43px;
}

.box-three3-left ul li,
.box-three3-middle ul li,
.box-three3-right ul li {
    width: 100%;
    height: 30px;
    line-height: 30px;
    padding-left: 15px;
    background: url("art-icon.png") no-repeat left
}

.box-three3-left ul li a,
.box-three3-middle ul li a,
.box-three3-right ul li a {
    font-size: 15px;
    color: #333333
}


/*第四层*/

.box-four {
    width: 100%;
    height: 225px;
    background-color: #ffffff;
    padding: 15px 20px 20px 20px;
}

.box-four-con {
    width: 100%;
    height: 163px;
    padding: 30px 9px 0 9px;
}
.old_type .box-one{
  height:auto;
  
}
.old_type .box-one-bg{
  background-size:100% 100%;
   height:auto;
}
.old_type .box-one-top  {
    display:none;
}
.old_type .box-one-li{
      position: static;
}
.old_type .box-one-li div {
    font-size: 26px;
    line-height: 36px;
}
.old_type .box-one-c{
      padding: 10px 0;
}
.old_type .box-one-li a{
  font-size:26px;
}

.old_type .box-one-c-2{
  height:auto;
}
.old_type .box-one-c-3 {
    display:none;
}

.old_type .box-two-right-con ul li {
    height: 45px;
    line-height: 45px;
}

.old_type .box-two-right-con ul li a {
    font-size: 26px;
}

.old_type .box-two-right-con ul li span {
    font-size: 26px;
}
.old_type .box-two {
    height: auto;
}


.old_type .box-two-left {
    padding: 16px 19px 19px 19px;
    height: auto;
    width:100%;
}

.old_type .box-two-title {
    height: 70px;
    line-height: 70px;
}

.old_type .box-two-title span {
    height: 70px;
    line-height: 70px;
    font-size: 32px;
}

.old_type .box-two-title a {
    font-size: 28px;
}

.old_type .box-two-left-con {
    height: auto;
}

.old_type .box-two-left-con video {
        margin-top: 25px;
        width: 100%;
        height: 500px;
        object-fit: fill;
}

.old_type .box-two-right {
    height: auto;
    width:100%;
}

.old_type .box-two-middle {
    display: none;
}

.old_type .box-three {
    height: 320px;
}

.old_type .box-three3-left ul,
.old_type .box-three3-middle ul,
.old_type .box-three3-right ul {
    padding-left: 20px;
}

.old_type .box-three3-left ul li,
.old_type .box-three3-middle ul li,
.old_type .box-three3-right ul li {
    height: 45px;
    line-height: 45px;
}

.old_type .box-three3-left ul li a,
.old_type .box-three3-middle ul li a,
.old_type .box-three3-right ul li a {
    font-size: 26px;
    display:block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


.old_type .box-four{
  height:auto;
   padding-bottom:0;
}
.old_type .tempWrap{
  margin:0 auto;
  transform: scale(1.4);
}

.old_type .box-four-con{
  height:225px;
   padding-bottom:30px;
}
.old_type .scroll_horizontal .list li{
  height:150px;
}
.old_type .scroll_horizontal .list li a{
   display:block;
  width: 100%;
  height:100%;
}

    .old_type .scroll_horizontal .list li img {
        width: 100%;
        height: 145px;
    }
    
    .old_type .scroll_horizontal .list li span {
        height: 50px;
        width:100%;
        font-size: 19px;
    }