.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;}
@font-face {
	font-family: 'alimama';
	src: url("https://vep-xzy.fltrp.com/v3/fonts/ALIMAMA_SHUHEITI_BOLD.woff2");
}
.alimama{font-family: 'alimama' !important;}
body{font-family: "Microsoft Yahei", "宋体";color:#333;overflow-x: hidden;height: auto;background: #b2e3ff;}
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;}
.gotop{display: none;position: fixed;width: 83px;height: 83px;right: 30px;bottom: 30px;cursor: pointer;z-index: 2;}
/* 头部 */
.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: 62px;}
.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: #2394e3;}
.navBarwra .container{padding: 0;}
.navBarwra-ul{padding: 0 40px;}
.navBarwra-ul li{flex-grow: 1;flex-basis: 100%;min-width:0;position: relative;}
.navBarwra-ul li>a{display: block;text-align: center;height: 60px;line-height: 60px;font-size: 24px;color: #fff;position: relative;z-index: 1;}
.navBarwra-ul li.active::after{content: "";display: block;width: 225px;height: 74px;background: url(../../images/xzyyy/index/nvnbg.png) no-repeat;position: absolute;left: 50%;top: 37%;transform: translate(-50%, -50%);}
.navBarwra-ul li.active a{color: #9e7236;line-height: 50px;}
.header-con{position: relative;}
.header-search-w{position: absolute;right: 0;}
.indexbanner{position: relative;}
.indexbanner .ban-img{height: 510px;object-fit: cover;}
.indexbanner .logo{position: absolute;top: 50px;left: 50%;transform: translateX(-50%);max-width: 1285px;}
/* footer */
.footer{width: 100%;height: 146px;;background: #47596c;display: flex;align-items: center;justify-content: center;}
.footer .con{display: flex;align-items: center;}
.footer .title{font-size: 20px;color: #fff;margin-right: 22px;}
.footer .dropup .dropdown-menu{width: 100%;}
.footer .dropup .btn{display: flex;justify-content: space-between;align-items: center;width: 524px;height: 58px;line-height: 58px;border-radius: 10px;font-size: 20px;font-weight: bold;background: #fff !important;color: #47596c !important;padding: 0 37px 0 20px;border: none;}
.footer .dropup .btn .caret {transform: rotate(180deg);border-right: 8px solid transparent;border-left: 8px solid transparent;border-bottom: 8px dashed;}
/* index */
.index1 .conwra,.combox .conwra{position: relative;background: #e0f4ff;padding: 34px 60px 88px;margin-top: 132px;box-shadow: 0 3px 24px rgba(59, 160, 221, 0.6);border-bottom-left-radius: 14px;border-bottom-right-radius: 14px;}
.combox .conwra{padding-left: 0;padding-right: 0;margin-bottom: 60px;}
.index1 .conwra::before,.combox .conwra::before{content: "";display: block;width: 106.3%;height: 99px;background: url(../../images/xzyyy/index/topbg.png) no-repeat;background-size: 100% auto;background-position: bottom;position: absolute;top: -99px;left: 50%;transform: translateX(-50%);}
.rwodot::before{content: "";display: block;width: 17px;height: 17px;border-radius: 50%;background: #9cdaff;position: absolute;left: 27px;bottom: 33px;}
.rwodot::after{content: "";display: block;width: 17px;height: 17px;border-radius: 50%;background: #9cdaff;position: absolute;right: 27px;bottom: 33px;}
.index1 .conwra .top{background: #62bcfa;padding: 46px 32px 25px;border-radius: 10px;}
.index1 .conwra .top .item{display: flex;margin-bottom: 30px;border-radius: 10px;overflow: hidden;}
.index1 .conwra .top .item .leftcon{width: 316px;background: #fff;display: flex;justify-content: center;align-items: center;padding: 15px;position: relative;}
/* .index1 .conwra .top .item .leftcon::before{content: "";display: block;width: calc(100% - 20px);height: calc(100% - 20px);background: url(../../images/xzyyy/index/top_txtbg1.png) no-repeat center/100% 100%;position: absolute;left: 10px;top: 10px;}
.index1 .conwra .top .item:nth-child(2) .leftcon::before{background-image: url(../../images/xzyyy/index/top_txtbg2.png);} */
.index1 .conwra .top .item .leftcon>div{position: relative;z-index: 1;width: 100%;height: 100%;padding: 0 13px;border-radius: 10px 0 0 10px;}
.index1 .conwra .top .item .leftcon .tit{font-size: 24px;font-weight: bold;color: #fff;text-align: left;white-space: nowrap;text-align: center;margin-top: 35px;}
.index1 .conwra .top .item .leftcon .info{padding: 0 16px;height: 36px;font-size: 18px;;color: #62bcfa;line-height: 36px;background: url(../../images/xzyyy/index/bg_03.png) no-repeat center/ 100% 100%;margin-top: 20px;}
.index1 .conwra .top .item:nth-child(1) .leftcon>div{background: url(../../images/xzyyy/index/top-conbg1.png) no-repeat center/100% 100%;}
.index1 .conwra .top .item:nth-child(2) .leftcon>div{background: url(../../images/xzyyy/index/top-conbg2.png) no-repeat center/100% 100%;}
.index1 .conwra .top .item:nth-child(3) .leftcon>div{background: url(../../images/xzyyy/index/top-conbg3.png) no-repeat center/100% 100%;}
.index1 .conwra .top .item .rightcon{flex: 1;min-width: 1px;background: #b2e3ff;}
.index1 .conwra .btm{display: flex;}
.index1 .conwra .btm .leftcon{flex: 1;min-width: 1px;border-radius: 10px;margin: 36px 15px 0 0;background: #62bcfa;padding: 43px 50px 47px;text-align: justify;color: #fff;font-size: 18px;line-height: 34px;}
.index1 .conwra .btm .rightcon{width: 522px;margin: 36px 0 0 15px;} 
.index1 .conwra .btm  .videocon{position: relative;border-radius: 10px;overflow: hidden;}
.index1 .conwra .btm  .videocon .CCH5playerContainer{width: 100% !important;height: 294px;}
.index1 .conwra .btm  .videocon video{display: block;width: 100%;height: 294px;background: #000;}
.index1 .conwra .btm  .videocon .playbtn{width: 64px;height: 64px;background: url(../../images/xzyyy/index/pay.png) no-repeat;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);cursor: pointer;}
.index2 .conwra{margin-top: 35px;position: relative;background: #fff;border-radius: 14px;box-shadow: 0 3px 24px rgba(59, 160, 221, 0.6);padding: 110px 100px 70px;}
.comtit{font-size: 32px;width: 311px;height: 77px;padding-top: 7px;font-size: 32px;color: #fff;background: url(../../images/xzyyy/index/titbg.png) no-repeat;text-align: center;position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
.index2 .conwra .info{font-size: 18px;line-height: 32px;color: #2f65aa;}
.index2 .indexzj{margin-top: 60px;display: flex;flex-wrap: wrap;flex-direction: row-reverse;}
.index2 .indexzj .logo{width: 480px;}
.index2 .indexzj .zjcon{flex: 1;min-width: 1px;padding-right: 120px;}
.index2 .indexzj .zjcon .tit{font-size: 30px;font-weight: bold;margin-top: 70px;color: #252525;}
.index2 .indexzj .zjcon .zjinfo{font-size: 18px;line-height: 32px;color: #3f3f3f;margin-top: 35px;text-align: justify;}
.index2 .zjtxt{font-size: 18px;line-height: 32px;color: #3f3f3f;margin-top: 22px;text-align: justify;}
.index2 .zjlist{display: flex;flex-wrap: wrap;margin: 28px -6px 0;max-height: 544px;overflow-y: auto;margin-right: -26px;}
.index2 .zjlist .item{padding: 6px;width: 16.666%;}
.index2 .zjlist .item .con{min-height: 260px;padding: 25px 14px 10px;border-radius: 10px;border: 1px solid transparent;}
.index2 .zjlist .item .logo{width: 158px;height: 158px;margin: 0 auto;}
.index2 .zjlist .item .logo img{width: 100%;height: 100%;}
.index2 .zjlist .item .name{font-size: 20px;margin-top: 18px;text-align: center;}
.index2 .zjlist .item .sumary{font-size: 14px;line-height: 24px;color: #747474;text-align: center;margin-top: 6px;opacity: 0;visibility: hidden;height: 0px;}
.index2 .zjlist .item .con:hover{border: 1px solid #a8dbf7;box-shadow: 0 9px 13px rgba(99,185,226,0.27);padding-top: 18px;}
.index2 .zjlist .item .con:hover .logo{width: 112px;height: 112px;}
.index2 .zjlist .item .con:hover .name{font-size: 20px;margin-top: 9px;}
.index2 .zjlist .item .con:hover .sumary{opacity: 1;visibility: visible;}
.index3 .conwra{margin-top: 35px;position: relative;background: #fff;border-radius: 14px;box-shadow: 0 3px 24px rgba(59, 160, 221, 0.6);padding: 96px 100px 100px;}
.index3 .list-wra{display: flex;flex-wrap: wrap;margin: 0 -12px;}
.index3 .list-wra .item{width: 50%;padding: 0 12px;margin-top: 22px;}
.index3 .list-wra .con{padding: 34px 15px 34px 28px;position: relative;background: #4fa9e9;color: #fff;border-radius: 10px;display: flex;}
.index3 .list-wra .con::before{content: "";display: block;width: 26px;height: 29px;background: url(../../images/xzyyy/index/bq.png) no-repeat;position: absolute;left: 16px;top: 0;}
.index3 .leftcon{flex: 1;min-width: 1px;padding-right: 28px;}
.index3 .rightcon{width: 304px;}
.index3 .leftcon .tit{font-size: 24px;margin-top: 10px;}
.index3 .leftcon .info{font-size: 16px;line-height: 28px;text-align: justify;margin-top: 12px;}
.index4 .conwra{margin-top: 35px;position: relative;background: #fff;border-radius: 14px;box-shadow: 0 3px 24px rgba(59, 160, 221, 0.6);padding: 98px 100px 46px;}
.index4 .newslist{display: flex;flex-wrap: wrap;margin: 0 -12px;}
.index4 .newslist .item{width: 50%;padding: 0 12px;margin-top: 30px;}
.index4 .newslist .con{display: flex;}
.index4 .leftcon{width: 102px;height: 102px;background: #f4f4f4;display: flex;align-items: center;}
.index4 .leftcon>div{width: 100%;text-align: right;padding-right: 20px;}
.index4 .leftcon .day{font-size: 25px;color: #242424;}
.index4 .leftcon .year{font-size: 14px;color: #666666;}
.index4 .rightcon{flex: 1;min-width: 1px;padding: 25px 30px 35px 20px;background: transparent;}
.index4 .rightcon .tit{position: relative;}
.index4 .rightcon .tit .tittxt{font-size: 18px;display: block;color: #242424;padding-right: 0px;}
.index4 .rightcon .tit .titicon{display: block;width: 9px;height: 14px;background: url(../../images/xzyyy/index/arrow.png) no-repeat;position: absolute;right: -9px;top: 8px;}
.index4 .rightcon .info{font-size: 16px;line-height: 26px;text-align: justify;color: #878787;margin-top: 12px;height: 78px;padding: 0 6px;}
.index4 .newslist .con:hover .leftcon{background: #ffbd45;}
.index4 .newslist .con:hover .day,.index4 .newslist .con:hover .year,.index4 .newslist .con:hover .info{color: #fff;}
.index4 .newslist .con:hover .rightcon{background: #60b8eb;}
.index4 .newslist .con:hover .tit .tittxt{color: #fff;padding-right: 20px;}
.index5{padding: 60px 0;}
.index5 .imgtip{display: none;}
/* 教材结构 */
.pageinfo{font-size: 18px;color: #494949;padding: 0 100px;}
.pagenav{display: flex;justify-content: center;margin-top: 50px;}
.pagenav .item{display: block;background: #fff;border: 1px solid #2394e3;;margin: 0 10px;width: 280px;height: 60px;line-height: 60px;text-align: center;font-size: 20px;font-weight: bold;color: #2394e3;}
.pagenav .item.active{color: #fff;background: url(../../images/xzyyy/jcjg/navbg.png) no-repeat center/100% 100%;box-shadow: 0 4px 3px rgba(24,122,191,0.25);}
/* 基础篇 */
.jcp-con{padding: 50px 103px 0;}
.jcp-con .jcpinfo .img{margin-left: -38px;margin-right: -38px;}
.jcp-con .jcpinfo .info{font-size: 16px;text-align: justify;text-indent: 2em;line-height: 30px;color: #474747;margin-top: 30px;}
.jcjg-page{}
.jcp-con .list-wra{background: #fff;padding: 60px 52px 70px;margin-top: 32px;}
.jcp-con .list-wra .item{margin-bottom: 80px;}
.jcp-con .list-wra .item:last-child{margin-bottom: 0;}
.jcp-con .list-wra .item .con{display: flex;}
.jcp-con .list-wra .item:nth-child(even) .con{flex-direction: row-reverse;}
.jcp-con .list-wra .item:nth-child(even) .con .txt{padding-left: 0;padding-right: 60px;}
.jcp-con .list-wra .item .con .img{width: 445px;}
.jcp-con .list-wra .item .con .txt{flex: 1;min-width: 1px;padding-left: 60px;}
.jcp-con .list-wra .item .con .tit{font-size: 28px;display: inline-block;position: relative;}
.jcp-con .list-wra .item .con .tit span{position: relative;z-index: 1;font-weight: bold;}
.jcp-con .list-wra .item .con .tit::after{content: '';display: block;width: 100%;height: 6px;background: #f3d7b0;position: absolute;bottom: 4px;}
.jcp-con .list-wra .item .con .contxt{margin-top: 15px;}
.jcp-con .list-wra .item .con .contxt p{font-size: 18px;line-height: 30px;margin-bottom: 18px;position: relative;padding-left: 26px;}
.jcp-con .list-wra .item .con .contxt p::before{content: "";display: block;width: 13px;height: 10px;background: url(../../images/xzyyy/jcjg/jcp_infoicon.png) no-repeat;position: absolute;left: 0;top: 11px;}
.jcp-con .list-wra .item .con .contxt p:last-child{margin-bottom: 0;}
.jcp-con .jcpbtn{display: block;width: 200px;height: 60px;line-height: 56px;text-align: center;color: #fff;font-size: 18px;background: url(../../images/xzyyy/jcjg/jcp_btnbg.png) no-repeat;margin: 40px auto 0;}
/* 行业篇 */
.hypcon{padding: 24px 55px 0;}
.hypcon .list-wra{display: flex;flex-wrap: wrap;}
.hypcon .list-wra .item{width: 50%;padding: 0 8px;margin-top: 20px;}
.hypcon .list-wra .con{padding: 25px 20px;position: relative;background: #62bcfa;color: #fff;border-radius: 10px;}
.hypcon .list-wra .con .tit{font-size: 28px;display: inline-block;position: relative;margin-bottom: 30px;font-weight: bold;}
.hypcon .list-wra .con .tit span{position: relative;z-index: 1;padding: 0 10px;}
.hypcon .list-wra .con .tit::after{content: '';display: block;width: 100%;height: 6px;background: #f3d7b0;position: absolute;bottom: 2px;}
.hypinfo-wra{padding:50px 40px 0;}
.hypinfo-wra .hypinfo{font-size: 16px;line-height: 30px;text-align: justify;text-indent: 2em;}
.hypinfo-wra .jcpbtn{display: block;width: 200px;height: 60px;line-height: 56px;text-align: center;color: #fff;font-size: 18px;background: url(../../images/xzyyy/jcjg/jcp_btnbg.png);margin: 50px auto 0;}
/* 素质篇 */
.szpcon .hypinfo-wra{padding: 30px 68px 0;}
.szpcon .hypinfo-wra .img2{margin-top: 35px;}
.szpcon .hypinfo-wra .hypinfo{padding: 0 35px;margin-top: 40px;}
/* 教材资源 */
.jxzy-com .conwra{margin-top: 35px;position: relative;background: #fff;border-radius: 14px;box-shadow: 0 3px 24px rgba(59, 160, 221, 0.6);padding: 28px 40px 44px;}
.jxzy-com .conbd{display: block;border: 2px dashed #f2ba41;}
.jxzy-com .comtit{min-width: 312px;width: auto;padding: 7px 35px 0;font-size: 30px;background-color: #fff;background-size: 100% 100%;}
.jxzy-com .comtit img{margin-top: 5px;margin-right: 10px;}
.jxzycon1{padding: 90px 50px 34px 32px;display: flex;align-items: center;}
.jxzycon1 .leftcon{flex: 1;min-width: 1px;text-align: center;padding-right: 30px;}
.jxzycon1 .rightcon{width: 610px;}
.jxzycon1 .rightcon .info{font-size: 16px;line-height: 30px;text-align: justify;color: #414141;}
.jczy-btn{display: inline-block;min-width: 175px;padding: 0 20px;height: 50px;line-height: 50px;text-align: center;color: #fff !important;font-size: 18px;background: #ffbd45;box-shadow: 0 6px 0 #d49625;border-radius: 50px;}
.jxzycon1 .rightcon .jczy-btn{margin-top: 40px;}
.jxzycon2{padding: 80px 50px 65px;}
.jxzycon2 .audio-btn{margin-top: 35px;}
.jxzycon2 .info{font-size: 16px;line-height: 30px;color: #2f2f2f;text-align: justify;}
.jxzycon2 .audio-wra{display: flex;}
.jxzycon2 .audio-wra .audiocon{width: 314px;min-width: 314px;}
.jxzycon2 .audio-wra .ctit{font-size: 20px;margin-left: 10px;margin-top: 40px;margin-bottom: 20px;}
.jxzycon2 .audio-wra .ctit img{margin-right: 10px;}
.jxzycon2 .audio-wra .audiocon .name{width: 100px;height: 35px;line-height: 35px;background: #574de3;font-size: 16px;color: #fff;text-align: center;margin-top: -18px;position: relative;}
.jxzycon2 .audio-wra .audiocon .item{border: 1px solid #e5e5e5;background: #f9fafb;padding: 10px 12px 10px 20px;display: flex;align-items: center;margin-bottom: 10px;}
.jxzycon2 .audio-wra .audiocon .item .txt{display: inline-block;width: 104px;font-size: 16px;margin-left: 18px;}
.jxzycon2 .audio-wra .audiocon .item .time{display: inline-block;font-size: 16px;color: #a1a1a1;width: 105px;}
.jxzycon2 .audio-wra .audiocon .item .paying{display: block;width: 26px;height: 26px;background: url(../../images/xzyyy/jczy/pay.png) no-repeat center/100% auto;cursor: pointer;}
.jxzycon2 .audio-wra .audiocon .item .paying.on{background-image: url(../../images/xzyyy/jczy/paying.png);}
.jxzycon2 .video-wra{flex: 1;min-width: 1px;margin-left: 20px;}
.jxzycon2 .video-wra  .videocon{position: relative;border-radius: 0px;overflow: hidden;}
.jxzycon2 .video-wra  .videocon .CCH5playerContainer{width: 100% !important;height: 292px;}
.jxzycon2 .video-wra  .videocon video{display: block;width: 100%;height: 292px;background: #000;}
.jxzycon2 .video-wra  .videocon .playbtn{width: 64px;height: 64px;background: url(../../images/xzyyy/index/pay.png) no-repeat;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);cursor: pointer;}
.jxzycon3 .videocon video{display: block;width: 163px;height: 348px;background: #fff;border-radius: 10px;}
.jxzycon2 .video-wra .name{width: 100px;height: 35px;line-height: 35px;background: #61a0f1;text-align: center;font-size: 16px;color: #fff;margin-top: 10px;}
.jxzycon3 .leftcon{width: 390px;flex: none;}
.jxzycon3{padding-top: 60px;}
.jxzycon3 .leftcon .video-wra{width: 180px;height: 363px;position: relative;margin: 0 auto;}
.jxzycon3 .leftcon .video-wra::before{content: '';display: block;width: 180px;height: 363px;background: url(../../images/xzyyy/jczy/phonebg.png) no-repeat;position: relative;z-index: 1;pointer-events: none;}
.jxzycon3 .leftcon .videocon{position: absolute;top: 9px;left: 11px;border-radius: 0px;overflow: hidden;}
.jxzycon3 .leftcon .videocon .playbtn{width: 50px;height: 50px;background: url(../../images/xzyyy/jxsf/pay.png) no-repeat center/100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);cursor: pointer;}
.jxzycon3 .rightcon{flex: 1;display: flex;align-items: center;}
.jxzycon3 .rightcon .txt{flex: 1;min-width: 1px;}
.jxzycon3 .rightcon .code-wra{width: 173px;margin-left: 40px;padding: 24px 20px;border: 1px solid #eeeeee; box-shadow: 0 4px 8px rgba(103,166,231,.36);}
.jxzycon3 .rightcon .code-wra .name{font-size: 16px;line-height: 26px;color: #414141;margin-top: 20px;}

.jxzyconvr{padding-bottom: 50px;}
.jxzyconvr .videocon video{display: block;width: 100%;height: 276px;background: #000;}
.jxzyconvr .leftcon{width: 420px;flex: none;}
.jxzyconvr .leftcon .videocon{position: relative;border-radius: 0px;overflow: hidden;}
.jxzyconvr .leftcon .videocon .playbtn{width: 50px;height: 50px;background: url(../../images/xzyyy/index/pay.png) no-repeat center/100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);cursor: pointer;}
.jxzyconvr .rightcon{flex: 1;display: flex;align-items: center;}
.jxzyconvr .rightcon .txt{flex: 1;min-width: 1px;}
.jxzyconvr .rightcon .txt p{margin-bottom: 10px;}
.jxzyconvr .rightcon .code-wra{width: 173px;margin-left: 40px;padding: 24px 20px;border: 1px solid #eeeeee; box-shadow: 0 4px 8px rgba(103,166,231,.36);}
.jxzyconvr .rightcon .code-wra .name{font-size: 16px;line-height: 26px;color: #414141;margin-top: 20px;}

.jxzycon1 .rightcon{flex: 1;}
.last-com{margin-bottom: 60px;}
.jxzycon4{padding: 70px 60px 50px;}
.jxzycon4 .info{font-size: 16px;color: #414141;text-align: justify;padding: 0 50px;line-height: 30px;}
.jxzycon4 .list{display: flex;justify-content: space-between;}
.jxzycon4 .list .item{margin-top: 30px;}
.jxzycon4 .list .item2 .itembg{width: 360px;padding: 25px 25px 30px;background: linear-gradient(to bottom, #0965ea, #08bdf8);border-radius: 10px;color: #fff;}
.jxzycon4 .list .item2 .name{font-size: 24px;font-weight: bold;}
.jxzycon4 .list .item2 .txt{font-size: 18px;margin-top: 15px;}
.jxzycon4 .list .item2 .txt i{font-style: normal;font-weight: bold;}
.jxzycon4 .list .item2 .jczy-btn{margin-top: 28px;}
/* 样章体验 */
.yzty-page .combox .conwra{background: #fff;padding-top: 0;}
.yzty-page .combox .conwra::before{background-image: url(../../images/xzyyy/yzty/topbg.png);}
.yzty-page .yztycon{margin-bottom: 50px;padding: 0 90px;}
.yzty-page .wratit{text-align: center;margin-bottom: 10px;}
.yzty-page .list-wra{display: flex;flex-wrap: wrap;}
.yzty-page .list-wra .item{width: 50%;padding: 0 8px;margin-top: 16px;}
.yzty-page .list-wra .con{position: relative;border: 2px solid #e5e5e5;padding-bottom: 27px;}
.yzty-page .list-wra .img-wra{position: relative;height: 310px;border-bottom: 2px solid #e5e5e5;display: flex;align-items: center;justify-content: center;}
.yzty-page .list-wra .img,.yzty-page .list-wra .img img{max-height: 265px;}
.yzty-page .list-wra .buybtn{display: block;width: 150px;height: 48px;background: #238cd4;line-height: 48px;text-align: center;color: #fff;font-size: 16px;position: absolute;right: 0;bottom: 0;}
.yzty-page .list-wra .buybtn img{margin-left: 10px;}
.yzty-page .jglist{padding: 14px 40px 0 23px;min-height: 89px;}
.yzty-page .jglist .case{margin-top: 12px;}
.yzty-page .jglist .case span{display: inline-block;vertical-align: middle;}
.yzty-page .jglist .case .name{width: 54%;font-size: 18px;font-weight: bold;color: #242424;padding-right: 10px;}
.yzty-page .jglist .case .num{width: 35%;font-size: 14px;color: #666666;}
.yzty-page .jglist .case .price{width: 11%;font-size: 18px;color: #ff6c00;}

.yzty-page .list-wra .btnwra{text-align: center;margin-top: 30px;}
.yzty-page .list-wra .btnwra .jczy-btn{height: 42px;line-height: 42px;font-size: 16px;box-shadow: 0 4px 0 #d49625;}

/* 教学示范 */
.jxzy-com .comtit2 img{margin-right: 0;}
.jxzy-com .comtit2{padding: 7px 50px 0;}
.jxsf-page .footer{margin-top: 60px;}
.jxsf-page .jxsf-listwra{margin-top: 80px;margin-bottom: 56px;padding: 0 42px;max-height: 1165px;overflow-y: auto;}
.jxsf-list1 .item{display: flex;margin-bottom: 33px;flex-wrap: wrap;}
.jxsf-list1 .item:last-child{margin-bottom: 0;}
.jxsf-list1 .item:nth-child(3n+1){background: #63a4f2;}
.jxsf-list1 .item:nth-child(3n+2){background: #2dd1b4;}
.jxsf-list1 .item:nth-child(3n+3){background: #f8bd3e;}
.jxsf-list1 .item .videowra{width: 485px;height: 364px;}
.jxsf-list1 .item .conbox{flex: 1;min-width: 1px;padding: 28px 45px 40px 30px;color: #fff;}
.jxsf-list1 .item .conbox .tit{font-size: 24px;font-weight: bold;margin-bottom: 10px;line-height: 38px;}
.jxsf-list1 .item .conbox p{font-size: 18px;line-height: 30px;margin-bottom: 5px;position: relative;padding-left: 34px;}
.jxsf-list1 .item .conbox p::before{content: "";display: block;width: 11px;height: 10px;background: url(../../images/xzyyy/jxsf/infoicon.png) no-repeat;position: absolute;left: 9px;top: 11px;}
.jxsf-list1 .item .conbox p:last-child{margin-bottom: 0;}
.jxsf-page .videocon{position: relative;border-radius: 0px;overflow: hidden;width: 100%;height: 100%;}
.jxsf-page .videocon .CCH5playerContainer{width: 100% !important;height: 100%;}
.jxsf-page .videocon video{display: block;width: 100%;height: 100%;background: #000;}
.jxsf-page .videocon .playbtn{width: 60px;height: 60px;background: url(../../images/xzyyy/jxsf/pay.png) no-repeat;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);cursor: pointer;}
.jxsf-list2 .item{display: flex;margin-bottom: 60px;flex-wrap: wrap;position: relative;padding-right: 23px;}
.jxsf-list2 .item::after{content: "";display: block;position: absolute;bottom: -23px;right: 0;width: calc(100% - 23px);height: 100%;;}
.jxsf-list2 .item:nth-child(3n+1)::after{background: #4fa9e9;}
.jxsf-list2 .item:nth-child(3n+2)::after{background: #2dd1b4;}
.jxsf-list2 .item:nth-child(3n+3)::after{background: #f8bd3e;}
.jxsf-list2 .item .videowra{width: 485px;height: 364px;position: relative;z-index: 1;}
.jxsf-page .jxsf-list2{padding-top: 10px;padding-bottom: 10px;margin-top: 70px;margin-bottom: 10px;max-height: 1292px;}
.jxsf-list2 .item .conbox{flex: 1;min-width: 1px;padding: 28px 45px 40px 30px;border: 1px solid #eeeeee;box-shadow: 2px 2px 10px rgba(17, 114, 169, .36);background: #fff;;position: relative;z-index: 1;}
.jxsf-list2 .item .tit{font-size: 30px;font-weight: bold;color: #2d2d2d;}
.jxsf-list2 .item .contxt{margin-top: 24px;}
.jxsf-list2 .item .contxt:last-child{margin-bottom: 0;}
.jxsf-list2 .item .labeltxt{margin-bottom: 14px;}
.jxsf-list2 .item .label1{font-size: 18px;color: #7c7c7c;line-height: 26px;}
.jxsf-list2 .item .txt{font-size: 18px;color: #363636;line-height: 26px;margin-top: 6px;}
@media screen and (min-width: 1550px) {
}
@media screen and (min-width: 1400px) {
  .container{width:1400px;padding:0}
  
}
@media screen and (min-width: 993px){

}
@media screen and (min-width: 1450px){
}
@media screen and (min-width: 1000px) {
	
}
@media screen and (max-width: 1400px) {
	.indexbanner .logo{top: 20px;}
	.indexbanner .ban-img{height: auto;}
 .jxzycon4 .list .item{margin: 30px 5px 0;}
 .yzty-page .jglist .case .name{width: 100%;}
 .yzty-page .jglist .case .num{width: 70%;}
 .yzty-page .jglist .case .price{width: 30%;text-align:right;}

}
@media screen and (max-width: 1199px){
	.header-logo img {
    max-height: 34px;
}
	.index1 .conwra .top .item .leftcon .tit{margin-top: 0;}
	.index1 .conwra .top .item .leftcon>div{background: #62bcfa !important;display: flex;flex-flow: column;justify-content: center;}
	.index2 .zjlist .item{width: 25%;}
	.index2 .zjlist{max-height: none;overflow: visible;}
	/* 教材结构 */
	.jcp-con .list-wra .item .con{flex-wrap: wrap;}
	.jcp-con .list-wra .item .con .img,.jcp-con .list-wra .item .con .txt,.jcp-con .list-wra .item:nth-child(even) .con .txt{width: 100%;padding: 0;}
	.jcp-con .list-wra .item .con .img{margin-bottom: 15px;}
	.jxsf-list1 .item .conbox,.jxsf-list2 .item .conbox{width: 100%;flex: none;}
	.jxsf-list1 .item .videowra,.jxsf-list2 .item .videowra{margin: 0 auto;}
	.yzty-page .list-wra .item{width: 100%;}
	/* 教材资源 */
	.jxzyconvr{display: block;}
	.jxzyconvr .leftcon{margin: 0 auto 20px;}
	.jxzycon1 .rightcon{width: 100%;}
}
@media screen and (max-width: 992px) {
	.index1 .conwra .top .item .leftcon>div{border-radius: 10px 10px 0 0;}
	.navBarwra-ul li.active::after{width: 100%;background-size: 100% 100%;}
	.navBarwra-ul li>a{font-size: 20px;}
	.index1 .conwra .top .item,.index1 .conwra .btm{flex-wrap: wrap;}
	.index1 .conwra .top .item .leftcon,.index1 .conwra .btm .leftcon,.index1 .conwra .btm .rightcon{width: 100%;margin-left: 0;margin-right: 0;}
	.index1 .conwra .top .item .rightcon{width: 100%;}
	.index1 .conwra .top .item .leftcon>div{padding: 15px;}
	.index1 .conwra .top .item .leftcon .info{display: inline-block;text-align: center;}
	.index1 .conwra .top .item .leftcon::before,.index1 .conwra .top .item:nth-child(2) .leftcon::before{background: none;border: 2px dashed #f2bb44;border-radius: 10px;}
	.index2 .conwra{padding: 100px 40px 70px;}
	.index2 .indexzj{margin-top: 50px;flex-direction: column;}
	.index2 .indexzj .logo {width: 100%;text-align: center;}
	.index2 .indexzj .zjcon .tit{font-size: 24px;margin-top: 50px;text-align: center;}
	.index2 .indexzj .zjcon{width: 100%;padding: 0;}
	.index2 .zjlist .item{width: 33.33%;}
	.index3 .list-wra .item,.index4 .newslist .item{width:100%;}
	.index3 .conwra{padding: 96px 40px 100px;}
	.index4 .conwra{padding: 98px 40px 46px;}
	.gotop{width: 40px;height: 40px;right: 15px;bottom: 15px;}
	/* 教材结构 */
	.pageinfo{padding: 0 40px;}
	.pagenav{margin-top: 30px;padding: 0 40px;}
	.jcp-con{padding: 50px 40px 0;}
	.hypcon {padding: 24px 40px 0;}
	.hypcon .list-wra .con .tit{font-size: 24px;}
	.szpcon .hypinfo-wra{padding: 30px 40px 0;}
	/* 教材资源 */
	.jxzycon2 .audio-wra{flex-wrap: wrap;}
	.jxzycon2 .audio-wra .audiocon,.jxzycon2 .video-wra{width: 100%;flex: none;min-width: 1px;}
	.jxzycon2 .audio-wra .audiocon .item{justify-content: space-between;}
	.jxzycon4 .info{padding: 0;}
	.jxzycon4 .list{flex-wrap: wrap;}
	.jxzycon4 .list .item{width: 100%;flex: none;}
	.jxzycon4 .list .item2 .itembg{width: 100%;}
	.jxzycon2 .audio-wra .audiocon .img img,.jxzycon4 .list .item img{width: 100%;}
	.jxzycon3{display: block;}
	.jxzycon3 .leftcon{width: 100%;padding-right: 0;}
	.jxzycon3 .rightcon{margin-top: 15px;}
}
@media screen and (max-width: 1024px) {
	
}
@media screen and (max-width: 768px) {

}
@media only screen and (max-width: 479px) {
	.indexbanner .ban-img{min-height: 140px;object-fit: cover;}
	.navBarwra-ul{padding: 0 15px;}
	.header-logo img{max-height: 24px;}
	.indexbanner .logo{top: 10px;left: 5px;transform: translateX(0%);}
	.navBarwra-ul li>a{font-size: 15px;}
	.navBarwra-ul li.active::after{width: 110%;}
	.index1 .conwra, .combox .conwra{margin-top: 60px;padding: 40px 15px;}
	.index1 .conwra::before, .combox .conwra::before{height: 40px;top: -40px;}
	.index1 .conwra .top,.index1 .conwra .btm .leftcon{padding: 15px;}
	.index1 .conwra .top .item .leftcon .tit{font-size: 18px;}
	.index1 .conwra .top .item .leftcon .info{font-size: 14px;}
	.index1 .conwra .btm .leftcon{font-size: 16px;line-height: 30px;}
	.index1 .conwra .btm .videocon video{height: auto;}
	.rwodot::before{left: 17px;bottom: 10px;}
	.rwodot::after{right: 17px;bottom: 10px;}
	.comtit{font-size: 26px;padding-top: 11px;}
	.index2 .conwra{padding: 100px 15px 45px;}
	.index2 .conwra .info{font-size: 16px;}
	.index2 .indexzj{margin-top: 30px;}
	.index2 .indexzj .zjcon .zjinfo{font-size: 16px;}
	.index2 .zjlist .item{width: 100%;}
	.index3 .conwra{padding: 80px 15px 60px;}
	.index3 .list-wra .con{flex-wrap: wrap;padding: 34px 15px 25px 15px;}
	.index3 .leftcon{padding: 0;}
	.index3 .leftcon .tit{font-size: 20px;}
	.index3 .rightcon{width: 100%;margin-top: 15px;}
	.index4 .conwra {padding: 80px 15px 50px;}
	.index4 .leftcon{width: 70px;height: 70px;}
	.index4 .leftcon>div{padding-right: 10px;}
	.index4 .leftcon .day{font-size: 18px;}
	.index4 .rightcon{padding: 15px;}
	.index4 .rightcon{padding: 12px;}
	.index4 .rightcon .tit .tittxt{font-size: 16px;}
	.index4 .rightcon .info{font-size: 14px;}
	.index4 .rightcon .tit .titicon{top: 5px;}
	.index5 .img1{overflow-x: auto;}
	.index5 img{min-width: 1000px;}
	.index5 .imgtip{display: block;text-align: center;margin-top: 20px;color: #fff;font-size: 16px;}
	.footer{height: auto;padding: 30px 15px;}
	.footer .con{flex-wrap: wrap;width: 100%;}
	.footer .dropup{width: 100%;}
	.footer .dropup .btn{width: 100%;font-size: 18px;}
	.footer .title{width: 100%;margin-bottom: 15px;font-size: 18px;}
	/* 教材结构 */
	.pageinfo{padding: 0;}
	.pagenav {margin-top: 25px;padding: 0 0px;}
	.pagenav .item{font-size: 18px;margin: 0 5px;}
	.jcp-con {padding: 30px 0px 0;}
	.jcp-con .jcpinfo .img{margin: 0;}
	.jcp-con .jcpinfo .info{margin-top: 15px;}
	.jcp-con .list-wra{padding: 30px 15px;}
	.jcp-con .list-wra .item .con .tit{font-size: 22px;}
	.jcp-con .list-wra .item .con .contxt p{font-size: 16px;}
	.hypcon {padding: 15px 0px 0;}
	.hypcon .list-wra .item{width: 100%;padding: 0;}
	.hypcon .list-wra .con .tit {font-size: 22px;}
	.hypinfo-wra,.szpcon .hypinfo-wra {padding: 30px 0 0;}
	.hypinfo-wra .jcpbtn{margin: 20px auto 0;}
	.szpcon .hypinfo-wra .hypinfo {padding: 0;margin-top: 30px;}
	/* 教材资源 */
	.jxzy-com .comtit{font-size: 20px;}
	.jxzy-com .comtit img{margin-right: 3px;}
	.jxzycon1,.jxzycon2,.jxzycon4{padding: 60px 15px 32px;flex-wrap: wrap;}
	.jxzycon1 .leftcon{flex: none;width: 100%;margin-bottom: 15px;padding: 0;}
	.jxzycon1 .rightcon .jczy-btn{margin-top: 20px;margin-left: 50%;transform: translateX(-50%);white-space: nowrap;}
	.jxzycon2 .video-wra{margin-left: 0;}
	.jxzycon2 .video-wra .videocon video {height: auto;}
	.jxzycon2 .audio-wra .ctit{margin-top: 20px;}
	.jxzycon2 .audio-wra{margin-bottom: 20px;}
	.jxzycon1 .rightcon,.jxzycon3 .rightcon .txt,.jxzycon3 .rightcon .code-wra{width: 100%;flex: none;}
	.jxzycon1 .rightcon{flex-wrap: wrap;}
	.jxzycon3 .rightcon .code-wra{margin: 30px auto;text-align: center;}
	.jxzycon3 .videocon video{height: auto;}
	.jxzycon4 .list .item2 .name{font-size: 20px;}
	.jxzycon4 .list .item2 .txt{font-size: 14px;}
	.jxzyconvr .videocon video{height: 200px;}
	.jxzyconvr .rightcon{display: block;}
	.jxzyconvr .rightcon .code-wra{margin: 20px auto 0;}
	/* 样章体验 */
	.yzty-page .yztycon{padding: 0;}
	.yzty-page .list-wra .item{padding: 0;}
	.yzty-page .jglist{padding: 14px 15px 0 15px;}
	/* 教学示范 */
	.jxzy-com .comtit2{white-space: nowrap;padding: 7px 20px 0;}
	.jxzy-com .conwra{padding: 28px 15px 30px;}
	.jxsf-page .jxsf-listwra{padding: 0 15px;}
	.jxsf-list1 .item .videowra,.jxsf-list2 .item .videowra{width: 100%;height: auto;}
	.jxsf-list1 .item .conbox,.jxsf-list2 .item .conbox{padding: 28px 15px 40px 15px;}
	.jxsf-list1 .item .conbox .tit,.jxsf-list2 .item .tit{font-size: 18px;line-height: 28px;}
	.jxsf-list1 .item .conbox p{font-size: 16px;line-height: 28px;padding-left: 22px;}
	.jxsf-list1 .item .conbox p::before{left: 4px;}
	.jxsf-list2 .item{padding-right: 0;margin-bottom: 30px;}
	.jxsf-list2 .item::after{display: none;}
	.jxsf-list2 .item .label1,.jxsf-list2 .item .txt{font-size: 16px;line-height: 22px;}
	.jxsf-list2 .item .contxt{margin-top: 15px;}
}
@media screen and (max-width: 321px) {
	
}