@charset "utf-8";
.txtClip{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.jngkBox{ padding-top: 4px; padding-bottom: 40px; background-color: #287E8D; overflow: hidden; width: 100%; margin: 0 auto; min-width: 1200px; }
.jngkCon{padding: 40px 25px;width: 1150px;height: 415px;margin-left: auto;margin-right: auto;background-color: #fff;position: relative;border-radius: 0 0 10px 10px;}
.jngkCon .videoBox{width: 738px;height: 415px;overflow: hidden;border-radius: 6px;}
.jngkCon .jngkText{width: 390px;height: 415px;overflow: hidden;position: relative;}
.jngkCon .book{background: url(bookBj.png) no-repeat center;width: 139px;height: 139px;position: absolute;right: -4px;bottom: 0;}
.jngkCon .jngkText .listTitle {padding-top: 15px; height: 40px; line-height: 40px; border-bottom: 1px solid #E1E1E1; }
.jngkCon .jngkText .listTitle .title { font-size: 24px; color: #287E8D; font-weight: bold; }
.jngkCon .jngkText .listTitle .more { height: 28px; padding-top: 11px; line-height: 28px; font-size: 16px; border-bottom: 1px solid #287E8D; }
.jngkCon .jngkText .listTitle .more a { color: #287E8D; }
.jngkConText{font-size: 18px; color: #9b9b9b;line-height: 32px;height: 320px;overflow: hidden;padding-top: 15px;padding-bottom: 14px;}
.jngkConText p { height: auto; max-height: 320px; line-height: 32px; display: -webkit-box; display: -moz-box; display: box; -webkit-line-clamp: 10; -moz-line-clamp: 10; line-clamp: 10; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; overflow: hidden; text-overflow: ellipsis; position: relative; }
.jngkConText p:after { content: '...'; position: absolute; bottom: 0; right: 0; background: white; padding-left: 2px; }
@supports (-webkit-line-clamp: 10) { .jngkConText p:after { display: none; } }
.zsyzAndWldt{height: 354px; max-width: 1920px; min-width: 1200px; overflow: hidden; margin: 0 auto; background: url(../../images/2021/bgot.png) repeat-x; background-color: #fff;}
.zsyzAndWldtBox{height: 354px;width: 1200px;margin-left: auto;margin-right: auto;overflow: hidden;}
.zsyzAndWldtBox .list { width: 600px; height: 354px; overflow: hidden; }
.zsyzAndWldtBox .list.fl{background: url(../../images/2021/bgB1.png) no-repeat right bottom; }
.zsyzAndWldtBox .list.fr{background: url(../../images/2021/bgB2.png) no-repeat left bottom; }
.zsyzAndWldtBox .list .title{ height: 50px; }
.zsyzAndWldtBox .list .title img { vertical-align: middle; display: inline-block;}
.zsyzAndWldtBox .listBox { margin-top: 20px; width: 600px; height: 240px; }
.zsyzAndWldtBox .listBox li { line-height: 36px; padding-left: 10px; padding-right: 10px; }
.zsyzAndWldtBox .listBox li a { font-size: 18px; color: #000; }
.zsyzAndWldtBox .listBox li .mainText{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width: 500px;}
.zsyzAndWldtBox .listBox li .time { font-size: 17px; color: #bcbcbc; }
.zsyzAndWldtBox .listBox li  .icon1 { width: 20px; height: 36px; background: url(../../images/2021/liS.png) no-repeat center; }
.zsyzAndWldtBox .listBox>span{ margin-top: 20px;display: block; width: 80px; height: 32px; background-color: #287E8D; color: #fff; text-align: center; font-size: 16px; line-height: 32px; margin-left: 288px; }
.zsyzAndWldtBox .listBox>span>a{ display: block; height: 32px; color: #fff; } 
.bgTitle1 { background: url(../../images/2021/bgo1.png) no-repeat center top; text-align: center; line-height: 50px; }
.bgTitle2 { background: url(../../images/2021/bgo2.png) no-repeat center top; text-align: center; line-height: 50px; }
.mljnBox{ min-height: 321px;max-width: 1920px; min-width: 1200px; overflow: hidden;margin-left: auto;margin-right: auto;background-color: #F3F1EF;position: relative;}
.mljnCon{width: 1200px;margin-left: auto;margin-right: auto;overflow: hidden;position: relative;}
.mljnBg{height: 221px;width: 100%;position: absolute;left: 0;top: 50%;margin-top: -110px;background: url(mljnBg.png) no-repeat center;}
.mljnBox .title{ height: 50px;text-align: center;}
.mljnBox .title img { vertical-align: middle; display: inline-block;}
.mljnImgBox{padding-top: 10px;padding-bottom: 20px;width: 1200px;overflow: hidden;position: relative;height: 781px;}
.imgItem1{width: 590px;height: 223px;position: absolute;left: 0;top: 0;}
.imgItem2{width: 590px;height: 276px;position: absolute;left: 0;top: 243px;}
.imgItem3{width: 590px;height: 305px;position: absolute;right: 0;top: 0;}
.imgItem4{width: 300px;height: 193px;position: absolute;left: 610px;top: 325px;}
.imgItem5{width: 390px;height: 222px;position: absolute;left: 0;top: 539px;}
.imgItem6{width: 500px;height: 222px;position: absolute;left: 410px;top: 539px;}
.imgItem7{width: 270px;height: 435px;position: absolute;right:0;top: 325px;}
.imgItem{overflow: hidden;}
.imgItem a{display: block;width: 100%;height: 100%;position: relative;}
.imgItem a img{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.imgItem a .mask{position: absolute; top:0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .7);display: none;}
.imgItem a .mask .infoBox{position: absolute; top:50%;width: 96%;left:2%;transform: translateY(-50%);}
.imgItem a .mask .infoBox .icon{display: block;width: 26px;height: 26px;margin-left: auto;margin-right: auto;background: url(ylIcon.png) no-repeat center;}
.imgItem a .mask .infoBox .title{margin-top: 8px;font-size: 16px; color: #FFFFFF; line-height: 36px;text-align: center;}
.imgItem a:hover .mask{display: block;}
.jdxzBox{padding-top: 52px;position: relative;margin-bottom: 50px;}
.jdxzBox .jdxzTitleBg{position: absolute;top: 0;width: 100%;height: 52px;background: url(jdxzTitle.png) #F3F1EF no-repeat center;}
.jdxzCon{width: 1200px;position: relative;overflow: hidden;margin-left: auto;margin-right: auto;margin-top: -20px;}
.jdxzCon .title{height: 50px; text-align: center;}
.jdxzCon .title img { vertical-align: middle; display: inline-block;}
.hoveImgBox{padding-top: 10px;padding-bottom: 20px;width: 1200px;height: 436px;overflow: hidden;}
.hoveImgList{width: 1220px;height: 436px;overflow: hidden;position: relative;margin-left: -10px;}
.hoveImgList .hoveImgItem{margin-left: 10px;width: 98px;height: 436px;float: left;overflow: hidden;background-position: center center; background-repeat: no-repeat;border-radius: 6px;background-size: cover;}
.hoveImgList .hoveImgItem a{display: block;height: 100%;width: 100%;position: relative;cursor: pointer;}
.hoveImgList .hoveImgItem span.name{position: absolute;left: 25px;top: 25px;background: rgba(0,0,0,0.58);color: #fff;font-size: 18px;line-height: 28px;padding: 5px 10px;display: none;}
.hoveImgList .hoveImgItem .mask{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.hoveImgList .hoveImgItem .mask .icon{display: block;position: absolute;width: 48px;height: 48px;background: url(iconBg.png) no-repeat center;top: 25px;left: 50%;margin-left: -24px;}
.hoveImgList .hoveImgItem .mask .title{font-size: 18px;width: 22px;color: #fff;line-height: 28px;left: 50%;display: block;position: absolute;margin-left: -11px;top: 50%;margin-top: -28px;}
.hoveImgList .hoveImgItem .mask .dot{display: block;position: absolute;width: 18px;height: 5px;background-color: #fff;bottom: 38px;left: 50%;margin-left: -9px;}
.mask.mask1{background: linear-gradient(to bottom, rgba(78, 149, 225, 1) 0%, rgba(212, 111, 111, 0) 100%);}
.mask.mask2{background: linear-gradient(to bottom, rgba(144, 197, 104, 1) 0%, rgba(212, 111, 111, 0) 100%);}
.mask.mask3{background: linear-gradient(to bottom, rgba(114, 120, 203, 1) 0%, rgba(212, 111, 111, 0) 100%);}
.mask.mask4{background: linear-gradient(to bottom, rgba(241, 150, 56, 1) 0%, rgba(212, 111, 111, 0) 100%);}
.mask.mask5{background: linear-gradient(to bottom, rgba(82, 187, 184, 1) 0%, rgba(212, 111, 111, 0) 100%);}
.mask.mask6{background: linear-gradient(to bottom, rgba(246, 136, 180, 1) 0%, rgba(212, 111, 111, 0) 100%);}
.mask.mask7{background: linear-gradient(to bottom, rgba(136, 175, 246, 1) 0%, rgba(212, 111, 111, 0) 100%);}
.mask.mask8{background: linear-gradient(to bottom, rgba(212, 111, 111, 1) 0%, rgba(212, 111, 111, 0) 100%);}