html{overflow-x: hidden;max-width: 1920px;margin: 0 auto;}
body{font-family: "SourceHanSansCN-Medium", "SourceHanSansCN-Regular","SourceHanSansCN", "Microsoft Yahei";color:#242424;}
.hide,.hidden{display: none!important;}
a{color: #333;}
a:hover{color: #333;}
a:focus{outline: none;text-decoration:none}
.inblock {display: inline-block}
/* img{max-width: 100%;} */
.fl{float: left;}
.fr{float: right;}
.clearfix:after{content: '';display: block; clear:both; }
.ellipsis{white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}
.pointer{cursor: pointer;}
.default{cursor: default;}
.overflow{overflow: hidden;}
.imgbox,.advbox{overflow: hidden;}
.imgbox:hover{display: block;overflow: hidden;}
.imgbox:hover img ,.advbox a:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.imgbox{display: block;width: 100%;height: 100%;}
.imgbox img,.advbox a img{-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.imgbox img{object-fit: cover;width: 100%;height: 100%;}
.advbox,.advbox *{max-width:100% !important;height: auto!important;}
.advbox>span{margin-bottom: 30px;display:block}
.advbox li{margin-top:10px;overflow: hidden;}
.advbox li:first-child:nth-last-child(2),.advbox li:first-child:nth-last-child(2) ~ li{width: calc(50% - 7.5px);}
.advbox li:first-child:nth-last-child(2){float: left;}
.advbox li:first-child:nth-last-child(2) ~ li{float: right;}
.advbox li:first-child:nth-last-child(3),.advbox li:first-child:nth-last-child(3) ~ li {width: calc(33.33% - 7.5px);float: left;}
.advbox li:first-child:nth-last-child(3) {margin-right: 12px;}
.advbox li:last-child {float: right!important;}
.advbox li img{width:100%}
.line2{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.line3{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.line4{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.line5{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.line6{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;}
.d-flex{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.d-center-flex{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;}
.d-grow{flex-grow: 1;min-width: 0;}
.d-shrink{flex-shrink: 0;}
.row{margin:0 -10px;}
*[class^='col-']{padding:0 10px;}
.notselect{-moz-user-select: -moz-none;-moz-user-select: none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}
.mg-t-0{margin-top:0!important}
.container{position: relative;}

.font42{font-size:42px}
.font40{font-size:40px}
.font38{font-size:38px}
.font36{font-size:36px}
.font34{font-size:34px}
.font26{font-size:26px}
.font20{font-size:20px}
.font30{font-size:30px}
.font22{font-size:22px}
.font24{font-size:24px}
.font28{font-size:28px}


@font-face {
  font-family: 'SourceHanSerifCN-SemiBold';
  src: url("https://vep-xsd.fltrp.com/v3/fonts/SourceHanSerifCN-SemiBold.OTF");
}
@font-face {
  font-family: 'SourceHanSansCN-Medium';
  src: url("https://vep-xsd.fltrp.com/v3/fonts/SourceHanSansCN-Medium.otf");
}
@font-face {
  font-family: 'SourceHanSansCN-Bold';
  src: url("https://vep-xsd.fltrp.com/v3/fonts/SourceHanSansCN-Bold.otf");
}
@font-face {
  font-family: 'SourceHanSansCN-Regular';
  src: url("https://vep-xsd.fltrp.com/v3/fonts/SourceHanSansCN-Regular.otf");
}
@font-face {
  font-family: 'ALIBABAPUHUITI';
  src: url("https://vep-xsd.fltrp.com/v3/fonts/ALIBABAPUHUITI-2-95-EXTRABOLD.TTF");
}
@font-face {
  font-family: 'DingTalk';
  src: url("https://vep-xsd.fltrp.com/v3/fonts/DINGTALK-JINBUTI.TTF");
}


/* 头部 */
.banner{position: relative;z-index: 2;}
.banner .ban-img{width: 100%;}
.banner .topnav{position: absolute;width: 100%;top: -87px;display: flex;justify-content: space-between;font-family: SourceHanSansCN-Bold;}
.banner .topnav li{width: 205px;height: 205px;line-height: 205px;background-image: linear-gradient(144deg,#7eb6f1 0%,#5b95e9 43%,#3873e1 100%);border-radius: 50%;box-shadow: 0px 21px 40px 0px rgba(110, 158, 221, 0.51);}
.banner .topnav li a{display: block;width: 100%;height: 100%;text-align: center;color: #fff;position: relative;}
.banner .topnav li.on a::after{content: "";display: block;width: 101px;height: 97px;background: url(../../images/xsdzy/icon1.png) no-repeat;position: absolute;bottom: -12px;right: 33px;}
.banner .topnav li:nth-child(2){margin-top: -46px;}
.banner .topnav li:nth-child(3){margin-top: -60px;}
.banner .topnav li:nth-child(4){margin-top: -95px;}

/* 尾部 */
.footer{position: relative; width: 100%;margin-top: -150px; background: url(../../images/xsdzy/icon29.png) no-repeat center bottom;padding: 370px 0px 60px;}
.footer .title{color: #fff;text-shadow: 2px 2px 0px rgba(16, 79, 160, 0.4);margin-bottom: 27px;line-height: 28px;}
.footer .dropup{width: 525px;line-height: 60px;}
.footer .dropup .btn{display: flex;justify-content: space-between;align-items: center;height: 60px;border-radius: 10px;background: #67a2f2 !important;color: #fff !important;padding: 0 37px 0 50px;border: none;box-shadow:2px 2px 4px 0px rgba(16, 79, 160, 0.28);}
.footer .dropup .btn .caret {transform: rotate(180deg);border-width: 6px;}
.footer .dropup .dropdown-menu{width: 100%;background: #67a2f2;border-radius: 10px;padding: 10px 0px;}
.footer .dropup .dropdown-menu a{color: #fff;}
.footer .dropup .dropdown-menu>li>a:focus,.footer .dropup .dropdown-menu>li>a:hover{background: none !important;font-family: SourceHanSansCN-Bold;}

.comTitle{font-family: ALIBABAPUHUITI;width: 100%;line-height: 84px;color: #fff;text-align: center;text-shadow: 2px 4px 0px rgba(30, 90, 188, 0.25);}
.comTitle .font{position: relative;display: inline-block;background: #4984E5;padding: 0px 55px;min-width: 250px;border: 1px solid;border-image:linear-gradient(90deg,#56d5e8 11%,#d2f469 36%,#efe443 50%,#ffda2c 59%,#ffed96 82%,#ffffff 100%) 1;border-image-slice: 1;}
.comTitle .font::after,.comTitle .font::before{position: absolute;content: ''; display: block;width: 290px;height: 30px;top: 0;bottom: 0;margin: auto;}
.comTitle .font::after{background: url(../../images/xsdzy/icon36.png) no-repeat center right;left: -315px;background-size: contain;}
.comTitle .font::before{background: url(../../images/xsdzy/icon37.png) no-repeat center left;right: -315px;background-size: contain;}


.ptzyPage .comTitle,.ptzyWrap .comTitle,.jctsWrap .comTitle,.comTitle-m{margin-bottom: 50px;}


.ercode{display: none;position: fixed;right: 10px;width: 100px;top: 50%;z-index: 99;text-align: center;}
.ercode .imgbox{width: 100px;height: 100px;padding: 15px;background: #E6F2FC;border-radius: 8px;}
.ercode .imgbox img{}
.ercode .tit{line-height: 24px;color: #333; margin-top: 6px;}
.gotop{display: none;position: fixed;width: 83px;height: 83px;right: 30px;bottom: 30px;cursor: pointer;z-index: 99;}


/* 首页 */
.index-1{z-index:1; width: 100%;background: url(../../images/xsdzyyy/20_02.png) no-repeat;background-position: top center;position: relative;margin-top: -200px;padding-top: 380px;}
 
.index-jcjs .tit{margin-top: 38px;width: 100%;text-align: center;}
.index-jcjs .lb{margin-top: 25px;position: relative;}
.index-jcjs .lb .swiper-slide{display: flex;height: auto;align-items: center;flex-direction: column;justify-content: space-between;}
.index-jcjs .lb .swiper-slide .imgbox img{object-fit: contain;}
.index-jcjs .lb .swiper-slide .lb-tit{text-align: center;margin-top: -30px;}
.index-jcjs .lb .swiper-slide .lb-tit span{display: inline-block;position: relative;padding: 0 30px;}
.index-jcjs .lb .swiper-slide .lb-tit span::before{content: "";display: block;width: 51px;height: 52px;background: url(../../images/xsdzy/icon6.png) no-repeat;position: absolute;left: -51px;top: 0;bottom: 0;margin: auto;}
.index-jcjs .lb .swiper-slide .lb-tit span::after{content: "";display: block;width: 51px;height: 52px;background: url(../../images/xsdzy/icon7.png) no-repeat;position: absolute;right: -51px;top: 0;bottom: 0;margin: auto;}
.index-jcjs .lb .swiper-button-prev{width: 48px;height: 48px;background: url(../../images/xsdzy/icon5.png) no-repeat center/contain;left: -75px;}
.index-jcjs .lb .swiper-button-next{width: 48px;height: 48px;background: url(../../images/xsdzy/icon4.png) no-repeat center/contain; right: -75px;}

.index-jcjs .info{margin-top: 60px;}
.index-jcjs .info .txt{text-align: justify;line-height: 34px;color: #333333;}
.index-jcjs .info .txt .t{text-indent: 2em;}
.index-jcjs .info .video{width: 600px;height: 310px;position: relative;float: right;}
.index-jcjs .info .video::after{content: "";display: block;width: 690px;height: 345px;background: url(../../images/xsdzy/icon9.png) no-repeat;background-size: 100% 100%;position: absolute;top: -40px;right: -125px;}
.index-jcjs .info .video .c{position: absolute;overflow: hidden; z-index: 1;width: 440px;height: 245px;right: 9px;top: 25px;}
.index-jcjs .info .video .c video,.index-jcjs .info .video .c .CCH5playerContainer{width: 100% !important;height: 100% !important;}

.index-bxtd{margin-top: 80px;}
.index-bxtd .con{display: flex;flex-wrap: wrap;padding-top: 70px;align-items: center;}
.index-bxtd .con .left{position: relative;z-index: 1; width: calc(100% - 690px);line-height: 34px;text-align: justify;text-indent: 2em;color: #333333;position: relative;}
.index-bxtd .con .left::after{position: absolute;left: -47px;top: -57px; content: '';display: block;width: 46px;height: 40px;background: url(../../images/xsdzy/icon10.png) no-repeat center; }
.index-bxtd .con .right{width: 690px;padding-left: 80px;}
.index-bxtd .con .right .bg{position: relative;}
.index-bxtd .con .right .bg img{position: relative;z-index: 1;}
.index-bxtd .con .right .bg::after{content: "";display: block;max-width: 95%; width: 580px;height: 494px;background: url(../../images/xsdzy/icon34.png);position: absolute;top: -70px;right: -30px;}

.index-2{width: 100%;background: url(../../images/xsdzy/icon25.png) no-repeat;min-height: 2243px;background-position: top center;background-size: 100% 100%;position: relative;margin-top: 90px;padding-top: 30px;}
.index-cjts li{display: flex;margin-top: 80px;align-items: center;}
.index-cjts li:first-child{margin-top:110px}
.index-cjts li .contit{margin-bottom: 35px;}
.index-cjts li .contit span{display: inline-block;color: #ffffff;font-family: ALIBABAPUHUITI;padding-right: 50px;background: url(../../images/xsdzy/icon11.png) no-repeat center right;}
.index-cjts li .imgwra{flex: 1;}
.index-cjts li .imgwra .img{}
.index-cjts li .imgwra .logobox{display: inline-block;position: relative;margin-bottom: 120px;}
.index-cjts li .imgwra .img .logo{position: relative;z-index: 1;}
.index-cjts li .imgwra .img .bg{position: absolute;max-width: 120%;left: 50%;transform: translateX(-50%);bottom: -53%;}
.index-cjts li .con{width: 458px;position: relative;}
.index-cjts li .con .txt{position: relative;padding: 22px 40px 20px 40px;}
.index-cjts li .con .txt::after{position: absolute;top: 0;left: 0; display: block;content: '';width: 690px;height: 100%;background: url(../../images/xsdzy/icon12.png) no-repeat left center;background-size: 100% 100%;}
.index-cjts li .con .txt .contxt{position: relative;min-height: 410px; z-index: 1;display: flex;flex-direction: column;justify-content: space-between;}
.index-cjts li .con .txt .item{position: relative;}
.index-cjts li .con .txt .item::after{position: absolute;left: 0;top: 44px;content: "";display: block;width: 170px;height: 4px;background:url(../../images/xsdzy/icon13.png) no-repeat center left;}
.index-cjts li .con .txt .tit{color: #fff;font-family: SourceHanSansCN-Bold;line-height: 34px;padding: 6px 0px;}
.index-cjts li .con .txt .info{color: #fff;line-height: 32px;padding: 6px 0px;}
.index-cjts li:nth-child(2n-1) .con .txt{margin-left: 30px;padding-right: 0;}
.index-cjts li:nth-child(2n){flex-direction: row-reverse;}
.index-cjts li:nth-child(2n) .imgwra .img{text-align: right;}

.index-3{margin-top: -200px;}
.index-xgzx ul{margin-top: 52px;border-top: 12px solid #2a76dd;background: #fff;box-shadow: 0 5px 20px rgba(16, 79, 160, .3);border-radius:3px;padding:10px 40px 50px;}
.index-xgzx ul li{margin-top: 30px;background: url(../../images/xsdzy/icon21.png) no-repeat left center;padding-left: 40px;}
.index-xgzx ul li a{display: inline-block;position: relative;max-width: 100%;line-height: 34px;}
.index-xgzx ul li a span{position: relative;z-index: 1;}
.index-xgzx ul li a::after{content: "";display: block;width: 80%;height: 16px;background: #eff9ff;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}

/* 配套资源列表页 */
.ptzyPage .lastFont{color: #333;}

.ptzyWrap{padding-bottom: 40px;}
.ptzyWrap .ptzyItem{position: relative;margin-bottom: 40px;}
.ptzyWrap .ptzyItem .icon{position: absolute;}
.ptzyWrap .ptzyItem .icon1{left: 0;top: 0; width: 58px;height: 62px;background: url(../../images/xsdzy/icon30.png) no-repeat center;background-size: contain;}
.ptzyWrap .ptzyItem .icon2{left: 0;bottom: 0; width: 46px;height: 38px;background: url(../../images/xsdzy/icon31.png) no-repeat center;background-size: contain;}
.ptzyWrap .ptzyItem .border{border: solid 5px #4984e5;width: calc(100% - 100px);height: 100%;top: 0; left: 85px;position: absolute; }
.ptzyWrap .ptzyItem .bg{background: #ddedff;position: absolute;display: inline-block; width: calc(100% - 100px);height: calc(100% - 60px); right: 0; top: 0;bottom: 0;margin: auto;}
.ptzyWrap .ptzyItem .con{display: flex;align-items: center; position: relative;z-index: 1;padding:40px 0px ;min-height: 445px;}
.ptzyWrap .ptzyItem .con .img{padding: 20px 0px;position: relative;}
.ptzyWrap .ptzyItem .con .img .playbtn{width: 100%;height: 100%;position: absolute;cursor: pointer;z-index: 1; top: 0;bottom: 0;left: 0;right: 0;margin: auto; background: url(../../images/xsdzy/icon8.png) no-repeat center;background-size: 60px;}
.ptzyWrap .ptzyItem .con .img video{max-width: 100%;}
.ptzyWrap .ptzyItem .con .fontbox{line-height: 34px;width: 53%;padding: 0px 40px;color: #333333;text-indent: 2em;}
.ptzyWrap .ptzyItem .videoconImg{position: relative;}
.ptzyWrap .ptzyItem .videocon{position: absolute;top: 8%;position: absolute;left: 3%;width: 62%;padding-top: 35%;}
.ptzyWrap .ptzyItem .videobox{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.ptzyWrap .ptzyItem .videobox .video{width: 100%;height: 100%;object-fit: contain;}

.ptzyWrap .ptzyItem.iseven .icon1{background: url(../../images/xsdzy/icon32.png) no-repeat center;background-size: contain;left: auto;right: 0;}
.ptzyWrap .ptzyItem.iseven .icon2{background: url(../../images/xsdzy/icon33.png) no-repeat center;background-size: contain;left: auto;right: 0;}
.ptzyWrap .ptzyItem.iseven .border{left: 22px;}
.ptzyWrap .ptzyItem.iseven .bg{right: auto;left: 0;}
.ptzyWrap .ptzyItem.iseven .con{flex-direction: row-reverse;}

.ptzyWrap .ptzyItem.iseven .smtybox{text-align: right;}
.ptzyWrap .smtybox .codebox{display: inline-block;text-align: center;}

.ptzyDown{text-align: center;margin:0px auto 40px;max-width: calc(100% - 30px);}
.ptzyDown .downbox{display: inline-block;position: relative;}
.ptzyDown .downbox::after{position: absolute;bottom: -3px;left: 4px; display: block;content: '';width: 100%;height: 100%;background: #f68b1f;border-radius: 13px; }
.ptzyDown .downbox .font{display: inline-block;position: relative;min-width: 575px;padding:20px 55px; z-index: 1;border: solid 1px #e87b0e; background: #fef8f2;border-radius: 13px;line-height: 28px;font-family: SourceHanSansCN-Bold;color: #f68b1f;}

/* 教学示范页面 */
.sub-Title{margin: 70px 0px 90px;text-align: center;}
.sub-Title a{color: #333333;position: relative;line-height: 40px;display: inline-block;padding: 0px 40px;}
.sub-Title .on .font{position: relative;}
.sub-Title .on .font::before{position: absolute;left: 0;right: 0;margin: auto;display: block;content: '';width: 100%;height: 15px;bottom: -24px;background: url(../../images/xsdzy/icon45.png) no-repeat center bottom;background-size: cover;}
.sub-Title a.on{color: #4984e5;font-family: SourceHanSansCN-Bold;}

.dyjgTitle{text-align: center;padding: 30px 0px;}
.dyjgTitle .font{display: inline-block;position: relative;color: #4984e5;font-family: SourceHanSansCN-Bold;}
.dyjgTitle .font::before{position: absolute;left: 0;right: 0;margin: auto;display: block;content: '';width: 100%;height: 15px;bottom: -24px;background: url(../../images/xsdzy/icon45.png) no-repeat center bottom;background-size: 100% 100%;}


.jxsfPage{}
.jxsfPage .jxsfItem{margin-bottom: 20px; background: #fff; box-shadow: 0px 0px 29px 0px rgba(187, 191, 197, 0.33);border-radius: 8px;padding: 15px 15px  0px 15px;}
.jxsfPage .jxsfItem .imgbox{position: relative;padding-top: 56%;}
.jxsfPage .jxsfItem .imgbox a{position: absolute;top: 0;bottom: 0;left: 0;right: 0;}
.jxsfPage .jxsfItem .imgbox .icon{width: 100%;height: 100%;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto; background: url(../../images/xsdzy/icon8.png) no-repeat center;background-size: 60px;}
.jxsfPage .jxsfItem .imgbox video{width: 100%;height: 100%;object-fit: contain;}
.jxsfPage .jxsfItem .topname{text-align: center;font-family: SourceHanSansCN-Bold;line-height: 36px;padding: 20px 0px;color: #333333;}
.jxsfPage .jxsfItem .title{margin-bottom: -10px;}
.jxsfPage .jxsfItem .title a{display: inline-block;max-width: 100%;color: #333333;}
.jxsfPage .jxsfItem .sub{}
.jxsfPage .jxsfItem .info{color: #333333;border-top: 1px solid rgba(200, 200, 200,0.3); font-family: SourceHanSansCN-Regular;line-height: 30px;min-height: 232px;padding: 25px 0px;}


/* 教材体系 */
.second-Title{display: flex;gap: 20px;margin-bottom: 20px;}
.second-Title a{background: #f0f7ff;flex: 1; line-height: 110px;text-align: center; border-radius: 30px 30px 0px 0px;border: solid 1px #4984e5;color: #333333;}
.second-Title a.on{background-color: #4984e5;color: #fff;}

.three-Title{display: flex;gap: 20px;margin-bottom: 20px;justify-content: center;}
.three-Title a{background: #f0f7ff;width: 245px; line-height: 80px;text-align: center; border-radius: 20px 20px 0px 0px;color: #343434;}
.three-Title a.on{background-color: #4984e5;color: #fff;}

.dlWrap{padding: 20px 0px 40px;}
.dlWrap .item{line-height: 30px;text-align: center;margin-bottom: 20px;}
.dlWrap .item .name{color: #333;background: #f0f7ff;border-radius: 20px 20px 0px 0px;padding: 18px 10px;}
.dlWrap .item .info{border: solid 1px #cccccc;border-top: none;overflow: hidden;}
.dlWrap .item .info .font{display: block;max-width: 100%;color: #676767;padding: 15px 10px;}
.dlWrap .item .info .font:hover{background: #4984e5;color: #fff;}
.dlWrap .item .info:last-child{border-radius: 0px 0px 20px 20px;}


.catalogInfo{line-height: 34px;padding: 40px 0px;text-indent:2em;}

.jcjsWrap{margin-bottom: 50px;}
.jcjsWrap .item{display: flex;align-items: center;gap: 20px;margin-bottom: 20px;justify-content: space-between;}
.jcjsWrap .item .left{padding-left: 15px;padding-top: 15px; position: relative;width: 62%;}
.jcjsWrap .item .left::after{display: block;content: '';position: absolute;top: 0;left: 0; width: 58px;height: 58px;background: #59cdfd;border-radius: 10px;}
.jcjsWrap .item .left .icon28{position: absolute;left: 0;right: 0;margin: auto;bottom: -36px;}
.jcjsWrap .item .left .conbox{position: relative;z-index: 1;border-radius: 8px;border: solid 2px rgba(255, 255, 255, 0.81);background-image: linear-gradient(0deg,#f5fbff 0%,#ecf8ff 100%);}
.jcjsWrap .item .left .conbox::after{position: absolute;display: block;content: '';width: 62px;height: 62px; top: 0;left: 0;background:url(../../images/xsdzy/icon43.png) no-repeat left top;background-size: contain;}
.jcjsWrap .item .left .con{position: relative;z-index: 1;padding: 55px 45px 45px;line-height: 30px;text-indent: 2em;}


.jcjsWrap .item .right{width: 38%;display: flex;justify-content: center;}
.jcjsWrap .item:nth-child(2n){flex-direction: row-reverse;}
.jcjsWrap .item:nth-child(2n) .left::after{background: #4984e5;}
.jcjsWrap .item:nth-child(2n) .left .conbox{background-image: linear-gradient(0deg,#f8fbff 0%,#edf4ff 100%);}
.jcjsWrap .item:nth-child(2n) .left .conbox::after{background:url(../../images/xsdzy/icon44.png) no-repeat left top;background-size: contain;}

.ptzyWrap{padding: 40px 0px;}
.ptzyWrap .info{text-indent: 2em;}

.cataloglogoWrap{margin-top: -50px;margin-bottom: 60px;}
.cataloglogoWrap .left{display: flex;justify-content: space-between;}
.cataloglogoWrap .info{text-indent: 2em;line-height: 34px;white-space: pre-line;}

.cataloglogoWrap2{padding: 0px 40px;}
.cataloglogoWrap2 .left{}
.cataloglogoWrap2 .info{margin-top: 10px;}


.jctsWrap{}
.jctsWrap .jctsBox{padding-bottom: 50px;}
.jctsWrap .jctsItem{display: flex;gap: 50px; align-items: center;justify-content: space-evenly;margin-bottom: 40px;}
.jctsWrap .jctsItem .left{min-width: 32%;}
.jctsWrap .jctsItem .left .num{position: absolute;top: -22px;left: -20px; line-height: 33px;padding: 10px 22px;border-radius: 50%; display: inline-block;background: #4984e5;font-family: DingTalk;color: #fff;}
.jctsWrap .jctsItem .left .font{max-width: 470px; line-height: 30px;padding: 25px 50px; position: relative; background: #f0f7ff;border-radius: 41px 41px 0px 41px;border: dashed 1px #4984e5;}
.jctsWrap .jctsItem .right{}
.jctsWrap .jctsItem .right .imgwrap{position: relative;margin: 0 auto;}
.jctsWrap .jctsItem .right .imgwrap .icon{width: 160px;height: 160px;background: #59cdfd;border-radius: 10px;position: absolute;top: -20px;right: -20px; }
.jctsWrap .jctsItem .right .imgwrap::after{display: block;content: '';position: absolute; width: calc(100% + 100px);height: 57px; left: -50px;bottom: -30px;background: url(../../images/xsdzy/icon41.png) no-repeat center bottom;background-size: 100%;}
.jctsWrap .jctsItem .right .imgwrap .imgbox1{position: relative;z-index: 1;padding: 10px;background: #ffffff;box-shadow: 0px 4px 13px 0px rgba(142, 172, 232, 0.16);border-radius: 6px;}

.jctsWrap .jctsBox .jctsItem:nth-child(2n){flex-direction: row-reverse;}
.jctsWrap .jctsBox .jctsItem:nth-child(2n) .icon{background: #4984e5;left: -20px;}
.jctsWrap .jctsBox .jctsItem:nth-child(2n) .right .imgwrap::after{background: url(../../images/xsdzy/icon42.png) no-repeat center bottom;background-size: 100%;}
.jctsWrap .jctsBox .jctsItem:nth-child(2n) .left .num{right: -20px;left: auto;}
.jctsWrap .jctsBox .jctsItem:nth-child(2n) .left .font{border-radius: 41px 41px 41px 0px;}


/* 单元结构 */
.dwjgWrap .dwjgCon{overflow-x: auto;display: flex;}
.dwjgWrap .dwjgCon .container1{flex: none;}
.dwjgWrap .comTitle{margin-bottom: 30px;}
.dwjgWrap .dwjgCon .dyjgTitle:nth-child(1){margin-top: -30px;}
.dwjgBox{}
.dwjgBox .item{display: flex;justify-content: space-around;line-height: 30px;margin-bottom: 25px;}
.dwjgBox .item .left,.dwjgBox .item .right{border-radius: 8px;padding: 15px 10px;text-align: center;display: flex;align-items: center;justify-content: center;}
.dwjgBox .item .left{width: 22%;color: #fff;}
.dwjgBox .item .right{border: 2px solid #8f8f8f;width: 56%;color: #333;}

.dwjgBox1{}
.dwjgBox1 .item{display: flex;justify-content: space-between;line-height: 30px;margin-bottom: 25px;}
.dwjgBox1 .item .left,.dwjgBox1 .item .center,.dwjgBox1 .item .right{border-radius: 8px;padding: 10px;text-align: center;display: flex;align-items: center;justify-content: center;}
.dwjgBox1 .item .left{width: 22%;color: #fff;position: relative;z-index: 1;}
.dwjgBox1 .item .center{position: relative;width: 37%;background: #fff;}
.dwjgBox1 .item .center::after{position: absolute;display: block;content: '';top: 0;bottom: 0;margin: auto;left: -100px; width: 100px;height: 2px;background-color: #8f8f8f;}
.dwjgBox1 .item .right{border: 2px solid #8f8f8f;width: 25%;color: #333;}




.dyItem1 .left{background-image: linear-gradient(-34deg,#02a1b2 0%,#21b0bf 54%,#3fbecc 100%);border: solid 4px #ceeff4;}
.dyItem2 .left{background-image: linear-gradient(-34deg,#f68b1f 0%,#f3a85b 100%);border: solid 4px #ffead4;}
.dyItem3 .left{background-image: linear-gradient(-34deg,#82b340 0%,#93c64e 100%);border: solid 4px #dcf2bf;}
.dyItem4 .left{background-image: linear-gradient(-34deg,#0072ae 0%,#1e8dc7 100%);border: solid 4px #dcf3ff;}
.dyItem5 .left{background-image: linear-gradient(-34deg,#845aa5 0%,#aa74d4 100%);border: solid 4px #ebd7fb;}
.dyItem6 .left{background-image: linear-gradient(-34deg,#34a66d 0%,#4ab680 100%);border: solid 4px #cbebdb;}
.dyItem7 .left{background-image: linear-gradient(-34deg,#dc7083 0%,#e98b9b 100%);border: solid 4px #f8d6dc;}
.dyItem8 .left{background-image: linear-gradient(-34deg,#937f3a 0%,#a79249 100%);border: solid 4px #efe9d3;}

.dyItem1 .center{border: solid 2px #3fbecc;}
.dyItem2 .center{border: solid 2px #f3a85b;}
.dyItem3 .center{border: solid 2px #93c64e;}
.dyItem4 .center{border: solid 2px #1e8dc7;}
.dyItem5 .center{border: solid 2px #aa74d4;}
.dyItem6 .center{border: solid 2px #4ab680;}
.dyItem7 .center{border: solid 2px #e98b9b;}
.dyItem8 .center{border: solid 2px #a79249;}





@media screen and (min-width: 1230px) {
  .container{width:1200px;padding: 0px;}
}

@media screen and (max-width: 1460px) {
  .sub-Title{margin: 40px 0px 50px;}
	
  .cataloglogoWrap{margin-top: 0;}

}
@media screen and (max-width: 1199px) {
  .font42{font-size: 38px;}
  .font36{font-size: 32px;}
  .font34{font-size: 30px;}
  .font30{font-size: 24px;}
  .font24{font-size: 22px;}
  .font22{font-size: 20px;}

  .comTitle{line-height: 70px;}
  .comTitle .font::after, .comTitle .font::before{width: 200px;}
  .comTitle .font::after{left: -215px;}
  .comTitle .font::before{right: -215px;}

  .banner .topnav{top: -60px;max-width: calc(100% - 30px);}
  .banner .topnav li{width: 180px;height: 180px;line-height: 180px;}
  .banner .topnav li.on a::after{width: 80px;height: 75px;background-size: contain;}
  
  .index-jcjs .lb .swiper-button-next{right: -50px;}
  .index-jcjs .lb .swiper-button-prev{left: -50px;}
  .index-bxtd .con .left{width: 43%;}
  .index-bxtd .con .right{width: 57%;padding-left: 30px;}
  .index-cjts li .con .txt{padding: 15px 25px 15px 25px;}
  .index-cjts li .con .txt .info{line-height: 26px;}
  .index-cjts li .con .txt .contxt{min-height: 380px;}
  .index-2{min-height: 2000px;}

  .gotop{width: 70px;height: 70px;}


  .jxsfPage .jxsfItem .imgbox .icon,.ptzyWrap .ptzyItem .con .img .playbtn{background-size: 40px;}

  .sub-Title a{padding: 0px 20px;}

  .dwjgBox .item,.dwjgBox1 .item{line-height: 24px;}

}
@media screen and (min-width: 993px){
  .index-cjts li:nth-child(2n) .contit{text-align: right;}
  .index-cjts li:nth-child(2n) .contit span{padding-left: 50px;padding-right: 0; background: url(../../images/xsdzy/icon16.png) no-repeat center left;}
  .index-cjts li:nth-child(2n) .con .txt::after{left: auto;right: 0; background: url(../../images/xsdzy/icon14.png) no-repeat right center;background-size: 100% 100%;}
  .index-cjts li:nth-child(2n) .con .txt{margin-right: 30px;text-align: right;padding-left: 0;}
  .index-cjts li:nth-child(2n) .con .txt .item::after{left: auto;right: 0;background: url(../../images/xsdzy/icon15.png) no-repeat center right;}

  .cataloglogoWrap1{display: flex;gap: 20px;align-items: center;}
  .cataloglogoWrap1 .left{width: 52%;}
  .cataloglogoWrap1 .info{width: 48%;}

}
@media screen and (max-width: 992px){
	.banner .topnav{top: -50px;}
	.banner .topnav li{width: 120px;height: 120px;line-height: 120px;}
	.banner .topnav li a{font-size: 18px;}
	.banner .topnav li.on a::after {width: 50px;height: 48px;bottom: -10px;right: 18px;}
  .comTitle{font-size: 28px;line-height: 50px;}
	.index-1 {padding-top: 300px;}
  .index-jcjs .lb .swiper-slide .lb-tit{font-size: 24px;}
  .index-jcjs .lb .swiper-slide .lb-tit span::before{width: 30px;height: 30px;background-size: contain;left: -30px;}
  .index-jcjs .lb .swiper-slide .lb-tit span::after{width: 30px;height: 30px;background-size: contain;right: -30px;}
  .index-jcjs .lb .swiper-slide .lb-tit span{padding: 0px 20px;}
  .index-jcjs .info{margin-top: 40px;}
  .index-jcjs .info .video{width: 400px;height: 200px;margin-bottom: 15px;}
  .index-jcjs .info .video::after{width: 460px;height: 235px;right: -80px;top: -20px;}
  .index-jcjs .info .video .c{width: 295px;height: 165px;}
  .index-bxtd{margin-top: 60px;}
	.index-bxtd .con .left,.index-bxtd .con .right{width: 100%;}
	.index-bxtd .con .right{margin-top: 20px;padding-left: 0;}
  .index-bxtd .con .right .bg{text-align: center;}
  .index-2{min-height: 3200px;}
  .index-cjts li{flex-direction: column;margin-top: 40px;}
  .index-cjts li .con{width: 100%;}
  .index-cjts li .contit{margin-bottom: 10px;}
  .index-cjts li:nth-child(2n){flex-direction: column;}
  .index-cjts li:nth-child(2n-1) .con .txt{margin: 0;}
  .index-cjts li:first-child{margin-top: 50px;}
  .index-cjts li .imgwra{width: 100%;}
  .index-cjts li .imgwra .logobox{margin-bottom: 90px;}
  .index-cjts li .imgwra .img{text-align: center;}
  .index-3{margin-top: -500px;}

  .ptzyWrap .ptzyItem .con{flex-direction: column;}
  .ptzyWrap .ptzyItem .icon{display: none;}
  .ptzyWrap .ptzyItem .border{width: calc(100% - 20px);left: 0px;}
  .ptzyWrap .ptzyItem .bg{width: calc(100% - 20px);height: calc(100% - 40px);}
  .ptzyWrap .ptzyItem .con{display: block;}
  .ptzyWrap .ptzyItem .con .img{max-width: 400px;padding: 0;margin: 0 auto;}
  .ptzyWrap .ptzyItem .con .fontbox{width: 100%;padding: 20px 20px 20px 40px;}
  .ptzyWrap .ptzyItem.iseven .fontbox{padding: 20px 40px 20px 20px;}
  .ptzyDown .downbox .font{min-width: auto;padding: 15px 50px;}
  .ptzyWrap .ptzyItem .videocon{top: 5%;}

  .second-Title a{line-height: 80px;border-radius: 25px 25px 0px 0px;}
  .three-Title a{line-height: 65px;border-radius: 15px 15px 0px 0px;}
  .jcjsWrap .item .left .icon28{display: none;}

  .sub-Title .scroll{cursor: pointer;white-space: nowrap;width: auto;scrollbar-width: none;scrollbar-color: transparent transparent;overflow-x: auto;overflow-y: hidden;padding-bottom: 19px;}
  .sub-Title .scroll::-webkit-scrollbar{display: none;width: 0;height: 0;background: transparent;} 
  .sub-Title a{padding: 0px 10px;}


  .jctsWrap .jctsItem .left .font{padding: 20px 40px;}

  .dwjgBox,.dwjgBox1{font-size: 18px;}
  .dwjgBox .item,.dwjgBox1 .item{margin-bottom: 15px;}
  .dwjgBox .item .left{width: 30%;}
  .dwjgBox .item .right{width: calc(70% - 20px);}

  
}
@media screen and (max-width: 768px) {
  .font36{font-size: 28px;}



  .banner .topnav li:nth-child(2){margin-top: -16px;}
  .banner .topnav li:nth-child(3){margin-top: -20px;}
  .banner .topnav li:nth-child(4){margin-top: -25px;}
  .index-bxtd .con .left::after{left: 0;}

  .footer .dropup{width: 400px;}

  .second-Title a{line-height: 65px;border-radius: 20px 20px 0px 0px;}
  .three-Title a{line-height: 55px;width: auto;padding: 0px 30px;border-radius: 10px 10px 0px 0px;}
  .catalogInfo{padding: 20px 0px;}
  .dlWrap{padding: 0px 0px 20px;}
  .jcjsWrap .item{display: block;}
  .jcjsWrap .item .left{width: 100%;}
  .jcjsWrap .item .left .con{padding: 25px;}
  .jcjsWrap .item .right{width: 70%;margin: 20px auto 0px;}
  
  .cataloglogoWrap2{padding: 0;}


  .dwjgBox,.dwjgBox1{font-size: 16px;}
  .dwjgBox .item,.dwjgBox1 .item{line-height: 20px;}

}
@media screen and (max-width: 540px) {
  .font36{font-size: 26px;}
  .font34{font-size: 26px;}
  .font30{font-size: 22px;}
  .font28{font-size: 20px;}
  .font26{font-size: 20px;}
  .font24{font-size: 20px;}
  .font22{font-size: 18px;}
  .font20{font-size: 18px;}
	.font18{font-size: 16px;}
	.font16{font-size: 14px;}
	.font12{font-size: 10px;}

	.banner .topnav{top: -40px;}
	.banner .topnav li{width: 80px;height: 80px;line-height: 80px;}
	.banner .topnav li a{font-size: 16px;}
	.banner .topnav li.on a::after {width: 35px;height: 32px;bottom: -6px;right: 10px;}
	.banner .topnav li:nth-child(2),.banner .topnav li:nth-child(3),.banner .topnav li:nth-child(4){margin-top: 0;}
	
  .comTitle{height: 45px;line-height: 45px;font-size: 24px;}
  .comTitle .font{min-width: auto;padding: 0px 30px;}
  .comTitle .font::after, .comTitle .font::before{display: none;}
  .index-1{padding-top: 280px;}
	.index-jcjs .tit{display: none;}
  .index-jcjs .lb .swiper-slide .lb-tit{font-size: 18px;}
	.index-jcjs .lb .swiper-button-next {width: 30px;height: 30px;right: -6px;}
	.index-jcjs .lb .swiper-button-prev {width: 30px;height: 30px;left: -6px;}
	.index-jcjs .lb .swiper-slide .lb-tit{margin-top: -10px;}
	.index-jcjs .info{margin-top: 20px;}
  .index-jcjs .info .txt{line-height: 30px;}
  .index-jcjs .info .video{width: 100%;float: none;height: 180px;}
	.index-jcjs .info .video .c{width: 100%;left: 0;top: 0;height: 180px;}
	.index-jcjs .info .video::after{display: none;}
	.index-bxtd{margin-top: 30px;}
	.index-bxtd .con{padding-top: 40px;}
  .index-bxtd .con .left{line-height: 30px;}
  .index-bxtd .con .left::after{width: 30px;height: 30px;background-size: contain;top: -30px;}
	.index-bxtd .con .right{}
  .index-bxtd .con .right .bg::after{display: none;}
	.index-2{margin-top: 30px;background: #4c85eb;padding-bottom: 20px;min-height: auto;}
  .index-cjts li .imgwra .logobox{margin-bottom: 50px;}
  .index-cjts li .con .txt .contxt{min-height: 340px;}
	.index-3{margin-top: 30px;}
	.index-xgzx ul{padding: 10px 20px 30px;margin-top: 20px;}
	.index-xgzx ul li{margin-top: 10px;background-size: 15px;padding-left: 25px;}
	.index-xgzx ul li a{font-size: 16px;}

  
	.footer {height: auto;background: #4c85eb;padding: 20px 0px 30px;margin-top: 30px;}
  .footer .dropup{width: 280px;}
  .footer .dropup *{font-size: 16px;}
  .footer .dropup .btn{padding: 0px 15px;}
  
  .ercode{position: absolute;top: -50px;}
  .ercode .imgbox{padding: 3px;}
  .ercode .tit{color: #fff;}

  .ptzyPage .comTitle,.ptzyWrap .comTitle,.jctsWrap .comTitle,.comTitle-m{margin-bottom: 30px;}
  .ptzyWrap .ptzyItem .con .img{max-width: calc(100% - 30px);}
  .ptzyWrap .ptzyItem .con .fontbox{line-height: 30px;}
  .ptzyWrap .ptzyItem .border{border-width: 2px;width: calc(100% - 10px);}
  .ptzyWrap .ptzyItem .bg{width: calc(100% - 10px);}
  .ptzyWrap .ptzyItem.iseven .border{left: 15px;}
  .ptzyDown .downbox .font{line-height: 22px;padding: 15px 30px;}

  .sub-Title{margin: 20px 0px 30px;}
  .sub-Title .on::after{height: 10px;bottom: -13px;}


  .jxsfPage .jxsfbox{width: 100%;}
  .jxsfPage .jxsfItem .topname{line-height: 30px;padding: 15px 0px;}
  .jxsfPage .jxsfItem .info{line-height: 26px;padding: 10px 0px 20px;min-height: auto;}

  .second-Title a{line-height: 55px;border-radius: 15px 15px 0px 0px;}
  .catalogInfo{padding-top: 0;}

  .jctsWrap .jctsBox{margin-bottom: 0;}
  .jctsWrap .jctsItem{display: block;}
  .jctsWrap .jctsItem .left .num{padding: 5px 10px;line-height: 22px;left: -10px;}
  .jctsWrap .jctsBox .jctsItem:nth-child(2n) .left .num{right: -10px;}
  .jctsWrap .jctsItem .left .font{padding: 10px 20px 10px 30px;border-radius: 30px 30px 0px 30px;}
  .jctsWrap .jctsBox .jctsItem:nth-child(2n) .left .font{border-radius: 30px 30px 30px 0px;}
  .jctsWrap .jctsItem .right{margin: 30px 0px;}
  .jctsWrap .jctsItem .right .imgwrap::after{display: none;}
  .jctsWrap .jctsItem .right .imgwrap .icon{width: 100px;height: 100px;}


  .dwjgBox.font20,.dwjgBox1.font20{font-size: 14px;}
  .dwjgBox .item,.dwjgBox1 .item{line-height: 18px;}
  .dwjgBox .item .left, .dwjgBox .item .right{padding: 10px;}

  .dwjgBox1 .item .left{width: 30%;}
  .dwjgBox1 .item .center{width: 30%;}
  .dwjgBox1 .item .right{width: 30%;}
  .dwjgBox1 .item .center::after{left: -30px;width: 30px;}
}
@media screen and (max-width: 400px){

}
@media screen and (max-width: 360px){
	
}
@media screen and (max-width: 320px) {

}