@charset "utf-8";
/* CSS Document */
.wid1200{width:1200px;margin:0 auto;}
.whiteBg{background:#fff}
.pad30{padding:30px;}
.padTop70{padding-top:70px;}
.padTop188{padding-top:188px;}
.padTop120{padding-top:120px;}
.pad70{padding:70px 0}
.marTop54{margin-top:54px;}
.padbom140{padding:70px 0 140px 0;}
.marTop70{margin-top:70px;}
.padTop155{padding-top:155px}
.padTop100{padding-top:100px;}
.padTop90{padding-top:90px;}
.padBom70{padding-bottom:70px;}
/*header*/
.Header{width:100%;min-width:1200px;height:84px;position:fixed;left:0;top:0;z-index:100; display: flex; justify-content: center; align-items: center;}
.bgWhite{width:100%;height:84px;background:#fff;box-shadow: 0px 2px 14px 0px rgba(100,104,108,0.16);opacity:0;position:fixed;left:0;top:0;z-index:99}

.het84{width:100%;height:84px;}
.Logo{display:inline-block;width:90px;height:38px;line-height:84px;}
.Logo img{display:block}
.Nav{padding-left:40px;display:inline-block;}
.Nav ul li{display:inline-block;position:relative}
.Nav ul li a{display:inline-block;font-size:17px;color:#fff;padding:0 20px;line-height:84px;}
.Nav ul li a:hover{opacity:0.7}
.Nav ul li.curNav a{color:#fff}
.Nav ul li span{display:inline-block;width:28px;height:2px;background:#fff;position:absolute;left:50%;bottom:20px;margin-left:-14px;display:none}
.Nav ul li.curNav span{display:block}
.xxtXz{display:inline-block;color:#fff;font-size:17px;line-height:84px;margin-left:150px}
.xxtXz:hover{opacity:0.7}
.loginbefore{line-height:80px;}
.loginbefore a{display:inline-block;font-size:14px;color:#fff;display:inline-block;width:90px;height:38px;background: #3a8bff;border-radius: 19px;line-height:38px;text-align:center;margin-left: 30px}
.loginbefore a:hover{background:#5CA0FF}
.loginbefore a:active{background:#2F70CC}
.boxshadow{ background:#fff;box-shadow: 0px 2px 14px 0px rgba(100,104,108,0.16);    -webkit-animation-name: fadeInOut;
   -webkit-animation-duration: 0.3s;
   }
	
	  @-webkit-keyframes fadeInOut {
   0% {
       opacity:0.2;
    }
   25% {
       opacity:0.6;
   }
    100% {
       opacity:1;
   }  
}
	
.boxshadow .Nav li a{color:#666}
.boxshadow .Nav ul li.curNav a{color:#3A8BFF}
.boxshadow .Nav ul li.curNav span{background:#3A8BFF;}
.boxshadow .Nav ul li a:hover{opacity:1;color:#3A8BFF}
.boxshadow .xxtXz{color:#3A8BFF}
/*****登陆后*******/
.loginAfter{margin-left:40px;}
.headPic{display:inline-block;width:30px;height:30px;border-radius:50%;overflow:hidden;margin-right:10px;}
.name{position:relative;line-height:30px;height:34px;}
.name p{max-width:68px;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis; overflow: hidden;float:left;color: #fff;font-size:14px;margin-right:5px;}
.boxshadow .name p{color:#0D1A26}
.boxshadow .name p:hover{color:#646873}
.arrowDown{display:inline-block;width:12px;height:12px;background:url(../images/arrowDown.png) no-repeat;background-size:100%;margin-left:5px;float:left;margin-top:10px; -webkit-transition: -webkit-transform .2s ease-in;
    -moz-transition: -moz-transform .2s ease-in;
    -o-transition: -o-transform .2s ease-in;}

.loginCon{width:116px;background: #FFFFFF;box-shadow: 0 2px 12px 0 rgba(175,187,204,0.75);border-radius: 6px;position:absolute;padding:6px 0;height:110px;display:none}
.loginCon li{width:100%;height:48px;}
.loginCon li a{display:block;width:100%;height:48px;line-height:48px;text-align:center;font-size: 14px;color: #646873;}
.loginCon li a:hover{background: #F5F8FB;color: #3B90FF;}
.loginCon li a i{display:inline-block;width:16px;height:16px;vertical-align:middle;margin-right:8px;}
.loginCon{position:absolute;left:-25px;top:34px;}
.loginCon li a i.user{background:url(../images/user.png) no-repeat;background-size:100%;margin-top:-4px;}
.loginCon li a i.eidt{background:url(../images/eidt.png) no-repeat;background-size:100%;margin-top:-3px;}
.loginCon li a:hover i.user{background:url(../images/user_hover.png) no-repeat;background-size:100%;}
.loginCon li a:hover i.eidt{background:url(../images/eidt_hover.png) no-repeat;background-size:100%;}
.name:hover .arrowDown{-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);
transform: rotate(180deg);


}


/*banner*/
.Banner{width:100%;min-width:1200px}
.Banner .focus{position:relative;}
.Banner .focus .f_pic{width:100%;display: flex; justify-content: center; align-items: center;}
.contentdiv a{cursor:default}
.Banner .focus .pagination{bottom:50px;left:0;position:absolute;width:100%;text-align:center;}
.Banner .focus .pagination .toc{display:inline-block;margin:0 8px;width:10px;height:10px;line-height:99;overflow:hidden;background:rgba(255,255,255,0.5);border-radius:50%;}
.Banner .focus .pagination .selected{width:60px;background:#fff;border-radius:35px;}
.Numbermain{width:1205px;overflow:hidden;padding:30px 0;position:relative;}
.Numbermain dl{width:325px;border-right:1px solid #e0e0e0;height:82px;padding-left:75px;}
.Numbermain dl dt{width:94px;height:82px;margin-right:32px;float:left;}
.Numbermain dl dd{float:left;font-size:18px;color:#333;padding-top:10px;}
.Numbermain dl dd span{display:block;font-size:30px;}

.H-title{width:100%;text-align:center;height:63px;position:relative;font-size:38px;color:#0D1A26;line-height:53px;font-family: Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
    font-weight: 500;}
.H-title span{display:inline-block;width:64px;height:3px;border-radius:10px;background: #dbe7f8;position:absolute;left:50%;margin-left:-32px;bottom:0;}

.author-info{color:#5E6E7D;font-size:20px;line-height:28px;text-align:center;width:100%;margin-top:20px;}
.author-info span{color:#3A8BFF;font-size:28px;padding:0 10px;}
.author-con{width:1200px;overflow:hidden;position:relative;margin-top:57px;height:280px;}
.author-con ul{width:1300px;}
.author-con ul li{display:inline-block;width:360px;margin-right:60px;float:left;position:relative;border-radius:6px;overflow:hidden}
.author-con ul li a .authorImg{width:360px;height:220px;transition: all 0.5s;;}
.author-con ul li a .authorImg img{width:100%;height:100%}
.author-con ul li a p{width:100%;line-height:70px;font-size:18px;margin-top:30px;color:#fff;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis; overflow: hidden;height:70px;background:rgba(0,0,0,0.5);position:absolute;left:0;bottom:0;
text-align:center}
.author-con ul li a{cursor:default}
.author-con ul li a:hover .authorImg{ transform: scale(1.2, 1.2);}



.SignBtn{display:block;width:128px;height:52px;text-align:center;line-height:52px;border-radius:35px;color:#fff;font-size:16px;margin:0 auto;margin-top:30px;background:#3a8bff;}
.SignBtn:hover{background:#5CA0FF}
.SignBtn:active{background:#2F70CC}
.teacherNav{overflow:hidden;margin-top:50px;width:1200px;}


#teacher-demo {overflow:hidden;width: 1200px;}
#teacher-indemo {float: left;width: 800%;}
#teacher-demo1 {float: left;}
#teacher-demo2 {float: left;}
.teacherNav a{display:inline-block;float:left}
.teacherNav dl{width:70px;margin:0 25px;opacity:0.8}
.teacherNav dl dt{width:80px;height:80px;border-radius:50%;}
.teacherNav dl dt img{width:100%;height:100%;border-radius:50%;}
.teacherNav dl dd{width:100%;height:;font-size:16px;color:#181E33;line-height:22px;margin-top:12px;text-align:center;}
.teacherNav a:hover dl{opacity:1}
.teacherNav a:hover dl dt{border:1px solid #09f;-webkit-box-shadow:0px 2px 4px 0px rgba(117,186,255,0.5);box-shadow: 0px 2px 4px 0px rgba(117,186,255,0.5);}
.teacherNav a{cursor:default}
.hotshot{position:relative;background:#fff;margin:46px 0 0 0;border-radius: 8px;overflow:hidden}
.wid800{width:800px;}
.hotshot .gallery-text{width:800px;height:300px;padding:110px 50px 60px 125px;position:relative;background:url(../images/commit_icon.png) top 42px left 60px no-repeat #fff;}
.hotshot .gallery-text li{height:100%;display:none}
.hotshot .gallery-top,.hotshot .gallery-top li img{width:400px;height:500px}
.hotshot .gallery-text li .hotshot-desc{line-height:32px;font-size:20px;color:#0D1A26}
.hotshot .gallery-text li .info{position:absolute;bottom:0px;}
.hotshot .gallery-text li .info .hotshot-name{font-size:24px;color:#333;margin-right:20px;font-weight:bold}
.hotshot .gallery-text li .info .short{font-size:18px;color:#7B7D7D}
.hotshot .gallery-text li.active{display:block}
.hotshot .gallery-top{float:right;z-index:3}
.hotshot .gallery-top li{display:none}
.hotshot .gallery-top li.active{display:block}
.hotshot .gallery-thumbs{-webkit-box-sizing:border-box;box-sizing:border-box;margin-left:34px;margin-top:70px;}
.hotshot .gallery-thumbs ul{display:-webkit-box;display:-ms-flexbox;display:flex}
.hotshot .gallery-thumbs ul li{margin:0 17px;cursor:pointer}
.hotshot .gallery-thumbs ul li img{width:70px;height:87px;opacity:.5}
.hotshot .gallery-thumbs ul li.opcity img{opacity:1}
.hotshot .gallery-thumbs .swiper-container-client .swiper-wrapper .swiper-slide{text-align:center}
.hotshot .gallery-thumbs .swiper-client-li{display:inline-block}
.hotshot .gallery-thumbs .client-button-common{width:60px;height:60px;border-radius:50%;-webkit-box-shadow:0px 2px 7px 0px rgba(157,157,157,0.5);box-shadow: 0px 2px 7px 0px rgba(157,157,157,0.5); background-image:none;text-align:center;line-height:70px;background:rgba(255,255,255,.5);margin-top:-30px}
.hotshot .gallery-thumbs .client-button-common .iconfont{display:inline-block;width:20px;height:20px;margin:0 auto;margin-top:20px;}


.hl_main5_content1{overflow:hidden; float:left;width:624px;}
.hl_main5_content1 ul{width:1600px; overflow:hidden;}
.hl_main5_content1 ul li{ float:left; display:inline; }
.btn{width:24px;height:24px;margin-right:10px;margin-top:20px; cursor:pointer;}
.hl_scrool_leftbtn{ float:left;}
.hl_scrool_rightbtn{float:left;margin-left:10px;}
.btn i{display:inline-block;width:20px;height:20px;margin-top:20px;}
.iconarrow-right{background:url(../images/rightarrow.png) no-repeat;background-size:100%;}
.iconarrow-right:hover{background:url(../images/rightarrowhover.png) no-repeat;background-size:100%;}
.iconjiantou-copy{background:url(../images/leftarrow.png) no-repeat;background-size:100%;}
.iconjiantou-copy:hover{background:url(../images/leftarrowhover.png) no-repeat;background-size:100%;}
.hotshot .gallery-thumbs ul li.cur img{opacity:1}

/*学习通下载*/
.xxtRight{position:relative}
.xxtDiv{width: 180px;height: 204px;background: #ffffff;border: 1px solid #e1e1e5;border-radius: 8px 8px 8px 8px;position:absolute;right:-50px;top:70px;display:none}
.arrowTop{display:inline-block;width:14px;height:7px;background:url(../images/sj_top.png) no-repeat;background-size:100%;position:absolute;left:50%;margin-left:-7px;top:-7px;}
.xxtDiv dl{padding-top:25px;}
.xxtDiv dl dt{width:130px;height:130px;margin:0 auto}
.xxtDiv dl dt img{width:100%;height:100%;}
.xxtDiv dl dd{text-align:center;line-height:40px;width:100%;color:#646873;font-size:14px;}



/*出版社授权*/
.marTop60{margin-top:60px;}
.empower{position:relative;overflow:hidden;border-radius:8px}
.empower dt{width:100%;height:100%;transition: all 0.5s;}
.empower dt img{display:block;width:100%;height:100%;}
.empower dd{width:100%;height:100px;background:rgba(0,0,0,0.6);position:absolute;left:0;bottom:0;text-align:center;line-height:100px;font-size:22px;color:#fff;box-sizing:border-box}
.wid790{width:790px;height:430px;}
.wid380{width:380px;height:200px;}
.wid380 dd{font-size:18px;height:24px;padding:15px 30px;line-height:24px;height:80px;}
.empower:hover dt{ transform: scale(1.2, 1.2);}
.marBom30{margin-bottom:30px;}

.h3_tit{text-align:center;font-size:30px;color:#0D1A26;padding:44px 0;margin-top:32px;}
.cooperation{position:relative;width:1232px;}
.cooperation span{display:block;width:276px;height:140px;border:1px solid #f2f2f2;background:#fff;float:left;margin:16px 32px 16px 0;}
.cooperation span img{display:block;width:100%;height:100%}
.cooperation span:hover{box-shadow: #E7EBF0 0px 4px 16px 0px;}

.video{width:1200px;height:410px;border-radius:12px;margin-top:60px;position:relative}
.videoDiv{width:730px;height:410px;border-radius:8px;overflow:hidden}
.playBtn{display:inline-block;width:60px;height:60px;background:url(../images/playBtn.png) no-repeat;background-size:100%;position:absolute;left:50%;margin-left:-30px;top:50%;margin-top:-30px;}
.video:hover .playBtn{background:url(../images/hover_playBtn.png) no-repeat;background-size:100%;}

.videoTab{width:422px;}
.videoTab li{margin-bottom:40px;}
.videoTab li a{font-size:24px;color:#0D1A26}
.video_icon{display:inline-block;width:32px;height:32px;background:url(../images/video_ic_cur.png) no-repeat;background-size:100%;float:left;margin-right:16px;margin-top:1px;}
.videoTab li p{font-size:14px;color:#7B7D7D;padding-left:48px;margin-top:20px;display:none}
.videoTab li a:hover .video_icon{background:url(../images/video_ic_hover.png) no-repeat;background-size:100%}
.videoTab li a:hover{color:#3A8BFF}
.videoTab li.cur a .video_icon{background:url(../images/video_ic.png) no-repeat;background-size:100%}
.videoTab li.cur p{display:block}
.videoTab li.cur a{cursor:default}
.videoTab li.cur a:hover{color:#0D1A26}

.contain{width:1200px;position:relative;margin:0 auto;margin-top:34px;}
.single{width: 100%;height: 100%;position: relative;font-size: 0;}
.scrollCon{width: 1200px;height: 100%;position: relative;overflow: hidden;padding:12px 0}

.pre{position: absolute;width:48px;height: 48px;cursor: pointer;background:url(../images/qikan/pre.png) no-repeat;background-size:100%;top:140px;left:-68px}
.pre:hover{background:url(../images/qikan/preHover.png) no-repeat;background-size:100%}

.next{position: absolute;width:48px;height: 48px;cursor: pointer;background:url(../images/qikan/next.png) no-repeat;background-size:100%;top:140px;right:-68px}
.next:hover{background:url(../images/qikan/nextHover.png) no-repeat;background-size:100%}
.single ul{list-style: none;white-space: nowrap;display: inline-block;}
.single ul li{display: inline-block;}
.single ul li dl{width:216px;padding-bottom:20px;background:#fff;margin:0 12px;display:inline-block;vertical-align:middle}
.single ul li dl dt{width:160px;height:218px;margin:0 auto;margin-top:24px;border:1px solid #f2f2f2}
.single ul li dl dt img{width:100%;height:100%}
.single ul li dl dd {font-size:18px;color:#0D1A26;text-align:center;width:160px;display:block;margin:0 auto;height:48px;margin-top:14px;line-height:24px;}
.single ul li dl dd p{width:100%;  }
.single ul li dl dd span{display:block;font-size:14px;color:#A8A8B3;margin-top:8px;}
.single ul li dl:hover{box-shadow: #E7EBF0 0px 4px 16px 0px;}

.mapBg{background:url(../images/mapBg.png) no-repeat center 120px;min-width:1200px}
.grayimg{background:url(../images/graybg.png) no-repeat bottom center #FAFAFB}
.grarDiv{background:#FAFAFB;}
.lookMore{display:block;margin:0 auto;width:126px;height:50px;border: 1px solid #3a8bff;border-radius: 27px;text-align:center;line-height:50px;color:#3A8BFF;font-size:16px;margin:0 auto;margin-top:30px;}
.lookMore:hover{background:#eaf0ff}



/*签约弹窗*/
.maskbg{width:100%;height:100%;background:rgba(32,41,51,0.5);position:fixed;left:0;top:0;z-index:101;display:none}
.signPop{width:840px;height:544px;position:absolute;left:50%;top:50%;margin-left:-420px;margin-top:-272px;background: #ffffff;border-radius: 8px;overflow:hidden}
.closePic{display:inline-block;width:18px;height:18px;position:absolute;right:30px;top:30px;}
.closePic img{width:100%;height:100%;display:block;}
.wid280{width:280px;height:544px;background:url(../images/qy.png) no-repeat;background-size:100% 100%;padding-top:180px;}
.wid280 p{text-align:center;color:#fff;font-weight: 600;}
.signName{font-size:22px;line-height:50px;}
.english{font-size:16px;}
.wid560{padding:65px 0 0 40px;margin-right:2px;}
.het364{padding-right:28px;height:364px;}


.eidtDiv{padding:15px 10px 15px 0;zoom:1;overflow:hidden;}
.eidtDiv span{display:inline-block;width:70px;color:#0D1A26;font-size:16px;float:left;line-height:42px;}
.eidtDiv span i{display:inline-block;padding:0 10px;color:#F33F34}
.eidtDiv input{width:410px;height:42px;border: 1px solid #e1e1e5;border-radius: 4px;float:left;font-size:16px;padding:0 10px;}
.eidtDiv input:focus{border:1px solid #3a8bff}
.errorInfo{color:#F33F34;padding-left:70px;font-size:14px;}
.errorTip input{border:1px solid #F33F34}
.errorTip input:focus{border:1px solid #F33F34}
.contentedit {display: block;overflow: hidden;width: 410px;font-size:16px;height:120px;line-height:20px;padding:10px;border:1px solid #e1e1e5;border-radius: 4px;font-family: PingFangSC, PingFangSC-Regular,微软雅黑, 黑体, Arial;color:#181E33;}
.conDiv{position:absolute;height:120px;width:410px;left:70px;}
textarea {outline:none;}
.contentedit:focus{border:1px solid #3a8bff}
.message{display:block;width:128px;height:52px;background: #3a8bff;border-radius: 27px;text-align:center;line-height:52px;color:#fff;font-size:16px;margin:0 auto;margin-top:25px;}
.message:hover{background:#5CA0FF}
.message:active{background:#2F70CC}

.bodyhidden{overflow:hidden}

/*提示弹窗*/
.toolTipBox{position:fixed;padding:0 24px;height:48px;background:rgba(79,87,98,0.98);border-radius: 8px;line-height:48px;color:#fff;font-size:14px;top:50%;margin-top:-24px;left:45%;z-index:10}
.popicon{display:inline-block;width:18px;height:18px;vertical-align:middle;margin-right:10px;}
.popicon img{width:100%;height:100%}
.loadicon{display:inline-block;width:18px;height:18px;vertical-align:middle;margin-right:10px;}
.loadicon img{width:100%;height:100%}


 input:-webkit-autofill { box-shadow: 0 0 0px 1000px white inset !important;}


#backTopBtn {display:inline-block;width:60px;height:60px;background:url(../images/backtotop.png) no-repeat;background-size:200%;background-position:0 0;position:fixed;right:30px;bottom:50px;display:none}
#backTopBtn:hover{background-position:-60px 0}

@media screen and (min-width: 1360px) and (max-width: 1440px) {
.xxtXz{margin-left:75px;}
}
@media screen  and (max-width: 1360px) {
.Header{min-width:1200px;}
.xxtXz{margin-left:40px;}
.Nav{padding-left:25px;}
.Nav ul li a{padding:0 15px;}
.loginAfter{margin-left:20px;}
.pre{left:0;z-index:100}
.next{right:0;z-index:100}
}

/*2020 10.16*/
.wordBanner{margin:0 auto;}
.wid780{width:780px;margin-top:-30px;}
.wid850{width:850px;margin-top:-30px;}
.wordBanner p{font-size:68px;font-weight:bold;color:#fff;letter-spacing: 6px;line-height: 112px;}
.wordBanner p.yellowColor{color:#F4CB28;padding-left:370px;}
.scroll_lookMore{color:#fff;font-size:14px;position:absolute;left:50%;bottom:35px;margin-left:-44px;}
.scroll_lookMore i{display:inline-block;width:30px;height:20px;display:block;margin:0 auto;margin-top:9px;margin-left:40px;}
.scroll_lookMore:hover{opacity:0.7}
.scroll_lookMore i{transform:translateX(-50%);opacity:0;animation:bb 2s linear 0s infinite;}
@keyframes bb{
0%{transform:translate(-50%,0);opacity:0;}
20%{transform:translate(-50%,3px);opacity:1;}
80%{transform:translate(-50%,10px);opacity:1;}
90%{transform:translate(-50%,10px);opacity:0;}
100%{transform:translate(-50%,10px);opacity:0;}
}