*{margin:0;padding:0;box-sizing:border-box;touch-action: manipulation;-webkit-tap-highlight-color: transparent;}
body{font:16px "微软雅黑","microsoft yahei",Helvetica,Arial,sans-serif;overflow-x: hidden;background-color: #fff;color: #444;}
img{border:0;max-width: 100%;/* pointer-events: none; */}
a{text-decoration:none;transition: all .5s;}
em,th,i,b{font-style:normal;font-weight:normal;}
ol,ul,li{list-style:none}
input,button,textarea,select{font-size:100%;border:none;outline:none;resize:none;}
.clearfix{display:block;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
* html .clearfix{height:1%;}
.flex{display: flex;}
table{border-collapse: collapse;}
.cx{text-indent: 2em;}
/* 返回顶部 */
a.goTop{display:none;position:fixed;right:60px;bottom:60px;z-index:99999;font-size: 40px;color: #fff;font-size: 40px;background-color: #2263ca;padding:8px 10px;}
.tit h2{font-size: 30px;}
a.goTop{font-size: 30px;right:40px;}
h3,h4,h5{font-weight: 500;}
body p{line-height: 1.8em;}
/* img{display: block;} */
.pc{display: block;}
.app{display: none;}
.sideBar{width: 10%;max-width: 130px;align-items: center;flex-direction: column;}
.sideBar a{width: 100%;display: flex;color: #333;font-size: 14px;font-weight: 700;padding: 30px 16px 20px;position: relative;text-align: center;}
.sideBar a:last-of-type::before{background-color: transparent;}
.sideBar a.active::after,.sideBar a:hover::after{background-color: #d3e0f4;content: '';position: absolute;height: calc(100% + 2px);top: -1px;left: 0;width: 100%;z-index: -1;}
.sideBar a dl{margin: auto;}
.sideBar a dl dt{padding-bottom: 16px;display: flex;justify-content: center;}
.sideBar a dl dt span{display: flex;align-items: center;justify-content: center;width: 42px;height: 40px;}
.sideBar a dl dt em{font-size: 18px;color: #fff;display: flex;}
.sideBar a:nth-of-type(1) dl dt span{background-color: #f39c11;}
.sideBar a:nth-of-type(2) dl dt span{background-color: #2263ca;}
.sideBar a:nth-of-type(3) dl dt span{background-color: #d3573f;}
.sideBar a:nth-of-type(4) dl dt span{background-color: #7464ab;}
.sideBar a:nth-of-type(5) dl dt span{background-color: #34495e;}
.sideBar a:nth-of-type(6) dl dt span{background-color: #55ae9a;}
.sideBar a:nth-of-type(7) dl dt span{background-color: #b2c03f;}
.sideBar a:nth-of-type(8) dl dt span{background-color: #346d76;}
.sideBar dl dd{padding-bottom: 0px;}
.sideBar a::before{content: '';position: absolute;bottom: 0;left: 50%;width: 56%;transform: translateX(-50%);background-color: #ccdbf3;height: 1px;}
.main{width: 92%;background: url(../images/bg.jpg) no-repeat;background-position: 94% 98%;}
.tit{color: #fff}
.tit h2{font-weight: 500;font-size: 36px;background-color: #2263ca;padding: 1.4%}
.mainCon{padding: 5% 6% 5% 8%;width: 90%;border-left: 1px solid #ccdbf3;}
.mainTit{justify-content: flex-start;align-items: center;margin-bottom: 4%;}
.mainCon h3{color: #2263ca;font-size: 36px;margin-bottom: 5%;align-items: center;width: 42%;}
.mainCon h3 img{margin-right: 2.4%;}
.mainTit span{font-size: 20px;color: #d3573f;display: flex;}
.mainTit span em{font-size: 20px;display: inline-flex;margin-right: 6px;transform:scaleX(-1);}
.mainCon h6{color: #444;font-size: 20px;margin-bottom: 2%;}
.mainCon h6 strong{background: url(../images/jctscx/icon.png) no-repeat;background-size: 100%;color: #fff;display: inline-flex;align-items: center;justify-content: center;font-size: 18px;width: 31px;height: 22px;margin-right: 12px;}
/* 教材特色创新 */
.mainBox dd img{margin: 40px auto;box-shadow: 0 0 12px rgba(0, 0, 0, .2);}
.mainBox dl{margin-bottom: 40px;}
/* 教材配套资源 */
.zy{flex-wrap: wrap;justify-content: space-between;}
.zyCon{margin-bottom: 40px;}
.zyImg{margin-bottom: 40px;width: 100%;}
.zyImg a{display: block;}
/* .zyImg:last-of-type{margin-bottom: 0;} */
.zyImg img{width: 100%;}
.zyBox{background-color: #f6f6f6;width: 47%;padding: 2% 3%;margin-bottom: 5%;}
.zyTit{align-items: center;justify-content: space-between;margin-bottom: 4%;}
.zyTit h5{color:#2263ca;font-size: 24px;}
.zyTit a{color:#444;font-size: 18px;display: flex;align-items: center;}
.zyTit a em{display: inline-flex;margin-left: 4px;font-size: 10px;color: #aeaeae;}
.zyBoxcon{align-items: center;}
.zyBoxcon .img{width: 40%;}
.zyBoxcon .txt{width: 60%;}
.zyBoxcon a {color: #444;}
.zyBoxcon a:hover,.zyTit a:hover{color: #2263ca;}
.zyBoxcon .txt ul{flex-direction: column;align-content:space-between;margin-left:10%;}
.zyBoxcon .txt ul li{display: flex;margin: 3px 0;}
.zyBoxcon .txt ul li a{-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;font-size: 16px;}
.zyBoxcon .txt em{color: #2263ca;font-size: 22px;margin-right: 4px;}
/* 首页 */
.index{width: 100vw;height: 100vh;background: url(../images/index/bg.jpg) no-repeat;background-size: cover;}
.index h2{border-bottom: 1px solid #5a94d6;font-weight: 500;font-size: 36px;height: 90px;line-height: 90px;color: #fff;padding-left: 1.4%;}
.indexB{width: 80%;height: calc(100vh - 90px);align-items: center;justify-content: space-between;margin: 0 auto;}
.indexB .img{width: 25%;position: relative;}
.indexB .img img{position: relative;z-index: 1;width: 100%;}
.indexB .img::before{content: '';position: absolute;left: -8px;top: -8px;background-color: #5c88c8;width: 50%;height: 50%;}
.indexB .img::after{content: '';position: absolute;right: -4%;bottom: -2.6%;background-color: #5c88c8;width: 30%;height: 30%;}
.indexB .txt{flex-wrap: wrap;width: 66%;justify-content: space-between;}
.indexB .txt a{display: flex;width: 23%;height: 176px;margin-bottom:2.6%;}
.indexB .txt dl{color: #fff;font-weight: 900;font-size: 18px;display: flex;justify-content: center;align-items: center;flex-direction: column;flex-wrap: wrap;overflow: hidden;width: 100%;height: 100%;}
.indexB .txt a:hover{box-shadow: 0 0 16px rgba(0, 0, 0, .2);}
.indexB .txt dl dt{margin-bottom: 10px;}
.indexB .txt dl dt em{font-size: 50px;}
.indexB .txt a:nth-of-type(1){background-color: #2263ca;}
.indexB .txt a:nth-of-type(2){background-color: #d3573f;}
.indexB .txt a:nth-of-type(3){background-color: #7464ab;}
.indexB .txt a:nth-of-type(4){background-color: #34495e;}
.indexB .txt a:nth-of-type(5){background-color: #55ae9a;margin-bottom: 0;}
.indexB .txt a:nth-of-type(6){background-color: #b2c03f;margin-bottom: 0;}
.indexB .txt a:nth-of-type(7){background-color: #346d76;margin-bottom: 0;}
.indexB .txt a:nth-of-type(8){background-color: #f39c11;margin-bottom: 0;}
.indexB .txt a:nth-of-type(4) em,.indexB .txt a:nth-of-type(8) em,.indexB .txt a:nth-of-type(5) em{font-size: 36px;}
.indexB .txt dl a{display: flex;color: #fff;}
/* 获奖证明 */
.hjTit{align-items: center;justify-content: space-between;padding: 2% 0 0;cursor: pointer;}
.hjBox:first-of-type .hjTit{padding-top: 0;}
.hjTit h6{font-size: 24px;display: flex;align-items: center;}
.hjTit h6 span{-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; }
.hjTit h6 em{color: #2263ca;font-size: 20px;display: inline-flex;margin-right: 10px;}
span.fold{font-size: 16px;opacity: .6;display: flex;align-items: center;}
span.fold em{font-size: 12px!important;transform: rotate(90deg) scale(.74);display: inline-flex;margin-left: 6px;}
.fold.active em{transform: rotate(-90deg) scale(.74)!important;}
/* span.fold.active em{transform: rotate(90deg) scale(.74);} */
span.fold i{display: inline-block;}
span.fold b{display: none;}
.hjBox{border-bottom: 1px solid #e5e5e5;}
.hjBox:last-of-type{border: none;}
.hjBoxcon{display: none;}
.hjBoxcon div{flex-wrap: wrap;justify-content: space-between;margin-top: 20px;}
.hjBoxcon div dl{width: 23%;margin: 0 0% 3% 0;text-align: center;}
.hjBoxcon div dt{background-color: #f6f6f6;}
.hjBoxcon div dt img{overflow: hidden;max-height: 180px;margin: auto;max-width: 100%;}
.hjBoxcon div dl dd{padding: 20px 0;}
.hjBoxcon div dl a{color: #444;/* -webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; */font-size: 17px;}
.hjBoxcon div dl a:hover{color: #2263ca;}
.hjTit.active span em{transform: rotate(270deg) scale(.74);}
.hjTit.active span i{display: none;}
.hjTit.active span b{display: inline-block;}
.hjBoxcon.active{display: block;}
/* 教材简介 */
.jj div .img{width: 46%;position: relative;float: left;margin-right: 4%;margin-bottom: 2%;}
.jj div .img img{width: 100%;display: block;}
/* .jj div .img::before{content: '';position: absolute;bottom: -10px;right: -12px;background-color: #bcd0ef;width: 20%;height: 40%;z-index: -1;} */
/* .jj div .txt{text-indent: 2em;} */
.jj p{margin-bottom: 3%;}
.jcjjTit{justify-content: space-between;margin-bottom: 3%;}
.mainCon h3{margin-bottom: 0;}
.btn span{display: inline-flex;opacity: .6;cursor: pointer;transition: all .4s;outline: none;}
.btn .prev{transform: rotate(180deg);margin-right: 10px;}
.btn span:hover{opacity: 1;}
.bookScroll{padding-bottom: 20px;padding-right: 6px;}
.bookScroll .swiper-slide{overflow: hidden;border: 1px solid #d3e0f4;cursor:cu;}

.bookScroll img{box-shadow: 0 0 6px rgba(0, 0, 0, .2);image-rendering: crisp-edges;}
.mask{ width: 100%; height: 100%; background: rgba(0,0,0,.8); position:fixed; top:0; left: 0; z-index: 9997; display: none;}
.wrap_big{ width: 100%; position: fixed; left: 0; top: 50%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); z-index: 9999; display: none; }
.bookScrollbig {max-width: 70%;position: relative;}
.bookScrollbig .btn{position: absolute;left: 0;top: calc(50% - 42px);z-index: 10000;outline: none;}
.bookScrollbig .prev{left: 0%;transform: rotate(180deg);}
.bookScrollbig .next{right: 0%;left: auto;}
.bookScrollbig .swiper-wrapper{margin: auto;}
.bookScrollbig .swiper-slide{display: flex;align-items: center;justify-content: center;height:initial;}
.bookScrollbig .swiper-slide img{margin: auto;max-width: 70%;max-height: 76%;}
.wrap_big .close{width: 40px;position: absolute;top: 16%;right: 10%;display: block;z-index: 99999;border-radius: 50%;height: 40px;}
.wrap_big .close img{/* width: 100%; */}

/* 教材编写团队 */
.tdBox{align-items: flex-start;justify-content: space-between;border-bottom: 1px solid #e5e5e5;padding-bottom: 10px;margin-top: 40px;}
.tdBox .img{max-width: 20%;text-align: center;color: #2263ca;height: 260px;}
.tdBox .img p{padding: 14px 0;}
.tdBox .txt{width: 70%;}
.tdBox .txt dl{border-bottom: 1px solid #e5e5e5;padding-bottom: 10px;}
.tdBox .txt dl dt em{font-size: 20px;color: #2263ca;display: inline-flex;margin-right: 6px;}
.tdBox .txt dl dt{font-weight: 900;font-size: 20px;}
.tdBox .txt dl dd{padding-top: 10px;}
.tdBox .txt dl dd p{padding: 0 0 5px;}
.tdBox .txt dl dt em.icon-chengguo{font-size: 26px;}
.tdBox .txt .fold{margin-bottom: 30px;display: inline-flex;cursor: pointer;margin-top: 15px;}
.tdBox .txt .fold.active i{display: none;}
.tdBox .txt .fold.active b{display: inline-block;}
.tdBox .txt .fold.active a{color: #444;}
.foldCon{height: 276px;overflow: hidden;}
.foldCon.active{height: 100%;}
.tdBox .txt dl dd p{font-size: 16px;}
@media (max-width:1680px) and (min-width:1366px){
.mainBox{line-height: 2em;}
body{font-size: 16px;}
.indexB .txt dl{height: 160px;}
.mainCon h3{font-size: 32px;}
.hjTit h6{font-size: 22px;}
.hjBoxcon div dl a{font-size: 16px;}
.mainBox dl{margin-bottom: 16px;}
.foldCon{height: 264px;}
.zyTit a{font-size: 15px;}
}
@media (max-width:1200px){
body p{font-size: 15px;}
.main{background-size: 50%;background-position: 100% 100%;width: 100%;}
.sideBar{width: 28%;}
.mainCon{padding: 20px 16px;}
.tit h2{font-size: 22px;padding: 14px;}
.mainCon h3{font-size: 20px;margin-bottom: 14px;font-weight: 900;}
.mainCon h3 img{width: 14px;margin-right: 8px;}
.hjTit{display: flex!important;padding: 14px 0;}
.mainCon h6{font-size: 16px;line-height: 1;margin-bottom: 0;}
.mainCon h6 strong{margin-right: 6px;font-size: 16px;width:28px;height: 20px;}
.mainBox dd img{margin: 20px auto;}
.mainTit,.mainBox,.zyBoxcon{margin-bottom: 20px;display: block!important;}
.mainTit>*,.mainBox>div{width: 100%!important;}
.mainTit span{font-size: 14px;}
.zyTit{margin-bottom: 10px;}
.zyTit h5{font-size: 18px;font-weight: 900;}
.zyBox{padding: 16px 20px 0;}
.zyTit a{font-size: 14px;}
.zyBoxcon .txt{margin-top: 20px;padding-bottom: 20px;}
.zyBoxcon .txt ul li a{font-size: 14px;}
.index h2{font-size: 22px;font-weight: 900;height: 60px;line-height: 60px;
}
.indexB{height: calc(100vh - 60px);} 
.indexB .txt a{height: 130px;width: 48%;}
.indexB .img{display: none;}
.indexB .txt{width: 100%;}
.hjBox{width: 90%;}
.hjBoxcon div dl{width: 98%;}
.jj div .img{float: none;width: 94%;margin: 20px auto 30px;}
.jcjjTit{margin-top: 30px;display: flex!important;}
.jcjjTit h3,.btn{width: 30%!important;}
/* .btn{width: 20%!important;} */
.jcjjTit h3{margin-bottom: 0;}
.btn{justify-content: flex-end;}
.btn span img{width: 70%;}
.tdBox .img{width: 50%!important;margin-bottom: 10px;margin: 0 auto;}
.mainBox dl{margin-bottom: 20px;}
.tdBox{flex-direction: column;margin-top: 20px;}
.tdBox .txt dl dt{display: flex;font-size: 16px;}
.foldCon{height: 140px;}
.mainCon .cx h6{margin-bottom: 10px;}
.zyBoxcon .txt{width: 100%;}
.zyBoxcon .txt ul{margin-left: 0;}
.hjBoxcon div dt img{max-height: initial;}
.mainCon{overflow: hidden;}
.bookScroll img{max-width: 80%;margin: 20px auto;}
.zyBoxcon .img,.zyBoxcon .img img{width: 100%;}
.zyBoxcon .txt ul li{overflow: hidden;}
.tdBox .img{max-width: 80%!important;height: initial;}
.tdBox .txt{width: 100%;}
.bookScrollbig{max-width: 96%;}
.bookScrollbig .btn{top: calc(50% - 26px);width: auto!important;}
.bookScrollbig .prev{left: 2%;transform: rotate(180deg);}
.bookScrollbig .next{right: 2%;left: auto;}
.wrap_big .close{width: 36px;position: absolute;top: -5.6%;right: 10%;transform: none;}
.bookScrollbig .swiper-slide{width: 80%;margin: 0 auto;}
.bookScrollbig .swiper-slide img{width: 90%;}
}
@media (max-width:768px){
a.goTop{font-size: 20px;right:10px;}
}