@charset "utf-8";
*{ margin:0; padding:0;}table{ border-collapse:collapse;}a{ text-decoration:none;}a:hover,a:focus{ text-decoration:none;}a:focus,input:focus{ outline:none;}ol, ul{ margin:0;}p{ margin:0;}.h1, .h2, .h3, .h4, .h5, h1, h2, h3, h4, h5{ margin:0; font-family:"Microsoft YaHei";}.corRed{ color:#e60012;}.f22{ font-size:22px;}.clear{ clear:both;}.shows{ display:block;}.showsIn{ display:inline-block;}.hides{ display:none;}.overHide{ overflow:hidden;}.ellipsis{ display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}.bd_weixin_popup{ height:auto !important;}html { -ms-touch-action: none; height:100%;}body { font-family:"Microsoft YaHei"; position: relative; height:100%; *cursor: default; color:#333333; overflow-x:hidden; background:#ffffff;}
.imgFull{ background-position:center center; background-repeat:no-repeat; background-size:cover;}
.imgFull img{ display:none;}
.flexBox{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-pack:center; -webkit-flex-flow:column wrap; -ms-flex-flow:column wrap; flex-flow:column wrap; align-items:center;}
.wow{ animation-delay:0.3s;}
.headerBg{ position:fixed; left:0; top:0; width:100%; z-index:2; background:#FFFFFF; box-shadow:0 2px 3px rgba(0,0,0,0.1); transition:all 0.3s linear;}
/*nav*/
.logo{ max-width:337px; height:86px; padding:0; margin-left:0 !important; -webkit-flex-flow:row nowrap; flex-flow:row nowrap; transition:all 0.3s ease-out 0s;}
.logo img{ max-height:40%; transition:all 0.3s ease-out 0s;}
.mClassBot img {
    max-width: 100%;
    height: auto !important;
}
.div_list_p {
    text-align: center;
    display: block;
    background-color: #fff;
    padding-top: 0px;
    font-size: 20px;
    padding-bottom: 30px;
}
.table_1 td {
    border-bottom: 1px #ddd dashed;
    padding: 0px 0px 10px;
}
nav.navbar.bootsnav{ border:none; background:none; min-height:0px;}
    /* left:50px*/
nav.navbar.bootsnav.menu-center ul.nav.navbar-center{ position:relative; left:-110px;}
@media (width:1280px){
    nav.navbar.bootsnav.menu-center ul.nav.navbar-center{ position:relative; left:-120px;}
}
/* left:-100px; 2023.8.10*/
/*2025.3.24  电脑端头部样式*/
.Pchead{
    position: fixed; width: 100%; height: 85px; background-color: #fff; top: 0; left: 0; box-shadow: 0 2px 3px rgba(0,0,0,0.1); transition: all 0.3s linear; z-index: 2;
}
.Pclogo{height: 72px; background: url(../images/zhi-logo1.png) left center  no-repeat; background-size: 154px 35px; background-position-x:12px;}
.navleft{width: 80%; float: left;}
.navleft ul {margin-left: 135px;}
.navleft li{
  float: left;
  list-style-type: none;
  padding: 0 36px;
} 
.navleft li a{
  display: inline-block;
  font-size: 18px;
  color: #000;
  line-height: 55px;
}
.navleft li a:hover{
    color: #0F8AE3 !important;
}
.pc_active{
    color: #0F8AE3 !important;
}
.navright{
    width: 19%;
    float: right;
    color: #0F8AE3;
  }
.navright p{text-align: right; line-height: 85px;}
.nava{
    display: inline-block;
    width: 80px;
    height: 35px;
    border: solid 1px #808080;
    line-height: 35px;
    color: #808080;
    border-radius: 4px;
    margin-right: 15px;
    text-align: center;
    right: 0;
  }
.nava:hover{
    background-color: #0F8AE3;
    border: solid 1px #0F8AE3;
    color: #fff;
  }
.nactive{
    border: solid 1px #0F8AE3;
    color: #0F8AE3;
  }
  .box3{
    position: absolute; 
    width: 200px;
    height: 80px;
   
    background-color: #fff;
    box-shadow:0 2px 3px rgba(0,0,0,0.1);
    transition: all 0.3s linear; 
    right: 0;
    overflow: hidden;
}
/*2025.3.24  搜索框*/
.search-box{
    width: 890px;
    height: 56px;
    border: solid 2px #0F8AE3;
    margin: 0 auto;
  }
  .navselect_one {
    width: 80px;
    height: 50px;
    margin-left: 10px;
    float: left;
    text-align: center;
    border: none;
    background-color: rgba(0, 0, 0,0);  
    outline: none;  
    color: #626262;
}
.ninput_one {
    width: 650px;
    height: 50px;
    border: none;
    background-color: rgba(0, 0, 0,0);
    float: left;
    font-size: 15px;
    text-indent:20px
}
.ninput_one:focus{
    background-color: #fff;
}
/* 屏蔽chrome浏览器默认项输入框背景色 */
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
    transition: background-color 999999999s !important;
}
.navbtn{
    height: 54px ;width:100px; background: #0F8AE3; border: 0; float: right; right: 0;color: #fff; font-size: 20px; font-weight: 200;
}
.hotsrc{ 
    width: 890px;
    height: 40px;
    list-style-type: none;
    margin: 0 auto;
    padding-inline-start:0px;
      border: none;
    }
    .hotsrc li{float: left; line-height: 40px; margin-right: 40px; }
    .hotsrc li a{color: #999;}
.navList{ padding:0;}
nav.navbar.bootsnav ul.nav > li{ padding:0; margin:0 13px;}/*20,2023.8.10*/
nav.navbar.bootsnav ul.nav > li > a{ display:block; margin:0; padding:0 5px; font-size:15px; font-weight:normal; color:#303030; line-height:86px; text-align:center; position:relative; transition:all 0.3s ease-out 0s;}
nav.navbar.bootsnav ul.nav > li.active > a{ color:#e60012;}
nav.navbar.bootsnav ul.nav > li.active > a:hover,nav.navbar.bootsnav ul.nav > li.active > a:focus{ color:#e60012;}
nav.navbar.bootsnav ul.nav > li > a:after{ position:absolute; left:50%; top:0; width:0%; height:4px; background:#e60012; display:block; content:""; transition:all 0.4s linear;}
nav.navbar.bootsnav ul.nav > li.on > a:after,nav.navbar.bootsnav ul.nav > li.active > a:after{ left:0; width:100%;}

.navRig{ line-height:86px; font-size:0; color:#333333; margin:0; vertical-align:top;}
.navRig > ul{ margin:0; font-size:0;}
.navRig > ul > li{ padding:0; font-size:14px; float:none; display:inline-block; vertical-align:middle; color:#333333;}
.navRig > ul > li > a{ padding:0; text-align:center; display:block; transition:all 0.4s linear;}
.navRig > ul > li.hdLogin{ padding-right:10px;}
.navRig > ul > li.hdRegister{ padding-right:28px;}
.navRig > ul > li.hdLogin a,.navRig > ul > li.hdRegister a{ width:66px; line-height:28px; text-align:center; border-radius:2px;}
.navRig > ul > li.hdLogin a{ color:#666666; border:1px solid #666666;}
.navRig > ul > li.hdRegister a{ color:#FFFFFF; border:1px solid #e60012; background:#e60012;}
.navRig > ul > li.userName a{ color:#333333;}
.navRig > ul > li.userName i{ margin-right:5px; font-size:16px;}
.navRig > ul > li.exit a{ text-decoration:underline; color:#333333;}
.navRig > ul > li.hdSeaIco a{ font-size:18px;}
.hdSeaIco{ background:#F6F6F6; color:#666666; font-size:18px; width:86px; text-align:center;}
.hdSearch{ width:460px; background:rgba(0,0,0,0.35); padding:10px; color:#333333; padding-right:106px; margin:0; float:none; left:auto; right:0; border-radius:0; border:none; box-shadow:none;}
.banSearch {
    position: absolute;
    left: 50%;
    top: 30%;
    transform: translate(-50%,-30%);
    width: 600px;
}
.hdSeaInp {
    width:100%;
    height: 48px;
    padding: 5px 10px;
}
.hdSeaInp_one {
    width:100%;
    height: 48px;
    padding: 5px 10px;
}
/*.hdSeaInp{ display:block; width:100%; font-size:14px; color:#999999; height:58px; line-height:30px; padding:9px 10px; background:#f6f6f6; border:none; appearance:none; -webkit-appearance:none;}*/
.hdSeaBtn{ position:absolute; right:10px; top:10px; display:block; width:96px; height:48px; line-height:48px; text-align:center; font-size:18px; color:#333333; background:#e6db19; transition:all 0.3s linear;}
.hdSeaBtn:hover.searchIco:focus{ color:#333333;}

.searchBg{ position:absolute; left:0; top:0; width:100%; z-index:2; padding:0.1rem 15px 0;}
.search{ overflow:hidden; position:relative; background-color:#fff; width:95%; margin:0 auto; margin-top:2px; margin-bottom:2px;}
.searchInput{ width:100%; background:none;  line-height:0.3rem; border:solid 1px #999999; padding:0.1rem 0.2rem; color:#333333;  border-radius:5px;}
    .searchInput::-webkit-input-placeholder {
        color: #333333;
        opacity: 1;
    }
    .searchInput:-moz-placeholder {
        color: #333333;
        opacity: 1;
    }
    .searchInput::-moz-placeholder {
        color: #333333;
        opacity: 1;
    }
    .searchInput:-ms-input-placeholder {
        color: #333333;
        opacity: 1;
    }
.searchIco {
    display: block;
    width: 0.5rem;
    height: 0.5rem;
    background: url(/resource/web/images/box2HovIco-1.png) center center no-repeat;
    background-size: 70% 60%;
    position: absolute;
    right: 10px;
    top: 0;
}
/*banner*/
.banner{ height:73%;}
.banImg{ height:100%; transition:all 6s linear;}
.banPage{ position:absolute; left:0; width:100%; bottom:30px; text-align:center; z-index:1;}
.banPage .swiper-pagination-bullet{ width:14px; height:14px; background:#FFFFFF; border:2px solid #FFFFFF; opacity:1; transition:all 0.3s linear;}
.banPage .swiper-pagination-bullet-active{ background:none;}
/*banner下的div*/
.banner_qian_div {
    width: 100%;
    height: 93px;
    background-color: #fff;
}
/*banner图片*/
.carousel-inner img {
    width: 100%;
    height: 380px;
    position: relative;
}
/*四个图片分类*/
.img_type {
    margin-top:30px; margin-bottom:30px;
}

/*新闻咨询*/
.Xin_new {
    height: 70px;
    background-image: url(../images/xinwenzixun.png);
    background-repeat: no-repeat;
    background-position: 0px center;
    margin-bottom: 20px;
}
/*首页新书推荐*/
.New_book {
    height: 70px;
    background-image: url(../images/title-bg-x.png);
    background-repeat: no-repeat;
    background-position: 0px center;
    background-size: 190px auto;
    margin-bottom: 20px;
}
    .New_book ul {
        list-style-type: none;
        margin-left: 170px;
    }
   .New_book ul li {
            float:left;
            line-height:70px;
        }
    .New_book ul li a {
        display: block;
        margin-right: 40px;
        color: #000;
        font-size: 15px;
    }
    .new_book_active {
        display: block;
        margin-right: 40px;
        color: #fff !important;
        font-size: 15px;
        padding: 4px 12px;
        line-height: 30px;
        border-radius: 100px;
        background-color: #e60012;
        margin-top: 5px;
    }
  /*首页导航*/
.box_one {
    width: 325px;
    height: 35px;
    border: solid 1px #ccc;
    border-radius: 18px;
    display: inline-block;
}
/*关于我们返回样式*/
.Guan_fanhui {
    width: 70px;
    height: 35px;
    background-color: #808080;
    border: solid 1px #808080;
    border-radius: 5px;
    color: #fff;
    margin-top: 20px;
}
.select_one {
    width: 70px;
    height: 33px;
    margin-left: 10px;
    float: left;
    text-align: center;
    border: none;
    background-color: rgba(0, 0, 0,0);  
    outline: none;  
    color: #808080;
}
.input_one {
    width: 200px;
    height: 33px;
    border: none;
    background-color: rgba(0, 0, 0,0);
    float: left;
}

.box_one_img {
    float: right;
    margin-right: 10px;
    margin-top: 7px;
    width: 20px;
}
/*电子书目样式*/
.boo_fanhui {
    width: 90px;
    height: 35px;
    border: solid 1px #e60012;
    background-color: #fff;
    margin-left: 15px;
    color: #e60012;
    float: left;
}
.book_sosu_div {
    width: 300px;
    height: 35px;
    border: solid 1px #808080;
    border-radius: 5px;
    float: right;
}
.sosu_input {
    width: 250px;
    height: 28px;
    float: left;
    outline: none;
    box-shadow: none;
    border: none;
    margin-top: 2px;
    color: #808080;
    font-size: 12px;
    margin-left: 5px;
}
.sosu_img {
    float: right;
    width: 20px;
    margin-top: 7px;
    margin-right: 5px;
}
.ul_img {
    margin-right: 50px;
    width: 15px;
    height: 15px;
}
        /*box*/
  .boxBg {
            position: relative;
            background: #FFFFFF;
            overflow: hidden;
        }
.grayBg{ background:#F6F6F6;}
.boxTit{ padding:50px 0 25px;}
.boxTitH2{ font-size:30px; color:#333333; line-height:140%; margin:5px 0;}
.boxTitIco{ display:block; width:116px; height:12px; background:url(../images/boxTitIco.png) center center no-repeat; margin:8px auto;}
.boxBrief{ max-width:675px; margin:5px auto; font-size:14px; color:#7a7979; line-height:24px;}
/*box1*/
.box1List{ margin:0 -19px; padding-bottom:27px;}
.box1List li{ padding:0 19px 38px;}
.box1List li a{ display:block; color:#666666; line-height:24px; height:100%; background:#FFFFFF; position:relative; overflow:hidden; transition:all 0.4s linear;}
.box1Img{ position:relative; overflow:hidden;}
.box1Img img{ width:100%; transition:all 0.5s linear;}
.box1Text{ padding:5px 25px 10px; position:relative;}
.box1Text:after{ display:block; content:""; width:3px; height:42px; background:#e60012; position:absolute; left:0; top:20px; transition:all 0.4s linear;}
.box1Tit{ border-bottom:1px solid #e8e8e8; padding:10px 0; width:100%;}
.box1TitEn{ font-size:14px; color:#999999; line-height:24px;}
.box1TitCn{ font-size:18px; color:#333333; line-height:24px; transition:all 0.4s linear;}
.box1Brief{ font-size:14px; color:#666666; line-height:24px; height:48px; overflow:hidden; margin:10px 0;}
/*box2*/
.box2List{ margin:0 -10px 30px; position:relative;}
.box2List .swiper-container{ padding:10px;}
.box2List a{ display:block; height:100%; position:relative;}
.box2Img{ border:1px solid #e5e5e5; padding:10px; background:#FFFFFF; /*transition:all 0.4s linear;*/}/*2023.8.11 注释掉了*/
.box2Img img{ margin:0 auto;  width:205px; height:266px;}
.box2ImgCon{ position:relative; overflow:hidden;}
.box2ImgHov-1 {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background:  center center rgba(63,61,61,0.75) no-repeat;
    background-size: 0.3rem auto;
    /*opacity: 0;*/
    transition: all 0.3s linear;
    border-radius:5px;
}

.box2ImgHov{ position:absolute; left:0; top:0; right:0; bottom:0; background:url(../images/box2HovIco.png) center center rgba(230,0,18,0.75) no-repeat; background-size:0.3rem auto; opacity:0; transition:all 0.3s linear;}
.box2Text{ font-size:14px; color:#666666; line-height:24px; padding:15px 0;}
.box2Tit{ font-size:16px; color:#333333; line-height:24px;}
.box2Btn {
    display: block;
    width: 28px;
    height: 28px;
    background: url(../images/box2Btn.png) no-repeat;
    position: absolute;
    top: 45%;
    transform: translateY(-100%);
    cursor: pointer;
    transition: all 0.4s linear;
}
.box2Prev{ background-position:0 0; left:-60px;}
.box2Next{ background-position:-28px 0; right:-60px;}
/*box3*/
.box3List{ padding:0 0 25px;}
.box3List .swiper-container{ overflow:visible; margin:0 -20px;}
.box3List .swiper-wrapper{ display:block; width:100%;}
.box3List .swiper-slide{ float:left; width:50%; padding:0 20px 40px;}
.box3Link{ display:block; height:100%; background:#FFFFFF; position:relative; overflow:hidden; box-shadow:0 0 10px rgba(0,0,0,0.1);}
.box3Img{ float:left;  height:185px; position:relative; overflow:hidden; margin:0; padding:0;   width:235px;}
.box3Img img{ width:100%;}
.box3Shadow{ position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.35);}
.box3Play{ position:absolute; left:50%; top:50%; margin:-22px 0 0 -22px; width:45px; height:45px; border-radius:50%; background:url(../images/playIco.png) center center #FFFFFF no-repeat; background-size:100%;}
.box3Text{ margin-left:235px; padding:20px 30px 10px;}
.box3Tit{ font-size:16px; color:#333333; line-height:24px; max-height:48px; overflow:hidden; transition:all 0.3s linear;}
.box3Line{ display:block; width:32px; height:3px; background:#e60012; margin:15px 0;}
.box3Brief{ font-size:14px; color:#666666; line-height:24px; max-height:72px; overflow:hidden;}/**/
.box3Brief_one {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    max-height: 100px;
    padding:6px;
   
}
.box3Page{ text-align:center; padding:0.1rem 0 0.2rem;}
.box3Page .swiper-pagination-bullet{ width:14px; height:14px; border:1px solid #b0b0b0; background:none; opacity:1; margin:0 6px; vertical-align:middle; transition:all 0.3s linear;}
.box3Page .swiper-pagination-bullet-active{ border-color:#e60012; background:#e60012;}
.box3Mob .swiper-container{ padding:10px; margin:0 -10px;}

    /*box4*/
 .box4Bg {
        padding: 45px 0;
    }
.box4Bg .row{ margin:0 -40px;}
.box4{ padding:0 40px;}
.box4Tit{ padding:15px 0; border-bottom:1px solid #dddddd; line-height:40px;}
.box4TitH3{ float:left; font-size:30px; color:#333333; line-height:40px;}
.box4More{ float:right; color:#999999; background:url(../images/box4MoreBg.png) right center no-repeat; padding-right:20px; transition:all 0.3s linear;}
.box4More:hover,.box4More:focus{ color:#999999;}
.box4List{ padding:20px 0;}
.box4List li{ border-bottom:1px dashed #dddddd; line-height:40px;}
.box4List li a{ color:#666666; transition:all 0.3s linear;}
.box4List li a i{ margin-right:8px;}
.box4List li span{ float:right; color:#999999;}
/*footBg*/
.footBg{ background:#333333; font-size:14px; color:#666666; line-height:30px; overflow:hidden;}
.footBg a{ color:#666666; transition:all 0.4s linear;}
.footBg a:hover,.footBg a:focus{ color:#666666;}

.ftTop{ padding:40px 0 25px;}
.ftTopLef{ font-size:0; width:65%;}
.ftTopLef li{ font-size:14px; vertical-align:top; max-width:190px; width:25%; padding-right:15px;}
.ftTopTit{ margin-bottom:5px;}
.ftTopTit a{ font-size:16px; color:#b4b4b4; line-height:24px;}
.ftTopRig{ width:35%; margin:0 -15px; font-size:0;}
.ftTopRig li{ font-size:14px; vertical-align:top; width:50%; padding:0 15px; text-align:center; max-width:155px;}
.ftTopRig li img{ margin:0 auto;}
.ftBot{ line-height:24px; padding:10px 0; border-top:1px solid rgba(255,255,255,0.12);}
.ftBotLef{ width:65%;}
.ftBotRig{ width:35%; text-align:right; margin:0; overflow:hidden;}
.ftBotRig li{ vertical-align:middle; padding:0;}
.ftBotRig li a{ padding:0 10px 0 5px; position:relative;}
.ftBotRig li a:after{ display:block; content:""; position:absolute; right:0; top:50%; margin-top:-6px; width:2px; height:14px; background:#666666;}
.ftBotRig li:first-child a{ padding-left:0;}
.ftBotRig li:last-child a{ padding-right:0;}
.ftBotRig li:last-child a:after{ display:none;}

.ftMobBg{ /*height:0.8rem;*/ height:1rem; }
.ftMob { /*height:0.8rem; line-height:0.8rem;*/
    height: 1rem;
    border-top: 1px solid #EEEEEE;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    font-size: 0;
    background: #FFFFFF;
    z-index: 2;
    text-align: center;
    margin: 0;
}
.ftMob li{ padding:0; vertical-align:middle; width:25%;}
.ftMob li a{ display:block; height:100%;}
.ftMobTit{ font-size:0.16rem; color:#333333; line-height:200%;}
.ftMobIco{ display:block; width:0.3rem; height:0.3rem; margin:0.1rem auto 0; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.ftMobIco1 {
    background-image: url(../images/home.png);
}
.ftMobIco2 {
    background-image: url(../images/exam.png);
}
.ftMobIco3 {
    background-image: url(../images/bookicon.png);
}
.ftMobIco4 {
    background-image: url(../images/iname.png);
}
.active .ftMobTit{ color:#0F8AE3;}
.active .ftMobIco1 {
    background-image: url(../images/homea.png);
}
.active .ftMobIco2 {
    background-image: url(../images/exama.png);
}
.active .ftMobIco3{ background-image:url(../images/bookicona.png);}
.active .ftMobIco4 {
    background-image: url(../images/inamea.png);
}

.banN{ height:460px; position:relative; overflow:hidden;}
.banN .imgFull{ height:100%;}
.bookSelectBg{ background:#FFFFFF; padding:50px 0;}
.bookSelBor{ border:1px solid #dddddd; padding:10px 35px;}
.bookSelect{ margin:0; overflow:hidden; border-bottom:1px solid #dddddd; padding:10px 0;}
.bookSelect:last-child{ border:none;}
.bookSelLef{ float:left; width:120px; font-size:15px; color:#333333; line-height:32px;}
.bookSelLef img{ max-width:20px; margin-right:5px; margin-top:-1px;}
.bookSelRig{ margin-left:120px; font-weight:normal;}
/*新添加样式*/
.sbtn {
    width: 100%;
    text-align: center;
    margin-top: 10px;
}
.bookSelBor .sbtn input.clear-btn {
    color: #333333;
    border: 1px solid #dddddd;
    width: 150px;
    padding: 8px;
    background: #e3e3e3;
}
.bookSelBor .sbtn input.search-btn {
    color: #FFFFFF;
    border: 1px solid #e60012; width:150px; padding: 8px;
    background: #e60012;
}
/*新添加样式*/
.bookSelItem {
    height: 64px;
}
.bookSelOption{ float:right; width:60px; text-align:right; color:#999999; line-height:32px; cursor:pointer; display:none;}
.bookSelOption i{ vertical-align:middle; margin-top:-5px; margin-left:5px;}
.bookSelOption.active i{ margin-top:5px;}
.bookSelCon{ margin:0; margin-right:60px; font-size:0;}
.bookSelCon li{ vertical-align:middle; padding:0; padding-right:35px;}
.bookSelCon li a{ display:block; font-size:14px; color:#666666; line-height:32px; padding-left:20px; position:relative; transition:all 0.4s linear;}
.bookSelCon li a:after {
        display: block;
        /*content: "\f096";*/ /*注意这里变化*/
        font-size: 16px;
        font-family: FontAwesome;
        position: absolute;
        left: 0;
        top: 1px;
        line-height: 32px;
    }
.bookSelCon li a.active{ color:#e60012;}
.bookSelCon li a.active:after{ content:"\f192";}
.booksMore{ display:block; width:180px; height:38px; line-height:36px; text-align:center; border:1px solid #dddddd; border-radius:19px; color:#999999; margin:0 auto 40px; position:relative; z-index:1; overflow:hidden; transition:all 0.75s ease 0s;}
.booksMore:before{ content:''; width:100%; height:0%; position:absolute; top:50%; left:50%; z-index:-1; background:#e60012; transform:translateX(-50%) translateY(-50%); transition:all 0.6s ease 0s;}
.booksMore:focus,.booksMore:hover{ color:#999999;}
.loadMore{ font-size:15px; color:#999999; line-height:24px; text-align:center; text-align:center; margin:0 auto 40px;}
.loadMore a{ color:#999999;}
.loadMore i{ margin-right:10px; font-size:26px; vertical-align:middle;}
.bookList{ font-size:0; margin:0 -17px;}
.bookList li{ vertical-align:top; width:20%; padding:0 10px 15px;}

.mainBg{ position:relative;}
.detail{ background:#FFFFFF; margin-top:-30px; min-height:300px; margin-bottom:50px; padding:10px 50px; overflow:hidden;}
.bookTop{ padding:35px 0;}
.bookTpLef{ float:left; width:37.45%;}
.bookTpRig{ float:right; width:57.73%; font-size:14px; color:#666666; line-height:24px; padding:20px 0 0;}
.bookTpMax{ border:1px solid #dddddd; overflow:hidden; position:relative; height:370px;}
.bookTpMax .swiper-container,.bookTpMax .swiper-slide{ height:100% !important;}
.bookTpMax img{ margin:0 auto; padding:0.1rem; max-height:100%;}
.bookTpMax .bookBtn{ display:none;}
.bookTpMin{ margin-top:11px; padding:0 37px; position:relative; height:70px; overflow:hidden;}
.bookBtn{ position:absolute; top:0; width:27px; border:1px solid #dddddd; height:100%; background-position:center center; background-repeat:no-repeat; cursor:pointer; transition:all 0.4s linear; z-index:1;}
.bookPrev{ left:0; background-image:url(../images/bookPrevIco1.png);}
.bookNext{ right:0; background-image:url(../images/bookNextIco1.png);}
.bookTpMinImg{ height:100%; position:relative; overflow:hidden; border-radius:1px; border:1px solid #dddddd; cursor:pointer; padding:5px;}
.bookTpMinImg .imgFull{ width:100%; height:100%; background-size:contain;}
.bookTpMin .swiper-slide-active .bookTpMinImg{ border-color:#e60012; transition:all 0.4s linear;}
.bookPage{ position:static; display:none; text-align:center; padding:10px 0;}
.bookPage .swiper-pagination-bullet{ width:10px; height:10px; margin:0 3px !important; border:1px solid #e60012; background:#e60012; opacity:1; vertical-align:middle; transition:all 0.4s ease 0s; position:relative;}
.bookPage .swiper-pagination-bullet-active{ background:none;}

.bookTpTit{ font-size:24px; color:#333333; line-height:120%; margin:15px 0;}
.bookTpBrief{ margin:10px 0; max-height:96px; overflow:hidden;}
.bookTpInfor{ margin:30px 0;}
.bookTpInfor p{ margin:10px 0;}
.bookTpInfor strong{ font-size:24px; color:#e60012; font-weight:bold;}
.bookTpBtn{ margin:15px -12px; font-size:0;}
.bookTpBtn li{ padding:12px; font-size:16px; vertical-align:middle; width:28%; text-align:center;}
.bookTpBtn a{ display:block; border-radius:4px; height:0.44rem; line-height:0.44rem;}
.bookTpBtn1 a{ background-color:#e60012; color:#FFFFFF;}
.bookTpBtn2 a {
    border: 1px solid #e60012;
    color: #e60012;
}
.bookTpBtn3 a {
    border: solid 1px #ffa409;
    background-color: #ffa409;
    color: #FFFFFF;
}
.bookTpBtn span{ display:inline-block; vertical-align:middle; width:20px; height:20px; margin-top:-2px; margin-right:5px; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.bookTpBtn1 span{ background-image:url(../images/bookTpBtnIco1.png);}
.bookTpBtn2 span {
    background-image: url(../images/2-1.png);
}
.bookTpBtn3 span {
    background-image: url(../images/1-1.png);
}

.bookCenBg{ background:#F6F6F6; border-top:1px solid #e60012;}
.bookCen{ font-size:0; margin:0;}
.bookCen li{ vertical-align:top; font-size:16px; color:#333333; font-weight:bold; padding:0;}
.bookCen li a{ display:block; color:#333333; padding:0 25px; height:48px; line-height:48px;}
.bookCen li.active a{ background:#e60012; color:#FFFFFF;}
.bookLi{ display:none; min-height:150px;}
.bookLiTit{ font-size:18px; color:#333333; line-height:42px; border-bottom:1px solid #dddddd; font-weight:bold; background:url(../images/bookLiTitBg.png) left center no-repeat; background-size:16px auto; padding-left:25px;}
.bookCon{ padding:25px 0; font-size:14px; color:#666666; line-height:30px;}
.bookCon img{ max-width:100% !important; height:auto !important; margin:0 auto;}
.bookItem{ margin:0;}
.bookItem li{ padding:0;}
.bookItem li span{ border-bottom:1px dashed #dddddd; padding-right:15px; height:42px; line-height:42px;}
.bookCon .bookList{ margin-bottom:-20px;}

.E-course{ /*padding:40px 0;*/ color:#666666;}/*2023.8.17日注释*/
.EcourseTop{ border:1px solid #dddddd; height:46px; line-height:44px; position:relative; padding-right:155px; overflow:hidden; margin-bottom:10px;}
.allDown{ position:absolute; right:-1px; top:-1px; display:block; width:155px; line-height:46px; background:#666666; color:#FFFFFF; text-align:center; transition:all 0.3s linear;}
.allDown:hover,.allDown:focus{ color:#FFFFFF;}
.EcourseNum,.EcourseTit{ float:left;}
.EcourseNum{ width:17%; text-align:center; position:relative;}
.EcourseNum:after{ display:block; content:""; position:absolute; right:0; top:50%; margin-top:-6px; width:1px; height:12px; background:#dddddd;}
.EcourseTit{ width:83%; padding-left:60px; color:#666666;}
.EcourseTit:hover,.EcourseTit:focus{ color:#666666;}
.EcourseNum strong,.EcourseTit strong{ display:none;}
.EcourseBot li{ border-bottom:1px dashed #dddddd; height:42px; line-height:41px; position:relative; padding-right:155px; overflow:hidden;}
.EcourseBot li .EcourseNum:after{ display:none;}
.EcourseBot li .EcourseTit{ padding-left:40px;}
.EcourseBot .allDown{ color:#999999; background:none; line-height:42px;}
.bookLi .classList{ margin-top:-10px; padding-bottom:0;}

.fenleiBg{ background:#FFFFFF; box-shadow:0 0 10px rgba(0,0,0,0.1); position:relative; z-index:1;}
.fenlei{ text-align:center; font-size:0; margin:0 -1px 0 0;}
.fenlei li{ vertical-align:middle; font-size:15px; color:#303030; position:relative; padding:0 1px 0 0;}
.fenlei li:after{ display:block; content:""; position:absolute; right:0; top:50%; width:1px; height:14px; margin-top:-7px; background:#dddddd;}
.fenlei li:last-child:after{ display:none;}
.fenlei li a{ display:block; color:#303030; min-width:127px; padding:15px 5px; line-height:34px; transition:all 0.4s linear;}
.fenlei li.active a{ color:#FFFFFF; background:#e60012;}

.mClssList{ padding:50px 0 0;}
.classList{ overflow:hidden;}
.classList li{ padding:0 15px 30px;}
.classList li a{ display:block; height:100%; overflow:hidden;}
.classImg{ position:relative; overflow:hidden;}
.classImg img{ width:100%; transition:all 0.4s linear;}
.classTit{ background:#FFFFFF; font-size:16px; color:#303030; line-height:24px; font-weight:bold; padding:17px 10px; transition:all 0.4s linear;}

.downList{ margin:0 -15px;}
.downList li{ padding:0 15px 30px;}
.downCon{ background:#FFFFFF; text-align:left; padding:20px 30px; position:relative; font-size:14px; color:#666666; line-height:24px; transition:all 0.4s linear;}
.downLef{ margin-right:145px;}
.downTit{ font-size:16px; color:#333333; line-height:30px; font-weight:bold;}
.downBrief{ min-height:48px; max-height:72px; overflow:hidden;}
.downBtn{ display:block; width:115px; height:40px; border:1px solid #e60012; line-height:38px; text-align:center; color:#e60012; position:absolute; right:30px; top:50%; transform:translateY(-50%); transition:all 0.4s linear;}
.downIco{ display:inline-block; vertical-align:middle; margin-right:5px; margin-top:-2px; width:20px; height:16px; background:url(../images/downIco2.png) center center no-repeat;}
.downBtn:hover,.downBtn:focus{ color:#E60012;}

.mClassTop{ border-bottom:1px solid #dddddd; padding:25px 0; margin-bottom:35px;}
.goList{ float:right; color:#999999; text-align:right; display:block; background:url(../images/goList.png) left center no-repeat; padding-left:35px; line-height:35px;}
.goList img{ margin-right:5px;}
.goList:hover,.goList:focus{ color:#999999;}
.mClassTit{ font-size:24px; color:#303030; line-height:35px; margin-right:110px;}
.mClassCen{ overflow:hidden; padding-bottom:10px;}
.mClassBrief{ float:left; width:76%; font-size:14px; color:#666666; line-height:24px; background:#f6f6f6; padding:20px 30px;}
.mClassWechat{ float:right; width:22%; text-align:right; font-size:0;}
.mClassWxImg,.mClassRig{ display:inline-block; vertical-align:top;}
.mClassWxImg{ width:55%; padding-right:10px;}
.mClassRig{ width:45%; text-align:left; font-weight:bold; font-size:16px; line-height:30px; color:#666666;}
.mClassRig i{ display:block; width:16px; height:3px; background:#e60012; margin:10px 0 0;}
.mClassBot{ padding:40px 0;}
h2.mClassTit{ float:left; margin:0;}
h2.mClassTit img{ vertical-align:middle; margin:-3px 5px 0 0;}
.titRig{ float:right; line-height:35px; color:#999999;}
.tougao li{ padding:15px;}
.tougaoTit{ float:left; width:115px; padding-right:10px; font-weight:normal; color:#666666; line-height:42px; height:42px; margin:0;}
.tougaoTit span{ margin-right:5px;}
.tougaoRig{ margin-left:115px; position:relative;}
.tgInput{ display:block; width:100%; border:1px solid #dddddd; padding:5px 10px; line-height:30px; height:42px; border-radius:4px; background:none; appearance:none; -webkit-appearance:none;}
.tgInput:focus{ box-shadow:0 0 10px rgba(230,0,18,0.1); border-color:#e60012;}
textarea.tgInput{ height:102px; resize:none;}
.fileInput{ display:block; position:absolute; left:0; top:0; width:230px; height:100%; cursor:pointer; opacity:0;}
.fileBtn{ width:230px; height:42px; line-height:40px; color:#FFFFFF; text-align:center; background:#a4a4a4; font-size:18px; border-radius:4px; position:relative; overflow:hidden;}
.tgBtn{ margin:0 -11px; padding:20px 0; text-align:center; font-size:0;}
.tgBtn li{ padding:0 11px; width:50%; max-width:277px;}
.tgBtn li a{ display:block; font-size:18px; height:42px; line-height:38px; border-radius:4px;}
.tgsubmit{ border:2px solid #e60012; background:#e60012; color:#FFFFFF;}
.tgsubmit:hover,.tgsubmit:focus{ color:#FFFFFF;}
.tgreset{ border:2px solid #dddddd; color:#999999;}
.tgreset:hover,.tgreset:focus{ color:#999999;}

.onepage{ font-size:14px; color:#666666; line-height:24px; padding:35px 0;}
.onepage p{ margin:20px 0;}
.onepage img{ margin:20px auto; max-width:100% !important; height:auto !important;}
.oneName{ font-size:30px; color:#333333; line-height:120%; margin:15px 0;}
.oneImg{ margin:0 -2px;}
.oneImg li{ padding:2px;}
.oneImg img{ max-width:100%; margin:0 auto;}
.oneNumList{ font-size:0; padding:30px 0;}
.oneNumList li{ vertical-align:top; font-size:16px; color:#333333; line-height:24px; width:16.6%;}
.oneNumRed{ font-size:46px; color:#e60012; font-family:Arial; line-height:120%; font-weight:bold;}

.arList{ padding:50px 0 0;}
.arList li{ padding:0 0 45px;}
.arList li a{ display:block; height:100%; background:#FFFFFF; padding:30px; transition:all 0.4s linear;}
.arImg{ float:left; width:335px; height:190px; margin-right:40px;}
.arImg .imgFull{ width:100%; height:100%;}
.arRig{ overflow:hidden;}
.arTit{ font-size:18px; color:#333333; line-height:24px; margin:10px 0; transition:all 0.4s linear;}
.arLine{ display:block; width:36px; height:3px; background:#e60012; margin:20px 0 10px; transition:all 0.4s linear;}
.arBrief{ font-size:14px; color:#666666; line-height:24px; height:72px; overflow:hidden; margin:10px 0;}
.arBot{ color:#999999; line-height:30px; font-size:14px;}
.arBot span{ display:inline-block; vertical-align:middle; padding:0 20px 0 25px; background-position:left center; background-repeat:no-repeat; background-size:17px auto;}
.arAuthor{ background-image:url(../images/arIco1.png);}
.arTime{ background-image:url(../images/arIco2.png);}
.arSee{ background-image:url(../images/arIco3.png);}

.arName{ font-size:24px; color:#303030; line-height:130%; margin:20px 0;}
.arInfor{ background:#f6f6f6; border-top:1px solid #dddddd; color:#999999; line-height:30px; padding:5px 0; margin:20px 0;}
.arText{ font-size:14px; color:#666666; line-height:24px;}
.arText h3{ font-size:18px; color:#333333; line-height:24px; margin:20px 0;}
.arText img{ max-width:100% !important; height:auto !important;}
.arBtn{ margin:0 -8px; padding:35px 0;}
.arBtn li{ padding:8px; vertical-align:middle;}
.arBtn li a{ display:block; width:36px; height:36px; border-radius:50%; border:1px solid #c3c3c3; background-position:center center; background-repeat:no-repeat; background-size:20px auto;}
.arBtn li a.arPrev,.arBtn li a.arNext{ width:46px; height:46px;}
.arPrev{ background-image:url(../images/arBtnIco1.png);}
.arQzone{ background-image:url(../images/arBtnIco2.png);}
.arWeChat{ background-image:url(../images/arBtnIco3.png);}
.arGoList{ background-image:url(../images/arBtnIco4.png);}
.arSina{ background-image:url(../images/arBtnIco5.png);}
.arNext{ background-image:url(../images/arBtnIco6.png);}

.conTab{ font-size:0; color:#303030; font-weight:bold; margin:0 -10px;}
.conTab li{ cursor:pointer; font-size:15px; padding:0 10px; vertical-align:middle;}
    .conTab li.active {
        color: #fff;
        background-color: #e60012 !important;
    }
/*2023.8.16 color:#e60012;*/
.conList{ margin:0 -20px; font-size:0; padding:0 0 20px;}
.conList li{ padding:10px 20px 30px; font-size:14px; width:50%; color:#666666; line-height:30px; vertical-align:top;}
/*background:#F6F6F6;*/
.conLiBg {
    background: #ffffff;
    height: 100%;
   border-radius:5px;
    /*border-bottom: 1px solid #dadada;*/   /*2023.8.14*/
}
.conPad{ padding:20px 35px;}
.conName{ font-size:18px; color:#303030; line-height:30px; font-weight:bold; border-bottom:1px solid #dadada; line-height:30px; padding:6px 0; margin:0 0 15px;}

.loginBg{ background:url(../images/loginBg.jpg) center bottom #e4e5ea no-repeat; background-size:cover; padding:86px 0 0;}
.loginBox{ float:right; margin:105px 0; background:#FFFFFF; min-width:420px; min-height:500px; box-shadow:0 0 15px rgba(0,0,0,0.1); padding:0 15px;}
.loginTit{ font-size:0; margin:0 -25px; padding:35px 0;}
.loginTit li{ font-size:16px; color:#333333; line-height:36px; vertical-align:middle; padding:0 25px;}
.loginTit li a{ color:#333333; display:block; padding:0 8px; position:relative;}
.loginTit li a:after{ display:block; content:""; position:absolute; left:0; bottom:0; width:0; height:2px; background:#E60012;}
.loginTit li.active,.loginTit li.active a{ font-weight:bold; color:#e60012;}
.loginTit li.active a:after{ width:100%;}

.login{ width:100%; max-width:285px; margin:0 auto;}
.loginList{}
.loginList li{ padding-bottom:30px;}
.loginCon{ position:relative; overflow:hidden;}
.loginInput{ display:block; width:100%; height:44px; border:1px solid #dddddd; line-height:32px; padding:5px 10px; border-radius:4px; background:none; padding-left:30px;}
.loginIco{ position:absolute; left:0; top:0; width:30px; height:100%;}
.loginIco img{ margin:0 auto;}
.loginCheck{ float:left; font-weight:normal; line-height:24px; color:#666666;}
.loginCheck input{ position:relative; top:2px;}
.forPwd{ float:right; font-size:14px; color:#999999; line-height:24px; text-decoration:underline; transition:all 0.4s linear;}
.forPwd:hover,.forPwd:focus{ color:#999999; text-decoration:underline;}
.loginBtn{ display:block; background:#e60012; color:#FFFFFF; font-size:20px; border-radius:4px; text-align:center; margin:0 auto; width:100%; max-width:280px; line-height:42px;}
.loginBtn:hover,.loginBtn:focus{ color:#FFFFFF;}
.otherLogin{ padding:15px 0 0;}
.otherLoginTit{ font-size:16px; color:#999999; line-height:24px; font-weight:bold; text-align:center; padding:15px 0; position:relative; z-index:1;}
.otherLoginTit strong{ display:inline-block; vertical-align:middle; padding:0 10px; background:#FFFFFF;}
.otherLoginTit:after{ display:block; content:""; position:absolute; left:0; width:100%; top:50%; background:#dddddd; height:1px; z-index:-1;}
.otherLoginList{ font-size:0; margin:0 -10px;}
.otherLoginList li{ vertical-align:middle; font-size:14px; padding:0 10px;}
.otherLoginList li a{ display:block; width:34px; height:34px; line-height:34px; background:green; color:#FFFFFF; text-align:center; border-radius:50%; transition:all 0.4s linear;}

.registerBox{ min-width:680px;}
.registerBox .login{ max-width:596px; margin:0 auto; font-size:0;}
.registerBox .loginList{ margin:0 -16px;}
.registerBox .loginList li{ display:inline-block; vertical-align:middle; width:50%; padding:0 16px 32px; font-size:14px;}
.registerBox .loginList li:last-child{ width:100%;}
.yzmBtn{ left:auto; right:0; width:140px; background:#f6f6f6; border-left:1px solid #dddddd; height:42px; top:1px; right:1px; cursor:pointer; color:#cccccc;}
.yzmInput{ padding:5px 10px; text-align:center; padding-right:150px;}
.tkBtn{ color:#666666; text-decoration:underline;}
.tkBtn:hover,.tkBtn:focus{ color:#666666; text-decoration:underline;}

.LayShadow{ position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.75); z-index:2; display:none;}
.LayBg{ position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); background:#FFFFFF; width:96%; height:90%; max-width:900px; max-height:600px; z-index:3; font-size:14px; color:#808080; line-height:24px; padding:15px 50px 40px; display:none;}
.LayTit{ overflow:hidden; font-size:24px; color:#e60012; line-height:24px; padding:15px 0; margin:0 0 25px; border-bottom:1px solid #dddddd;}
.LayClose{ display:block; width:22px; height:22px; float:right; background:url(../images/close.png) center center no-repeat; background-size:cover; cursor:pointer;}
.LayText h4{ font-size:16px; color:#333333; font-weight:bold; line-height:24px;}

.forPassWord .login{ padding:40px 0 0;}
.forPassWord .loginList{ padding:0 0 10px;}
.forPassWord .loginInput{ padding:5px 10px;}

.forPwdTip{ font-size:15px; color:#333333; line-height:24px; font-weight:bold; text-align:center; margin-bottom:25px;}
.forPwdTel{ font-size:14px; color:#666666; line-height:24px; text-align:center; margin:0 0 35px;}
.forPwdTel a{ border-bottom:1px solid #EF0012;}
.forPwdTel a:hover,.forPwdTel a:focus{ color:#E60012;}
.otherWay{ font-size:14px; line-height:24px; text-align:center; padding:50px 0 0;}
.otherWay a{ color:#999999; transition:all 0.3s linear;}
.otherWay a:hover,.otherWay a:focus{ color:#999999;}
.forPassWord .yzmInput{ padding-right:150px;}
.resetPwd{ font-size:14px; color:#666666; line-height:24px; font-weight:bold; padding:40px 0 25px;}

.loginName{ font-size:18px; color:#e60012; text-align:center;}
.loginBtn2{ margin:27px auto 0; color:#999999; border:1px solid #dddddd; line-height:40px; background:none;}
.loginBtn2:hover,.loginBtn2:focus{ color:#999999;}

.banUser{ height:420px;}
/*注意去掉margin-top:-80px; */
.userLef{ float:left; width:235px; background:#FFFFFF;  margin-bottom:20px;}
.userLefH2{ font-size:24px; color:#FFFFFF; height:80px; line-height:80px; text-align:center; background:#e60012;}
.userLefList {
    padding:0px;
}

/*.userLefList{ padding:20px 27px 60px;}*/
.userLefList li{ border-bottom:1px dashed #dddddd;}
.userLefList li a{ font-size:15px; color:#333333; line-height:50px; padding-left:40px; background-position:10px center; background-repeat:no-repeat; background-size:20px auto; transition:all 0.3s linear;}
.userIco1{ background-image:url(../images/userLefBg1.png);}
.userIco2{ background-image:url(../images/zixun2.png);}
.userIco3 {
    background-image: url(../images/liebiao2.png);
}
.userIco4{ background-image:url(../images/userLefBg4.png);}
.userIco5{ background-image:url(../images/userLefBg5.png);}
.userIco6{ background-image:url(../images/userLefBg6.png);}
.userIco7{ background-image:url(../images/userLefBg7.png);}
.userLefList li.active a {
    display: block;
    color: #fff;
    background-color: #e60012;
}
.active_one {
    display: block;
    background-color: #0F8AE3  !important;
    color: #fff !important;
}
li a.active_one.userIco1 {
        background-image: url(../images/userLefBg1-1.png) !important;
    }
li a.active_one.userIco2 {
    background-image: url(../images/zixun1.png);
}
li a.active_one.userIco3 {
    background-image: url(../images/liebiao1.png);
}
.userLefList li.active .userIco1 {
    background-image: url(../images/userLefBg1-1.png);
}
.userLefList li.active .userIco2 {
    background-image: url(../images/zixun1.png);
}
.userLefList li.active .userIco3 {
    background-image: url(../images/liebiao1.png);
}
.userLefList li.active .userIco4{ background-image:url(../images/userLefBg4a.png);}
.userLefList li.active .userIco5{ background-image:url(../images/userLefBg5a.png);}
.userLefList li.active .userIco6{ background-image:url(../images/userLefBg6a.png);}
.userLefList li.active .userIco7 {
    background-image: url(../images/userLefBg7a.png);
}
#show_ul li {
    list-style:none;
}
.userRig {
    margin-left: 279px;
    padding: 20px 0;
}
.userRigH2{ border-bottom:1px solid #dddddd; font-size:24px; color:#333333; line-height:36px; padding:10px 0; margin-bottom:35px;}
.userRigH2 span{ font-size:18px; color:#e60012; font-family:"Myriad Pro"; margin-left:5px;}
#myTab-1 li {
    list-style: none;
}
.show_div {
    background-color:#ffffff; color:#e60012 !important;
}
.show_ul_div {
    background-color:#ddd !important;
    display:block;

}
.show_div1 {
    font-size: 15px;
    color: #333333;
    line-height: 50px;
    padding-left: 40px;
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: 20px auto;
    transition: all 0.3s linear;
}
/*personal*/
.perList {
    overflow: hidden;
    margin: 0 -20px;
    padding: 0;
    color: #666666;
}
.perItem{ float:left; width:50%; padding:0 20px 30px;}
.perLab{ float:left; width:105px; padding-right:5px; text-align:right; line-height:42px;}
.perLab i{ font-style:normal; margin-right:5px;}
.perRig{ margin-left:105px; line-height:42px;}
.perInput{ display:block; width:100%; height:42px; line-height:24px; padding:8px 10px; border:1px solid #dddddd; border-radius:4px; background:none; -moz-appearance:none; appearance:none; -webkit-appearance:none;}
.sexBox{ line-height:40px;}
.sexBox .radio-inline:before{ display:block; content:""; position:absolute; left:0; top:0; width:15px; height:100%; background:url(../images/radioBg1.png) center center no-repeat;}
.sexBox .radio-inline.active:before{ background-image:url(../images/radioBg2.png);}
.sexInput{ display:none;}
.perSelect{ display:block; width:100%; border:1px solid #dddddd; height:42px; line-height:40px; border-radius:4px; background:none; -moz-appearance:none; appearance:none; -webkit-appearance:none; background: url(../images/selectBg.png) right 6px center no-repeat; padding:0 15px 0 5px;}
.perSel{ font-size:0;}
.perSel select{ display:inline-block; vertical-align:top; font-size:14px; width:32.4%; margin-right:1.33%; line-height:40px; height:42px;  border-radius:4px; border:1px solid #dddddd; background:none; -moz-appearance:none; appearance:none; -webkit-appearance:none; background: url(../images/selectBg.png) right 6px center no-repeat; padding:0 15px 0 5px;}
.perSel select:last-child{ margin-right:0;}
.perBtn{ background:#0066b3; text-align:center; color:#FFFFFF; font-size:20px; display:block; border-radius:4px;}
.perBtn:hover,.perBtn:focus{ color:#FFFFFF;}
/*password*/
/*.password .perItem{ width:100%;}*/
.userRig .tgBtn{ padding:0 0 20px;}
.perInput:focus{ border-color:#E60012; box-shadow:0 0 10px rgba(230,0,18,0.1);}
/*.perSelect:focus{ border-color:#E60012; box-shadow:0 0 10px rgba(230,0,18,0.1); background-image:url(../images/selectBg2.png);}
.perSel select:focus{ border-color:#E60012; box-shadow:0 0 10px rgba(230,0,18,0.1); background-image:url(../images/selectBg2.png);}*/

.userRig .loadMore{ margin:0 auto 15px;}
.collectList li{ width:25%;}
.myNewsList{ margin:-20px 0 35px;}
.myNewsList li{ overflow:hidden; border-bottom:1px dashed #dddddd; line-height:44px;}
.myNewsList li a{ color:#666666; position:relative; padding-left:10px; transition:all 0.4s linear;}
.myNewsList li a:before{ display:block; content:""; position:absolute; left:1px; top:50%; margin-top:-2px; width:4px; height:4px; border-radius:50%; background:#666666; transition:all 0.4s linear;}
.myNewsTime{ float:right; color:#999999;}

.feedback li{ padding:0 15px 30px;}
.feedback .tgBtn{ text-align:left; margin:0 auto; padding:15px 0;}
.feedback .tgBtn li{ padding:0; max-width:335px;}
.feedback .tgBtn li a{ text-align:center;}

.hisRecord{ padding:0;}
.hisRecord .swiper-slide{ width:100%;}
.hisRecord .box3Img{ width:200px; height:157px;}
.hisRecord .box3Text{ margin-left:200px;}
.hisRecord .box3Line{ margin:10px 0;}

.bindItem{ background:#FFFFFF; margin-bottom:25px; padding:0 30px;}
.bindTp{ padding:15px 0;}
.bindTpLef{ float:left; font-size:0;}
.bindIco,.bindTit,.bindZt{ font-size:14px; display:inline-block; vertical-align:middle; margin-right:8px; font-weight:bold;}
.bindIco{ max-width:18px;}
.bindZt{ color:#333333;}
.bindZt{ color:#E60012;}
.bindZt.no{ color:#CDC107;}
.bindBtn{ float:right; color:#333333; font-weight:bold; cursor:pointer;}
.bindBt{ padding:10px 0 25px; display:none;}
.bindText{ font-size:14px; color:#666666; line-height:24px; padding-right:254px; position:relative;}
.bindRig{ position:absolute; right:0; top:50%; transform:translateY(-50%); font-size:0;}
.bindLogo,.bindLine,.bindOtherLogo{ display:inline-block; vertical-align:middle; margin:0 auto;}
.bindRig img{ margin:0 auto;}
.bindLine img{ margin:0 15px;}
.bindLogo{ max-width:37px;}
.bindOtherLogo{ max-width:90px;}
.bindLef{ border-right:1px solid #dddddd; width:100%; padding-right:35px;}
.bindTip{ font-size:24px; color:#e60012; line-height:160%; margin:10px 0;}
.toBind{ background:#e60012; color:#FFFFFF; display:block; width:130px; height:38px; text-align:center; line-height:38px; border-radius:4px; margin-top:15px;}
.toBind:hover,.toBind:focus{ color:#FFFFFF;}
.toBind.active{ background:#999999;}

.password .tougaoRig{ max-width:335px;}
.password .tgBtn li{ width:100%;}

.userTopBg{ background:url(../images/userTopBg.jpg) center center no-repeat; background-size:cover; height:3.7rem; color:#FFFFFF; text-align:center;}
.userImg{ width:1.5rem; height:1.5rem; border-radius:50%; margin:0 auto 0.2rem; overflow:hidden; border:5px solid rgba(255,255,255,0.3);}
.userImg .imgFull{ width:100%; height:100%; border-radius:50%;}
.userTit{ font-size:0.3rem; line-height:150%;}
.bindName{ font-size:0.24rem; line-height:150%;}

.userList{ border-top:1px solid #EEEEEE; margin-top:-1px; margin-bottom:0.2rem;}
.userList li{ border-bottom:1px solid #EEEEEE;}
.userList li a{ display:block; background:#FFFFFF; color:#333333; font-size:0.24rem; line-height:0.7rem; padding:0 0.3rem; position:relative;}
.userList li a:after{ position:absolute; right:0.25rem; top:0; line-height:0.7rem; display:block; content:"\f105"; font-family:FontAwesome; color:#999999; font-size:0.22rem;}
.userIco{ display:inline-block; vertical-align:middle; width:0.32rem; height:0.32rem; margin-top:-0.04rem; margin-right:0.1rem;}
.Microcourse {
    width: 100%;
    height: 180px;
}
.Microcourse-1 {
    width: 100%;
    height: 100px;
    margin: 0 auto;
    padding: 0;

}
.Transparent {
    width: 100%;
    height: 40px;
    background-color: #1f2223;
    background: rgba(0,0,0,0.7);
    position: relative;
    top: 40%;
    z-index: 999;
}
    .Transparent h3 {
        color: #fff;
        line-height: 40px;
        font-size: 18px;
        letter-spacing: 0.1em;
        font-family: Arial,"Microsoft Yahe","微软雅黑";
    }
.col-xs-1-5,
.col-sm-1-5,
.col-md-1-5,
.col-lg-1-5 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.col-xs-4 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.col-xs-1-5 {
    width: 20%;
    float: left;
}
.Transparent_1 {
    width: 100%;
    height: 140px;
    border-radius: 5px;
    background-color: #1f2223;
    background: rgba(0,0,0,0.4);
    position: relative;
    top: 0;
    z-index: 999;
}
    .Transparent_1 h3 {
        color: #fff;
        line-height: 140px;
        font-size: 20px;
        letter-spacing: 0.1em;
        font-family: Arial,"Microsoft Yahe","微软雅黑";
    }
.col-6 {
    padding:5px;
}
.col-6-top {
    margin-top: 20px;
}
.col-Transparent {
    width: 100%;
    height: 30px;
    background-color: #1f2223;
    background: rgba(0,0,0,0.7);
    position: relative;
    top: 40%;
    z-index: 999;
}
 .col-Transparent h3 {
        color:#fff;
        line-height:30px;
    }
.col-hegiht {
    height: 100px;
}
.col-xs-4 {
    width:33.33%;
    float:left;
}
.X_show_duv {
    visibility: hidden;
    height:0px;
}
/*2023.8.17添加样式*/
.ul_p_li {
    display: inline-block;
    width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 10px;
}
.ul_li_p_a {
    display: inline-block;
    background-color: #ff6a00;
    color: #fff !important;
    margin-right: 10px;
    float: right;   
    width: 45px;
    height: 30px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    margin-top: 10px;
}
/*2023.8.18 获奖教材pc样式*/
.huojiang_pc {
    height: 70px;
    background-image: url(../images/Award.png);    
    background-repeat: no-repeat;
    background-position: 0px center;
    background-size: 190px auto;
    margin-bottom: 20px;
}
 .huojiang_pc ul {
        list-style-type: none;
        margin-left: 170px;
    }
    .huojiang_pc ul li {
        float: left;
        line-height: 70px;
    }
  .huojiang_pc ul li a {
            display: block;
            margin-right: 40px;
            color: #000;
            font-size: 15px;
        }
.huojiang_a_active {
    padding: 4px 12px;
    line-height: 30px;
    border-radius: 100px;
    background-color: #0F8AE3 ;
    margin-top: 15px;
    color: #fff !important;
}
/*2023.8.18 移动获奖教材*/
.huojiang_tel {
    background-image: url(../images/Award.png);
    background-repeat: no-repeat;
    background-position: 0 center;
    background-size: 130px auto;
}
.huojiang_tel p{ margin-left: 150px;}
.huojiang_tel h3 {
        display: inline-block;
        line-height: 70px;
        margin-left: 35px;
        margin-right: 15px;
        font-weight: bold;
    }
 .huojiang_tel a {
        display: inline-block;
        margin-right: 15px;
        color: #666;
    }
.huojiang_active_tela {
    color: #0F8AE3  !important;
    line-height: 30px;
    font-weight: bold;
}
/*新书推荐移动端*/
.newbook_tel {
   
    background-image: url(../images/title-bg-x.png);
    background-repeat: no-repeat;
    background-position: 0 center;
    background-size: 130px auto;
}
.newbook_tel p{
    margin-left: 150px;
}
.newbook_tel h3 {
        display: inline-block;
        line-height: 70px;
        margin-left: 35px;
        margin-right: 15px;
        font-weight: bold;
 }
  .newbook_tel a, .beijing a,.LanguagePress a,.Zhongnan a {
        display: inline-block;
        margin-right: 15px;
        color: #666;
    }
.newbook_tela {
   
    color: #0F8AE3  !important;
    font-weight: bold;
}
/*移动端北京出版社*/
.beijing{
    height: 50px;
    background-image: url(../images/Beijing.png);
    background-repeat: no-repeat;   
    background-size: 130px 40px;
}
.beijing p,.LanguagePress p,.Zhongnan p{
    margin-left: 150px;
    line-height: 40px;
}
.LanguagePress{
    height: 50px;
    background-image: url(../images/yuwen_Publishing.png);
    background-repeat: no-repeat;   
    background-size: 130px 40px;
}
.Zhongnan{
    height: 50px;
    background-image: url(../images/zhong_Publishing.png);
    background-repeat: no-repeat;   
    background-size: 130px 40px;
}
.information{
    height: 40px;
    background-image: url(../images/xinwen.png);
    background-position: 0 center;
    background-repeat: no-repeat;   
    background-size: 140px auto;
}
.bibliography{
    height: 40px;
    background-image: url(../images/content.png);
    background-position: 0 center;
    background-repeat: no-repeat;   
    background-size: 140px auto;
}
.dianshu_pc {
    
    /*background-image: url(../images/11.png);*/
    background-image: url(../images/xinwen.png);
    background-repeat: no-repeat;
    background-position: 0px center;
    margin-bottom: 20px;
    background-size:  190px auto;
}
.dianshu_tel {
    background-image: url(../images/content.png);
    background-repeat: no-repeat;
    background-position: 0px center;
    margin-bottom: 20px;
    background-size: 190px auto;
}
/*样式申请页面*/
.yangshu_pc {
    width: 100%;
    height: 50px;
}
.yangshu_pc p {
        padding-left:20px; font-size:16px; font-weight:bold; display:block;
    }
.yangshu_pc a {
        font-weight: normal;
        font-size: 14px;
        float: right;
        color: #333333
    }
.yangshu_tel_fanhui {
    width: 70px;
    height: 35px;
    background-color: #808080;
    border: solid 1px #808080;
    border-radius: 5px;
    color: #fff;
    margin-top: 20px;
}
.conPad_p {
    border-bottom: solid 1px #dadada;
}
.conpad_span {
    font-size: 16px;
    font-weight: bold;
    color: #303030
}
.conpad_span_one {
    float: right;
    margin-right: 5px;
}
.sousu_span {
    margin-left: 10px;
    font-weight: bold;
    font-size: 16px;
}
.sou_end {
    display: block;
    background-color: #fff;
    box-shadow: 0 6px 10px 0 rgba(95,101,105,.15);
    height: 265px;
}
.sou_book {
    max-width: 50%;
    height: auto;
    display: block;
    margin: 0 auto;
}
    @media (min-width:992px) {
        nav .navbar.bootsnav ul.nav > li > a:hover{ color:#e60012;}
nav.navbar.bootsnav ul.nav > li > a:hover:after{ left:0; width:100%;}
.hdSeaBtn:hover{ background:#e60012; color:#FFFFFF;}
.box1List li a:hover{ box-shadow:0 0 15px rgba(0,0,0,0.2);}
.box1List li a:hover .box1Img img{ transform:scale(1.05);}
.box1List li a:hover .box1TitCn{ color:#e60012;}
.box1List li a:hover .box1Text:after{ top:0;}
.box1List li:nth-child(4){ display:none;}
.box2List a:hover .box2Img{ box-shadow:0 0 15px rgba(0,0,0,0.2);}
.box2List a:hover .box2ImgHov{ opacity:1;}
.box2Prev:hover{ background-position:0 -28px;}
.box2Next:hover{ background-position:-28px -28px;}
.box3Link:hover .box3Tit{ color:#e60012;}
.box3Link:hover .box3Play{ animation:cir 2s linear infinite;}
.box4More:hover{ color:#e60012; background-image:url(../images/box4MoreBg2.png);}
.box4List li a:hover{ color:#e60012;}
.footBg a:hover{ text-decoration:underline; color:#999999;}
.bookSelCon li a:hover{ color:#e60012;}
.booksMore:hover{ color:#FFFFFF;}
.booksMore:hover:before { height:100%;}
.bookList a:hover .box2Img{ box-shadow:0 0 15px rgba(0,0,0,0.2);}
.bookList a:hover .box2ImgHov{ opacity:1;}
.bookBtn:hover{ background-color:#999999; border-color:#999999;}
.bookPrev:hover{ background-image:url(../images/bookPrevIco2.png);}
.bookNext:hover{ background-image:url(../images/bookNextIco2.png);}
.allDown:hover{ background:#e60012;}
.EcourseBot .allDown:hover{ background:#F0F0F0;}
a.EcourseTit:hover{ color:#e60012; transition:all 0.3s linear;}
.fenlei li.active a:hover{ color:#FFFFFF;}
.fenlei li a:hover{ color:#E60012;}
.classList li a:hover .classImg img{ transform:scale(1.05);}
.classList li a:hover .classTit{ color:#E60012;}
.classList a:hover .box2ImgHov{ opacity:1;}
.downList li:hover .downCon{ box-shadow:0 0 20px rgba(0,0,0,0.1);}
.downBtn:hover{ background:#e60012; color:#FFFFFF;}
.downBtn:hover .downIco{ background-image:url(../images/downIco3.png);}
.goList:hover{ color:#e60012; background-image:url(../images/goList2.png);}
.arList li a:hover{ box-shadow:0 0 20px rgba(0,0,0,0.1);}
.arList li a:hover .arTit{ color:#e60012;}
.arList li a:hover .arLine{ width:40px;}
.arBtn li a:hover{ border-color:#e60012;}
.arPrev:hover{ background-image:url(../images/arBtnIco1a.png);}
.arQzone:hover{ background-image:url(../images/arBtnIco2a.png);}
.arWeChat:hover{ background-image:url(../images/arBtnIco3a.png);}
.arGoList:hover{ background-image:url(../images/arBtnIco4a.png);}
.arSina:hover{ background-image:url(../images/arBtnIco5a.png);}
.arNext:hover{ background-image:url(../images/arBtnIco6a.png);}
.forPwd:hover{ color:#e60012;}
.otherLoginList li a:hover{ background:#e60012;}
.tkBtn:hover{ color:#e60012;}
.otherWay a:hover{ color:#E60012;}
.userLefList li a:hover{ background-color:#F6F6F6;}
.myNewsList li a:hover{ color:#E60012;}
.myNewsList li a:hover:before{ background:#E60012;}
.Microcourse {
            width: 100%;
            height: 160px;
            margin: 0 auto;
            padding: 0;
            margin-bottom: 30px;
        }
 .Microcourse_1 {
        width: 100%;
        height: 140px;
        margin: 0 auto;
        padding: 0;
    }
.Transparent {
            width: 100%;
            height: 40px;
            background-color: #1f2223;
            background: rgba(0,0,0,0.7);
            position: relative;
            top: 40%;
            z-index: 999;
        }

 .Transparent h3 {
                color: #fff;
                line-height: 40px;
            }
 .col-lg-1-5 {
        width: 20%;
        float: left;
    }
}

@media (min-width:1400px){
	.container{ width:1230px;}

}
@media (max-width:1600px){
	.logo{ height:70px;}
    /* left:30px*/
	nav.navbar.bootsnav.menu-center ul.nav.navbar-center{ }
	nav.navbar.bootsnav ul.nav > li > a{ line-height:70px;}
	.navRig{ line-height:70px;}
	.hdSearch{ padding:5px; padding-right:85px; width:350px;}
	.hdSeaBtn{ right:5px; top:5px; width:80px; height:48px; line-height:48px; font-size:16px;}
	.hdSeaInp{ height:48px; padding:5px 10px;}
    .hdSeaInp_one{ height:48px; padding:5px 10px;}
	.boxTit{ padding:40px 0 25px;}
	.boxTitH2{ font-size:26px;}

	.box4Bg{ padding:30px 0;}
	.box4Bg .row{ margin:0 -25px;}
	.box4{ padding:0 25px;}
	.box4Tit{ padding:10px 0;}
	.box4TitH3{ font-size:26px;}
	.box4List{ padding:15px 0;}
	.ftTop{ padding:30px 0 25px;}
	.ftBot{ padding:15px 0;}

	.banN{ height:420px;}
	.bookSelectBg{ padding:35px 0;}
	.bookSelBor{ padding:10px 25px;}

	.bookCen li{ font-size:15px;}
	.bookCen li a{ height:40px; line-height:40px;}

	.tougao{ margin:0 -10px;}
	.tougao li{ padding:10px;}
	.fileBtn{ width:190px; font-size:16px;}
	.fileInput{ width:190px;}
	.tgBtn{ padding:10px 0 20px;}
	.tgBtn li a{ border-width:1px;}

	.arList{ padding:40px 0 15px;}
	.arList li{ padding:0 0 25px;}

	.loginBg{ padding:70px 0 0;}
	.loginBox{ margin:75px 0;}

	.feedback li{ padding:0 10px 20px;}
	.feedback .tgBtn{ padding:10px 0;}

	.bindItem{ margin-bottom:20px;}
    .Microcourse {
        width: 100%;
        height: 150px;
        margin: 0 auto;
        padding: 0;
        margin-bottom: 10px;
    }

    .Transparent {
        width: 100%;
        height: 40px;
        background-color: #1f2223;
        background: rgba(0,0,0,0.7);
        position: relative;
        top: 40%;
        z-index: 999;
    }

   .Transparent h3 {
            color: #fff;
            line-height: 40px;
        }
    .col-lg-1-5 {
        width: 20%;
        float: left;
    }
}
@media (max-width:1400px){
    .navleft li{
        float: left;
        list-style-type: none;
        padding: 0 32px;
      } 
	.box1List{ margin:0 -12px;}
    .banner_qian_div {
        height: 93px;
    }
	.box1List li{ padding:0 12px 24px;}
	.box1Text{ padding:5px 20px 10px;}
	.box2List{ margin:0 0 20px; padding:0 10px;}
	.box2Prev{ left:-20px;}
	.box2Next{ right:-20px;}

	.box3List .swiper-container{ margin:0 -15px;}
	.box3List .swiper-slide{ padding:0 15px 30px;}
	.box3Text{ padding:15px 25px 10px;}

	.banN{ height:400px;}
	.bookList{ margin:0 -10px;}
	.bookList li{ padding:0 5px 20px;}

	.detail{ padding:10px 35px;}
	.bookTop{ padding:25px 0;}

	.oneName{ font-size:24px;}
	.onepage p{ margin:15px 0;}
	.onepage img{ margin:15px auto;}
	.oneNumRed{ font-size:36px;}
	.oneNumList{ padding:20px 0;}

	.arName{ font-size:22px; margin:15px 0;}
	.arInfor{ margin:15px 0;}
	.arText h3{ font-size:16px; margin:15px 0;}
	.arBtn{ padding:25px 0;}

	.conList{ margin:0 -10px;}
	.conList li{ padding:0 10px 20px;}

	.LayBg{ padding:15px 30px 25px;}
	.LayTit{ font-size:22px;}
    .col-lg-1-5 {
        width: 20%;
        float: left;
    }
}
@media (max-width:1200px){
    .navleft ul{
        margin-left: 142px;
    }
    .navleft li{
        float: left;
        list-style-type: none;
        padding: 0 19px;
      } 
      .nava{
        display: inline-block;
        width: 55px;
        height: 30px;
        border: solid 1px #808080;
        line-height: 30px;
        color: #808080;
        border-radius: 4px;
        margin-right: 15px;
        text-align: center;
        right: 0;
      }
      .nactive{
        border: solid 1px #0F8AE3;
        color: #0F8AE3;
      }
    .box_one {
        width: 240px;
        height: 35px;
        border: solid 1px #ccc;
        border-radius: 18px;
        display: inline-block;
        margin-top: 17px;
    }

    .select_one {
        width: 50px;
        height: 33px;
        margin-left: 10px;
        float: left;
        text-align: center;
        border: none;
        background-color: rgba(0, 0, 0,0);
        outline: none;
        color: #808080;
    }

    .input_one {
        width: 130px;
        height: 33px;
        border: none;
        background-color: rgba(0, 0, 0,0);
        float: left;
        font-size: 12px;
    }

    .box_one_img {
        float: right;
        margin-right: 10px;
        margin-top: 7px;
        width: 20px;
    }
	.logo{ max-width:240px;}
    .banner_qian_div {
        height: 93px;
    }
    nav.navbar.bootsnav.menu-center ul.nav.navbar-center {
        left: -80px;
    }
	nav.navbar.bootsnav ul.nav > li{ margin:0 8px;}
	.navRig > ul > li.hdLogin{ padding-right:5px;}
	.navRig > ul > li.hdRegister{ padding-right:15px;}
	.hdSeaIco{ width:70px;}
	.box1Text{ padding:5px 15px 10px;}
	.box1Text:after{ height:38px;}
	.box1TitCn{ font-size:16px; line-height:20px;}
	.box3List .swiper-container{ margin:0 -10px;}
	.box3List .swiper-slide{ padding:0 10px 20px;}
	.box3Img{ width:170px; height:160px;}
	.box3Play{ width:35px; height:35px; margin:-17px 0 0 -17px;}
	.box3Text{ margin-left:170px; padding:10px 15px;}
	.box3Tit{ font-size:15px; line-height:22px; max-height:44px;}
	.box3Line{ margin:10px 0;}
	.box4Bg{ padding:20px 0;}
	.box4Bg .row{ margin:0 -15px;}
	.box4{ padding:0 15px;}
	.box4Tit{ line-height:32px;}
	.box4TitH3{ font-size:22px; line-height:32px;}
	.ftBotLef,.ftBotRig{ float:none !important; width:100%; text-align:center;}

	.banN{ height:360px;}
	.bookSelectBg{ padding:25px 0;}
	.bookSelBor{ padding:10px 15px;}
	.bookList{ margin:0 -7px;}
	.bookList li{ width:25%; padding:0 7px 10px;}

	.detail{ padding:10px 20px; margin-bottom:40px;}
	.bookTop{ padding:20px 0;}
	.bookTpRig{ width:60%; padding:10px 0 0;}
	.bookTpTit{ font-size:22px; margin:10px 0;}
	.bookTpInfor{ margin:20px 0;}
	.bookTpBtn{ margin:0 -6px;}
	.bookTpBtn li{ padding:6px;}
	.bookTpBtn a{ height:0.4rem; line-height:0.4rem;}
	.bookCon{ padding:15px 0;}
	.bookLiTit{ font-size:16px; background-size:13px auto; padding-left:20px;}
	.bookCon .bookList li:nth-child(5){ display:none;}

	.fenlei li a{ padding:8px 5px;}
	.E-course{ padding:25px 0;}
	.mClssList{ padding:30px 0 20px;}

	.classList{ margin:0 -10px;}
	.classList li{ padding:0 10px 20px;}
	.classTit{ font-size:15px; padding:14px 10px;}

	.downList{ margin:0 -10px;}
	.downList li{ padding:0 10px 25px;}
	.downCon{ padding:15px 20px;}
	.downLef{ margin-right:110px;}
	.downBtn{ right:15px; width:100px; height:36px; line-height:34px; font-size:13px;}

	.mClassTop{ margin-bottom:20px;}
	.mClassTit{ font-size:22px;}
	.mClassCen{ padding:0;}
	.mClassBrief{ padding:15px 20px;}
	.mClassBot{ padding:25px 0;}

	.onepage{ padding:20px 0;}
	.oneNumList{ padding:10px 0;}
	.oneNumList li{ font-size:14px;}
	.oneNumRed{ font-size:32px;}

	.arList{ padding:30px 0 15px;}
	.arList li{ padding:0 0 15px;}
	.arList li a{ padding:20px;}
	.arImg{ width:260px; height:170px; margin-right:20px;}
	.arTit{ font-size:16px;}
	.arLine{ margin:10px 0;}

	.conPad{ padding:15px 20px;}
	.loginBox{ margin:45px 0;}
    /* userLef 里面的margin-top:-70px;*/
	.userLef{ width:170px;}
	.userLefH2{ height:70px; line-height:70px;}
    /* padding:15px 15px 40px;*/
    .userLefList {
        padding:0px;
    }
	.userLefList li a{ font-size:14px; line-height:40px; padding-left:30px; background-position:7px center; background-size:15px auto;}
	.userRig{ margin-left:200px;}
	.userRigH2{ font-size:20px; padding:5px 0; margin-bottom:25px; line-height:30px;}
	.userRigH2 span{ font-size:16px;}
	.perList{ margin:0 -10px;}
	.perItem{ padding:0 10px 20px;}
	.myNewsList{ margin:-10px 0 30px;}

	.hisRecord{ padding:0 0 20px;}
	.hisRecord .box3Img{ width:170px;}
	.hisRecord .box3Text{ margin-left:170px;}

	.bindItem{ margin-bottom:15px; padding:0 20px;}
	.bindText{ padding-right:230px;}
	.bindLef{ padding-right:15px;}
	.bindTip{ font-size:22px;}
    .box3Play {
        width: 35px;
        height: 35px;
        margin: -30px 0 0 -17px;
    }
    .col-lg-1-5 {
        width: 20%;
        float: left;
    }
}
@media (max-width:1023px) and ( min-width:993px){
	nav.navbar.bootsnav.menu-center ul.nav.navbar-center{ float:none; margin:0 auto; display:table; table-layout:fixed; padding:0;}
	.navRig{ position:static; margin:0;}
    .gengduo_img {
        height: 265px;
    }
}
@media (max-width:992px){
    .gengduo_img {
        height: 265px;
    }
    .carousel-inner img {
        width: 100%;
        height: auto;
        display: block;
    }
    .X_show_duv {
        visibility: hidden;
        height: 150px;
    }
	nav.bootsnav .container{ width:100%;}
	nav.navbar.bootsnav .navbar-header{ padding:0; margin:0;}
	.logo{ position:static; padding:10px 0; height:60px;}
	.logo img{ max-height:100%;}
	nav.navbar.bootsnav .navbar-brand{ float:left !important; display:flex;}
	nav.navbar.bootsnav .navbar-toggle{ float:right; margin:0; top:16px; right:0; background:none !important; color:#e60012; font-size:18px;}
	nav.navbar.bootsnav .navbar-nav{ margin:0; left:0; padding:10px 0;}
	#navbar-menu{ padding:0 15px; margin:0; border-top:1px solid rgba(0,0,0,0.2); max-height:none;}
	nav.navbar.bootsnav.menu-center ul.nav.navbar-center{ position:static; padding:0;}
	.navList{ position:absolute; left:0; width:100%; background:#000000; background:rgba(255,255,255,0.9); box-shadow:0 3px 3px rgba(0,0,0,0.1);}
	nav.navbar.bootsnav ul.nav{ position:static; left:0; text-align:left;}
	nav.navbar.bootsnav ul.nav > li{ padding:0; margin:0; position:relative;}
	nav.navbar.bootsnav ul.nav > li > a{ padding:0; text-align:left; line-height:40px; border-bottom:none; color:#333333;}
	nav.navbar.bootsnav ul.nav > li > a:after{ height:1px; top:auto; bottom:-1px; z-index:1;}
	.navRig{ line-height:60px; right:45px !important; margin:0;}
	.banner{ height:auto;}

	.box1List li a{ height:1.5rem; border-radius:5px; box-shadow:5px 5px 7px rgba(0,0,0,0.1); padding:0.15rem;}
	.box1Text{ height:100%; width:100%; padding:0; border:1px solid rgba(243,134,173,0.2); padding-right:35%;}
	.box1Text:after{ display:none;}
	.box1Tit{ border:none;}
	.box1Ico{ position:absolute; top:50%; transform:translateY(-50%); right:0; width:45%;}
	.box1Ico img{ margin:0 auto; max-width:60%;}
	.box1TitCn{ font-size:0.24rem; text-align:center; line-height:120%; white-space:normal;}
	.box1TitCn strong{ font-weight:normal;}
	.boxBrief{ max-height:48px; overflow:hidden;}
	.box1List li:nth-child(2n) .box1Text{ padding-right:0; padding-left:35%;}
	.box1List li:nth-child(2n) .box1Ico{ right:auto; left:0;}

	.box2List{ padding:0; margin:0 0 0.2rem;}
	.box2List .swiper-container{ padding:0;}
	.box2Btn{ width:0.38rem; height:1rem; top:48%; background:url(../images/box2Arrow.png) center center rgba(0,0,0,0.75) no-repeat; background-size:42% auto; z-index:1; transition-duration:0s;}
	.box2Btn.active{ background-color:#e60012;}
	.box2Prev{ left:0;}
	.box2Next{ right:0; transform:scaleX(-1) translateY(-100%);}

	.box4Bg{ padding:0;}
	.box4Bg .container{ width:100%; padding:0;}
	.box4Bg .row{ margin:0;}
	.box4{ padding:0.2rem 15px;}
    box4:nth-child(2n) {

    }
    /*.box4:nth-child(2n){ background:#F6F6F6;}*/
    .box4Tit, .box4List {
        max-width: 720px;
        margin: 0 auto;
    }

	.ftTopRig{ margin:0 -5px;}
	.ftTopRig li{ padding:0 5px;}

	.banN{ height:2.4rem;}
	.bookSelectBg{ padding:0.3rem 0;}
	.bookSelBor{ padding:5px 10px;}
	.bookSelect{ position:relative;}
	.bookSelItem{ overflow:visible;}
	.bookSelItem.active{ max-height:224px; overflow-y:auto;}
	.bookSelLef{ float:none; width:100%; line-height:32px; margin-bottom:-5px;}
	.bookSelLef img{ max-width:17px;}
	.bookSelRig{ margin:0;}
	.bookSelCon{ padding:5px 0; margin-right:0;}
	.bookSelCon li{ padding-left:0; padding-right:15px;}
	.bookSelOption{ line-height:32px; width:50px; position:absolute; right:0; top:5px;}
	.booksMore,.loadMore{ margin:0 auto 0.4rem;}
	.bookList li{ width:33.33%;}
	.bookTpLef,.bookTpRig{ float:none; width:100%;}
	.bookTpMax{ height:auto;}
	.bookTpMax .swiper-container,.bookTpMax .swiper-slide{ height:auto !important;}
	.bookTpBrief{ max-height:none;}
	.bookCon .bookList{ text-align:center;}
	.bookCon .bookList li{ text-align:left;}
	.bookCon .bookList li:nth-child(5){ display:inline-block;}
	.EcourseTit{ padding-left:20px;}
	.EcourseBot li .EcourseTit{ padding-left:20px;}

	.fenlei{ padding:10px 0;}
	.fenlei li a{ min-width:100px; padding:5px; line-height:24px;}
	.fenlei li.active a{ background:none; color:#e60012;}
	.mClssList .swiper-slide{ width:100%;}

	.downList{ margin:0 -5px;}
	.downList li{ padding:0 5px 10px;}

	.mClassTop{ padding:15px 0;}
	.goList{ background-size:24px auto; padding-left:28px;}
	.mClassTit{ font-size:20px;}
	.mClassBrief,.mClassWechat{ float:none; width:100%;}
	.mClassWechat{ text-align:center; display:none;}
	.mClassWxImg{ max-width:120px;}
	.mClassRig{ max-width:100px;}
	.mClassBot{ padding:15px 0 10px;}

	h2.mClassTit img{ max-width:28px;}
	.tgBtn{ padding:0;}
	.tgBtn li{ max-width:220px;}

	.oneNumList{ padding:0;}
	.oneNumList li{ width:33.33%; margin:10px 0;}


	.arList{ padding:20px 0 15px;}
	.arList li a{ padding:15px;}
	.arImg{ width:220px; height:140px;}
	.arTit{ font-size:15px;}
	.arLine{ margin:5px 0; height:2px;}
	.arBrief{ height:48px; margin:5px 0;}
	.arBot span{ background-size:14px auto; padding-left:18px;}

	.conList{ padding:0;}
	.conList li{ height:auto !important; width:100%;}

	.loginBg{ padding:0.7rem 0 0; min-height:calc(100% - 0.8rem);}
	.loginBox{ float:none; min-width:0;}

	.userLef{ float:none; width:100%; margin-top:-50px; margin-bottom:0;}
	.userLefH2{ height:50px; line-height:50px; font-size:20px;}
	.userLefList{ overflow:hidden; padding:15px;}
	.userLefList li{ float:left; width:25%;}
	.userRig{ margin:0;}
	.perList{ margin:0 -5px;}
	.perItem{ padding:0 5px 10px; width:100%;}
	.userRig .loadMore{ margin:0 auto;}

	.hisRecord{ padding:0;}

	.password .tougaoRig{ max-width:none;}
    .col-hegiht {
        height: 180px;
    }
    .col-Transparent {
        width: 100%;
        height: 50px;
        background-color: #1f2223;
        background: rgba(0,0,0,0.7);
        position: relative;
        top: 40%;
        z-index: 999;
    }

        .col-Transparent h3 {
            color: #fff;
            line-height: 50px;
        }
}
@media (max-width:767px){
    .gengduo_img {
        height: 265px;
    }
    .carousel-inner img {
        width: 100%;
        height: auto;
        display: block;
    }
    /*四个图片分类*/
    .img_type {
        margin-top: 20px;
        margin-bottom: 0px;
    }
    /*新闻咨询*/
    .Xin_new {
        height: 70px;
        background-image: url(..//images/tel_xinwen.gif);
        background-repeat: no-repeat;
        background-position: 0px center;
        margin-bottom: 20px;
    }
    .X_show_duv {
        visibility: hidden;
        height: 150px;
    }
    .boxTit {
        padding: 0.3rem 0 0.25rem;
    }
	.boxTitH2{ font-size:0.34rem;}
	.boxTitIco{ margin:0.1rem auto;}
	.box2Text{ line-height:22px;}
	.ftTop{ padding:15px 0;}
	.ftTopLef,.ftTopRig{ float:none !important; width:100%; text-align:center;}
	.ftTopLef{ padding-bottom:15px; margin:0 -5px;}
	.ftTopLef li{ padding:0 5px;}
	.detail{ padding:10px 15px;}
	.bookTpBtn{ margin:0 -0.05rem;}
	.bookTpBtn li{ width:33.33%; font-size:0.24rem; padding:0.05rem;}
	.bookTpBtn a{ height:0.5rem; line-height:0.48rem;}
	.bookTpBtn span{ width:0.3rem; height:0.3rem;}
	.bookItem li span{ padding:0;}

	h2.mClassTit{ float:none;}
	.titRig{ float:none; text-align:left;}
	.onepage img{ margin:10px auto;}
	.oneImg img{ margin:0 auto;}

	.conTab{ padding:10px 0 0;}

	.loginBg .container{ width:100%;}

	.LayBg{ padding:15px 15px 25px;}
	.LayTit{ padding:5px 0 10px; margin:0 0 15px;}
	.LayClose{ width:18px; height:18px; margin-top:4px;}
	.LayText h4{ font-size:15px;}
	.mCSB_scrollTools{ width:5px !important;}
	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:5px !important;}
    .box3Play {
        width: 35px;
        height: 35px;
        margin: -30px 0 0 -17px;
    }
    .col-hegiht {

        height: 180px;
    }
    .col-Transparent {
        width: 100%;
        height: 50px;
        background-color: #1f2223;
        background: rgba(0,0,0,0.7);
        position: relative;
        top: 40%;
        z-index: 999;
    }

        .col-Transparent h3 {
            color: #fff;
            line-height: 50px;
        }
}
@media (max-width:640px){
    .box2Img img {
        margin: 0 auto;
        width: 205px;
        height:216px;
    }
 .carousel-inner img {
        width: 100%;
        height: auto;
        display: block;
    }
    .gengduo_img {
        height: 215px;
    }
    /*四个图片分类*/
    .img_type {
        margin-top: 20px;
        margin-bottom: 0px;
    }
    /*新闻咨询*/
    .Xin_new {
        height: 70px;
        background-image: url(../images/tel_xinwen.gif);
        background-repeat: no-repeat;
        background-position: 0px center;
        margin-bottom: 20px;
    }
    .X_show_duv {
        visibility: visible;
        height: 150px;
    }
	.logo{ height:50px;}
	nav.navbar.bootsnav .navbar-toggle{ top:12px;}
	.navRig{ display:none;}
	.banPage .swiper-pagination-bullet{ width:10px; height:10px;}
	.box1List{ padding-bottom:20px;}
	.box2Tit{ font-size:0.24rem; line-height:110%; margin-bottom:0.05rem;}
	.detail{ margin-top:-20px; margin-bottom:15px;}
	.bookCenBg{ margin:0 -15px;}
	.bookCen li{ width:20%; text-align:center;}
	.bookCen li a{ padding:0 5px;}
	.EcourseTop{ padding:0; border:none;}
	.EcourseTop .EcourseNum,.EcourseTop .EcourseTit{ display:none;}
	.allDown{ position:static; width:100%;}
	.E-course{ padding:15px 0;}
	.EcourseBot li{ padding:0; height:auto;}
	.EcourseBot li .EcourseTit{ padding:0; line-height:18px;}
	.EcourseBot .EcourseNum,.EcourseBot .EcourseTit{ float:none; width:100%; text-align:left;}
	.EcourseNum strong,.EcourseTit strong{ display:inline;}
	.EcourseBot .allDown{ text-align:left;}
	.goList{ float:none; text-align:left;}
	.mClassTit{ margin:0; font-size:18px; line-height:24px;}

	.tougao li{ padding:5px 10px;}
	.tougaoTit{ float:none; width:100%; padding:0; line-height:30px; height:auto; text-align:left;}
	.tougaoRig{ margin:0;}
	.tgInput{ height:40px; line-height:28px;}
	.fileBtn{ height:40px; line-height:40px;}
	.tgBtn{ margin:0 -5px;}
	.tgBtn li{ padding:5px;}
	.tgBtn li a{ font-size:16px; height:38px; line-height:36px;}

	.arImg{ float:none; width:100%; height:auto; margin:0;}
	.arImg .imgFull{ background:none !important;}
	.arImg .imgFull img{ display:block; margin:0 auto;}
	.arBrief{ height:auto; max-height:72px;}
	.arBot span{ display:block;}

	.arName{ font-size:20px; margin:10px 0;}
	.arInfor span{ display:inline-block;}
	.arText h3{ font-size:15px; margin:10px 0;}
	.arBtn{ padding:15px 0; margin:0 -5px;}
	.arBtn li{ padding:5px;}

	.loginBox{ margin:25px 0;}
	.registerBox{ min-height:0; padding:0 15px 30px;}
	.registerBox .loginList{ margin:0 -10px;}
	.registerBox .loginList li{ padding:0 10px 20px; width:100%;}


	.perLab{ float:none; display:block; width:100%; padding:0; line-height:30px; text-align:left;}
	.perRig{ margin:0;}
	.tgInput{ height:40px; line-height:28px;}
	.fileBtn{ height:40px; line-height:40px;}

	.myNewsList{ margin:-10px 0 20px;}
	.myNewsList li{ line-height:22px; padding:7px 0;}
	.myNewsTime{ float:none; display:block; padding-left:10px;}

	.feedback li{ padding:0 10px 10px;}
	.feedback .tgBtn{ padding:0;}

	.bindText{ padding:0;}
	.bindRig{ position:static; transform:translateY(0); text-align:center;}
	.bindLef{ border:none; border-top:1px solid #dddddd; margin-top:15px; padding:15px 0 0;}
	.bindTip{ font-size:18px;}
    .col-hegiht {
        height: 100px;
    }
    .col-Transparent {
        width: 100%;
        height: 30px;
        background-color: #1f2223;
        background: rgba(0,0,0,0.7);
        position: relative;
        top: 40%;
        z-index: 999;
    }

        .col-Transparent h3 {
            color: #fff;
            line-height: 30px;
        }
}
@media (max-width:460px){
    .gengduo_img {
        height: 215px;
    }
    .ul_p_li {
        display: inline-block;
        width: 200px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-top: 10px;
    }
   
    .carousel-inner img {
        width: 100%;
        height: auto;
        display: block;
    }
    /*四个图片分类*/
    .img_type {
        margin-top: 20px;
        margin-bottom: 0px;
    }
   
    .X_show_duv {
        visibility: visible;
        height: 150px;
    }
    .box2Img img {
        margin: 0 auto;
        width: 170px;
        height: 214px;
    }
	.box1List{ margin:0 -5px; padding-bottom:15px;}
	.box1List li{ padding:0 5px 10px;}
	.box1List li a{ padding:0.1rem; border-radius:2px; box-shadow:3px 3px 5px rgba(0,0,0,0.1);}
	.box2Img{ padding:5px;}
	.box2Btn{ top:45%;}
	.box3Img{ width:150px; height:160px; }
    .box3Img img {
            width:150px; height:160px;
        }
    .Microcourse {
        width: 100%;
        height: 100px;
        margin: 0 auto;
        padding: 0;
        margin-bottom: 10px;
    }

    .Transparent {
        width: 100%;
        height: 40px;
        background-color: #1f2223;
        background: rgba(0,0,0,0.7);
        position: relative;
        top: 40%;
        z-index: 999;
    }
        .Transparent h3 {
            color: #fff;
            line-height: 40px;
        }
    .box3Play {
        width: 35px;
        height: 35px;
        margin: -25px 0 0 -17px;
    }
	.box3Text{ margin-left:145px;}
	.box3Tit{ font-size:14px; line-height:20px; max-height:40px;}
	.box3Line{ margin:5px 0; height:2px;}
	.box3Brief{ max-height:48px;}
	.box3Page .swiper-pagination-bullet{ width:12px; height:12px; margin:0 4px;}
	.box4Tit{ padding:0.15rem 0; line-height:0.44rem;}
	.box4TitH3{ font-size:0.34rem; line-height:0.44rem;}
	.ftMobBg{ /*height:0.86rem;*/ height:1rem;}
    .ftMob { /*height:0.86rem;*/
        height: 1rem; line-height:0.86rem;
    }
	.ftMobIco{ width:0.5rem; height:0.5rem;}
	.fenlei li a{ min-width:90px;}
	.booksMore{ width:160px; height:34px; line-height:32px;}
	.bookList{ margin:0 -5px;}
	.bookList li{ width:50%; padding:0 5px 10px;}
	.loadMore i{ font-size:0.3rem; margin-right:5px; vertical-align:baseline;}
	.bookTpMin{ height:50px; padding:0 30px;}
	.bookBtn{ width:20px; background-size:8px auto;}
	.bookTpInfor strong{ font-size:20px;}
	.bookTpBtn li{ width:100%;}
	.bookTpBtn li a{ height:0.6rem; line-height:0.58rem;}
	.bookCenBg{ overflow-x:auto;}
	/*.bookCen{ width:400px;}*/
    .bookCen li a {
        padding: 0 2px;
    }
	.bookItem{ margin:-10px 0;}
	.bookItem li span{ height:36px; line-height:36px;}
	.bookCon .bookList li:nth-child(5){ display:none;}
	.allDown{ line-height:40px;}
	.mClssList{ padding:20px 0 10px;}
	.classList{ margin:0 -4px;}
	.classList li{ padding:0 4px 8px;}
	.classTit{ font-size:14px; padding:10px 5px;}
	.downCon{ padding:15px;}
	.downLef{ margin:0;}
	.downTit{ font-size:15px;}
	.downBtn{ position:static; width:100%; transform:translateY(0); margin-top:10px;}
	.mClassBrief{ padding:10px;}
	h2.mClassTit img{ max-width:24px;}

	.oneNumList li{ margin:5px 0; width:50%;}
	.oneName{ font-size:22px; margin:5px 0;}
	.oneNumRed{ font-size:22px;}

	.arList li a{ padding:8px;}
	.arTit{ font-size:14px;}
	.arBtn{ margin:0 -2px;}
	.arBtn li{ padding:2px;}
	.arBtn li a{ width:32px; height:32px; background-size:18px auto;}
	.arBtn li a.arPrev, .arBtn li a.arNext{ width:32px; height:32px;}

	.conPad{ padding:10px;}
	.conName{ font-size:16px; padding:4px 0 6px; margin:0 0 10px;}
	.loginBg{ min-height:calc(100% - 0.86rem);}
	.loginBox{ min-height:0; padding:0 15px 30px;}
	.loginTit{ padding:20px 0; margin:0 -15px;}
	.loginTit li{ padding:0 15px;}
	.loginList li{ padding-bottom:20px;}
	.loginBtn{ line-height:38px; font-size:18px;}
	.otherLogin{ padding:5px 0 0;}
	.otherLoginTit{ font-size:15px;}

	.yzmBtn{ width:110px;}
	.yzmInput{ padding-right:120px;}
	.forPassWord .yzmInput{ padding-right:120px;}
	.LayTit{ font-size:18px;}
	.LayClose{ width:16px; height:16px;}

	.forPassWord .login{ padding:20px 0 0;}
	.forPwdTip{ margin-bottom:15px;}
	.forPwdTel{ margin:0 0 25px;}
	.otherWay{ padding:25px 0 0;}
	.resetPwd{ padding:15px 0 15px;}
	.loginBtn2{ margin:15px auto 0; line-height:36px;}
	.userLef{ margin-top:-40px;}
	.userLefH2{ height:40px; line-height:40px; font-size:18px;}
	.userLefList li{ width:33.33%;}
	.userLefList li a{ padding-left:24px; background-size:15px auto; background-position:7px center;}
	.userRigH2{ font-size:16px; margin-bottom:15px;}
	.userRigH2 span{ font-size:14px;}
	.perSel select{ width:100%; margin:0 0 10px;}
	.perSel select:last-child{ margin:0;}

	.hisRecord .box3Img{ width:130px; height:110px;}
	.hisRecord .box3Text{ margin-left:130px;}
    .col-hegiht {
        height: 100px;
    }
    .col-Transparent {
        width: 100%;
        height: 30px;
        background-color: #1f2223;
        background: rgba(0,0,0,0.7);
        position: relative;
        top: 40%;
        z-index: 999;
    }

        .col-Transparent h3 {
            color: #fff;
            line-height: 30px;
        }
}
@media (max-width:360px){
    .gengduo_img {
        height: 215px;
    }
    .ul_p_li {
        display: inline-block;
        width: 150px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-top: 10px;
    }
    .carousel-inner img {
        width: 100%;
        height: auto;
        display: block;
    }
    /*四个图片分类*/
    .img_type {
        margin-top: 20px;
        margin-bottom: 0px;
    }
    /*新闻咨询*/
    .Xin_new {
        height: 70px;
        background-image: url(../images/tel_xinwen.gif);
        background-repeat: no-repeat;
        background-position: 0px center;
        margin-bottom: 20px;
    }
    .X_show_duv {
        visibility: visible;
        height: 150px;
    }
    .box2Img img {
        margin: 0 auto;
        width: 170px;
        height: 214px;
    }
	.logo{ height:40px; padding:5px 0;}
	nav.navbar.bootsnav .navbar-toggle{ top:8px;}
	.box1List li a{ height:1.3rem;}
	.box1TitCn{ font-size:0.22rem;}
	.box3Img{ width:120px; height:80px;  margin-right:5px; margin-top:5px;}
    .Microcourse {
        width: 100%;
        height: 80px;
        margin: 0 auto;
        padding: 0;
        margin-bottom: 10px;
    }

    .Transparent {
        width: 100%;
        height: 40px;
        background-color: #1f2223;
        background: rgba(0,0,0,0.7);
        position: relative;
        top: 40%;
        z-index: 999;
    }

        .Transparent h3 {
            color: #fff;
            line-height: 40px;
        }
    .box3Play {
        width: 35px;
        height: 35px;
        margin: -30px 0 0 -17px;
    }
	.box3Text{ margin-left:110px;}
	.ftTopLef li{ width:100%; text-align:left; max-width:none;}
	.ftTopLef li p{ display:inline-block; vertical-align:middle; padding:0 7px 0 0;}
	.ftTopTit{ margin:0;}
	.fenlei{ padding:5px 0;}
	.fenlei li a{ min-width:79px;}
	.bookSelCon li{ padding-right:14px;}
	.bookTpMax{ border:none;}
	.bookTpMax .swiper-container{ border:1px solid #dddddd;}
	.bookTpMax img{ padding:0.2rem;}
	.bookTpMax .bookBtn{ display:block; height:50px; top:50%; margin-top:-25px; opacity:0.7;}
	.bookTpMax .bookPage{ display:block;}
	.bookPrev{ left:-1px;}
	.bookNext{ right:-1px;}
	.bookTpMin{ display:none;}
	.bookTpRig{ padding:0;}
	.bookTpTit{ font-size:20px; margin:5px 0;}
	.bookCen li{ font-size:14px;}

	.hisRecord .box3Img{ width:110px; height:100px;}
	.hisRecord .box3Text{ margin-left:110px;}
	.hisRecord .box3Line{ margin:5px 0;}

	.bindTip{ font-size:16px;}
    .col-hegiht {
        height: 100px;
    }
    .col-Transparent {
        width: 100%;
        height: 30px;
        background-color: #1f2223;
        background: rgba(0,0,0,0.7);
        position: relative;
        top: 40%;
        z-index: 999;
    }

        .col-Transparent h3 {
            color: #fff;
            line-height: 30px;
        }
}
@media (max-height:400px){
    .gengduo_img {
        height: 215px;
    }
    .carousel-inner img {
        width: 100%;
        height: auto;
        display: block;
    }
    .ul_p_li {
        display: inline-block;
        width: 150px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-top: 10px;
    }
    /*四个图片分类*/
    .img_type {
        margin-top: 20px;
        margin-bottom: 0px;
    }
    /*新闻咨询*/
    .Xin_new {
        height: 70px;
        background-image: url(../images/tel_xinwen.gif);
        background-repeat: no-repeat;
        background-position: 0px center;
        margin-bottom: 20px;
    }
    .X_show_duv {
        visibility: visible;
        height: 150px;
    }
    .box2Img img {
        margin: 0 auto;
        width: 170px;
        height: 214px;
    }
   .box3Img {
        width: 150px;
        height: 100px;
        margin-right: 25px;

        margin-top: 10px;
    }
}