/*头部公众号**/
#topdiv .top_right { 
position:absolute;
right:80px;
line-height:85px;
cursor:pointer;
min-width:800px;
height:85px;

}
#topdiv .top_right .QrAll { 
/*position:absolute;
right:-30px;
width:300px;*/
}
#topdiv .top_right #userdiv{ 
position:absolute;
right:0px;
top:0px ;
}
/**微信公众号*/
#topdiv .top_right a.QrCode,.fixed_nav a.btn { 
color:#fff;
display:inline-block;
margin-left:10px;
position:relative;
}
#topdiv .top_right a.QrCode {
height:85px;
line-height:85px;
float:right;
margin-right:150px;
}
#topdiv .top_right a.QrCode span{
position:absolute;
top:75px;
left:-65px;
z-index:9999;
width:80px;
height:80px;
display:none;
}
#topdiv .top_right a.QrCode img {
width:200px;
height:200px;
}
#topdiv .top_right a.QrCode span i {
border-top:8px solid transparent;
border-bottom:8px solid #fff;
border-right:8px solid transparent;
border-left:8px solid transparent;
position:absolute;
top:-17px;
left:95px;
}
/**相关插件*/
#topdiv .top_right div.PlugIn {
float:right;
position:relative;
margin-right:80px;
color:#fff;
margin-top:2px;
}
#topdiv .top_right div.PlugIn label {
font-size:15px;
line-height:85px;
display:block;
cursor:pointer;
}
#topdiv .top_right .PlugCon {
position:absolute;
padding:63px 25px;
width:280px;
background:#fff;
border:1px solid #C8C8CB;
z-index:10001;
left:-130px;
top:72px;
line-height:22px;
box-shadow:1px 2px 2px #D4D4D4;
display:none;
}
#topdiv .top_right .PlugCon:before {
display:block;
content:'';
width:0;
height:0;
border-left:8px solid transparent;
border-right:8px solid transparent;
border-top:8px solid transparent;
border-bottom:8px solid #fff;
position:absolute;
left:150px;
top:-18px;
        
}
#topdiv .top_right .PlugCon a {
float:left;
width:93px;

}
#topdiv .top_right .PlugCon a:hover span {
color:#00B7EE;
}

#topdiv .top_right .PlugCon a img {
display:block;
margin:0 auto;
}
#topdiv .top_right .PlugCon a span {
display:block;
width:80px;
font-size:13px;
margin-top:5px;
text-align:center;
}
#topdiv .top_right a.btn,.fixed_nav a.btn { 
padding:0 10px;
height:25px;
line-height:25px;
text-align:center;
background:#10AE59;
border:1px solid #10A152;
border-radius:3px;
}
#topdiv .fixed_nav { 
min-width:1200px;
width:100%;
background:#303642;
height:85px;
z-index:9990;
position:fixed;
top:0;
}
    #topdiv .fixed_nav .top_nav {
        position: absolute;
        /*right:300px !important;
*/ /*overflow:hidden;*/
        right: 0px !important;
    }
#topdiv .fixed_nav a.btn { 
position:absolute;
right:50px;
top:25px;
}

/*广告条**/
#addiv { 
width:100%;
background:#fff;
}
#addiv .Addnav { 
width:1200px;
min-width:1200px;
margin:0px auto 1px auto;
background:#fff;
height:46px;


}
#addiv .Addnav  .nav_l { 
float:left;
/*width:224px;*/
font-size:16px;
position:relative;
border:1px solid #fff;
}
#addiv .Addnav .nav_l .title { 
height:45px;
line-height:45px;

/*width:224px;
*/
display:inline-block;
/*background:#10AE59;
*/}
#addiv .Addnav .nav_l .title a { 
padding-left:60px;
display:inline-block;
background:url('../../Img/icon/0_1.png') no-repeat 25px 12px;
color:#555;
transition:0.5s all;
}
    #addiv .Addnav .nav_l:hover .title {
        width: 208px;
    }
    #addiv .Addnav .nav_l:hover .title a {
        background: #10AE59 url('../../Img/icon/qbkc.png') no-repeat 20px 10px;
        color: #fff;
        width: 100%;
    }
       
    #addiv .Addnav .nav_l .nav_llist {
        width: 224px;
        background: rgba(0,0,0,.5);
        position: absolute;
        z-index: 9980;
        left: 0;
        display: none;
    }
    #addiv .Addnav .nav_l:hover .nav_llist {
        display: block;
    }
#addiv .Addnav .nav_l .nav_llist li { 
line-height:77px;
border:1px solid #fff;
border-top:none;
width:100%;
text-align:center;
color:#fff;
cursor:pointer;

}
#addiv .Addnav .nav_l .nav_llist li .ctypelist .noCourseImg img{
display:block;
margin:30px auto 0px auto;
}
 
#addiv .Addnav .nav_l .nav_llist li .ctypelist
{
display:none;
height:392px;width:750px;left:224px;top:-1px;z-index:999;position:absolute;background-color:white;
/*background-image: url(/Content/Image/Index/bgallcourse.png);*/
/*background-position:right 50px bottom 30px;*/
background-repeat:no-repeat; 
background-attachment:fixed;
background-repeat:no-repeat;
background-size:cover;
-moz-background-size:cover;
-webkit-background-size:cover;
}
#addiv .Addnav .nav_l .nav_llist li .ctypelistcontent
{
height: 440px; 
width:700px;
padding:10px 20px;
font-size:16px;
font-family:'微软雅黑';
background-image: url(/Content/Image/Index/people1.png);
background-position:right 130px bottom 160px;
background-repeat:no-repeat; 
}
#addiv .Addnav .nav_l .nav_llist li .ctypelistcontent .ctypetitle
{
color: #0b74cb;
font-weight:bold;
line-height:30px;
text-align:left;
height:30px;
}
#addiv .Addnav .nav_l .nav_llist li .ctypelistcontent .courselist
{
color:#303642;
line-height:28px;
overflow:hidden;
}
#addiv .Addnav .nav_l .nav_llist li .ctypelistcontent .courselist > div
{
border-bottom:1px solid #cccccc;
width:300px;
line-height:28px;
text-align:left;
float:left;
margin:0 15px;
overflow:hidden;
}
#addiv .Addnav .nav_l .nav_llist li .ctypelistcontent .courselist  a
{
width:300px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
color:#303642;

margin:0px;
padding:0px;
border:0px solid red;
text-align:left;
display:inline-block;
margin-right:10px;

}
#addiv .Addnav .nav_l .nav_llist li .ctypelistcontent .courselist  a:hover
{
color:#ff9600;
}
#addiv .Addnav .nav_l .nav_llist li:hover,#addiv .Addnav .nav_l .nav_llist li:hover a{ 
background:#fff;
color:#555;
}
#addiv .Addnav .nav_l  .nav_llist li a { 
position:relative;
display:block;
z-index:9999;
color:#fff;
}
#addiv .Addnav .nav_m { 
float:left;
	
}
#addiv .Addnav .nav_m li { 
float:left;
padding:0 20px;
height:45px;
line-height:45px;
background:#fff;
color:#555;
cursor:pointer;
text-align:center;
margin-top:1px;
position:relative;
margin-left:15px;
}
    #addiv .Addnav .nav_m li.active, #addiv .Addnav .nav_m li:hover {
        color: #10AE59;
    }


        #addiv .Addnav .nav_m li.active a, #addiv .Addnav .nav_m li:hover a {
            color: #10AE59;
            font-weight:bold;
            transform:scale(1.1);
        }

    #addiv .Addnav .nav_m li a {
        color: #555;
        display: block;
        width: 100%;
        height: 100%;
        position:relative;
        transition:0.5s all;
    }
    #addiv .Addnav .nav_m .hot {
    padding-left:30px;
    
    }
    #addiv .Addnav .nav_m .hot a:before {
        position: absolute;
        content: "";
        width: 20px;
        height: 20px;
        background: url(../../Img/icon/hot.gif) no-repeat;
 
        left: -25px;
        top: 12px;
    }
#addiv .Addnav .nav_m li a span { 
float:right;
margin-right:5px;
}
#addiv .Addnav .nav_m li .navbar_list { 
position:absolute;
background:#fff;
width:200px;
left:0;
top:45px;
border:1px solid #dcdcdc;
border-top:none;
z-index:9999;
display:none;
}
	
#addiv .Addnav .nav_m li .navbar_list a { 
display:block;
height:30px;
line-height:30px;
text-align:center;
color:#555;
}
#addiv .Addnav .nav_m li .navbar_list a:hover { 
background:#10AE59;
color:#fff;
} 
#addiv .nav_llist li .Mask { 
position:absolute;
width:100%;
height:100%;
left:0;
top:0;
opacity:0.2;
filter:alpha(opacity=20);
background:#26719B;
z-index:999;
}
#addiv .Addnav .nva_b { 
float:right;
position:relative;
}
#addiv .Addnav .nva_b .searchCon { 
width:200px;
height:26px;
border:1px solid #10AE59;
position:relative;
top:10px;
overflow:hidden;
display:none;
	
}
#addiv .Addnav .nva_b .searchCon input { 
position:absolute;
left:4px;
height:23px;
top:0;
color:#555;
border:none;
top:4px \9;
}
#addiv .Addnav .nva_b .searchCon img { 
position:absolute;
right:5px;
top:6px;
cursor:pointer;
}
#addiv .Addnav .nva_b .Mess { 
position:absolute;
z-index:999;
right:0px;
top:75px;
width:224px;
border-radius:3px;
color:#555;

background:#fff;
box-shadow:1px 1px 5px #999;

}
.MessMask {
position:absolute;
width:224px;
height:337px;
/*background:#000;*/
opacity:0.2;
filter:alpha(opacity=20);
z-index:-1;
}
#addiv .Addnav .nva_b .Mess .MessTop { 
border-bottom:1px solid #fff;
padding:20px 0 15px 0;
background:#10ae59;
color:#fff;
}
#addiv .Addnav .nva_b .Mess .MessTop p,#addiv .Addnav .nva_b .Mess .MessBottom p  { 
text-align:center;
padding:0 10px;
height:28px;
}
    /*#addiv .Addnav .nva_b .Mess .MessTop img {
    display:block;
    width:224px;
    height:130px;
   
    }*/
#addiv .Addnav .nva_b .Mess .MessTop img { 
display:block;
width:80px;
height:80px;
border-radius:50%;
margin:10px auto;
cursor:pointer;
}
#addiv .Addnav .nva_b .Mess .MessBottom { 
  height:140px;
  overflow:hidden;
}
    #addiv .Addnav .nva_b .Mess .MessBottom a {
     cursor:pointer;
     
    }
    #addiv .Addnav .nva_b .Mess .MessBottom img {
     width:224px;
     height:140px;
     display:block;
     animation:5s movescale  infinite;
     -webkit-animation:5s movescale  infinite;
    }
       
@keyframes movescale {
    50% {
      transform:scale(1.1);
        -webkit-transform:scale(1.1);
       
    }
    100% {
      transform:scale(1);
        -webkit-transform:scale(1);
    }
}
@-webkit-keyframes movescale {
    50% {
      transform:scale(1.1);
        -webkit-transform:scale(1.1);
       
    }
    100% {
      transform:scale(1);
        -webkit-transform:scale(1);
    }
}
#addiv .Addnav .nva_b .Mess .MessBottom h4 { 
padding-left:30px;
margin-bottom:10px;
color:#fff;
background:url('../../Img/icon/ptIcon.png') no-repeat 10px 2px;

}
#addiv .Addnav .nva_b .Mess .MessBottom p { 
text-align:left;
font-size:12px;
text-indent:2em;
line-height:28px;
}
#addiv .Addnav .nva_b .Mess .MessBottom p a {
cursor:pointer;
color:#fff;
}
#addiv .Addnav .nva_b .Mess .MessBottom p a:hover {
text-decoration:underline;
}
/**轮播图*/
#addiv .banner { 
clear:both;
width:100%;
}
#addiv .banner .warp { 
width:100%;
min-width:1200px;
overflow:hidden;
position:relative;
}
    #addiv .banner .warpnav {
      /*  height: 400px;*/
        position: relative;
        left: 0;
        transition: 0.5s all;
        width: 100%;
        overflow:hidden;
    }
#addiv .banner .warpnav li { 
/*float:left;*/
width:100%;
/*height:389px;*/
/*position:absolute;*/
float:left;
display:none;
}
#addiv .banner .warpnav li img { 
display:block;
/*width:1200px;*/
/*height:400px;*/
margin:0 auto;
width:100%;
}
#addiv .banner .warp ol { 
position:absolute;
bottom:5px;
z-index:8888;
width:100%;
text-align:center;
}
#addiv .banner .warp ol li { 
width:10px;
height:10px;
border-radius:50%;
background:#fff;
display:inline-block;
margin-left:10px;
cursor:pointer;
}
#addiv .banner .warp ol li span {
display:block;
background:#10AE59;
border-radius:50%;
margin: auto;
width:0;
height:0;
transition:0.5s all;
}

    #addiv .banner .warp ol li.active span {
        width: 8px;
        height: 8px;
        margin: 1px auto;
    }
#addiv .banner .warp .Mask { 
position:absolute;
min-width:300px;
/*height:390px;*/
background:none;
z-index:999;
top:0;
right:0;
left:0;
right:0;
margin:0 auto;

	
}
#addiv .banner .warp .prev { 
position:absolute;
left:10px;
top:170px;
width:40px;
background:rgba(0,0,0,0.5);
color:#fff;
height:80px;
font-size:30px;
cursor:pointer;
line-height:80px;
text-align:center;
z-index:9999;
border-radius:2px;
background:#000 \9;	

filter:alpha(opacity=60) \9;
display:none;
}
#addiv .banner .warp .next { 
position:absolute;
right:10px;
top:170px;
width:40px;
background:rgba(0,0,0,0.5);
color:#fff;
height:80px;
font-size:30px;
cursor:pointer;
line-height:80px;
text-align:center;
z-index:9999;
border-radius:2px;
background:#000 \9;	

filter:alpha(opacity=60) \9;
display:none;
}
.Hometitle { width: 100%;  margin:10px 0;}
    .Hometitle h2 {
        /*padding-left:40px;
*/ color: #555;
        line-height: 40px;
        text-align: center;
        position: relative;
        margin: 30px 0px 30px 0px;
        z-index: 22;
        font-size: 24px;
        letter-spacing: 2px;
    }
        .Hometitle h2 span {
            position: absolute;
            width: 100%;
            text-align: center;
            left: 0px;
            top: 0px;
            color: #e7e7e7;
            font-weight:normal;
            letter-spacing:1px;
            z-index:-1;
            font-size:40px;
        }
        /**推荐课程*/
        #suggestcoursediv {
            width: 1200px;
            min-width: 1200px;
            margin: 0px auto;
        }

#suggestcoursediv .Hometitle { 
width:100%;
/*line-height:35px;
height:35px;*/
margin:10px 0 0 0;
}
/*    #suggestcoursediv .Hometitle h2 {
        background: url('../../Img/pcode/ranking1.png') no-repeat 5px 5px;
    }*/
/*****2022-07-15******/
.sugesstcourse-row {


}
.sugesstcourse-item {
    float: left;
    width: 320px;
    border-radius: 10px;
    box-shadow: 0 2px 15px 0 rgb(0 0 0 / 10%);
}
    .sugesstcourse-item .cicon {
    height:150px;
    position:relative;

    }
        .sugesstcourse-item .cicon img {
            width: 100%;
            height: 100%;
            border-radius: 10px 10px 0px 0px;
        }

        .sugesstcourse-item .cicon .bflg {
        position:absolute;
        left:0px;
        top:20px;
        }
    .sugesstcourse-item .cmess {
        padding: 10px;
    }
        .sugesstcourse-item .cmess .title {
            line-height: 30px;
            font-size: 15px;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
        }
        .sugesstcourse-item .cmess .oper {
            padding: 10px;
            height: 50px;
        }

        /*#suggestcoursediv table {
            width: 1200px;
        }
#suggestcoursediv table td.icon { 
width:230px;
position:relative;
}

   #suggestcoursediv table td.iconImg a {
        display:block;
        width:235px;
       position:relative;
       overflow:hidden;
             -webkit-transform-style: preserve-3d;
              -moz-transform-style: preserve-3d;
               -o-transform-style: preserve-3d;
               transform-style: preserve-3d;
               -ms-transform-style: preserve-3d;*/
    /*-webkit-backface-visibility: hidden;*/
    /*}
#suggestcoursediv table td.iconImg a.Cera {
 width:235px;
 height:145px;
 margin-top:15px
}
    #suggestcoursediv table td.iconImg a.Cerb {
     width:235px;
     height:301px;
    }
#suggestcoursediv table td.iconImg img{ 
display:block;
position:absolute;
 -webkit-transform: rotateX(0deg) rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform-style: preserve-3d;
    -moz-backface-visibility: hidden;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
#suggestcoursediv table td.iconImg a:hover img.CerImg{
    width:250px !important;
        height:160px;
    position:absolute;
  
    opacity:0.8;
    filter:alpha(opacity=80);
  
}

#suggestcoursediv table td.icon .courseInform{ 
position:absolute;
top:5px;
left:0px;
padding:19px 10px;
background:#10AE59;
width:215px;*/
/*height:144px;*/
/*font-family:'微软雅黑';
}
#suggestcoursediv table td.icon .courseInform h2 { 
width:100%;
text-align:center;
height:30px;
color:#fff;
font-size:18px;
font-weight:500;
}
#suggestcoursediv table td.icon .courseInform a { 
display:block;
max-width:200px;
text-overflow:ellipsis;
overflow:hidden;
height:23px;
color:#fff;

cursor:pointer;
}
#suggestcoursediv table td.icon .courseInform a:hover { 
text-decoration:underline;
}
#suggestcoursediv table td.courseList,#suggestcoursediv table td.courseList ul { 
width:100%;
}
#suggestcoursediv table td.courseList ul { 
position:relative;
top:5px;
overflow:hidden;
}
#suggestcoursediv table td.courseList ul li { 
width:225px;
margin-left:10px;
float:left;
height:205px;
margin-bottom:13px;
border:1px solid #ccc;
border-radius:2px;
transition:1s all;
background:#fff;
}
#suggestcoursediv table td.courseList ul li:hover { 
box-shadow:3px 0px 10px #8c8c8c;
}
#suggestcoursediv table td.courseList ul li img { 
width:225px;
height:125px;
display:block;
}
#suggestcoursediv table td.courseList ul li .Imgshow { 
width:225px;
height:130px;
position:relative;

}
#suggestcoursediv table td.courseList ul li .Imgshow .MessName { 
display:none;
}
#suggestcoursediv table td.courseList ul li .Imgshow span { 
position:absolute;
width:100%;
left:0px;
z-index:100;
bottom:0;
height:40px;
line-height:40px;
color:#fff;
text-align:center;
cursor:pointer;		
}
#suggestcoursediv table td.courseList ul li .Imgshow i{ 
position:absolute;
width:100%;
background:#000;
opacity:0.4;
filter:alpha(opacity=40);
left:0px;
z-index:99;
bottom:5px;
height:40px;
line-height:40px;
cursor:pointer;
}
#suggestcoursediv table td.courseList ul li .CourseMess { 
padding:10px 10px;
width:200px;
overflow:hidden;
}
#suggestcoursediv table td.courseList ul li .CourseMess .MessShow { 
float:left;
width:140px;
}
#suggestcoursediv table td.courseList ul li .CourseMess .MessShow span { 
display:block;
line-height:22px;
color:#626262;
}
#suggestcoursediv table td.courseList ul li .CourseMess .MessShow span.title { 
max-width:140px;
height:22px;
text-overflow:ellipsis;
overflow:hidden;

}
#suggestcoursediv table td.courseList ul li .CourseMess .MessShow  span i { 
font-style:normal;
color:#FF6600;
}
#suggestcoursediv table td.courseList ul li .CourseMess .btn { 
float:right;
width:50px;
height:27px;
line-height:27px;
border:1px solid #109D4F;
background:#10AE59;
color:#fff;
border-radius:3px;
text-align:center;
margin-top:2px;
cursor:pointer;
}*/

.suggestcourseTable {
margin-top:10px;
}
#suggestcoursediv table td.courseList ul li {
    width: 275px;
    margin-right: 30px;
    float: left;
    border-radius: 2px;
    transition: 1s all;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 15px 0 rgb(0 0 0 / 10%);
    position: relative;
    margin-bottom: 30px;
}
    #suggestcoursediv table td.courseList ul li:before {
        position: absolute;
        content: '';
        top:0px;
        width: 60px;
        height: 30px;
        z-index:333;
        background: url(../../Img/icon/cflag.png) no-repeat;
        background-size:60px;
    }
    #suggestcoursediv table td.courseList ul li:nth-of-type(4n) {
        margin-right: 0px;
    }
    #suggestcoursediv table td.courseList .Imgshow {
        height: 150px;
        overflow:hidden;
    }
#suggestcoursediv table td.courseList ul li:hover img {

    transform:scale(1.1);
}
#suggestcoursediv table td.courseList .Imgshow img {
    width: 100%;
    height: 100%;
    border-radius: 10px 10px 0px 0px;
    transition:0.5s all;
}
#suggestcoursediv table td.courseList ul li .Imgshow .MessName {
display:none;
}
#suggestcoursediv table td.courseList .CourseMess {
    height: 90px;
    position: relative;
}
    #suggestcoursediv table td.courseList .CourseMess span {
    display:block;
    position:relative;
    line-height:30px;
    padding:0px 10px;

    margin-top:15px;
    
    }
        #suggestcoursediv table td.courseList .CourseMess span.title {
            padding-top: 7px;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            margin-top: 0px;
            font-size: 16px;
        }
        #suggestcoursediv table td.courseList .CourseMess span i {
            color: red;
        }
        #suggestcoursediv table td.courseList .CourseMess .btn {
            position: absolute;
            right: 10px;
            background: #f67920;
            color: #fff;
            text-align: center;
            border-radius: 5px;
            line-height: 25px;
            padding: 0 5px;
            cursor: pointer;
            bottom: 10px;
        }
    /**高校案例*/
    #schooldiv {
        width: 1200px;
        min-width: 1200px;
        margin: 10px auto;
    }
#schooldiv .Hometitle h2 { 
background:url('../../Img/icon/gxal.png') no-repeat 5px;
}
#schooldiv table td { 
position:relative;
}
#schooldiv table td img { 
width:360px;
height:150px;
border:1px solid #BFBFBF;
border-radius:3px;
}
#schooldiv table td img:hover { 
border:1px solid #10AE59;
}
#schooldiv table td .mess { 
position:absolute;
top:20px;
left:0;
}
#schooldiv table td .mess .title { 
width:200px;
height:30px;
line-height:30px;
margin-bottom:5px;
color:#fff;
cursor:pointer;
background:#9EA383;
text-indent:1em;
border-radius:0 3px 3px 0;
}
#schooldiv table td .mess a { 
display:block;
max-width:230px;
text-overflow:ellipsis;
overflow:hidden;
text-indent:1em;
height:23px;
line-height:23px;
color:#555553;
cursor:pointer;
}
#schooldiv table td .mess a:hover { 
text-decoration:underline;
}
/**考试介绍*/
#TestInstord {
    /*width:1200px;
*/ min-width: 1200px;
    margin: 20px auto 30px auto;
    overflow: hidden;
/*    background: #F4F4F4;
*/    padding:20px 0px 50px 0px;
}
.TestInstordwarp {
    width: 1200px;
    margin: 0px auto 10px auto;
}
#TestInstord .Hometitle {
    margin: 0 0 15px 0;
}
#TestInstord .Hometitle h2 { 
/*background:url('../../Img/icon/indexicon.png') no-repeat 5px -40px;
*/}
#TestInstord ul {
width:100%;
}
#TestInstord ul li {
width:220px;
margin-right:25px;
float:left;
height:150px;
       
}
#TestInstord ul li .mess {
width:200px;
padding:0 10px;
text-align:center;
color:#fff;
cursor:pointer;
            
}
#TestInstord ul li:hover .mess a{
text-decoration:underline;
}
#TestInstord ul li .mess a {
display:block;
text-align:center;
color:#fff;
margin-top:2px;
cursor:pointer;
}
#TestInstord ul li.cct {
background:#62C8F8;
}
#TestInstord ul li.yyyy {
background:#F4AA79;
}
#TestInstord ul li.gzyy {
background:#73D6EB;
}
#TestInstord ul li.computer {
background:#89C997;
}
#TestInstord ul li.gxh {
background:#f8b551;
}
#TestInstord ul li img {
display:block;
margin:25px auto 20px auto;
cursor:pointer;
transition:0.6s all;
}
#TestInstord ul li.cct img {
margin:25px auto 19px auto;
}
#TestInstord ul li.computer img {
margin:25px auto 16px auto;
}
#TestInstord ul li.gxh img {
margin:25px auto 18px auto;
}
#TestInstord ul li.yyyy img {
margin:20px auto 16px auto;
}
#TestInstord ul li:hover img {
transform:scale3d(1.2,1.2,1.2);
width:71px \9;
height:71px \9;
}
#TestInstord ul li.cct:hover img{
width:85px \9;
height:68px \9;
}
#TestInstord ul li.gzyy:hover img {
width:103px \9;
height:63px \9;
}

.TestInstordLst {

}
.TestInstordLst .TestInstordItem {
    float: left;
    background:#fff;
    border-radius:10px;
    width:230px;
    height:260px;
    line-height:35px;
    margin-right:12px;
    box-shadow:3px 5px 9px #ccc;
}
    .TestInstordLst .TestInstordItem .icon {
    height:120px;
    border-radius:10px 10px 0px 0px;
    overflow:hidden;
    text-align:center;
    }

        .TestInstordLst .TestInstordItem .icon img {
            border-radius: 5px 5px 0px 0px;
            width: 100px;
            height: 100px;
            transition: 0.5s all;
            display:block;
            margin:20px auto;
  
        }
    .TestInstordLst .TestInstordItem:hover img {
   transform:scale(1.1);
    }
    .TestInstordLst .TestInstordItem .mess {
        text-align: center;
        padding-top: 15px;
    }
            .TestInstordLst .TestInstordItem .mess p {
                color: #666;
                font-size: 13px;
                line-height: 22px;
               padding-left:30px;
               padding-right:10px;
                text-align: left;
            }
            .TestInstordLst .TestInstordItem .mess .title {
                line-height: 30px;
                font-weight:bold;
                color: #10AE59;
                font-size: 15px;
         
            }
    .TestInstordLst .TestInstordItem .oper {
        color: #fb684f;
        text-align: center;
        cursor: pointer;
    }

        .TestInstordLst .TestInstordItem .oper span {
            background: #f67920;
            color: #fff;
            text-align: center;
            padding: 3px 10px;
            line-height: 25px;
            border-radius: 10px;
        }



/*********20220822*********/
.TestInstordNav {

    width:1200px;
    margin:0 auto;
    text-align:center;
}
    .TestInstordNav .TItem {
        float: left;
        width: 234px;
        margin-right:5px;
        background: #fff;
        margin-bottom: 60px;
        border: 1px solid #fafafa;
        border-radius: 5px;
        box-shadow: 2px 5px 11px #ddd;
        cursor: pointer;
        transition: 0.5s all;
        position: relative;
        border-radius: 3px;
    }
        
        .TestInstordNav .TItem:hover {
            transform: translateY(-10px);
        }
        .TestInstordNav .TItem .cicon {
            height: 180px;
        }
            .TestInstordNav .TItem .cicon img {
                height: 90%;
                width: 85%;
                border-radius: 0px 0px 3px 3px;
                border-radius: 3px;
            }
            .TestInstordNav .TItem .mess {
                text-align: left;
                padding: 10px 5px 5px 10px;
                line-height: 25px;
            }
                .TestInstordNav .TItem .mess h2 {
                    font-size: 16px;
                    color: #333;
                }

                .TestInstordNav .TItem .mess p {
                    font-size: 14px;
                    color: #666;
                    line-height: 22px;
                }
        .TestInstordNav .TItem .bg {
            position: absolute;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.5);
            left: 0px;
            top: 0px;
            border-radius: 5px;
            display:none;

        }
        .TestInstordNav .TItem:hover .bg {
        display:block;
        }
        .TestInstordNav .TItem .bg .oper {
            position: absolute;
            left: 50%;
            top: 50%;
            height: 28px;
            line-height: 28px;
            text-align: center;
            background: #f67920;
            border-radius: 5px;
            margin-left: -40px;
            margin-top: -14px;
            width: 80px;
            color: #fff;
        }
            /**站内名师*/
            #famousteachdiv {
                width: 1200px;
                min-width: 1200px;
                margin: 10px auto 80px auto;
                clear: both;
            }
#famousteachdiv .Hometitle { 
/*background:url('../../Img/icon/indexicon.png') no-repeat 6px -85px;*/
margin:15px auto 15px auto;
}


#famousteachdiv .InfomImg {
    width: 1238px;
    position: relative;
    /*overflow:hidden;*/
}

#famousteachdiv .InfomImg ul li { 
float:left;
width:220px;
height:220px;
overflow:hidden;
border:1px solid #ABA9AA;
border-radius:3px;
position:relative;
margin-right:24px;
box-shadow:1px 2px 3px #dcdcdc;
perspective:600px;
transform-style:preserve-3d;

}
#famousteachdiv .InfomImg ul li:hover { 
border:1px solid #10AE59;

}
#famousteachdiv .InfomImg ul li img { 
width:210px;
height:210px;
margin:0 auto;
padding:4px;
transition:0.5s all;
display:block;
}
#famousteachdiv .InfomImg ul li:hover img {
transform: scale3d(1.2,1.2,1.2);
width:230px\9;
height:230px\9;
padding:0\9;
}
#famousteachdiv .InfomImg ul li span.bigMask { 
width:100%;
height:100%;
position:absolute;
z-index:2;
background:#fff;
opacity:0.5;
filter:alpha(opacity=50);
top:0;
left:0;

z-index:2;
}
    #famousteachdiv .InfomImg ul li span.inform {
        display:block;
    margin-top:10px;
    }
#famousteachdiv .InfomImg ul li span.inform { 
position:absolute;
height:50px;
line-height:50px;
left:0;
bottom:0px;
text-indent:1em;
z-index:3;
color:#fff;
font-size:12px;
cursor:pointer;

}
	
#famousteachdiv .InfomImg ul li span.inform b { 
font-weight:normal;
font-size:15px !important;
display:inline-block;
margin-right:10px;
line-height:60px;					
}

#famousteachdiv .InfomImg ul li i.smallMask { 
position:absolute;
width:100%;
height:40px;
bottom:0px;
background:#000;
z-index:2;
opacity:0.5;
left:0px;
filter:alpha(opacity=50);
}
#famousteachdiv .InfomImg  .warp { 
width:1224px;

overflow:hidden;
}
#famousteachdiv .InfomImg .perv ,#famousteachdiv .InfomImg .next{ 
position:absolute;
left:-30px;
top:30%;
width:30px;
background:#e4dddd;
color:#fff;
height:0;
font-size:30px;
cursor:pointer;
line-height:100px;
text-align:center;
z-index:9999;
border-radius:2px;
display:none;

}
#famousteachdiv .InfomImg .next { 

left:1206px;

}

.reshomelink {
    width: 500px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -250px;
    margin-top: -125px;
    background: #fff;
    border-radius: 5px;
    z-index:9999;
    box-shadow:0px 0px 3px #ccc;
    display:none;
}
    .reshomelink .resleft {
    
    float:left;
    width:150px;
    background:#10AE59;
    line-height:250px;
    color:#fff;
    text-align:center;
    letter-spacing:4px;
    border-radius:5px 0 0 5px;
    }
    .reshomelink .resright {
    float:left;
    width:320px;
    padding:10px 15px;
    line-height:25px;
    }

.resright .head {
    padding:0 15px;
    text-align:right;
    font-size:25px;
    cursor:pointer;

}
.reshomelink .resright .resitem {
    overflow: hidden;
    margin-bottom: 10px;
}
            .reshomelink .resright .resitem a {
            color:#f72929;
            cursor:pointer;
            float:left;
            }
            .reshomelink .resright .resitem label {
            width:70px;
            text-align:right;
            float:left;
            margin-right:10px;
            }


            /*******202207801*******/
.material_div {
    width: 1200px;
    margin: 0 auto;
    overflow:hidden;
}
.material_banner {


}
    .material_banner .material_item {
  float:left;
        width:1200px;
    }
.material_banner .material_header {
    overflow: hidden;
    padding: 10px;
}
        .material_banner .material_header .cicon {
        width:250px;
       position:relative;
        float:left;
        margin-right:20px;
        height:150px;
        padding-top:40px;
        }
            .material_banner .material_header .cicon h4 {
            color:#fff;
            position:relative;
            z-index:2;
            font-size:22px;
             text-indent:1em;
            line-height:35px;
            }
            .material_banner .material_header .cicon img {
                width: 100%;
                position: absolute;
                left: 0px;
                top: 0px;
                height:185px;
                z-index:1;
            }
    .material_banner .material_header .content {
        line-height: 28px;
        font-size: 15px;
        padding: 0px 20px;

    }
             
                .material_banner .material_menu {
                    overflow: hidden;
                    background: #F1F5F9;
                    padding: 10px 10px 5px 10px;
                }
        .material_banner .material_menu .menu_item {
        width:240px;
        height:40px;
    background:#fff;
        float:left;
       position:relative;
        margin-right:20px;
        margin-bottom:5px;
        padding-left:50px;
        line-height:40px;
        letter-spacing:2px;
        }
            .material_banner .material_menu .menu_item:before {
                position: absolute;
                content: "";
                width: 10px;
                height: 10px;
                background: #10AE59;
 
                left: 25px;
                top: 15px;
                transform: rotate(45deg);
            }
        .material_banner .material_menu .menu_more {
            line-height: 40px;
            text-align: center;
            float: left;
            background: #fff;
            
            width: 250px;
        }
            .material_banner .material_menu .menu_more a {
            color:#00B7EE;
            cursor:pointer;
            font-weight:bold;
            }



            .zlgcnav-round {
    margin: auto;
    text-align: center;
    margin-bottom: 30px;
}

    .zlgcnav-round li {
        display: inline-block;
        margin: 0 5px;
        line-height: 40px;
        padding: 0px 20px;
        color: #596580;
        cursor: pointer;
        font-weight:bold;
        font-size:16px;
    }

        .zlgcnav-round li.active {
            background: #45AFF9;
            border-radius: 20px;
            color: #fff;
            background: -webkit-gradient(linear, 0 0, 0 bottom, from(#45AFF9), to(rgba(0, 0, 255, 0.6)));
        }


#materialdiv {
    margin-bottom: 50px;


}
.materialswiper {
    background: #F4F4F4;
    padding:20px 0 50px 0px;
}

/***20240824***/
.unitcourselst {

width:1200px;
margin:0 auto;
padding:20px 10px;
overflow:hidden;
}
    .unitcourselst .unitcourse {
       float:left;
        width: 420px;
        margin-right: 40px;
        border-radius: 10px;
   
        box-shadow: 0 2px 15px 0 rgb(0 0 0 / 10%);
    }
        .unitcourselst .unitcourse img {
            width: 100%;
            border: 1px solid #ddd;
            height: 200px;
            border-radius: 10px 10px 0px 0px;
        }
        .unitcourselst .unitcourse .coursemess {
            padding:10px;
            line-height:25px;
            letter-spacing:2px;
        }
        .unitcourselst .unitcourse .title {
            color: #000;
            font-weight:bold;
            font-size:16px;
        }

        .unitcourselst .unitcourse .mess {
            color: #333;
            font-size: 14px;
            letter-spacing: 3px;
        }
        .unitcourselst .unitcourse .static {
            font-size: 14px;
            color: #555;
            overflow:hidden;
        }
            .unitcourselst .unitcourse .static i {
            color:red;
            font-weight:bold;
            }
            .unitcourselst .unitcourse .static span {
                float: right;
                background: #f67920;
                color: #fff;
                cursor: pointer;
                padding: 0 10px;
                border-radius: 5px;
            }
    .unitcourselst .coursemore {
        float: left;
        background: #4B52C4;
        border-radius: 10px;
        height: 260px;
        width: 245px;
        text-align: center;
        padding: 20px 10px;
        color: #eee;
        line-height: 35px;
        letter-spacing: 5px;
      
        box-shadow: 0 2px 15px 0 rgb(0 0 0 / 10%);
    }
        .unitcourselst .coursemore .title{
            font-size: 18px;
      
        }
        .unitcourselst .coursemore .subtitle {
            font-size: 18px;
         
            color:#acabab
        }
            .unitcourselst .coursemore .mess {
                padding-left: 40px;
            }
            .unitcourselst .coursemore .mess .item {
            
           position:relative;
           text-align:left;
            }
            .unitcourselst .coursemore .mess .item:before
            {
                position:absolute;
                content:"";
                width:9px;
                height:9px;
                border-radius:50%;
                background:#fff;
                left:-20px;
                top:12px;
            }
        .unitcourselst .coursemore .oper {
        background:#fff;
        border-radius:5px;
        padding:5px 10px;
        margin:0 30px;
        color:#666;
        line-height:25px;
        font-weight:bold;
        margin-top:10px;
        }