﻿body{
    background-color: rgb(243,243,243);
}
*{
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

li{
    list-style: none;
}
#content{
    width: 1200px;
    margin: 0 auto;
}
/*背景图*/
.banner{
    width: 100%;
    height: 240px;
}
.banner img{
    width: 100%;
    height: 240px;
}
/*中心内容*/
.center{
    overflow: hidden;
}
/*左边框架内容*/
.center .centerLeft{
    float: left;
    width: 290px;
}
.center .centerRight{
    float: right;
    width: 890px;
}
/*免费热线*/
.centerLeft .hotLine{
    width:290px;
    height:150px;
    background:rgba(255,255,255,1);
    padding-top: 22px;
    text-align: center;
    margin-bottom: 30px;
}
 .freeLine {
    color: rgba(51, 51, 51, 1);
    font-size: 14px;

}

 .number{
    color: rgba(35,184,255,1);
    font-size: 20px;
}
 .custom{
    width:160px;
    height:50px;
    border-radius: 25px;
    -moz-border-radius:  25px ;
    -webkit-border-radius:  25px;
    overflow: hidden;
    margin: auto;
    margin-top: 18px;
}
 .custom a{
    width:160px;
    height:50px;
    display: block;
    font-size: 18px;
    color: rgba(255,255,255,1);
    text-align: center;
    line-height: 50px;
     background: url("../images/tour_select.png") no-repeat;
     background-size: 100% 100%;
}
/*当季热门课程*/
.hotLesson .hotTitle{
    color: rgba(0,0,0,1);
    font-size: 22px;
    padding-left: 10px;
    border-left: 10px #23B8FF solid;
    margin-bottom: 14px;
}
.hotLesson .lessons{
    width: 290px;
    height: 270px;
    margin-bottom: 10px;
}
.lessons .pic img{
    width: 290px;
    height: 190px;
}
.lessons .pic{
    display: block;
}

.lessons .information{
    width: 100%;
    height: 80px;
    background-color: white;
    padding: 15px;
}
.information .lessonName{
    font-size: 18px;
    color: #313131;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}


.information a{display:block;height: 30px;line-height: 30px;}
.information img{width: 14px;height: 18px;margin-right: 5px;}
.information span{color: #F96A6A;vertical-align: middle;font-size: 14px;        display: inline-block;
    height: 30px;
    line-height: 30px;
    font-size: 14px;}


.information .lesson_money{float: right;display: inline-block;height: 30px;line-height: 30px;color: #F96A6A;}
.information .money_icon{width: 20px;height:20px;float: right;margin:4px 0 0 0;}
.information .money_icon{width: 20px;height: 20px}

/*右边行业新闻部分*/
 .navList{
    overflow: hidden;
}
 .navList li{
    float: left;
    width: 210px;
    height: 64px;
}
 .navList li {
    display: block;
    float: left;
    width: 210px;
    height: 64px;
    color: #666666;
    font-size: 18px;
    text-align: center;
    line-height: 64px;
}
.navList li a{
      display: inline-block;
      width: 210px;
      height: 64px;
   color: #666666;
}
 .navList li:hover{
     color:#23B8FF;
 }
 .navList .current{
    color: #23B8FF !important;
    background-color: #fff;
}
 .navList .current a{
    color: #23B8FF !important;
    background-color: #fff;
}
 .industryNews{
    background-color: #fff;
}



 .newsList{
    overflow: hidden;
     height: 70px;
     line-height: 70px;
     border-bottom: solid #E2E2E2 1px;
     width: 830px;
     margin: 0 auto;
}
.newsInfo{
    float: left;
    width: 68%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #333333;
    font-size: 18px;
}
.newsTime{
    float: right;
    display:inline-block;
    height: 70px;
    width: 30%;
     color: #C6C6C6;
    text-align: right;
}
.newlist_nav li:nth-child(2) a{color: #FFF;}
.pc_nav{position: fixed;top: 0.25rem;right: 0.25rem;width: 0.6rem;height: 0.6rem;background: #22a9ff;z-index: 999;display: none;}
.pc_nav_con{position: fixed;z-index: 99;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s
;background: #FFF;top: 0;right: -5.5rem;width:5.5rem;height: 100%;opacity: 0;}

/*pc-media*/
@media screen and (max-width:750px) {
    body{font-size: 0.24rem;}
    .nav{display: none;}
    #footer{display: none;}
    .pc_nav{display: block;text-align: center;}
    .pc_nav a{color: #fff;display: inline-block;height: 0.8rem;width: 0.5rem;line-height: 0.8rem;text-align: center;}
    .pc_nav_show{display: block;right:0;    -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;opacity: 1;-moz-opacity: 1;}
    .pc_nav_con{box-sizing: border-box;padding-top: 2rem;-webkit-box-shadow: 4px 0 15px;  box-shadow: 4px 0 15px;}
    .pc_nav_con ul li{height: 0.8rem;line-height: 0.8rem;border-bottom:1px solid #f5f5f5;color: #b0b0b0;}
    .pc_nav_con ul li a{display: block;height: 0.8rem;line-height: 0.8rem;;font-size: 0.32rem;text-indent:1em;color: #666;}
    .nav_color a{color: #22a9ff !important;border-left: 5px solid #22a9ff;}
    #content{margin: 0;width: 7.5rem;}
    .banner{width: 7.5rem;background-size: 7.5rem 3rem;height: 3rem;}
    .centerLeft{display: none;}
    .center{width: 7.5rem;}
    .center .centerRight{float: left;width: 7.5rem;}
    .industryNews{width: 7.5rem;box-sizing: border-box;padding: 0 0.2rem;}
    .navList li{width: 2.5rem;}
    .navList li a{width: 2.5rem;}
    .newsInfo{width: 4rem;font-size: 0.30rem;}
    .newsList{height: 1rem;line-height: 1rem;margin: 0;width: 7.1rem;}
    .newsTime{display: inline-block;height: 1rem;line-height:1rem;width: 2.5rem;text-align: right;}
    .pc_nav{display: block;text-align: center;}
    .pc_nav a{display: inline-block;height: 0.6rem;width: 0.6rem;line-height: 0.6rem;text-align: center;background: url(../images/caidan.png) no-repeat center;  background-size: 0.4rem 0.4rem;}
    .nav_bg{background: url("../images/cuowu.png") no-repeat center !important;background-size: 0.4rem 0.4rem !important;}
    #toolbar{display: none;}
    .banner{height: 2.5rem;}
    .banner img{height: 2.5rem;}
}
