.grayhtml {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);_filter: none;}
@media screen and (min-width: 993px){
body{font-family: "Microsoft Yahei", "宋体";color:#333;overflow-x: hidden;height: auto;}
}
p{text-align: justify;}
.hide,.hidden{display: none!important;}
a{color: #333;}
a:hover{color: #333;}
a:focus{outline: none;text-decoration:none}
.font20{font-size:20px}
.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;}
.overflow{overflow: hidden;}
.imglink,.advbox{overflow: hidden;}
.imglink:hover{display: block;overflow: hidden;}
.imglink: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);}
.imglink{display: block;width: 100%;height: 100%;}
.imglink .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;}
.imglink .img{object-fit: cover;font-family: 'object-fit: cover;';width: 100%;height: 100%;font-family: 'object-fit: cover;font-family: 'object-fit: cover;';';}
.advbox,.advbox *{max-width:100% !important;height: auto!important;}
.advbox>span{margin-bottom: 30px;display:block}
.advbox li{margin-top:10px}
.line2{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;}
.line3{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-break: break-all;}
.line4{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;word-break: break-all;}
.line5{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;word-break: break-all;}
.line6{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;word-break: break-all;}
.d-flex{display: flex;}
.d-center-flex{display: flex;align-items: center;}
.d-grow{flex-grow: 1;flex-basis: 100%;min-width:0}
.d-shrink{flex-shrink: 0;}
/* .row{margin:0 -12px;}
*[class^='col-']{padding:0 12px;} */
.text_grey{color:#999}
.text_green{color:#009c9f}
.noselect{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;}
.easeIn{-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.easeIn2{-webkit-transition: all .05s ease-in-out;-moz-transition: all .05s ease-in-out;-ms-transition: all .05s ease-in-out;-o-transition: all .05s ease-in-out;transition: all .05s ease-in-out;}
.swiper-pagination{z-index: 3;}
.greybg{background: #f8f8f8;}
/* 头部 */
.header-top{height: 40px;line-height: 40px;background: #ededed;display: none;}
.header-topl{float: left;font-size: 18px;color: #222;}
.header-topr{float: right;font-size: 18px;color: #2b4677;}
.header-topr img{margin-right: 5px;}
.header{height: 80px;line-height: 80px;}
.header-logo{float: left;}
.header-logo img{max-height: 38px;}
.header-search-input{float: right;background: #bf0008;width: 0;}
.header-search-input input{display: block;background: none;color: #fff;border: none;height: 62px;padding: 0 15px;width: 100%;}
.header-search-input input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #bf0008 inset;}
.header-search-input input::-webkit-input-placeholder {color: #fff;}
.header-search-input input::-moz-input-placeholder {color: #fff;}
.header-search-input input::-ms-input-placeholder {color: #fff;}
.header-search-con{width: 62px;height: 62px;text-align: center;background: #dddddd;float: right;position: relative;z-index: 1;cursor: pointer;}
.navBarwra{position: relative;z-index: 2;background: #003ea3;}
.navBarwra .container{padding: 0;}
/* .navBarwra-ul{border-top: 1px solid #e8ebf2;} */
.navBarwra-ul li{flex-grow: 1;flex-basis: 100%;min-width:0;position: relative;}
.navBarwra-ul li>a{display: block;text-align: center;height: 88px;line-height: 88px;font-size: 20px;color: #b0e5f6;position: relative;z-index: 1;}
.navBarwra-ul li::before{content: "";display: block;width: 30px;height: 80px;background: url(../../images/xsyyyjc/index/nav_bg.png) no-repeat;position: absolute;right: 0px;top: 6px;}
.navBarwra-ul li:last-child::before{display: none;}
/* .navBarwra-ul li:last-child a{border-right: none;} */
/* .navBarwra-ul li.active>a{color: #bf0008;font-weight: 600;}
.navBarwra-ul li:hover>a{color: #bf0008;} */
.navBarwra-ul li.active::after{content: "";display: block;width: 194px;height: 203px;background: url(../../images/xsyyyjc/index/nav_active.png) no-repeat;position: absolute;left: 50%;top: 40%;transform: translate(-50%, -50%);}
.navBarwra-ul li.active a{color: #0a0a0a;font-weight: bold;font-size: 22px;}
.nav-ej-list {position: absolute;z-index: 2;background: #fff;width: 100%;text-align: center;opacity: 0;visibility: hidden;}
.nav-ej-list a{display: block;height: 32px;line-height: 32px;background: #fff;font-size: 14px;color: #666666;}
.nav-ej-list a:hover{background: #e6e6e6;color: #c00008;}
.nav-ej-list a.active{background: #e6e6e6;color: #c00008;}
.navBarwra-ul li:hover .nav-ej-list{opacity: 1;visibility: visible;transition: opacity 0.5s ease;-webkit-transition: opacity 0.5s ease;-moz-transition: opacity 0.5s ease;}
.header-con{position: relative;}
.header-search-w{position: absolute;right: 0;}
.indexbanner{position: relative;}
.indexbanner .logo{position: absolute;top: 20px;left: 50%;transform: translateX(-50%);}
/* 尾部 */
.footer{width: 100%;background: url(../../images/xsyyyjc/index/footer_bg.png) no-repeat;background-size: 100% 100%;padding-top: 180px;padding-bottom: 40px;}
.footer .tit{font-size: 16px;color: #fff;font-weight: bold;margin-top: 18px;}
.footer .btn-wra{margin-top: 20px;}
.footer .btn-wra a{display: inline-block;width: 240px;height: 48px;line-height: 48px;color: #fff;text-align: center;border-radius: 40px;border-bottom-left-radius: 0;background: #52bdf3;font-size: 18px;}
.footer .btn-wra a:first-child{margin-right: 16px;}
/* 首页 */
.indexbg{background: #f6fbff;}
.pcHeightHide{height: 554px;overflow: hidden;}
.index-swiper-container1{position: relative;}
.index-slide{width: 100%;height: 320px;background: url(../../images/xsyyyjc/index/slidebg.png) repeat-x;background-position: bottom;}
.index-swiper-container1 .index-swiper-button-wra{position: relative;}
.index-swiper-container1 .swiper-slide{max-width: 750px;}
.index-slide .swiper-slide-con{padding-top: 50px;display: flex;}
.index-slide .swiper-slide-con .swiper-slide-nf{text-align: center;}
.index-slide .swiper-slide-con .swiper-slide-nf h3{font-size: 60px;}
.index-slide .swiper-slide-con .swiper-slide-nf h3 span{font-size: 18px;}
.index-slide .swiper-slide-con .swiper-slide-nf .nfline{margin-top: 25px;}
.index-slide .swiper-slide-con .swiper-slide-img img{-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.index-slide .swiper-slide-con:hover .swiper-slide-img img{transform: scale(1.05);}
.index-slide .swiper-slide-con .swiper-slide-img{margin-left: 20px;margin-top: 20px;}
.index-swiper-container1 .swiper-pagination-bullet{width: 8px;height: 8px;background: #a9a2a9;opacity: 1;border-radius: 4px;}
.index-swiper-container1 .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #ebdddd;width: 30px;height: 8px;}
.index-swiper-container1.swiper-container-horizontal>.swiper-pagination-bullets{bottom: 35px;}
.index-swiper-container1 .swiper-button-next{width: 82px;height: 38px;background: url(../../images/xsyyyjc/index/slide_btn.png) no-repeat;position: absolute;left: 19.4%;top: 42px;}
.index-jcjs{padding-top: 50px;}
.comtit{width: 100%;height: 78px;line-height: 62px;background: url(../../images/xsyyyjc/index/tit_bg.png) no-repeat;background-position: center;font-size: 28px;color: #fff;text-align: center;}
.index-jcjs .pic1{}
.index-jcjs .con{position: relative;}
.index-jcjs .con .pic2{position: absolute;padding: 0 70px;text-align: center;}
.index-jcjs .con .infowra{padding-top: 70px;}
.index-jcjs .con .infowra .l{float: left;width: 472px;}
.index-jcjs .con .infowra .videocon{border: 4px solid #000;position: relative;}
.index-jcjs .con .infowra .videocon .CCH5playerContainer{width: 100% !important;height: 262px;}
.index-jcjs .con .infowra .videocon video{display: block;width: 100%;height: 262px;}
.index-jcjs .con .infowra .videocon .playbtn{width: 26px;height: 22px;background: url(../../images/xsyyyjc/index/playbtn.png) no-repeat;position: absolute;right: 23px;bottom: 15px;cursor: pointer;}
.index-jcjs .con .infowra .r{float: left;width: calc(100% - 472px);padding-left: 38px;margin-top: -12px;}
.index-jcjs .con .infowra .r p{font-size: 16px;line-height: 35px;color: #000000;text-indent: 2em;letter-spacing: -0.1px;}
.index-bxtd{padding-top: 60px;}
.index-bxtd .con{background: #fff;box-shadow: 0 0 30px rgba(116,145,164,.2);padding: 48px;margin-top: 56px;}
.index-bxtd .con .l{float: left;width: 192px;}
.index-bxtd .con .l .photo{width: 180px;height: 180px;background: url(../../images/xsyyyjc/index/photo_bg.png) no-repeat;padding: 3px;margin: 0 auto;}
.index-bxtd .con .l .photo .imgcon{width: 100%;height: 100%;border-radius: 50%;overflow: hidden;}
.index-bxtd .con .l h4{font-size: 24px;color: #000;text-align: center;margin-top: 22px;}
.index-bxtd .con .l .info1{font-size: 16px;color: #000;text-align: center;margin-top: 16px;}
.index-bxtd .con .l .info2{font-size: 16px;color: #000;text-align: center;margin-top: 12px;}
.index-bxtd .con .r{float: left;width: calc(100% - 192px);padding-left: 100px;}
.index-bxtd .con .r h4{font-size: 20px;color: #000;margin-top: 7px;}
.index-bxtd .con .r .info{margin-top: 20px;}
.index-bxtd .con .r .info p{font-size: 16px;color: #000;line-height: 35px;text-indent: 2em;}
.index-jcts{width: 100%;min-height: 1000px;padding-bottom: 50px;background-color: #fff;background-image: url(../../images/xsyyyjc/index/jcts_bgb.png);background-repeat: no-repeat;background-position: left bottom;background-size: 100%;margin-top: 30px;}
.index-jcts .top-tit{width: 100%;height: 140px;background-color: #fff;background-image: url(../../images/xsyyyjc/index/jcts_bgt.png);background-repeat: no-repeat;background-position: left top;background-size: 100% 100%;padding-top: 20px;}
.index-jcts .con .l{float: left;width:48%;}
.index-jcts .con .r{float: right;width:48%;padding-top: 164px;}
.index-jcts .con .item .tit{position: relative;}
.index-jcts .con .item .tit::after{content: "";display: block;width: 550px;height: 13px;background: #eaf1f6;position: absolute;bottom: -5px;left: 0;}
.index-jcts .con .item .tit span{vertical-align: text-bottom;position: relative;z-index: 1;line-height: 1;}
.index-jcts .con .item .tit .span1{font-size: 60px;color: #4cbef6;font-weight: bold;line-height: 48px;margin-right: 10px;}
.index-jcts .con .item .tit .span2{font-size: 22px;color: #000;line-height: 25px;font-weight: bold;}
.index-jcts .con .item .tit .span3{position: relative;margin-left: 8px;}
.index-jcts .con .item .tit .span3::after{content: "";display: block;width: 17px;height: 19px;background: url(../../images/xsyyyjc/index/jcts_titimg.png) no-repeat;position: absolute;right: -20px;top: -17px;}
.index-jcts .con .item .content::after{content: "";display: block;width: 570px;height: 286px;background: url(../../images/xsyyyjc/index/jcts_imgbg1.png) no-repeat;background-size: 100% 100%;position: absolute;left: -14px;top: 150px;}
.index-jcts .con .item .content{margin-top: 46px;position: relative;}
.index-jcts .con .item .content .main-wra{position: relative;z-index: 1;}
.index-jcts .con .item2 .content .main-wra .imgwra img{box-shadow: 0 11px 30px rgba(50,68,32,.3);}
.index-jcts .con .item3 .content .main-wra .imgwra img{box-shadow: 0 11px 30px rgba(50,68,32,.3);}
.index-jcts .con .item4 .content .main-wra .imgwra img{box-shadow: 0 11px 30px rgba(50,68,32,.3);}
.index-jcts .con .item .content .main-wra .info{position: relative;z-index: 1;width: 540px;height: 160px;margin-top: -15px;background: url(../../images/xsyyyjc/index/jcts_infobg1.png) no-repeat;padding: 40px 36px 0;background-size: 100% 100%;font-size: 18px;line-height: 32px;color: #000;text-align: justify;}
.index-jcts .con .item3{margin-top: 184px;}
.index-jcts .con .item5{margin-top: 110px;}
.index-jcts .con .item4{margin-top: 170px;}
.index-jcts .con .item2 .content{padding-top: 25px;padding-left: 30px;}
.index-jcts .con .item2 .content::after{width: 589px;height: 549px;background: url(../../images/xsyyyjc/index/jcts_imgbg2.png) no-repeat;top: 0;left: -1px;}
.index-jcts .con .item2 .content .main-wra .info{width: 519px;height: 170px;margin-top: -10px;padding: 48px 30px 0;background: url(../../images/xsyyyjc/index/jcts_infobg2.png) no-repeat;background-size: 100% 100%;margin-left: 11px;}
.index-jcts .con .item3 .content{padding-top: 42px;}
.index-jcts .con .item3 .content::after{width: 560px;height: 293px;background: url(../../images/xsyyyjc/index/jcts_imgbg3.png) no-repeat;top: 0;left: 0;}
.index-jcts .con .item3 .content .main-wra .info{width: 486px;height: 140px;margin-top: -10px;padding: 44px 30px 0;background: url(../../images/xsyyyjc/index/jcts_infobg3.png) no-repeat;background-size: 100% 100%;margin-left: 22px;}
.index-jcts .con .item4 .content{padding-top: 29px;padding-left: 50px;margin-top: 20px;}
.index-jcts .con .item4 .content::after{width: 264px;height: 439px;background: url(../../images/xsyyyjc/index/jcts_imgbg4.png) no-repeat;top: 0;left: auto;right: -54px;}
.index-jcts .con .item4 .content .main-wra .info{width: 516px;height: 180px;margin-top: -6px;padding: 50px 30px 0;background: url(../../images/xsyyyjc/index/jcts_infobg4.png) no-repeat;background-size: 100% 100%;margin-left: -7pxpx;}
.index-jcts .con .item5 .content{margin-top: 39px;margin-left: 50px;}
.index-jcts .con .item5 .content::after{width: 654px;height: 296px;background: url(../../images/xsyyyjc/index/jcts_imgbg5.png) no-repeat;top: 192px;left: -96px;}
.index-jcts .con .item5 .content .main-wra .info{width: 596px;height: 195px;margin-top: -35px;padding: 45px 30px 0;background: url(../../images/xsyyyjc/index/jcts_infobg5.png) no-repeat;background-size: 100% 100%;margin-left: -48px;}
.index-jcts .con .item6 .content{margin-top: 73px;margin-left: 178px;padding-top: 20px;}
.index-jcts .con .item6 .content::after{width: 292px;height: 274px;background: url(../../images/xsyyyjc/index/jcts_imgbg6.png) no-repeat;top: 0;left: 0;}
.index-jcts .con .item6 .content .imgwra{width: 235px;height: 235px;border-radius: 50%;overflow: hidden;box-shadow: 0 2px 18px rgba(157,177,194,.3);margin-left: 13px;}
.index-jcts .con .item6 .content .info6{font-size: 18px;color: #0e1937;margin-top: 25px;margin-left: 5px;}
.index-news{padding-top: 0px;}
.index-news .row{padding-top: 33px;}
.index-news .item{box-shadow: 11px 0 30px rgba(172,188,199,.3);background: #fff;border-radius: 8px;padding:30px 20px;margin-top: 20px;}
.index-news .item .l{width: 84px;float: left;}
.index-news .item .l .date{font-family: '黑体';font-size: 32px;color: #0077df;letter-spacing: -1px;line-height: 1;font-weight: 600;letter-spacing: 1.5px;}
.index-news .item .l .date span{display: inline-block;width: 4px;height: 4px; background: #0077df;}
.index-news .item .l .year{font-size: 18px;color: #999999;margin-top: 10px;text-align: right;padding-right: 10px;}
.index-news .item .r{width: calc(100% - 84px);float: left;padding-left: 15px;}
.index-news .item .r .tit a{display: block;font-size: 18px;font-weight: bold;color: #000;line-height: 32px;height: 128px;margin-top: -5px;text-align: justify;}
.index-news .item .r .link{display: block;font-size: 16px;color: #999999;margin-top: 16px;}
.index-news .item:hover{background: #0077df;}
.index-news .item:hover  .l .date,.index-news .item:hover  .l .year,.index-news .item:hover .r .tit a,.index-news .item:hover .r .link{color: #fff;}
.index-news .item:hover .l .date span{background: #fff;}
/* 教材结构 */
.jcjginfo .con{background: url(../../images/xsyyyjc/jcjg/infobg.png) no-repeat;background-position: right;font-size: 23px;font-weight: 700;color: #fff;line-height: 40px;padding: 60px 82px 67px;margin-bottom: 20px;box-shadow: 0 6px 40px rgba(51,182,255,.35);margin-top: 84px;text-indent: 2em;text-align: justify;}
.jcjg-page .main .toptab{display: flex;margin-top: 67px;}
.jcjg-page .main .toptab .item{width: 33.33%;position: relative;}
.jcjg-page .main .toptab .item a{display: block;font-size: 24px;color: #0e608e;font-weight: bold;text-align: center;height: 70px;line-height: 70px;position: relative;z-index: 1;font-family: '阿里妈妈数黑体';}
.jcjg-page .main .toptab .item.active a{font-size: 32px;color: #003ea3;}
.jcjg-page .main .toptab .item::after{content: "";display: block;position: absolute;left: 0;bottom: 0;}
.jcjg-page .main .toptab .item.item1.active::after{width: 504px;height: 146px;background: url(../../images/xsyyyjc/jcjg/1_active.png) no-repeat;left: -28px;}
.jcjg-page .main .toptab .item.item1::after{width: 481px;height: 98px;background: url(../../images/xsyyyjc/jcjg/1.png) no-repeat;right: auto;left: -14px;bottom: -7px;}
.jcjg-page .main .toptab .item.item1.active{z-index: 3;}
.jcjg-page .main .toptab .item.item2{z-index: 2;}
.jcjg-page .main .toptab .item.item3{z-index: 1;}
.jcjg-page .main .toptab .item.item3.active{z-index: 3;}
.jcjg-page .main .toptab .item.item2::after{width: 592px;height: 98px;background: url(../../images/xsyyyjc/jcjg/2.png) no-repeat;left: 50%;transform: translateX(-50%);bottom: -7px;}
.jcjg-page .main .toptab .item.item2.active::after{width: 592px;height: 114px;background: url(../../images/xsyyyjc/jcjg/2_active.png) no-repeat;left: 50%;transform: translateX(-50%);}
.jcjg-page .main .toptab .item.item3::after{width: 481px;height: 98px;background: url(../../images/xsyyyjc/jcjg/3.png) no-repeat;left: auto;right: -14px;bottom: -7px;}
.jcjg-page .main .toptab .item.item3.active::after{width: 481px;height: 140px;background: url(../../images/xsyyyjc/jcjg/3_active.png) no-repeat;left: auto;right: -6px;bottom: 2px;}
.jcjg-page .main .tab-con{background-color: #fff;position: relative;z-index: 3;margin-top: -2px;}
.jcjg-page .main .tab-con::after{content: "";display: block;width: 100%;height: 80px;;background: url(../../images/xsyyyjc/jcjg/main-tmbg.png) no-repeat;background-size: 100% 100%;position: absolute;}
.jcjg-table{margin-bottom: 69px;}
.jcjg-table .pic1{padding-top: 40px;}
.jcjg-table .con{position: relative;}
.jcjg-table .con .pic2{position: absolute;padding: 0 70px;text-align: center;}
.jcjg-comtit{position: relative;}
.tab-main{padding: 0 50px;}
.jcjg-page .block{width: 100%;height: 30px;}
.jcjg-comtit .lines1{display:block;width: 54%;height: 8px;background: #edf4fa;position: absolute;bottom: 2px;}
.jcjg-comtit .lines1::after{content: "";display:block;width: 6px;height: 8px;background: url(../../images/xsyyyjc/jcjg/tit-arrbg.png) no-repeat;position: absolute;bottom: 0;right: -6px;}
.jcjg-comtit .lines{width: 100%;height: 2px;background: #edf4fa;position: absolute;bottom: 0;}
.jcjg-comtit .tstit{display: inline-block;position: relative;z-index: 1;height: 44px;line-height: 41px;padding: 0 10px;min-width: 150px;background: #0077df;}
.jcjg-comtit .tstit::before{content: "";display: block;width: 17px;height: 19px;background: url(../../images/xsyyyjc/index/jcts_titimg.png) no-repeat;position: absolute;right: -18px;top: -4px;z-index: 1;}
.jcjg-comtit .tstit::after{content: "";display: block;width: 20px;height: 44px;position: absolute;top: 0;right: -20px;background: url(../../images/xsyyyjc/jcjg/tit-bg.png) no-repeat;}
.jcjg-page .ts-info{font-size: 18px;line-height: 35px;color: #242424;text-indent: 2em;margin-top: 26px;margin-bottom: 40px;text-align: justify;}
.jcjg-page .ts-btn a{display: block;width: 237px;height: 63px;line-height: 63px;text-align: center;background: url(../../images/xsyyyjc/jcjg/btnbg.png)no-repeat;background-size: 100% 100%;font-size: 20px;font-weight: bold;color: #fff;margin: 0 auto;}
.jcjg-page .imglist-wra{margin-right: -10px;margin-left: -10px;margin-top: 38px;}
.jcjg-page .imglist-wra .col-md-6{    padding-right: 5px;padding-left: 5px;}
.jcjg-page .imglist-wra .col-md-6 img{width: 100%;box-shadow: 0 0 15px rgba(130,134,143,.4);margin-bottom: 40px;min-height: 343px;}
.jcjg-page .dwjg-wra{padding-top: 18px;}
.dy-tabwra{margin-top: 34px;}
.dy-tabwra .tabtit{width: 320px;float: left;padding-top: 55px;}
.dy-tabwra .tabtit .item{position: relative;margin-bottom: 10px;height: 100px;width: 100%;overflow: hidden;padding: 5px;cursor: pointer;}
.dy-tabwra .tabtit .item::after{content: "";display: block;width: 370px;height: 100%;position: absolute;left: 0;top: 0;background: #e1e7ed;border-radius: 50px;}
.dy-tabwra .tabtit .item .num{width: 90px;height: 90px;background: url(../../images/xsyyyjc/jcjg/tittab.png);text-align: center;line-height: 90px;font-size: 25px;color: #003ea3;font-weight: bold;float: left;position: relative;z-index: 1;}
.dy-tabwra .tabtit .item .txt{width: calc(100% - 90px);position: relative;z-index: 1;padding-left: 12px;float: left;    top: 48%;transform: translateY(-50%);}
.dy-tabwra .tabtit .item .txt .entxt{font-size: 18px;color: #323334;font-weight: 700;}
.dy-tabwra .tabtit .item .txt .ctxt{font-size: 17px;color: #003ea3;margin-top: 8px;font-weight: 700;}
.dy-tabwra .tabtit .item.active{overflow: initial;}
.dy-tabwra .tabtit .item.active::after{background: #0077df;}
.dy-tabwra .tabtit .item.active .num{background: url(../../images/xsyyyjc/jcjg/tittab-act.png);color: #fff;}
.dy-tabwra .tabtit .item.active  .txt .entxt,.dy-tabwra .tabtit .item.active  .txt .ctxt{color: #fff;}
.dy-tabwra .tab-main{width: calc(100% - 320px);float: left;background: #edf4fa;border-radius: 6px;min-height: 758px;padding: 40px 40px 40px 70px;}
.dy-tabwra .tab-main .tit{height: 72px;background: url(../../images/xsyyyjc/jcjg/titcon-bg.png) no-repeat;padding-top: 34px;padding-left: 42px;}
.dy-tabwra .tab-main .tit .span1{font-size: 20px;font-weight: bold;color: #242424;margin-right: 13px;vertical-align: text-bottom;}
.dy-tabwra .tab-main .tit .span2{font-size: 20px;color: #104aa9;vertical-align: text-bottom;font-weight: 700;}
/* .dy-tabwra .tab-main .item{display: none;} */
.dy-tabwra .tab-main .content{margin-top: 30px;}
.dy-tabwra .tab-main .content p{font-size: 16px;line-height: 30px;color: #242424;text-align: justify;}
/* 教学资源 */
.jxzy-page .index-jcjs{padding-top: 102px;}
.jxzy-page .topcon{padding-top: 80px;}
.jxzy-page .topcon .l{float: left;width: 528px;}
.jxzy-page .topcon .r{float: left;width: calc(100% - 528px);padding-left: 42px;}
.jxzy-page .topcon .r h5{font-size: 20px;color: #141414;}
.jxzy-page .topcon .r .info{font-size: 16px;line-height: 35px;color: #000000;margin-top: 25px;margin-bottom: 40px;text-align: justify;}
.jxzy-page .topcon .r .btn{padding: 0;}
.jxzy-page .index-bxtd .con{background: none;box-shadow: none;padding: 0;}
.jxzy-page .index-bxtd .con .item .l{float: left;width: auto;}
.jxzy-page .index-bxtd .con .item .r{float: right;padding: 0;width: auto;}
.jxzy-page .index-bxtd .con .item{margin-bottom: 30px;min-height: 320px;background: #61c9b6;}
.jxzy-page .index-bxtd .con .item:nth-child(1){background: #61c9b6;}
.jxzy-page .index-bxtd .con .item:nth-child(2){background: #4cbef7;}
.jxzy-page .index-bxtd .con .item:nth-child(3){background: #fdb94e;}
.jxzy-page .index-bxtd .con .item:nth-child(4){background: #e66262;}
.jxzy-page .index-bxtd .con .item:nth-child(5){background: #9468dc;}
.jxzy-page .index-bxtd .con .item:nth-child(6){background: #1d98fc;}
.jxzy-page .index-bxtd .con .item .txtcon{width: 575px;padding: 0 60px 0 60px;text-align: justify;}
.jxzy-page .index-bxtd .con .item .txtcon.l{padding-right: 0;}
.jxzy-page .index-bxtd .con .item .txtcon.r{padding-left: 0;}
.jxzy-page .index-bxtd .con .item .txtcon h5{font-size: 20px;color: #fff;font-weight: 700;margin-top: 40px;}
.jxzy-page .index-bxtd .con .item .txtcon .info{font-size: 16px;color: #fff;line-height: 35px;margin-top: 20px;margin-bottom: 20px;text-align: justify;}
.jxzy-page .index-bxtd .con .item:nth-child(1) .imgcon{margin-right: 30px;}
.jxzy-page .index-bxtd .con .item:nth-child(2) .imgcon{margin-left: 16px;}
.jxzy-page .index-bxtd .con .item:nth-child(3) .imgcon{margin-right: 37px;}
.jxzy-page .index-bxtd .con .item:nth-child(4) .imgcon{margin-right: 40px;}
.jxzy-page .index-bxtd .con .item:nth-child(5) .imgcon{margin-right: 40px;}
.jxzy-page .index-bxtd .con .item:nth-child(6) .imgcon{margin-left: 60px;}
.jxzy-page .index-bxtd .con .item:nth-child(6) .txtcon{padding-right: 60px;width: 652px;}
.jxzy-page .index-bxtd{padding-bottom: 10px;}
/* 教学示范 */
.jxsf-page .index-jcjs .con{margin-top: 0;}
.jxsf-page .index-jcjs .con .item{background: #fff;box-shadow: 0 0 15px rgba(130,134,143,.4);margin-top: 50px;position: relative;}
.jxsf-page .index-jcjs .con .infowra{padding: 25px;padding-bottom: 80px;position: relative;background: url(../../images/xsyyyjc/jxsf/topbg1.png) no-repeat;background-position: top;border-radius: 8px;overflow: hidden;}
.jxsf-page .index-jcjs .con .col-md-6:last-child .infowra{position: relative;background: url(../../images/xsyyyjc/jxsf/topbg2.png) no-repeat;}
.jxsf-page .index-jcjs .con .infowra .r{position: relative;padding-left: 0px;margin-top: 0px;float: none;width: 100%;}
.jxsf-page .index-jcjs .con .infowra .r .videocon{width: 100%;position: relative;top: 0;right: 0;}
.jxsf-page .index-jcjs .con .infowra .videocon video{height: 310px;}
.jxsf-page .index-jcjs .con .infowra .videocon .CCH5playerContainer{width: 100% !important;height: 310px !important;}
.jxsf-page .index-jcjs .con .infowra .l{width: 100%;float: none;}
.jxsf-page .index-jcjs .con .infowra h5{font-size: 20px;color:#141414;display: inline-block;position: relative;margin-top: 35px;}
.jxsf-page .index-jcjs .con .infowra h5::after{content: "";display: block;width: 17px;height: 19px;background: url(../../images/xsyyyjc/index/jcts_titimg.png) no-repeat;position: absolute;right: -34px;top: 2px;}
.jxsf-page .index-jcjs .con .infowra .labels{margin-top: 15px;}
.jxsf-page .index-jcjs .con .infowra .labels span{font-size: 16px;color: #797f85;margin-right: 22px;}
.jxsf-page .index-jcjs .con .infowra .info{font-size: 16px;line-height: 28px;color: #000000;margin-top: 20px;height: 84px;text-align: justify;}
.jxsf-page .index-jcjs .con .item .btnwra{position: absolute;bottom: 30px;left: 25px;}
.jxsf-page .index-jcjs .con .item .btnwra a{display: inline-block;height: 28px;line-height: 28px;font-size: 16px;color: #666666;position: relative;padding: 0 10px;margin-right: 20px;}
.jxsf-page .index-jcjs .con .item .btnwra a.active{color: #0077df;background: #ebf5fc;}
.jxsf-page .index-jcjs .con .item .btnwra a.active::after{content: "";display: block;width: 12px;height: 28px;background: url(../../images/xsyyyjc/jxsf/labelbg.jpg) no-repeat;position: absolute;right: -12px;top: 0px;}
.jxsf-page .sfkt{padding-top: 80px;}
.jxsf-page .sfkt .row{margin-right: -10px;margin-left: -10px;}
.jxsf-page .sfkt .col-md-6{padding-left: 10px;padding-right: 10px;}
.jxsf-page .sfkt .item{margin-top: 50px;padding: 15px;background: #fff;border-radius: 6px;box-shadow: 0 0 30px rgba(116,145,164,.2);}
.jxsf-page .sfkt .item .videocon{position: relative;}
.jxsf-page .sfkt .item .videocon video{display: block;width: 100%;height: 300px;}
.jxsf-page .sfkt .item .videocon .CCH5playerContainer{width: 100% !important;height: 300px !important;;}
.jxsf-page .sfkt .item .videocon .playbtn{width: 26px;height: 22px;background: url(../../images/xsyyyjc/index/playbtn.png) no-repeat;position: absolute;right: 23px;bottom: 15px;cursor: pointer;}
.jxsf-page .sfkt .item h3{font-size: 18px;color: #141414;margin-top: 30px;}
.jxsf-page .sfkt .item .trophy{background: #f9f5ee;border-radius: 6px;padding: 16px;margin-top: 20px;}
.jxsf-page .sfkt .item .trophy .l{float: left;width: 45px;}
.jxsf-page .sfkt .item .trophy .r{float: left;width: calc(100% - 45px);padding-left: 8px;}
.jxsf-page .sfkt .item .trophy .r .trophy1{font-size: 15px;color: #ac7e0d;font-weight: 500;margin-top: -2px;}
.jxsf-page .sfkt .item .trophy .r .trophy2{font-size: 16px;color: #e68300;margin-top: 2px;}
.jxsf-page .sfkt .item .info{font-size: 16px;line-height: 28px;height: 112px;color: #3d3d3d;margin-top: 20px;margin-bottom: 40px;text-align: justify;}
.jxsf-page .hjsp{margin-top: 80px;padding-bottom: 20px;}
.jxsf-page .hjsp .row{margin-right: -10px;margin-left: -10px;margin-top: 50px;}
.jxsf-page .hjsp .col-md-6{padding-left: 10px;padding-right: 10px;}
.jxsf-page .hjsp .item{background: #fff;border-radius: 6px;box-shadow: 0 0 30px rgba(116,145,164,.2);margin-bottom: 20px;padding: 8px;position: relative;}
.jxsf-page .hjsp .item .l{float: left;width: 270px;padding-right: 17px;position: relative;}
.jxsf-page .hjsp .item .l::after{content: "";display: block;width: 9px;height: 29px;background: url(../../images/xsyyyjc/jxsf/bg1.jpg) no-repeat;position: absolute;left: -8px;top: 176px;}
.jxsf-page .hjsp .item .l .tit{font-size: 16px;font-weight: 600;color: #000000;line-height: 24px;padding: 16px 20px 0px 10px;max-height: 88px;}
.jxsf-page .hjsp .item .r{float: left;width: calc(100% - 286px);padding-left: 20px;border-left: 1px solid #e6e7e7;}
.jxsf-page .hjsp .item .r::after{content: "";display: block;width: 168px;height: 179px;background: url(../../images/xsyyyjc/jxsf/bg2.jpg) no-repeat;position: absolute;right: 0;bottom: 0;}
.jxsf-page .hjsp .item .r .list{position: relative;z-index: 1;}
.jxsf-page .hjsp .item .r .list:last-child{padding-bottom: 10px;}
.jxsf-page .hjsp .item .r .dt{font-size: 14px;color: #666;margin-top: 15px;}
.jxsf-page .hjsp .item .r .dd{font-size: 15px;color: #000;font-weight: 600;margin-top: 4px;text-align: justify;}
.jxsf-page .hjsp .item .videocon{position: relative;}
.jxsf-page .hjsp .item .videocon video{display: block;width: 100%;height: 152px;}
.jxsf-page .hjsp .item .videocon .CCH5playerContainer{width: 100% !important;height: 152px !important;}
.jxsf-page .hjsp .item .videocon .playbtn{width: 26px;height: 23px;background: url(../../images/xsyyyjc/jxsf/video-play.png) no-repeat;position: absolute;right: 10px;bottom: 10px;cursor: pointer;}
/* 样章体验 */
.yzty-page .yzzs{padding-top: 92px;}
.yzty-page .yzzs .item{margin-top: 50px;}
.yzty-page .yzzs .item .img{box-shadow: 0 0 10px rgba(0,0,0,0.2);width: 200px;margin: 0 auto;}
.yzty-page .yzzs .item .img img{width: 100%;}
.yzty-page .yzzs .item h3{text-align: center;color: #141414;margin-top: 25px;}
.yzty-page .yzzs .item .btnwra{display: block;margin: 15px auto 0;text-align: center;}
.yzty-page .yspzy{padding-top: 80px;}
.yzty-page .yspzy .dxjc{margin-top: 40px;}
.yzty-page .audio-wra{margin-top: 40px;}
.yzty-page .audio-wra .l{float: left;width: 550px;height: 470px;background: #fff;border-radius: 8px;box-shadow: 0 0 15px rgba(0,0,0,0.4);position: relative;}
.yzty-page .audio-wra .r{float: left;width: calc(100% - 550px);padding-top: 46px;}
.yzty-page .audio-wra .r li{cursor: pointer;height: 90px;line-height: 90px;padding-left: 30px;padding-right: 30px;background: #e1e7ed;border-top-right-radius: 8px;border-bottom-right-radius: 8px;margin-bottom: 5px;}
.yzty-page .audio-wra .r li span{vertical-align: middle;}
.yzty-page .audio-wra .r li .contit{display: inline-block;width: 125px;font-size: 18px;font-weight: 600;color: #141414;margin-left: 25px;}
.yzty-page .audio-wra .r li .coninfo{display: inline-block;font-size: 16px;color: #666;width: 32%;}
.yzty-page .audio-wra .r li .time{display: inline-block;font-size: 16px;color: #666;width: 90px;}
.yzty-page .audio-wra .r li .paying{display: none;}
.yzty-page .audio-wra .r li.active{background: #fff;box-shadow: 0 2px 8px rgba(130,134,143,.4);}
.yzty-page .audio-wra .r li:hover{background: #fff;box-shadow: 0 2px 8px rgba(130,134,143,.4);}
.yzty-page .audio-wra .r li:hover .paying,.yzty-page .audio-wra .r li.active .paying{display: inline-block;}
.yzty-page .Audio{position: relative;padding: 28px 50px 36px;}
.yzty-page .pgs{cursor: pointer;width: 100%;margin: 0 auto 0;background-color: #e1e7ed;text-align: center;position: relative;/* overflow: hidden; */height: 4px;border-radius: 0px;}
.yzty-page .pgs-play{position: absolute; top:0; left: 0; width: 0; height: 100%; background-color: #4cbef7; z-index: 1;border-radius: 0px;}
.yzty-page .pgs-play span{ display: block;width: 20px;height: 20px;background: #4cbef7;border: 3px solid #fff;border-radius: 50%;position: absolute;right: -10px;top: 50%;margin-top: -10px;box-shadow: 0 2px 8px rgba(0,0,0,0.4);}
.yzty-page .audio-name{position: absolute; top: 0; width: 100%; left: 0;text-align: center; color: #666; font-size: 12px;}
.yzty-page .controls{width: 100%; padding: 0; text-align: center;}
.yzty-page .play-pause{border: 0; outline: 0; padding: 0; width: 60px; height: 60px; background: url(../../images/xsyyyjc/yzty/pay-bg.png); display: inline-block; vertical-align: middle;}
.yzty-page .icon-pauseplay{width: auto; height: 12px; background: url(../../images/xsyyyjc/yzty/pay.png) no-repeat; display: block; color: #478f59;background-size: contain;background-position: center;}
.yzty-page .icon-play{width: auto; height: 14px; background: url(../../images/xsyyyjc/yzty/pay.png) no-repeat; display: block; color: #478f59;background-size: contain;background-position: center;}
.yzty-page .icon-pause{width: auto; height: 12px; background: url(../../images/xsyyyjc/yzty/pruse.png) no-repeat; display: block; color: #478f59;background-size: contain;background-position: center;}
.yzty-page .controls span{color: #999999; margin-top: 13px;font-size: 12px; display: inline-block; width: 34px;font-size: 12px;}
.yzty-page .played-time{float: left;}
.yzty-page .audio-time{float: right;}
.yzty-page .audio-time{display: inline-block; vertical-align: middle;}
.yzty-page .btnwra{width: 228px;margin: 30px auto;}
.yzty-page .btnwra .pal-l,.yzty-page .btnwra .pal-r{border: 0; outline: 0; padding: 0;display: inline-block; vertical-align: middle;background: none;}
.yzty-page .btnwra .pal-l{margin-right: 55px;}
.yzty-page .btnwra .pal-r{margin-left: 55px;}
.yzty-page .audio-img{height: 277px;line-height: 277px;background: url(../../images/xsyyyjc/yzty/audio-bg.png) no-repeat center;text-align: center;margin-top: 40px;}
.yzty-page .audio-titw{padding: 20px 20px 0 40px;position: absolute;width: 100%;}
.yzty-page .audio-titw .tit{display: inline-block;width: auto;font-size: 18px;color: #141414;position: relative;margin-top: 5px;font-weight: bold;}
.yzty-page .audio-titw .tit::after{content: "";display:block;width: 17px;height: 19px;background: url(../../images/xsyyyjc/index/jcts_titimg.png) no-repeat;position: absolute;top: 3px;right: -25px;}
.yzty-page .audio-titw .code{float: right;display: none;}
.yzty-page .spcon{margin-top: 30px;padding-bottom:50px}
.yzty-page .spcon .item{background: #fff;box-shadow: 0 0 15px rgba(130,134,143,.4);border-radius: 8px;position: relative;}
.yzty-page .spcon .item .spconwra{padding: 95px 40px 45px;}
.yzty-page .spcon .item .spconwra .l{float: left;width: 147px;}
.yzty-page .spcon .item .spconwra .l img{box-shadow: 0 0 15px rgba(130,134,143,.4);}
.yzty-page .spcon .item .spconwra .r{float: left;width: calc(100% - 147px);padding-left: 16px;}
.yzty-page .spcon .item .videocon{border: 4px solid #000;position: relative;}
.yzty-page .spcon .item .videocon video{display: block;width: 100%;height: 200px;}
.yzty-page .spcon .item .videocon .CCH5playerContainer{width: 100% !important;height: 200px !important;}
.yzty-page .spcon .item .videocon .playbtn{width: 26px;height: 22px;background: url(../../images/xsyyyjc/index/playbtn.png) no-repeat;position: absolute;right: 23px;bottom: 15px;cursor: pointer;}
.yzty-page .spcon1 .item .spconwra{padding-top: 80px;}
.yzty-page .spcon1 .item .videocon video{height: 252px;}
.yzty-page .spcon1 .item .spconwra .r{width: 100%;padding: 0;}
.yzty-page .spcon1 .item .videocon .CCH5playerContainer{width: 100% !important;height: 252px !important;}
.yzty-page .spcon1{margin-top: 40px;padding-bottom: 0;}
@media screen and (min-width: 1550px) {
}
@media screen and (min-width: 1200px) {
  .container{width:1100px;padding:0}
  
}
@media screen and (min-width: 993px){
  .header-search-con{width: 50px;height: 40px;line-height: 40px;margin-top: 12px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
  .header-search-con2{height: 38px;width: 100%;padding: 1px 0 1px 1px;}
  .header-search-input input{height: 36px;line-height: 36px;background: #fff;color: #333;border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
  .header-search-input input::-webkit-input-placeholder {color: #999999;}
  .header-search-input input::-moz-input-placeholder {color: #999999;}
  .header-search-input input::-ms-input-placeholder {color: #999999;}
  .header-search-input{width: 222px !important;margin-top: 12px;border-top-left-radius: 5px;border-bottom-left-radius: 5px;background: #fff;border: 1px solid #dddddd;}
}
@media screen and (min-width: 1450px){
}
@media screen and (min-width: 1000px) {
	
}
@media screen and (max-width: 1360px) {
 

}
@media screen and (max-width: 1199px){
  .index-swiper-container1 .swiper-button-next{left: 15.4%;}
  .index-jcts .con .item .tit::after{width: 100%;}
  .index-jcts .con .item .content .main-wra .info{width: 100%;background-size: 100% 100%;margin-left: 0;}
  .footer .btn-wra a{width: calc(50% - 10px);}
  .index-jcts .con .item .content::after{width:100%;background-size: 100%;}
  /* .index-jcts .con .item{padding: 0 10px;} */
  .index-jcts .con .item .content{padding-left: 0;margin-left: 0;}
  .index-jcts .con .item .content .main-wra .info{    padding: 40px 25px 40px;height: auto;}
  .index-jcts .con .item6 .content::after {width: 292px;height: 274px;background: url(../../images/xsyyyjc/index/jcts_imgbg6.png) no-repeat;top: 0;left: 0;}
  .jcjg-page .main .toptab .item.item1.active::after {width: 410px;height: 146px;background: url(../../images/xsyyyjc/jcjg/1.png) no-repeat;left: -28px;background-size: 100% 100%;}
  .jxzy-page .index-bxtd .con .item .r{float: none;margin: 0 !important;}
  .jxzy-page .index-bxtd .con .item .l{float: none;margin: 0 !important;}
  .jxzy-page .index-bxtd .con .item .imgcon{text-align: center;}
  .jxzy-page .index-bxtd .con .item .txtcon{float: none;width: 100%;padding: 30px !important;padding-top: 0 !important;text-align: center;}
  .jxzy-page .index-bxtd .con .item:nth-child(6) .txtcon{width: 100%;}
  .jxzy-page .index-bxtd .con .item .txtcon h5{margin-top: 15px;}
  .yzty-page .audio-wra .l,.yzty-page .audio-wra .r{width: 100%;float: none;}
  .yzty-page .audio-wra .r{padding-top: 20px;}
}
@media screen and (max-width: 992px) {
  body{font-family: 'Helvetica',"Microsoft YaHei";color:#333;overflow-x: hidden;height: auto;}
	/* 头部 */
	.header-search-w{right: 43px;}
  .header{height: 62px;line-height: 62px;}
  .header-search-con{background: #f5f5f5;}
  /* 导航 */
  /* 移动端导航-new */
  .burger-wra{width: 60px;height: 62px;background: #003ea3;position: absolute;right: -17px;border-left: 1px solid #003ea3;}
  div.burger {height: 45px;font-size: 25px;text-align: center;width: 30px;position: relative; cursor: pointer;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
  .yszx-nav div.burger{float: none;}
  .fixed div.burger {top:7px;}
  .burger div.x,.burger div.y,.burger div.z {position: absolute;top: calc((100% - 3px) / 3);width: 25px;height: 2px;   background: #fff;border-radius:2px;-webkit-transition: all 200ms ease-out;-moz-transition: all 200ms ease-out;-ms-transition: all 200ms ease-out;-o-transition: all 200ms ease-out;transition: all 200ms ease-out;} 
  .open div.x,.open div.y,.open div.z{background: #fff;}
  .burger div.x, .burger div.y, .burger div.z { height: 2px; width: 28px; }
  .burger div.y{top: 22px;}
  .burger div.z{top: 30px;}
  .xs-header-r-navmore .burger div.x{top: 9px;}
  .burger div.collapse{top: 20px;display:block;-webkit-transition: all 70ms ease-out;-moz-transition: all 70ms ease-out;-ms-transition: all 70ms ease-out;-o-transition: all 70ms ease-out;transition: all 70ms ease-out;}
  .burger div.rotate30{-ms-transform: rotate(30deg); -webkit-transform: rotate(30deg); transform: rotate(30deg);   -webkit-transition: all 50ms ease-out;-moz-transition: all 50ms ease-out;-ms-transition: all 50ms ease-out;-o-transition: all 50ms ease-out;transition: all 50ms ease-out;                  }
  .burger div.rotate150{-ms-transform: rotate(150deg); -webkit-transform: rotate(150deg); transform: rotate(150deg);  -webkit-transition: all 50ms ease-out;-moz-transition: all 50ms ease-out;-ms-transition: all 50ms ease-out;-o-transition: all 50ms ease-out;transition: all 50ms ease-out;                  }
  .burger div.rotate45{-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);   -webkit-transition: all 100ms ease-out;-moz-transition: all 100ms ease-out;-ms-transition: all 100ms ease-out;-o-transition: all 100ms ease-out;transition: all 100ms ease-out;                 }
  .burger div.rotate135{-ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg);  -webkit-transition: all 100ms ease-out;-moz-transition: all 100ms ease-out;-ms-transition: all 100ms ease-out;-o-transition: all 100ms ease-out;transition: all 100ms ease-out;                 }
  .navicon em{color: #898989; font-size: 16px;}
  .nav {left: 50px; top: 0;}
  .navcon {z-index: 999; position: fixed;left: -200px;opacity: 0;  top: 0; -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;width: 200px; height: 100%; background: #fff; border-right: #eeeeee solid 1px;}
  .closenav { height: 90px;  padding: 33px 0 0 50px; cursor: pointer; border-bottom: #eee solid 1px; font-size: 18px; color:  #003ea3;font-style: normal; display: inline-block; width: 100%;}
  .closenav img {vertical-align: middle; display: inline-block; margin-right: 30px; transition: all 0.3s;}
  .navcon-item { position: relative; z-index: 1;}
  .navcon-item a {display: block; line-height: 100px; color: #555555; position: relative;  padding-left: 46px; font-size: 18px;}
  .navcon-item a  i {width: 40px; height: 40px; background: url(../../images/xsyyyjc/index/rightNav.png) center center no-repeat; position: absolute; right: 20px; top: 12px;}
  .navcon-item em.nav-xian { width: 40px; height: 1px; background: #003ea3; left: 46px; bottom: 20px; display: none;}
  .navcon-item:hover a.n-one {color: #003ea3;}
  .navcon-item:hover a.n-one em {display: block;}
  .navcon-inner .leftnav { height: 60px; display: none;font-weight: bold; background: #003ea3; line-height: 60px; cursor: pointer; border-bottom: #eee solid 1px; font-size: 18px; color: #fff; width: 100%;}
  .navcon-inner .leftnav img {vertical-align: middle; display: inline-block; float: left; padding: 23px 0 0 20px; margin-right: 30px; transition:  all 0.5s;}
  .navcon-inner .leftnav2 { height: 60px; display: none;font-weight: bold; background: #003ea3; line-height: 60px; cursor: pointer; border-bottom: #eee solid 1px; font-size: 18px; color: #fff; width: 100%;}
  .navcon-inner .leftnav2 img {vertical-align: middle; display: inline-block; float: left; padding: 23px 0 0 20px; margin-right: 30px; transition:  all 0.5s;}
  .navcon-inner {position: fixed; left: -200px; opacity: 1; z-index: -1; top: 0; -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;width: 200px; height: 100%; background: #fff;border-right: #eeeeee solid 1px;}
  .navcon-inner ul {padding-top: 100px;}
  .navcon-inner ul li {position: relative; z-index: 1;}
  .navcon-inner ul li a {line-height: 80px;}
  .navcon-inner ul li a i {position: absolute; right: 20px; top: 12px;}
  .navcon-inner ul li:hover a.n-two {color: #003ea3;}
  .navcon-inner ul li a.n-three:hover {color: #003ea3;}
  .navcon-twocon {position: fixed; left: -200px; opacity:1; z-index: -2;-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;top: 0; width: 200px; height: 100%; background: #fff;border-right: #eeeeee solid 1px;}
  .navcon-inner .closenav {display: none;}
  .navcon-twocon .closenav {display: none;}
  .nav .nav-on {opacity: 1;left: 0px; }
  .navcon-item.oneon .navcon-inner {opacity: 1;left: 200px; z-index: 0;}
  .navcon-item.oneon {z-index: 2;}
  .navcon-item.oneon .navcon-twocon {left: -200px; opacity: 0;z-index: -9; }
  .navcon-inner ul li.twoon {z-index: 3;}
  .navcon-inner ul li.twoon .navcon-twocon {opacity: 1;left: 400px; z-index:4;}
  .closenav {height: 60px;padding: 15px 0 0 20px;}
  .navcon {width: 100%; left: -100%;overflow-y: auto;}
  .navcon-item a {line-height: 60px; border-bottom: #eee solid 1px;}
  .navcon-inner ul li a {line-height: 60px;    white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding-right: 55px; }
  .navcon-inner ul {padding-top: 0px;}
  .navcon-inner {width: 100%; left: -100%; z-index: 2; opacity: 1;}
  .nav .nav-on .navcon-inner {left: -100%;}
  .navcon-item.oneon .navcon-inner {left: 0;}
  .navcon-inner .leftnav {display: block;}
  .navcon-inner .leftnav img {margin-right:30px;}
  .navcon-inner .leftnav2 {display: block;}
  .navcon-inner .leftnav2 img {margin-right:30px;}
  .navcon-item em.nav-xian {display: none;}
  .navcon-item:hover a.n-one em {display: none;}
  .navcon-twocon {left:-100%;width: 100%; opacity: 1;}
  .navcon-item.oneon .navcon-twocon {left:-100%;}
  .navcon-inner ul li.twoon .navcon-twocon {left: 0;}
  .navcon-item a {padding-left: 65px;}
  .navcon,.navcon-inner,.navcon-twocon {border-right: 0;}
  .navcon-inner .closenav {display: block;}
  .navcon-twocon .closenav {display: block;}
  .xs-catalognav-l{width: calc(100% - 100px);padding-right: 0;}
  .xs-catalognav-l .catalog-nav-navlogo{width: 100%;}
  .xs-catalognav-l .catalog-nav-navlogo img{width: 100% !important;max-width: 360px;max-height: 100%;position: absolute;top: 50%;transform: translateY(-50%);}
  .xs-catalognav-r{width: 100px;}
  .xs-catalognav-r.catalog-nav-burger div.burger{right: 15px;}
  .header-search-input input{display: block;background: #fff;color: #333;height: 62px;padding: 0 15px;width: 100%;border: 2px solid #bf0008;}
.header-search-input input::-webkit-input-placeholder {color: #333;}
.header-search-input input::-moz-input-placeholder {color: #333;}
.header-search-input input::-ms-input-placeholder {color: #333;}
.navBarwra-ul li.active::after {content: "";display: block;width: 140px;height: 160px;background: url(../../images/xsyyyjc/index/nav_active.png) no-repeat;background-size: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
  /* 首页 */
  .index-swiper-container1 .swiper-button-next, .index-swiper-container1 .swiper-button-prev{margin-top: -120px;}
  .highlight-main{width: 100%;}
  .scenario-list-main-item{width: 33.333%;}
  .more-btn{margin-right: 0;}
  .scenario-fm-list{padding-bottom: 25px;}
  .scenario-fm-list-l,.scenario-video-l,.scenario-fm-list-r,.scenario-video-r,.footer2-l,.footer2-r,.experience-list2-conl-l,.experience-list2-conl-r,.experience-list2-conr,.experience-list2-conl,.experience-list1-name-l{width: 100%;float: none;}
  .footer2-r{text-align: left;margin-bottom: 10px;}
  .scenario-video-l-video-con{height: 400px;}
  .scenario-video-l-imglist{height: 100px;}
  .scenario-video-r{margin-top: 20px;padding-left: 0;}
  .experience-list2-conl-r{padding: 0 28px;}
  .inline-tab{white-space: nowrap;overflow-y: auto;}
  .inline-tab::-webkit-scrollbar {display: none;}
  .scenario-videor-main-hover{display: none !important;}
  #carousel::before,#carousel::after{display: none;}
  .scenario-video-l-imglist-wra .swiper-button-next, .scenario-video-l-imglist-wra .swiper-button-prev{top: 51px;}
  .kf-wra{display: none;}
  .index-swiper-container1 .swiper-button-next {left: 4.4%;}
  .index-swiper-container1 .swiper-button-next, .index-swiper-container1 .swiper-button-prev {margin-top: -24px;}
  .index-jcjs .con .infowra .l,.index-jcjs .con .infowra .r{float: none;width: 100%;}
  .index-jcjs .con .infowra .r{margin-top: 30px;padding-left: 0;}
  .index-jcjs .con .infowra .l .videocon video{height: 405px;}
  .index-jcjs .con .infowra .l .CCH5playerContainer{height: 405px !important;}
  .index-bxtd .con .r{padding-left: 40px;}
  /* 尾部 */
  .footer2-l dl{margin-bottom: 0;width: 100%;display: block;text-align: left;}
  .footer2-l dl dt a{display: block;width: 70%;height: 28px;line-height: 28px;}
  .footer2-l dl dt{margin-bottom: 0;display: block;}
  .footer2-l dl dt::before{top: 13px;}
  .footer2-l dl dd a{display: block;height: 25px;line-height: 25px;}
  .footer2-l dl dt::after {content: '+';top: 0;font-size: 18px;position: absolute;right: 0;color: #222;}
  .footer2-l .footer-menulist{display: none;}
  /* 教材结构 */
  .dy-tabwra .tabtit{float: none;width: 100%;white-space: nowrap;overflow-x:auto ;}
  .dy-tabwra .tab-main{float: none;width: 100%;}
  .dy-tabwra .tabtit .item{display: inline-block;width: 370px;}
  .dy-tabwra .tabtit::-webkit-scrollbar {display:none;}
  .jcjg-page .main .toptab .item a{font-size: 18px;}
  .jcjg-page .main .toptab .item.active a{font-size: 22px;}
  .jcjg-page .main .toptab .item.item1::after{width: 120%;height: 98px;background: url(../../images/xsyyyjc/jcjg/1.png) no-repeat;background-size: 100% 100%;right: auto;left: 0;bottom: -7px;}
  .jcjg-page .main .toptab .item.item1.active::after {width: 120%;height: 146px;background: url(../../images/xsyyyjc/jcjg/1_active.png) no-repeat;background-size: 100% 100%;left: -8px;}
  .jcjg-page .main .toptab .item.item2::after {width: 130%;height: 98px;background: url(../../images/xsyyyjc/jcjg/2.png) no-repeat;background-size: 100% 100%;left: 50%;transform: translateX(-50%);bottom: -7px;}
  .jcjg-page .main .toptab .item.item3::after {width: 130%;height: 98px;background: url(../../images/xsyyyjc/jcjg/3.png) no-repeat;background-size: 100% 100%;left: auto;right: 0;bottom: -7px;}
  .jcjg-page .main .toptab .item.item2.active::after{width: 130%;height: 114px;background: url(../../images/xsyyyjc/jcjg/2_active.png) no-repeat;background-size: 100% 100%;left: 50%;transform: translateX(-50%);bottom: -7px;}
  .jcjg-page .main .toptab .item.item3.active::after{width: 130%;height: 140px;background: url(../../images/xsyyyjc/jcjg/3_active.png) no-repeat;background-size: 100% 100%;left: auto;right: -17px;bottom: -7px;}
  .jcjg-page .imglist-wra .col-md-6 img{min-height: 1px;}
  /* 教学资源 */
  .jxzy-page .topcon .l,.jxzy-page .topcon .r{width: 100%;float: none;}
  .jxzy-page .topcon .r{padding-left: 0;margin-top: 30px;}
  /* 教学示范 */
  .jxsf-page .index-jcjs .con .infowra .r,.jxsf-page .index-jcjs .con .infowra .l{width: 100%;float: none;}
  .jxsf-page .index-jcjs .con .infowra .r .videocon {width: 454px;position: absolute;top: 15px;right: auto;left: 50%;transform: translateX(-50%);}
  .jxsf-page .sfkt .item .info{height: auto;margin-bottom: 15px;}
}
@media screen and (max-width: 1024px) {
	
}
@media screen and (max-width: 768px) {

}
@media only screen and (max-width: 479px) {
  .footer{background-size: 150% 100%;padding-top: 40px;margin-top: 30px;}
  .footer .btn-wra a{height: 36px;line-height: 36px;font-size: 14px;}
  .indexbanner .logo{left: 0;transform: translateX(0);top: 12px;}
  .navBarwra-ul li>a{font-size: 14px;}
  .navBarwra-ul li.active a{font-size: 14px;}
  .navBarwra-ul li.active::after{width: 80px;height: 93px;}
  .navBarwra-ul li>a{height: 50px;line-height: 50px;}
  .navBarwra-ul li::before{width: 30px;height: 33px;}
  .indexbanner .banner-img img{height: 150px;object-fit: cover;}
  .header-logo img{max-height: 30px;}
  .index-slide .swiper-slide-con .swiper-slide-nf h3{font-size: 26px;white-space: nowrap;}
  .index-slide .swiper-slide-con .swiper-slide-nf h3 span{font-size: 14px;}
  .index-slide{height: 250px;background-size: contain;}
  .index-slide .swiper-slide-con{padding-left: 10px;padding-right: 10px;padding-top: 30px;}
  .index-swiper-container1 .swiper-button-next{left: 1.4%;}
  .index-swiper-container1 .swiper-button-next, .index-swiper-container1 .swiper-button-prev{margin-top: -34px;}
  .index-jcjs {padding-top: 50px;}
.comtit {width: 100%;height: 50px;line-height: 46px;background: url(../../images/xsyyyjc/index/tit_bg.png) no-repeat;background-position: center;background-size: contain;font-size: 18px;color: #fff;text-align: center;}
.index-jcjs .con .pic2 {position: absolute;padding: 0 40px;text-align: center;}
.index-jcjs .con .infowra {padding-top: 30px;}
.index-jcjs .con .infowra .l .videocon video,.index-jcjs .con .infowra .videocon .CCH5playerContainer {height: 200px !important;}
.index-jcjs .pic1 {padding-top: 0px;}
.index-bxtd{padding-top: 50px;}
.index-bxtd .con{padding-top: 30px;}
.index-bxtd .con .l{float: none;margin: 0 auto;}
.index-bxtd .con .r{float: none;width: 100%;padding-left: 0;margin-top: 30px;}
.index-bxtd .con .l h4{font-size: 22px;}
.index-bxtd .con .l .info1,.index-bxtd .con .l .info2{font-size: 14px;}
.index-bxtd .con .r h4{font-size: 18px;}
.index-bxtd .con .r .info p{font-size: 14px;line-height: 30px;}
.index-bxtd .con{padding-left: 30px;padding-right: 30px;}
.index-jcts .top-tit{padding-top: 80px;height: 160px;}
.index-jcts .con .l{width: 100%;float: none;}
.index-jcts .con .item .tit .span1{font-size: 40px;}
.index-jcts .con .item .tit .span2{font-size: 16px;}
.index-jcts .con .item .tit .span3 img{width: 70px;}
.index-jcts .con .r{width: 100%;float: none;padding-top: 30px;}
.index-jcts .con .item3,.index-jcts .con .item5,.index-jcts .con .item4,.index-jcts .con .item6 .content{margin-top: 30px;}
.index-jcts .con .item6 .content .imgwra{margin: 0 auto;}
.index-jcts .con .item6 .content::after{width: 240px;height: 228px;background-size: 100%;left: 50%;transform: translateX(-50%);}
.index-jcts .con .item6 .content .info6{margin-left: 0;text-align: center;}
.index-jcts{padding-bottom: 100px;}
.index-jcts .con .item .content .main-wra .info{padding: 40px 25px 20px;font-size: 16px;line-height: 30px;}
.index-jcts .con .item6 .content .imgwra{width: 200px;height: 200px;}
/* 教材结构 */
.jcjginfo .con{font-size: 14px;margin-top: 40px;background-size: 100% 100%;padding: 15px;line-height: 22px;background-size: cover;background-position: bottom right;margin-bottom: 0;border-radius: 8px;}
.jcjg-page .main .toptab .item a{font-size: 16px;}
.jcjg-page .main .toptab .item.active a{font-size: 18px;}
.jcjg-page .main .toptab .item.item1.active::after{height: 80px;}
.jcjg-page .main .toptab .item.item2.active::after{height: 68px;}
.jcjg-page .main .toptab .item.item3.active::after{height: 80px;}
.jcjg-page .main .toptab .item.item1::after{height: 60px;}
.jcjg-page .main .toptab .item.item2::after{height: 60px;}
.jcjg-page .main .toptab .item.item3::after{height: 60px;}
.jcjg-page .main .toptab .item a{height: 56px;}
.jcjg-page .main .toptab{margin-top: 30px;}
.tab-main {padding: 0 15px;}
.jcjg-table .pic1 {padding-top: 30px;}
.jcjg-table {margin-bottom: 30px;}
.jcjg-comtit .tstit{min-width: 90%;width: 90%;}
.jcjg-comtit .tstit img{width: 75%;}
.jcjg-page .ts-info{margin-bottom: 30px;}
.jcjg-page .dwjg-wra{padding-top: 0;}
.dy-tabwra .tabtit{padding-top: 0;}
.dy-tabwra { margin-top: 20px;}
.dy-tabwra .tabtit .item {display: inline-block;width: auto;margin-right: 30px;margin-bottom: 10px;height: 60px;}
.dy-tabwra .tabtit .item .num {width: 50px;height: 50px;background-size: 100% 100% !important;text-align: center;line-height: 50px;font-size: 20px;color: #003ea3;font-weight: bold;float: left;position: relative;z-index: 1;}
.dy-tabwra .tabtit .item{overflow: initial;}
.dy-tabwra .tabtit .item .txt .entxt {font-size: 16px;color: #323334;}
.dy-tabwra .tabtit .item .txt .ctxt {font-size: 14px;color: #003ea3;margin-top: -1px;}
.dy-tabwra .tabtit .item.active .txt .entxt, .dy-tabwra .tabtit .item.active .txt .ctxt {color: #fff;}
.jcjg-page .ts-info{font-size: 16px;line-height: 32px;}
.dy-tabwra .tabtit .item::after{width: calc(100% + 20px);}
.dy-tabwra .tab-main{padding: 30px 15px;min-height: 100px;}
.jcjg-page .block {width: 100%;height: 50px;}
.jcjg-page .main .tab-con::after{height: 50px;}
/* 教学资源 */
.jxzy-page .index-jcjs{padding-top: 50px;}
.jxzy-page .topcon,.jxsf-page .sfkt{padding-top: 40px;}
.jxzy-page .index-bxtd .con .item .txtcon{padding: 15px !important;padding-top: 0 !important;}
.jxzy-page .index-bxtd .con .item .txtcon .info{line-height: 30px;}
.jxzy-page .index-bxtd .con .item:nth-child(6) .imgcon{height: 220px;}
.jxzy-page .index-bxtd .con .item:nth-child(6) .imgcon img{width: auto;max-height: 100%; }
.jxzy-page .index-bxtd{padding-bottom: 0px;}
.jxsf-page .index-jcjs .con .infowra{padding: 15px;}
.jxsf-page .index-jcjs .con .infowra .r{padding: 0px;}
.jxsf-page .sfkt .item .videocon video,.jxsf-page .hjsp .item .videocon video{height: 200px;}
.jxsf-page .sfkt .item .videocon .CCH5playerContainer,.jxsf-page .hjsp .item .videocon .CCH5playerContainer{height: 200px !important;}
.jxsf-page .index-jcjs .con .infowra .r .bg{display: none;}
.jxsf-page .index-jcjs .con .infowra .r .videocon{position: relative;width:100%;top: 0;}
.jxsf-page .index-jcjs .con .infowra .videocon video {height: 200px;}
.jxsf-page .index-jcjs .con .infowra .videocon .CCH5playerContainer{height: 200px !important;}
.jxsf-page .index-jcjs .con .infowra .l{padding: 0;}
.jxsf-page .index-jcjs .con .item .btnwra{position: relative;bottom: 15px;left: 15px;margin-top: 15px;}
.jxsf-page .index-jcjs .con .infowra .info{margin-top: 15px;}
.jxsf-page .index-jcjs .con .infowra h5::after{display: none;}
.jxsf-page .index-jcjs .con .item,.jxsf-page .sfkt .item,.jxsf-page .hjsp,.jxsf-page .hjsp .row{margin-top: 30px;}
.jxsf-page .hjsp .item .l .videocon{width: 100%;}
.jxsf-page .hjsp .item .l .videocon video{width: 100%;}
.jxsf-page .hjsp .item .l .videocon .CCH5playerContainer{width: 100% !important;}
.jxsf-page .hjsp .item .l .tit{padding: 10px;padding-bottom: 0;}
.jxsf-page .hjsp .item .r .list{padding-left: 10px;padding-right: 10px;}
.jxsf-page .hjsp .item .l,.jxsf-page .hjsp .item .r{float: none;width: 100%;border: none;padding: 0;}
.jxsf-page .hjsp .item .l::after{bottom: 0;display: none;}
.jxsf-page .hjsp .item .r{padding-bottom: 15px;}
.jxsf-page .hjsp{padding-bottom: 0;}
.jxsf-page .hjsp .item .r .dd{max-height: 45px;height: auto;}
.yzty-page .spcon .item .spconwra .l{float: none;text-align: center;width: 100%;margin-bottom: 15px;}
.yzty-page .spcon .item .spconwra .r{float: none;width: 100%;padding: 0;}
.yzty-page .spcon .item .spconwra{padding: 95px 15px 15px;}
.yzty-page .audio-img{margin-top: 0;}
.yzty-page .audio-titw{padding: 15px;}
.yzty-page .yzzs,.yzty-page .yspzy{padding-top:30px}
.yzty-page .yzzs .item,.yzty-page .yspzy .dxjc{margin-top: 30px;}
.yzty-page .jcjg-comtit .tstit img{width: 90%;}
.yzty-page .audio-titw{top: 0;left: 0;}
.yzty-page .audio-wra .l{padding: 45px 15px 0;}
.yzty-page .audio-img{background-size: 100%;}
.yzty-page .Audio{padding: 15px;}
.yzty-page .audio-wra .r li{padding-left: 15px;padding-right: 15px;}
.yzty-page .audio-wra .r li .contit{width: 100px;font-size: 16px;margin-left: 10px;}
.yzty-page .audio-wra .r li .coninfo{display: none;}
.yzty-page .spcon{padding-bottom: 20px;}
.yzty-page .spcon1 .item .videocon .CCH5playerContainer{width: 100% !important;height: 200px !important;}
.yzty-page .spcon1 .item .spconwra{padding: 60px 15px 15px;}
}
@media screen and (max-width: 321px) {
	
}