/*
2020-09-08
畅想谷pc css文件
*/
.inmobile{
    display: none!important;
}
.inpc{
    display: block;
}
.cxg-content{
    width: 1200px;
    margin: 0 auto;
}

.ctopnav{
    background: rgba(255, 255, 255, 0.7);
    height: 89px;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 999;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}
.ctopnav .cnavl img{
    vertical-align: middle;
}
.ctopnav .cnavl{
    float: left;
    line-height: 89px;
}
.ctopnav .cnavc{
    float: left;
    margin-top: 37px;
    margin-left: 100px;
}
.cnavc .a{
    display: inline-block;
    font-size: 16px;
    color: #333333;
    padding: 0 30px;
    position: relative;
    cursor: pointer;
    padding-bottom: 10px;
}
/*.cnavc a:hover div{*/
/*    background: #2B67FD;*/
/*}*/
.cnavc .a .underline{
    width: 12px;
    height: 5px;
    background: #ffffff;
    margin: 8px auto 0;
}
.cnavc .a .menulist{
    position: absolute;
    width: 100%;
    background: #000;
    border-top: 2px solid #2B67FD;
    left: 0;
    z-index: 1;
    display: none;
    top: 24px;
}
.menulist .menu-grp{
    background: #f4f4f4;
    position: relative;
    z-index: 1;
    text-align:center;
    padding: 10px 0 0;
    box-shadow: 0 2px 8px rgba(0,0,0,0.16);
}
.menu-grp a{
    display: block;
    color: #333333;
    line-height: 30px;
    height: 30px;
    font-size: 14px;
}
.menu-grp a:hover{
    background: #2B67FD;
    color: #fff;
}
.cnavc .a .sanjiao{
    position: absolute;
    width: 10px;
    height: 10px;
    background: #2B67FD;
    transform: rotateZ(45deg);
    top: -5px;
    left: 50%;
    margin-left: -5px;

}
.cnavc .a.active:hover:after{
    display: none;
}
.cnavc .a.active:after{
    background: #2B67FD;
    content: '';
    display: none;
    width: 20%;
    height: 2px;
    left: 40%;
    position: absolute;
    bottom: 4px;
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.12);
    z-index: -1;
}
.ctopnav .cnavr{
    float: right;
}
.ctopnav .cnavr a{
    width: 90px;
    height: 34px;
    background: #2B67FD;
    border-radius: 3px;
    color: #ffffff;
    display:inline-block;
    font-size: 14px;
    margin-top: 28px;
    line-height: 34px;
    text-align: center;
    vertical-align: middle;
    margin-left: 10px;

}
/*.ctopnav .cnavr a:hover{*/
/*    color: #2B67FD!important;*/
/*}*/
.ctopnav .cnavr a.old_door{
    box-sizing: border-box;
    width: 95px;
    height: 30px;
    opacity: 1;
    background: #3871ff;
    border: 1px solid #3871ff;
    border-radius: 20px;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    color: #fff;
    line-height: 28px;
}
.banner-content{
    overflow: hidden;
    min-width: 1200px;
    position: relative;
    margin: 0 auto;
}
.banner-content>img{
    position: relative;
    left: 50%;
    margin-left: -960px;
    display: block;
}
.bnr-p2{
    font-size: 20px;
    color: #FFFFFF;
    line-height: 72px;
    opacity: 0.66;
}
.bnr-p1{
    font-size: 50px;
    color: #FFFFFF;
    line-height: 72px;
    margin-top: 160px;
}
.bnrline{
    width: 60px;
    height: 2px;
    background: #FFFFFF;
    border-radius: 1px;
    margin-top: 44px;
}
.btnbutton{
    width: 239px;
    height: 60px;
    background: #2B67FD;
    border-radius: 3px;
    margin-top: 110px;
    font-size: 20px;
    font-weight: 500;
    color: #FFFFFF;
    text-align: center;
    line-height: 60px;
}
/*首页content*/
.body-content{}
.bdci-cont{
    overflow: hidden;
    margin-top: 72px;
    padding-bottom: 20px;
}
.bdc-item .navac{
    width: 220px;
    height: 310px;
    background: #FFFFFF;
    border: 1px solid #E5E9EC;
    border-radius: 6px;
    float: left;
    text-align: center;
    color: #343434;
    position: relative;
    margin-right: 25px;
    box-sizing: border-box;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -ms-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
}
.bdc-item .navac:nth-child(5){
    margin-right: 0;
}
.bdci-cont .bdci-ap1{
    margin-top: 41px;

}
.bdci-ap1 img:nth-child(2){
    display: none;
}
.bdci-cont .bdci-ap2{
    margin-top: 34px;
    margin-bottom: 26px;
}
.bdci-cont .bdci-ap3{
    width: 152px;
    font-size: 14px;
    color: #707E8C;
    margin:  0 auto;
    line-height: 25px;
}
.bdci-cont .bdci-ap4{
    position: absolute;
    font-size: 12px;
    color: #96A4B2;
    bottom: 15px;
    width: 100%;
}
.bdc-item .navac:hover{
    background: #2C68FD;
}
.bdc-item .bdci-cont .navac:hover p{
    color: #ffffff;
}
.bdc-item .bdci-cont .navac:hover .bdci-ap1 img:nth-child(1){
    display: none;
}
.bdc-item .bdci-cont .navac:hover .bdci-ap1 img:nth-child(2){
    display: inline-block;
}

.bdc-item .bdci-top{
    font-size: 40px;
    color: #333333;
    line-height: 40px;
    text-align: center;
    background: url('../img/cxtub.png') no-repeat center;
    margin-top: 60px;
}
.bdc-item .bdci-tp1{
    width: 985px;
    font-size: 16px;
    color: #707E8C;
    line-height: 36px;
    margin: 72px auto 0;
}

/*解决方案*/
.bdci-ct2{
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    margin-top: 60px;
    align-items: center;
}

.bdci-ct2:nth-child(odd){
    flex-direction: row-reverse;
}
.bdci-ct2>div{
    width: 582px;
}
.bdci-ct2 .bdci-cl img{
}
.bdci-cr .cr-p1{
    font-size: 24px;
    font-weight: 500;
    color: #272A3D;
    line-height: 33px;
    margin-bottom: 22px;

}
.bdci-cr .cr-p2{
    font-size: 18px;
    color: #333;
    line-height: 25px;
    padding-right: 36px;
}
/*功能亮点*/
.bdci-cont{
    overflow: hidden;
    display: flex;
    justify-content: space-between;
}
.bdci-cont .bdci-gnl{
}

.bdci-gnl .bdcinvitem{
    display: flex;
    width: 566px;
    height: 76px;
    align-items: center;
    cursor: pointer;
    font-weight: 500;
    font-size: 26px;
    color: #333333;
    padding-left: 20px;
    box-sizing: border-box;
}
.bdci-gnl .bdcinvitem span{
    font-size: 24px;
}
.bdcinvitem .nvitl{
    font-size: 38px;
    transform: scale(0.75,1.25);
    margin-left: 30px;
    color: #B9BED3;
}
.bdcinvitem .nvitc{
    font-size: 18px;
    color: #9196AC;
    line-height: 26px;
    margin-left: 38px;
    width: 240px;
}
.nvitc .tcp1{
    color: #9196AC;
    font-size: 24px;
}
.nvitc .tcp2{
    color: #C7CBDA;
}
.bdcinvitem .nvitr{
    width: 43px;
    height: 43px;
    border-radius: 50%;
    background: #ffffff;
    float: right;
    line-height: 45px;
    text-align: center;
    color: #BEC0CC;
    font-size: 25px;
    font-weight: bold;
}
.bdci-gnl .bdcinvitem.hover{
    border-radius: 4px;
    background: linear-gradient( 270deg, #3C7AFF 0%, #024FFC 100%);
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.07);
    color: #fff;
}
.bdcinvitem.hover .nvitl{
    color: #FFFFFF;
}
.bdcinvitem.hover .nvitc{
    color: #FFFFFF;
}
.bdcinvitem.hover .nvitc .tcp1{
    color: #FFFFFF;;
}
.bdcinvitem.hover .nvitc .tcp2{
    color: #FFFFFF;
}
.bdcinvitem.hover .nvitr{
    background: #ffffff;
    color: #2B67FD;
}
/*功能亮点右*/
.bdci-cont .bdci-gnr{
    width: 520px;
    position: relative;
    height: 480px;
}
.bdci-gnr .gnr-p1{
    font-size: 24px;
    color: #333333;
    margin-bottom: 20px;
    margin-top: 30px;
}

.bdci-gnr .gnr-p3{
    font-size: 16px;
    color: #565F68;
    line-height: 22px;
    margin-top: 16px;
}
.bdci-gnr .gnr-item{
    visibility: hidden;
    position: absolute;
    top: 0;
    transition: all 0.3s;
    opacity: 0;
}
.bdci-gnr .gnr-item.show2{
    visibility: visible;
    opacity: 1;
}
.bdci-gnr .gnr-button{
    width: 346px;
    height: 44px;
    background: #FFFFFF;
    box-shadow: 0px 1px 6px 0px #134ACF;
    border-radius: 4px;
    font-weight: 500;
    font-size: 16px;
    color: #2C69FD;
    line-height: 44px;
    text-align: center;
    border: none;
    display: block;
    margin: 16px auto 0;
}
/*优秀教材展示*/
.bdc-item .toptitp{
    font-size: 25px;
    color: #333333;
    line-height: 50px;
    text-align: center;
    margin-top: 86px;
    margin-bottom: 30px;
}
.bdc-item .spr-showitem{
    display: block;
}
.spr-showitem .sip1 img{
    height: 220px;
    width: 160px;
    display: block;
}
.spr-showitem .sip2{
    font-size: 16px;
    color: #343434;
    line-height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.spr-showitem .sip3{
    font-size: 14px;
    color: #999999;
}
.sip3 >div{
    display: inline-block;
    width: 26px;
    height: 26px;
    background: #176AE6;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 10px;
}
.spr-showitem .sipstart{
    margin-top: 5px;
}
.bdci-ct2:nth-child(odd) img{

}
.sipstart .star1{
    background: url("../img/iconstart1.png") repeat-x;
    height: 15px;
    width: 80px;
    margin-top: 15px;
}
.sipstart .star2{
    background: url("../img/iconstart2.png") repeat-x;
    height: 15px;
    width: 100%;
}
.sipstart .ebooka{
    font-size: 14px;
    color: #0586FF;
    line-height: 24px;
    margin-top: 10px;
}
/*合作伙伴*/
.bdc-item .bdhezuo{
    text-align: center;
    margin-top: 70px;
}
.bdc-item .bdhezuo >div.active{
    border: 1px solid #2B67FD;
    color: #2B67FD;
}
.bdc-item .bdhezuo >div{
    display: inline-block;
    width: 160px;
    height: 56px;
    border: 1px solid #ffffff;
    border-radius: 3px;
    color: #7B87A3;
    line-height:  56px;
    cursor: pointer;
    box-sizing: border-box;
    margin: 0 5px;
}
.bdci-cont .hezuocont{
    overflow: hidden;
    display: none;
}
.hezuocont img{
    display: block;
    float: left;
    width: 176px;
    height: 50px;
    margin-bottom: 70px;
    margin-right: 80px;
}
.hezuocont img:nth-child(5n){
    margin-right: 0;
}
/*页面底部*/
.cxg-pagebottom {
    background: #2b2e3e;
    color: #ffffff;
    min-width: 1200px;
}
.page-btm-navgroup{
    overflow: hidden;
}

.page-btm-navgroup a{
    float: left;
    width: 20%;
    display: flex;
    vertical-align: middle;
    margin-top: 16px;
    margin-bottom: 16px;
}
.page-btm-navgroup a p{
    margin: 10px 0;
}
.page-btm-navgroup a>div{
    margin-left: 15px;
}
.page-btm-navgroup a p.bngap1{
    font-size: 16px;
    color: #FFFFFF;
}
.page-btm-navgroup a p.bngap2{
    font-size: 14px;
    color: #9A9A9A;
}
.btm-line{
    height: 1px;
    background: #494B5C;
}
.btm-about{
    margin-top: 54px;
    padding-bottom: 54px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.btm-about .btm-aboutl{
    width: 550px;
    border-right: 1px dashed #5E5E5E;
    float: left;
}
.btm-abtp {
    overflow: hidden;
    margin-bottom: 54px;
}
.btm-abtp a{
    color: #E7E7E7;
    float: left;
    margin-right: 65px;
}
.btm-abtp2{
    font-size: 14px;
    color: #9F9F9F;
    line-height: 40px;
}
.btm-aboutr{
    /*display: flex;*/
}
.btm-aboutr .dimg1{
    margin-left: 155px;
    margin-right: 40px;
}
.btm-aboutr img{
    width: 150px;
    height: 150px;
    background: #ffffff;
}
.btm-aboutr p{
    font-size: 14px;
    color: #888888;
    line-height: 24px;
    margin-top: 8px;
}
.btm-ab-text{
    padding: 12px;
    margin-left: 34px; background-color: rgba(255, 255, 255, 0.08);text-align: left;
}
/*学校业务*/
.scrool_gp .bdci-cl img{
    width: 582px;
}

.scrool_gp p{
    overflow: hidden;
}
.scrool_gp .bdci-ct2:nth-child(even) .scl_O{
    /*float: right;*/
    /*margin-right: 100px;*/
}
.scrool_gp .bdci-ct2:nth-child(even) .bdci-cl img{
    /*float: left;*/
}
.scrool_gp .bdci-ct2:nth-child(even) .cr-p1{
    /*margin-left: 0;*/
    /*margin-right: 100px;*/
    /*text-align: right;*/
}
.scrool_gp .bdci-ct2:nth-child(even) .cr-p2{
    /*margin-left: 0;*/
    /*margin-right: 100px;*/
    /*white-space: nowrap;*/
    /*overflow: inherit;*/
    /*text-align: right;*/
}
.scrool_gp .scl_O{
    height: 50px;
    background: rgba(43, 103, 253, 0.11);
    width: 70px;
    border-radius:50px;
    display: inline-block;
    margin-left: 100px;
    margin-bottom: 20px;
    font-size: 30px;
    line-height: 50px;
    color: #2B67FD;
    text-align: center;
}
.scrool_gp .bdci-ct2>div{
}
.scrool_yw{
    position: absolute;
    left: 50%;
    margin-left: -425px;
    top: 280px;
    z-index: 1;
}
.scrool_yw p{
    width: 850px;
    font-size: 46px;
    line-height: 72px;
    color: #FFFFFF;
}
.scrool_yw .ywline{
    width: 60px;
    height: 2px;
    background: #FFFFFF;
    border-radius: 1px;
    margin: 40px auto;
}
.scrool_yw .ywnavgp{
    text-align: center;
}
.scrool_yw .ywnavgp a{
    width: 160px;
    height: 60px;
    background: #2B67FD;
    box-shadow: 0px 20px 30px rgba(43, 103, 253, 0.2);
    opacity: 1;
    border-radius: 5px;
    display: inline-block;
    color: #ffffff;
    line-height: 60px;
    text-align: center;
    margin-right: 20px;
    font-size: 18px;
    box-sizing: border-box;
}
.scrool_yw .ywnavgp a:last-child{
    margin-right: 0;
}
.scrool_gp{
    padding-bottom: 50px;
}
.scrool_yw.mtspecil{
    margin: auto;
    left: 0;
    right: 0;
    width: 1200px;
    text-align: left;
    top: 270px;
}
.scrool_yw p img{
    width: 180px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
}
/*登录入口*/
.login_grp{
    min-width: 1200px;
    overflow: hidden;
    position: relative;

}
.login_grp>img {
    position: relative;
    left: 50%;
    margin-left: -960px;
    display: block;
}
.loginsbox{
    position: absolute;
    top: 50px;
    left: 50%;
    margin-left: -600px;
    width: 1200px;
}
.loginsbox .loginschool{
    width: 1200px;
    height: 290px;
    background: #ffffff;
    border-radius: 20px;
    display: flex;
    justify-content: space-between;
    padding: 40px;
    box-sizing: border-box;
    align-items: center;
}
.loginschool .login-item{
    width: 254px;
    height: 210px;
    background: #ffffff;
    border-radius: 20px;
    box-sizing: border-box;
    text-align: center;
    padding-top: 44px;
    display: block;
    transition: all 0.35s;
}
.login-item:hover{
    background: #2B67FD;
}
.login-item:hover .itmp2{
    color: #ffffff;
}
.login-item:hover p{color: #fff}
.login-item .itmp2{
    font-size: 24px;
    color: #333333;
    margin-top: 12px;
}
.loginsbox div.loginschool.loginother{
    margin-top: 30px;
    padding: 0;
    background: transparent;
}
.loginother .login-item{
    width: 370px;
    height: 270px;
}
.loginother .login-item{
    padding-top: 60px;
}
.loginother .itmp2{
    margin-top: 20px;
}
/*申请试用on*/
.probation{
    position: absolute;
    width: 1200px;
    left: 50%;
    margin-left: -600px;
    top: 120px;
    z-index: 1;
}
.probation .prop1{
    font-size: 50px;
    color: #FFFFFF;
    margin-bottom: 20px;
}
.probation .prop2{
    font-size: 24px;
    line-height: 42px;
    color: #FFFFFF;
    opacity: 0.81;
}

.proform{
    position: relative;
    border-radius: 10px;
    background: #ffffff;
    padding: 30px;
    margin-top: 40px;
}
.proform .pf1{
    font-size: 28px;
    color: #333333;
    margin-bottom: 12px;
}
.proform .pf2{
    font-size: 16px;
    color: #999999;
    margin-bottom: 20px;
}
.proform .pf3 span{
    display: inline-block;
    width: 80px;
    text-align: center;
    line-height: 40px;
    color: #333333;
    font-size: 14px;
    background: #EEEEEE;
    border-radius: 50px;
    cursor: pointer;
    margin-right: 10px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.proform .pf3 span.active{
    background: #2B67FD;
    color: #ffffff;
}
.proform .pf4{
    margin-top: 10px;
}

.proform .pf4 input{
    width: 100%;
    height: 50px;
    background: #F8F8F8;
    opacity: 1;
    border-radius: 5px;
    border: none;
    font-size: 16px;
    text-indent: 20px;
}
.proform .pf4 textarea{
    width: 100%;
    height: 100px;
    background: #F8F8F8;
    opacity: 1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius:  5px;
    border: none;
    font-size: 16px;
    text-indent: 20px;
    font-family:"Microsoft YaHei", sans-serif;
    resize: none;
    padding-top: 14px;
}
.proform .pf5{
    margin-top: 20px;
}
.proform .pf5 button{
    height: 50px;
    width: 100%;
    background: #2B67FD;
    color: #ffffff;
    border: none;
    font-size: 14px;
}
.proform .posiimg{
    position: absolute;
    right: 0;
    top: -136px;
}
/*联系我们*/
.contactus{
    position: absolute;
    top: 0;
    width: 1200px;
    margin-left: -600px;
    left: 50%;
}
.contactus .cusp1{
    text-align: center;
    margin-top: 140px;
    margin-bottom: 60px;
}
.contactus .cusp1 span{
    font-size: 40px;
    line-height: 40px;
    color: #FFFFFF;
    vertical-align: middle;
    margin: 0 40px;
}
.contactus .cusp1 img{
    vertical-align: middle;
    margin-top: 2px;
}
.contactus .cusct{
    overflow: hidden;
}
.contactus .cusct>div{
    float: left;
}
.cusct .cusctleft{
    width: 380px;
}
.cusctleft .cusctl-item{
    width: 300px;
    background: #FFFFFF;
    border: 1px solid #E7EAF0;
    box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.05);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 30px 40px;
    overflow: hidden;
    margin-bottom: 20px;
}
.cusctl-item>div{
    float: left;
}

.cusctl-item>div:nth-child(1){
    margin-right: 20px;
}
.cusctl-item>div:nth-child(2){
    width: 180px;
}
.cusctl-item .cusip1{
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 18px;
    color: #333333;
    opacity: 1;
    font-weight: bold;
}
.cusctl-item .cusip2{
    font-size: 14px;
    line-height: 28px;
    color: #707E8C;
}
.cusct .cusctright{
    width: 800px;
    margin-left: 20px;
    background: #ffffff;
    border-radius: 10px;
    overflow: hidden;
}
.cusctright img{
    width: 100%;
}
/*关于我们*/
.abtop{
    position: absolute;
    width: 1200px;
    left: 50%;
    top: 253px;
    z-index: 1;
    margin-left: -600px;
    color: #ffffff;
}
.abtop .abp1{
    font-size: 50px;
    color: #FFFFFF;
    margin-bottom: 30px;
}

.abtop .abp2{
    font-size: 24px;
    line-height: 42px;
    color: #FFFFFF;
    opacity: 0.81;
}
.bdci-top2{
    font-size: 32px;
    color: #1B2439;
    text-align: center;
}
.bdci-tp2{
    font-size: 18px;
    line-height: 39px;
    color: #666666;
    margin-top: 20px;
    text-align: justify;
}
.bdci-tp2 span{
    color: #2B67FD;
}
.bdci-ct3{
    margin-top: 100px;
}
.bdc-item .abt-jianjie{
    width: 1100px;
    background: #FFFFFF;
    box-shadow: 0 3px 21px rgba(0, 0, 0, 0.07);
    margin:0 auto;
    border-radius: 10px;
    padding: 30px;
    box-sizing: border-box;
    font-size: 18px;
    line-height: 36px;
    color: #333333;
    margin-top: -155px;
    position: relative;
    z-index: 1;
}
.abt-jianjie .abtjjp1{
    font-size: 24px;
    line-height: 36px;
    color: #2B67FD;
}
.abtjjp1 .s1{
    width: 6px;
    height: 6px;
    background: #2B67FD;
    opacity: 0.4;
    display: inline-block;
    transform: rotateZ(45deg);
    margin-right: 10px;
    margin-left: 10px;
    vertical-align: middle;
}
.abtjjp1 .s2{
    font-size: 18px;
    color: #999999;
}
.bdci-ct3 .abt-yuanjing{
    width: 33.3%;
    float: left;
    padding: 50px 0;
    text-align: center;
}
.abt-yuanjing .abtp1{
    font-size: 16px;
    line-height: 44px;
    color: #000000;
}
.abt-yuanjing .abtp2{
    font-size: 12px;
    line-height: 18px;
    opacity: 0.8;
}
.bdci-ct3 .mtsbutton{
    position: absolute;
    top: 34%;
    z-index: 9;
}
.mtsbutton.prev1{
    left: -120px;
}
.mtsbutton.next1{
    right: -120px;
}
.bdci-ct3 .abtfztop{
    height: 130px;
    border-bottom: dashed #999999 2px;
    border-top: 1px #ffffff solid;
    position: relative;
}
.bdci-ct3 .abtfzbtm{
    height: 105px;
    padding-top: 35px;
}
.abtfz .fzp1{
    font-size: 24px;
    line-height: 44px;
    color: #292C33;
    font-weight: bold;
    margin-top: 3px;
}
.abtfz .fzp2{
    font-size: 16px;
    line-height: 24px;
    color: #333333;
    margin-top: 15px;
}
.abtfz .fzpimg{
    font-size: 24px;
    font-weight: bold;
    color: #2B67FD;
}
.abtfz .fzpimg img{
    vertical-align: middle;
    margin-right: 10px;
}
.abtfz .fzpimg span{
    vertical-align: middle;
}
.abtfz button{
    display: block;
    background: #2B67FD;
    border-radius: 50px;
    color: #ffffff;
    font-size: 16px;
    line-height: 44px;
    width: 110px;
    border: none;
    margin-top: 60px;
}
.abtfz .dian{
    position: absolute;
    width: 10px;
    height: 10px;
    background: #FFFFFF;
    border: 1px solid #999999;
    border-radius: 50%;
    bottom: -7px;
}
.fzabt .swiper-slide:first-child .abtfz{
    padding-left: 30px;
}
.jucimg img{
    position: relative;
    left: 50%;
    margin-left: -960px;
}

.scrool_yw p.appp1{
    font-size: 16px;
    line-height: 32px;
    color: #FFFFFF;
    opacity: 0.8;
    width: 540px;
    margin-bottom: 20px;
}
.myapp>div{
    float: left;
    font-size: 16px;
    margin-right: 20px;
}
.myapp>div p{
    float: left;
    font-size: 16px;
    width: 150px;
    text-align: center;
    background: #2559B7;
    border-radius: 50px;
    height: 50px;
    line-height: 50px;
    margin-top: 20px;
}
.myapp>div img{
    display: block;
    width: 150px;
}
.apptopimg{
    position: absolute;
    top: -10px;
    right:50px;
    overflow: hidden;
    text-align: center;
    color: #fff
}
.apptopimg img{
    width: 320px;
    border-radius: 30px;
}
.cr-papp{
    font-size: 18px;
    line-height: 32px;
    color: #333333;
    margin-left: 100px;
}

.scrool_gp .bdci-ct2:nth-child(even) .cr-papp{
    text-align: right;
    margin-left: 0;
    margin-right: 100px;
}
.scl_1{
    font-size: 30px;
    color: #272A3D;
    line-height: 50px;
    margin:0 15px;
    font-weight: normal;
}

/*2020-11-27*/
.teaching{
    padding-bottom: 30px;
}
.teachsearch{
    margin: 40px auto 80px;
    border-radius: 3px;
}
.teachsearch input.teachipt{
    width: 320px;
    height: 40px;
    background: #ffffff;
    border: 1px solid rgba(0,0,0,0.30);
    border-radius: 3px;
    font-size: 14px;
    color: rgba(0,0,0,0.40);
    text-indent: 14px;
    vertical-align: middle;
}
.teachsearch button{
    width: 72px;
    height: 44px;
    background: #2B67FD;
    opacity: 1;
    border-radius: 3px;
    box-sizing: border-box;
    border: none;
    color: #ffffff;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    line-height: 44px;
    font-size: 16px;
    float: right;
}
.teachsearch button.reset-btn{
    border: 1px solid #d9d9d9;
    background: #ffffff;
    margin-right: 20px;
    color: rgba(0,0,0,0.65);
}
.screenitem{
    overflow: hidden;
}
.screenitem .siteml{
    width: 120px;
    height: 75px;
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    line-height: 75px;
    float: left;
    text-align: center;
}
.screenitem .sitemr{
    width: 1080px;
    height: 75px;
    min-height: 75px;
    font-size: 14px;
    color: #333333;
    float: left;
    border-bottom: 1px solid #EEEEEE;
}
.screenitem .sitemr.authHeight{
    height: auto!important;
}
.screenitem .sitemrr{
    height: 45px;
    float: left;
    line-height: 45px;
    color: #0a6cd6;
    cursor: pointer;
}
.screenitem .sitemr span{
    padding: 0 15px;
    font-size: 14px;
    color: #666666;
    border-radius: 50px;
    background: #ffffff;
    cursor: pointer;
    min-width: 100px;
    box-sizing: border-box;
    display: inline-block;
    line-height: 30px;
    height: 30px;
    text-align: center;
    margin-top: 23px;
    margin-right: 20px;
}
.screenitem .sitemr span.active{
    background: #2B67FD;
    color: #ffffff;
}
.tbooklist {
    margin-top: 20px;
}
.tbooklist:after {
    content: ".";
    clear: both;
    height: 0;
    visibility: hidden;
    display: block;
}
.tbooklist .tbookli{
    width: 224px;
    float: left;
    margin-top: 20px;
    transition: all 0.5s;
    height: 400px;
    overflow: hidden;
    margin-right: 20px;
}
.tbooklist .tbookli:nth-child(5n){
    margin-right: 0;
}
.tbooklist .tbookli:hover{
    box-shadow: 0 2px 20px rgba(0,0,0,0.2);
}
.tbooklist .tbookli .p1{
    font-size: 18px;
    color: #333333;
    margin-top: 16px;
    line-height: 24px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp:2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    height: 50px;
}
.tbooklist .tbookli p{
    padding: 0 32px;
}
.tbooklist .tbookli .p2{
    font-size: 14px;
    font-weight: 500;
    color: #333333;
    margin-top: 14px;
    line-height: 18px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    -webkit-box-orient: vertical;
}
.tbooklist .tbookli .p3{
    font-size: 12px;
    font-weight: 500;
    color: #999999;
    margin-top: 8px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.tbooklist .tbookli .collec{
    width: 59px;
    height: 25px;
    opacity: 1;
    font-size: 12px;
    background: #033fff;
    border-radius: 13px;
    float: right;
    margin-right: 16px;
    color: #fff;
    text-align: center;
    line-height: 25px;
    margin-top: 8px;
    display: none;
}
.tbooklist .tbookli:hover .collec{
    display: block;
}
.tbooklist .tbookli .collec.none{
    background: rgba(0,0,0,0.10);
    color: rgba(0,0,0,0.40);
}
.tbooklist .tbookli img{
    width: 160px;
    display: block;
    margin: 0 auto;
    height: 214px;
    margin-top: 32px;
}
/*教材详情页面*/
.bookMsg{
    padding: 30px;
    box-sizing: border-box;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.bookMsg .msgleftimg{
    float: left;
}
.bookMsg .msgleftimg img{
    width: 240px;
    margin-right: 30px;
}

.bookMsg .msgr{
    float: left;
    width: 750px;
    margin-top: 30px;
}

.bookMsg .msgr p{
    margin-right: 30px;
    line-height: 38px;
    font-size: 14px;
    font-weight: 500;
    color: #666666;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.bookMsg .msgr p.mh1{
    font-size: 20px;
    font-weight: bold;
    color: #333333;
    margin-bottom: 20px;
}
.bookMsg .msgabs{
    position: absolute;
    bottom: 30px;
    right: 30px;
}
.bookMsg .msg_price{
    font-size: 30px;
    font-weight: bold;
    line-height: 42px;
    color: #2B67FD;
    margin-bottom: 125px;
}
.bookMsg .btn_ebook{
    display: block;
    color: #ffffff;
    background: #2B67FD;
    border-radius: 8px 0 8px 0;
    font-size: 16px;
    width: 160px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    font-weight: bold;
    position: absolute;
    bottom: 0;
    right: 0;
}
.bookMsg .btn_ebook.nohref{
    background: #999999;
}
.book_item{padding: 30px;border-bottom: 1px solid #DDDDDD}
.book_item:last-child{border-bottom: none}
.book_item .item_title{
    font-size: 20px;
    font-weight: bold;
    color: #333333;
    margin-bottom: 20px;
}

.book_item .item_content{
}
.book_item .item_content pre{
    font-size: 16px;
    font-family: '微软雅黑';
    line-height: 31px;
}
.book_item .item_content p{
    font-size: 16px;
    line-height: 32px;
    color: #999999;
}
.book_item .item_content p.blue{
    color: #2B67FD;
}
.book_item .item_content p.black{
    font-weight: bold;
    color: #333333;
    line-height: 40px;
}
.book_item .blue:before,.black:before{
    color: #2B67FD;
    font-size: 36px;
    display: inline-block;
    vertical-align: middle;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #2B67FD;
    content: '';
    margin-top: -2px;
    margin-right: 10px;
}
.ml20{
    margin-left: 20px;
}
/*政策文件管理*/
.policy_nav{
    overflow: hidden;
}
.p_navl{
    float: left;
    margin-top: 5px;
}
.p_navr{
    float: right;
}
.p_navl a{
    float: left;
    padding:0 20px;
}
.p_navl a:hover span{
    color: #2b67fd;
}
.p_navl a span{
    font-size: 14px;
    color: #666666;
}
.p_navl a .underline{
    width: 24px;
    height: 2px;
    background: #ffffff;
    margin: 8px auto 0;
}
.p_navl a.active span{
    color: #2b67fd;
}
.p_navl a.active .underline{
    width: 24px;
    height: 2px;
    background: #2b67fd;
    margin: 8px auto 0;
}

.p_navr input{
    width: 300px;
    height: 32px;
    background: #ffffff;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 8px;
    text-align: center;
}
.policy_bd{
    margin-top: 24px;
}
.policy_bd .po_li{
    overflow: hidden;
    height: 64px;
    line-height: 65px;
    padding: 0 16px;
    border-bottom: 1px solid rgba(0,0,0,0.05);
}
.policy_bd .po_li:hover{
    background: rgba(0,0,0,0.05);
}
.policy_bd .po_li:hover .polir{
    color: #2b67fd;
}
.policy_bd .po_li:hover .polil p{
    color: #2b67fd;
}
.policy_bd .po_li .polil{
    float: left;
    font-size: 16px;
    color: #333333;
}
.policy_bd .po_li .polil p{
    float: left;
    font-size: 16px;
    color: #333333;
    max-width: 1100px;
    display: inline-block;
    margin-right: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.po_li .polil span{
    display: inline-block;
    width: 48px;
    height: 24px;
    border: 1px solid #ff7676;
    line-height: 24px;
    border-radius: 0px 12px 12px 12px;
    text-align: center;
    color:#ff7676;
    font-size: 14px;
}
.policy_bd .po_li .polir{
    float: right;
    font-size: 14px;
    text-align: right;
    color: #333333;
}

/*------------------------page---------------------------*/
#page {
    margin: 20px auto;
    color: #666;
    display: block;
    text-align: center;
}
#page li {
    display: inline-block;
    min-width: 30px;
    height: 28px;
    cursor: pointer;
    color: #666;
    font-size: 13px;
    line-height: 28px;
    background-color: #f9f9f9;
    border: 1px solid #dce0e0;
    text-align: center;
    margin: 0 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.xl-nextPage,.xl-prevPage {
    width: 60px;
    color: #0073A9;
    height: 28px;
}
#page li.xl-disabled {
    opacity: .5;
    cursor: no-drop;
}
#page li.xl-active {
    background-color: #2B67FD;
    border-color: #2B67FD;
    color: #FFF
}
/*2021 07-07 官网首页更新*/
.ptjs{
    width: 1044px;
    margin: 0 auto;
    margin-top: 88px;
    padding-left: 38px;
    letter-spacing: 2px;
}
.ptjs .bdci-cr{
    width: 694px;
    height: 346px;
    background: #2c69fd;
    border-radius: 6px;
    box-shadow: 0px 21px 30px 0px rgba(43,103,253,0.20);
    float: left;
}
.ptjs .bdci-cl{
    float: left;
    margin-left: -220px;
    margin-top: -15px;
}
.ptjs .cr-p1 {
    color: #fff;
    font-size: 26px;
    line-height: 46px;
    margin-top: 53px;
    margin-bottom: 26px;
}
.ptjs .cr-p2 {
    color: #fff;
    width: 360px;
    line-height: 28px;
    font-size: 12px;
    text-align: justify;
}
.zy_yw {
    display: flex;
    justify-content: center;
    margin-top: 54px;
}
.zy_yw .yw-item{
    width: 160px;
    height: 57px;
    background: #ffffff;
    border: 1px solid rgba(0,0,0,0.08);
    border-radius: 6px;
    margin-right: 12px;
    font-size: 16px;
    text-align: center;
    color: #707e8c;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition:  all 0.25s;
}
.zy_yw .yw-item i{
    font-size: 20px;
}
.zy_yw .yw-item span{
    margin-left: 14px;
}
.zy_yw .yw-item:last-child{
    margin-right: 0;
}
.yw-item.act{
    background: #2c69fd;
    font-size: 18px;
    color: #fff!important;
    box-shadow: 0px 21px 30px 0px rgba(43,103,253,0.20);
}
.yw-item:hover{
    color: #2c69fd;
}
.yw_cont {
    margin-top: 70px;
}

.ywc-item{
    overflow: hidden;
    width: 1020px;
    margin: 0 auto;
    display: none;
}
.ywc-item >div:nth-child(3){
    padding-left: 100px;
}
.ywc-item >div:nth-child(1){
    text-align: left;
}
.ywc-item >div{
    width: 50%;
    float: left;
    box-sizing: border-box;
}
.yw-p1{
    width: 340px;
    font-size: 26px;
    color: #272a3d;
    line-height: 37px;
    margin-bottom: 16px;
    margin-top: 60px;
}
.yw-p2{
    width: 410px;
    font-size: 12px;
    color: #707e8c;
    line-height: 17px;
}
.yw-p3{
    font-size: 18px;
    color: #707E8C;
    line-height: 25px;
}
.ywc-item span{
    color: #E6894C;
}
.ywlr{
    text-align: right;
}
.yw_sum {
    display: flex;
    margin-top: 36px;
    margin-bottom: 44px;
}
.yw_sum >div{
    margin-right: 60px;
    flex-shrink: 0;
}
.yw_sum p:nth-child(1){
    font-size: 22px;
    font-weight: 700;
    color: #333333;
    line-height: 42px;
    margin-bottom: 2px;
}
.yw_sum p:nth-child(1) b{
    font-size: 36px;
    margin-right: 8px;
}
.yw_sum p:nth-child(2){
    font-size: 14px;
    color: #888888;
    line-height: 20px;
}

.look_more{
    line-height: 37px;
    background: #ff9b44;
    border-radius: 21px;
    padding: 0 22px;
    font-size: 16px;
    color: #ffffff;
    display: inline-block;
    vertical-align: bottom;
}

.swiper-sm img{
    height: 90px;
    min-width: 100%;
    display: block;
    flex-shrink: 0;
}
.swiper-sm .swiper-wrapper{
    display: flex;
}
.swiper-sm{
    border-radius: 8px;
    box-shadow: 0px 0px 20px 0px rgba(43,103, 253 ,0.25);
    margin-top: -40px!important;
    position: relative;
    background: #fff;
    z-index: 10;
}
.swiper-sm .swiper-slide{
    transition: all 0.3s;
    display: flex;
    flex-shrink: 1;
    width: 25%;
    height: 80px;
    align-items: center;
    border-right: 1px solid #efefef;
    cursor: pointer;
}
.swiper-slide-thumb-active{
    /*width: 280px!important;*/
    /*flex-shrink: 0!important;*/
    border-radius: 6px 0px 0px 6px;
    box-shadow: 0px 15px 20px 0px rgba(43,103,253,0.15), 0px 0px 30px 0px rgba(43,103,253,0.1);
}
.swiper-slide-thumb-active .swiper_icon span{
    color: #2C69FD;
}
.swiper-slide-thumb-active .swiper_right .sr_p1{
    color: #2C69FD;
}
.swiper-slide-thumb-active .swiper_right .sr_p2{
    color: #2C69FD;
}
.swiper-slide-visible:after{
    /*content: '';*/
    /*display: block;*/
    /*position: absolute;*/
    /*width: 100%;*/
    /*height: 100%;*/
    /*background: rgba(0,0,0,0.4);*/
}
.swiper-slide-thumb-active.swiper-slide-visible:after{
    display: none;
}
.swiper_icon{
    width: 70px;
    text-align: center;
}

.swiper_icon span{
    font-size: 36px;
    color: #333333;
}

.swiper_right{
}
.swiper_right .sr_p1{
    font-size: 18px;
    color: #333333;
    line-height: 25px;
    letter-spacing: 1px;
    text-shadow: 0px 21px 30px 0px rgba(43,103,253,0.20);
    margin-bottom: 10px;
}

.swiper_right .sr_p2{
    opacity: 0.6;
    font-size: 12px;
    color: #888888;
    line-height: 17px;
    text-shadow: 0px 21px 30px 0px rgba(43,103,253,0.20);
}
.look_big:hover .show_img{display: block!important;}

/*2025/2/7   官网改版*/
.zxhz{
    margin-top: 40px;
    margin-bottom: 80px;
}
.zxhz .layui-form-label{
    width: 130px;
    box-sizing: border-box;
    padding-left: 0;
}
.zxhz .layui-form-label span{
    color: #E01919;
}
.zxhz .layui-input-block{
    margin-left: 138px;
}
.zxhz .layui-form-checkbox[lay-skin=primary]:hover i{
    border-color: #2C69FD;
}
.zxhz .layui-form-checkbox[lay-skin=primary] i{
    background-color: transparent;
    color: transparent;
    border-color: #707E8C;
}
.zxhz .layui-form-checked[lay-skin=primary] i {
    border-color: #2C69FD !important;
    background-color: #2C69FD;
    color: #fff;
}
.zxhz input, .zxhz textarea, .zxhz:hover input, .zxhz:hover textarea{background-color: transparent!important; border-color: #707E8C!important;}
.zxhz .layui-input{height: 32px; transform: translateY(4px)}

.banner-texts{
    position: absolute;
    top: 0;
    width: 100%;
}
.banner-texts p{
    font-weight: 400;
    font-size: 18px;
    color: #003194;
    line-height: 25px;
}

.banner-texts p.pt1{
    font-size: 22px;
    margin-top: 34px;
    margin-bottom: 20px;
}
.banner-texts p.pb1{
    margin-top: 42px;
}
.banner-texts p.pb1 .btn{
    width: 142px;
    height: 44px;
    background: #2C69FD;
    border-radius: 6px;
    font-weight: 500;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 44px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
}
.banner-texts p.pb1 .btn+.btn{

    margin-left: 58px;
}
.banner-texts p.pb1 .btn.primary{
    background: rgba(44,105,253,0.11);
    border: 1px solid #2C69FD;
    color: #2C69FD;
    line-height: 42px;
    box-sizing: border-box;
}
.c_btn_primary{
    width: 182px;
    height: 50px;
    border-radius: 4px;
    border: 1px solid #FE5101;
    display: block;
    font-weight: 400;
    font-size: 18px;
    color: #FE5100;
    box-sizing: border-box;
    margin-right: 18px;
    margin-bottom: 18px;
    line-height: 48px;
    text-align: center;
}
.c_btn_primary:hover{color: #FE5100}
.c_btn_primary:nth-child(3n){margin-right: 0;}

.fixed_navigation{position: fixed;cursor: pointer;right: 12px;top: 40%;width: 58px;background: #FFFFFF;box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.15);border-radius: 2px;z-index: 99;}
.fni{height: 51px;position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;font-weight: 400;font-size: 11px;color: #777777;}
.fni:last-child{border-bottom: 0;}
.fni .fni_icon{margin-bottom: 4px;}
.fni .fhcc{color: #666;}
.fni:hover .fni_hover {visibility: visible;opacity: 1;}
.fni:hover .fni_icon img{
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}
.fni:hover{
    background-color: #2C69FD;
    color: #fff;
}
.fni:after{
    content: "";
    border-bottom: 1px solid #CDCDCD;
    bottom: 0;
    width: 84%;
    left: 8%;
    position: absolute;
}
.fni:last-child:after{
    display: none;
}
.fni_hover{width: 218px;height: 100px;border-radius: 8px;position: absolute;right: 100%;top: 0;padding-right: 18px;visibility: hidden;opacity: 0;transition: all 0.3s;}
.fni_hover .ccc{border-radius: 8px;background: #FFFFFF;width: 100%;height: 100%;box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.16);display: flex;justify-content: space-between;align-items: center;padding: 0 20px;box-sizing: border-box;}
.fni_hover .ccc .fhcc{text-align: center;line-height: 18px;}

.form_zx{font-weight: 500;font-size: 12px;color: #333;line-height: 17px;}
.form_zx .layui-form-item{margin-bottom: 6px;}
.form_zx .layui-form-item .layui-inline{margin-right: 0;margin-bottom: 4px; font-size: 12px; display: inline-block}
.form_zx .layui-input{height: 24px;width: 130px;border-color: #707E8C!important;}
.form_zx .layui-textarea{border-color: #707E8C!important;}
.form_zx .fzx_label{width: 60px;}
.form_zx .fzx_label span{color: #E01919;}
.form_zx .layui-form-item .layui-form-checkbox[lay-skin=primary]{margin-top: 4px;padding-left: 20px;margin-right: 0;margin-bottom: 0;}
.form_zx .layui-form-checkbox[lay-skin=primary] span{font-size: 12px;padding-right: 4px;}
.form_zx .layui-form-checkbox[lay-skin=primary] i{width: 12px;height: 12px;line-height: 12px;border-color: #707E8C;top: 1px;}
.form_zx .layui-form-checked[lay-skin=primary] i{border-color: #2C69FD !important;background-color: #2C69FD;color: #fff;}

.form_zx .layui-form-item .layui-form-radio{margin-top: 4px;margin-right: 0;margin-bottom: 0; line-height: 18px}
.form_zx .layui-form-radio span{font-size: 12px;padding-right: 4px;}
.form_zx .layui-form-radio i{border-color: #707E8C; font-size: 16px}
.form_zx .layui-form-radioed i{color: #2C69FD;}
.layui-form-radio:hover *, .layui-form-radioed, .layui-form-radioed>i{
    color: #2C69FD;
}


.fni_contact img{
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 4px;
}
.fni_contact{
    font-weight: 500;
    font-size: 14px;
    color: #333333;
    line-height: 20px;
    margin-bottom: 12px;
}
.fni_contact p:nth-child(2){
    margin-top: 4px;
    font-weight: 400;
    font-size: 11px;
    color: #666666;
    line-height: 16px;
    padding-left: 24px;
}
.fni_contact p:nth-child(2){
    margin-top: 4px;
    font-weight: 400;
    font-size: 11px;
    color: #666666;
    line-height: 16px;
    padding-left: 24px;
}

.addinto .layui-menu li:hover {
    color: #2C69FD !important;
    background-color: rgba(44,105,253,0.11) !important;
}
.addinto {
    min-width: 142px;
}
.bca_img{
    display: flex;
    justify-content: center;
    min-width: 1200px;
    overflow: hidden;
    height: 250px;
    align-items: center;
}
.bca_img img{
    min-width: 1920px;
    width: 100%;
    height: auto;
}