@media screen and (min-width: 1200px){
  /*css reset*/
  @charset "UTF-8";
  html, body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li, fieldset, form, label, input, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea, article, aside, audio, canvas, figure, footer, header, mark, menu, nav, section, time, video { margin: 0; padding: 0; }
  h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal }
  article, aside, dialog, figure, footer, header, hgroup, nav, section, blockquote { display: block; }
  ul, ol { list-style: none; }
  img { border: 0 none; vertical-align: top; }
  blockquote, q { quotes: none; }
  blockquote:before, blockquote:after, q:before, q:after { content: none; }
  table { border-collapse: collapse; border-spacing: 0; }
  strong, em, i { font-style: normal; font-weight: normal; }
  ins { text-decoration: underline; }
  del { text-decoration: line-through; }
  mark { background: none; }
  input::-ms-clear { display: none !important; }
  body { font: 12px/1.5 \5FAE\8F6F\96C5\9ED1, \5B8B\4F53, "Hiragino Sans GB", STHeiti, "WenQuanYi Micro Hei", "Droid Sans Fallback", SimSun, sans-serif; background: #fff; }
  a { text-decoration: none; color: #333; }
  a:hover { text-decoration: underline; }
  /*page css*/
  .content{
    width:1190px;
    margin:0 auto;
  }
  .hide{
    display: none;
  }
  .clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
  .clearfloat{zoom:1}
  .classtype{
    float:left;}
  /* 头部 */
  .header{
    background:url('../images/pc-bg.jpg') no-repeat;
    width:100%;
    height: 320px;
    text-align: center;
    background-position: center center;
  }
  .head-logo{
    padding-top:20px;
    height:40px;
  }
  .cernet-logo{
    float:left;
  }
  .cerpark-logo{
    float:right;
  }
  .head-title{
    padding-top:50px;
  }
  /* 第一部分 */
  .content-1{}
  .content-1 .con1-title{
      margin-top:30px;
      font-weight:bold;
      font-size:26px;
      text-align: center;
  }
  .content-1 .con1-title p{
    text-align: center;
    border-bottom:3px solid #1b64b7;
    padding:5px 0;
    display:inline-block;
  }
  .con1-con{
    margin-top:10px;
    margin-bottom:40px;
  }
  .con1-con p{
    text-indent: 2em;
    font-size:18px;
    line-height:20px;
    color:#666;
    margin-top:20px;
    letter-spacing:2px;
  }
  /* 第二部分 */
  .content-2 {
    width:100%;
    background:#f9f9f9;
    padding:40px 0;
  }
  .content-2 .hot p{
    font-size:26px;
    font-weight: bold;
    margin-left:30px;
    position: relative;
  }
  .content-2 .hot p:before{
    content:'';
    width:12px;
    height:30px;
    background:#1b64b7;
    color:#1b64b7;
    display: inline-block;
    position: absolute;
    top:5px;
    left:-30px;
  }
  .content-2 .joinclass{
    margin-top:40px;
  }
  .content-2 .class{
    margin-top:30px;
  }

  .content-2  .classjanjv{
    width:43px;
    height:10px;
    float:left;
  }
  .content-2 .imgclass{
    width:368px;
    height:184px;
  }
  .content-2 .classmess{
    padding:30px;
  }
  .content-2 .classmess p:nth-child(1){
    font-size:18px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
  }
  .content-2 .classmess p:nth-child(2){
    margin-top:25px;
    font-size:16px;
    color:#666;
  }
  /*第三部分  */
  .content-3 {
    background:url('../images/pc-conbg.jpg') no-repeat;
    width:100%;
    height: 550px;
    text-align: center;
    background-position: center center;
    position:relative;
  }
  .content-3  .leftclass{
    float:left;
    width:50%;
    text-align: left;
    position:relative;
  }
  .content-3  .leftclass .hoverclass{
    color:#fff;
    font-size:23px;
    font-weight:bold;
    padding:0px 10px;
    display: inline-block;
    position: absolute;
  }
  .content-3  .leftclass .tag-011 p{
    font-size:26px;
    border-bottom:2px solid #fff;
    cursor: pointer;
  }
  .content-3 .hexin{
    margin-top:250px;
    margin-bottom:254px;
    margin-left:10px;
    background:rgba(255,255,255,0.2);
    color:#fff;
    font-size:32px;
    font-weight:bold;
    padding:0px 10px;
    display: inline-block;
  }
  /* .content-3  .leftclass .qianyan{
    top:11%;
    left:24%;
  } */
  .content-3  .leftclass .yuanli{
    top:12%;
    left:25%;
  }
  .content-3  .leftclass .yingyong{
    top:25%;
    left:34%;
  }
  .content-3  .leftclass .guodu{
    top:39%;
    left:45%;
  }

  .content-3  .leftclass .safe{
    bottom:41%;
    left:45%;
  }
  .content-3  .leftclass .yunwei{
    bottom:27%;
    left:34%;
  }
  .content-3  .leftclass .changjing{
    bottom:13%;
    left:25%;
  }
  /* .content-3  .leftclass .safe{
    bottom:24%;
    left:33%;
  } */
  /* .content-3  .leftclass .yunwei{
    bottom:13%;
    left:25%;
  } */
  .content-3  .rightclass{
    float:left;
    width:527px;
    margin-left:22px;
  }
  .content-3 .classtype{
    width:246px;
  }
  .content-3 .imgclass{
    width:246px;
    height:123px;
  }
  .content-3 .classmess{
    padding:18px;
    text-align: left;
  }
  .content-3 .classmess p:nth-child(1){
    font-size:16px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
  }
  .content-3 .classmess p:nth-child(2){
    margin-top:20px;
    font-size:16px;
    color:#666;
  }
  .content-3 .classtype{
    /* margin-right:35px; */
    margin-top:40px;
  }
  .content-3 .classjanjv{
    width:35px;
    height:10px;
    float:left;
  }
  .content-3 .hc-detail{
    background: url('../images/hexin.png') no-repeat;
    /* background-size: 100%;   */
    height:90px;
    margin-top:60px;
    color:#fff;
    font-size: 20px;
    padding:25px 30px;

  }
    .content-3 .hc-detail p{
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
	  text-align: left;
    }
  /* 第四部分 */
  .content-4{
    margin-top:35px;
    margin-bottom:35px;
    position: relative;
  }
  .content-4 .content{
    position: relative;
  }
  .con4-title{
    /* border-bottom:1px solid #b2b2b2; */
  }
  .content-4 .tabs-01-title{
    font-size:26px;
    font-weight: bold;
    margin-left:20px;
    width: 100%;
    border-bottom:1px solid #b2b2b2
  }
  .content-4 .tabs-01-title p{
    display: inline-block;
    color:#666;
    cursor: pointer;
    margin-right:32px;
    padding:0 10px;
  }
  .content-4 .more{
    color:#666;
    cursor: pointer;
    position: absolute;
    top:0;
    right: 0;
  }
  .content-4 .more p{
    line-height: 30px;
    font-size: 18px;
  }
  .content-4 .tabs-01{
    margin-right: 20px;
    margin-left: 20px
  }
  .content-4 .tag-01{
    font-weight: bold;
    color:#000;
    border-bottom:2px solid #1b64b7;
  }
  .content-4 .tabs-01-title:before{
    content:'';
    width:12px;
    height:32px;
    background:#1b64b7;
    color:#1b64b7;
    display: inline-block;
    position: absolute;
    top:8px;
    left:8px;
  }
  .content-4 .class{
    margin-top:40px;
  }
  .content-4 .classtype{
    width: 280px;
  }
  .content-4 .imgclass{
    width:280px;
    height:140px;
  }
  .content-4 .classjanjv{
    float:left;
    width:20px;
    height:10px;
  }
  .content-4 .classmess{
    padding:18px;
    text-align: left;

  }
  .content-4 .classmess p:nth-child(1){
    font-size:16px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
  }
  .content-4 .classmess p:nth-child(2){
    margin-top:20px;
    font-size:16px;
    color:#666;
  }
  .footer{
    background: #303237;
    height:132px;
    color:#b0b0b1;
    padding:40px;
    font-size:16px;
  }
  .footer .about{
    width:30%;
    float:left;
    text-align: center;
  }
  .footer .about p{
    display: inline-block;
    border-bottom:1px solid #ddd;
    cursor: pointer;
  }
  .footer .commess{
    float:left;
  }
  .footer .about p a{
    color:#b0b0b1;
  }
  .footer p{
    margin-top:10px;
  }
  .footer .commess span{
    margin-right:10px;
  }
  .tanchuang{
    position:fixed;
    top:80%;
    right:0%;
    cursor: pointer;
  }

  .tancon,.tangrade{
    position:fixed;
    top:5%;
    left:31%;
    width:38%;
    display:none;
    z-index:10001;
    background: #fff;
  }
  .close{
    width:30px;
    height:30px;
    position: absolute;
    top:2%;
    right:2%;
    cursor: pointer;
  }
  .close img{
    width:100%;
    height:100%
  }
  .tancon .tc-title{
    font-weight:bold;
    font-size:22px;
  }
  .tancon .tc-title span{
    color:#285edf;
  }
  .tancon .tc-title,.tangrade .tc-title{
    background:#f9f9f9;
    padding:25px 50px;
    border-bottom:5px solid #eee;
  }
  .tancon .tc-body,.tangrade .tc-body{
    padding:40px 0 30px 0;
  }
  .tancon .tc-con{
    height:340px;
    overflow-y:scroll;
  }
  .tancon .tc-con p{
    color:#285edf;
    font-size:18px;
  }
  .tancon .tc-con  form{
    margin-bottom:25px;
    margin-left: 30px;
    margin-right: 30px;
  }
  .tancon .tc-con label{
    color:#333;
    font-size:16px;
    display:inline-block;;
    margin-right:50px;
    margin-top:20px;
  }
  .tancon .tc-body .btn {
    margin-top:25px;
  }
  .tancon .tc-body .btn button{
    background: #eb9200;
    color:#fff;
    border:none;
    border-radius: 5px;
    width:100px;
    padding:5px 0;
    text-align: center;
    font-size:18px;
    margin:0 30px;
    cursor: pointer;
  }
  .tangrade .tc-con .classtype{
    width:30%
  }
  .tangrade .classjanjv{
    width:2.5%;
    height:10px;
    float:left;
  }
  .tangrade .defen{
    color:#285edf;
    font-size: 28px;
    font-weight: bold;
  }
  .tangrade .fenshu{
    font-size:80px;
    font-weight:bold;
    text-align: center;
  }
  .tangrade .fenshu #shu{
    color:#285edf;
  }
  .tangrade .tips{
    font-size:28px;
    font-weight: bold;
    margin-top:20px;
    text-align: center;
  }
  .tangrade .classmess{
    padding:20px 14px 15px 10px;
    background: #fafafa;
    color:#333;
  }
  .tangrade .classmess p:nth-child(1){
    font-size:14px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    margin-bottom:10px;
  }
  .tangrade .classmess p:nth-child(2) span:nth-child(1){
    float:left;
  }
  .tangrade .classmess p:nth-child(2) span:nth-child(2){
    float:right;
    color:#285edf;
    font-size:14px;
  }
  .tangrade .tc-body .btn {
    text-align: center;
  }
  .tangrade .tc-body .btn button{
    background: #eb9200;
    color:#fff;
    border:none;
    border-radius: 5px;
    width:100px;
    padding:5px 0;
    text-align: center;
    font-size:18px;
    cursor: pointer;
    margin-top:30px;
  }
}
@media screen and (max-width: 1200px){
  /*css reset*/
@charset "UTF-8";
* { -webkit-tap-highlight-color: transparent; outline: 0; margin: 0; padding: 0; vertical-align: baseline; }
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; vertical-align: baseline; }
img { border: 0 none; vertical-align: top; }
i, em { font-style: normal; }
ol, ul { list-style: none; }
input, select, button, h1, h2, h3, h4, h5, h6 { font-size: 100%; font-family: inherit; }
table { border-collapse: collapse; border-spacing: 0; }
a { text-decoration: none; color: #666; }
body { margin: 0 auto; min-width: 320px; max-width: 640px; height: 100%; font-size: 14px; font-family: -apple-system,Helvetica,sans-serif; line-height: 1.5; color: #666; -webkit-text-size-adjust: 100% !important; text-size-adjust: 100% !important; }
input[type="text"],input[type="button"],input[type="submit"],input[type="file"], textarea, button, select { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
/*page css*/

.content{
  padding:0 10px;
}
  /* 头部 */
  .header{
    width: 100%;
    height: 122px;
    background: url('../images/m-bg.jpg') no-repeat;
    background-size: 100%;
    overflow: hidden;
  }
  .head-logo{
    padding:10px 0;
    display: flex;
    justify-content: space-between;
  }
  .head-logo img{
    width:100%;
    height:100%;
  }
  .cernet-logo{
    width:38%;
    margin-top:5px;
  }
  .cerpark-logo{
    width:33%;
  }
  .head-title{
    width:98%;
    margin:0 auto;
    margin-top:6px;
  }
  .head-title img{
    width:100%;
  }

/* 第一部分 */
  .content-1 {
    border-bottom:5px solid #eee;
  }
  .content-1 .con1-title{
      font-weight:bold;
      font-size:15px;
      text-align: center;
      padding:2px 0;
      padding-top:10px;
  }
  .content-1 .con1-title p{
    text-align: center;
    border-bottom:2px solid #1b64b7;
    display:inline-block;
  }
  .con1-con{
    padding-bottom:10px;
  }
  .con1-con p{
    text-indent: 2em;
    font-size:12px;
    line-height:18px;
    color:#666;
    margin-top:10px;
  }
  /* 第二部分 第四部分 第五部分*/
  .content-2{
    background:#f9f9f9;
    border-bottom:5px solid #eee;
  }
  .content-2 .hot,.content-4 .hot{
    color:#000;
    font-size:16px;
    font-weight: bold;
    text-align: center;
    padding:10px 0;
  }
  .content-2 .hot p,.content-4 .hot p{
    display: inline-block;
    border-bottom:2px solid #1b64b7;
  }
  .content-2 .class,.content-4 .class{
    display:flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .content-2 .joinclass{
    width:100%;
  }
  .content-2 .joinclass img{
    width:100%;
  }
  .content-2 .classtype,.content-4 .classtype{
    width:48%;
    margin-top:10px;
  }
  .content-2 .classtype img,.content-4 .classtype img{
    width:100%;
  }
  .content-2 .classtype .classmess,  .content-4 .classtype .classmess{
    padding:0 10px;
  }
  .content-2 .classmess p:nth-child(1),  .content-4 .classmess p:nth-child(1){
    margin-top:5px;
    font-size:14px;
  }
  .content-2 .classmess p:nth-child(2),.content-4 .classmess p:nth-child(2){
    margin-top:5px;
    font-size:14px;
    color:#999;
  }
  .content-2 .more,.content-4 .more{
    text-align: center;
    font-size: 14px;
    color:#999;
    padding:20px;
  }
  /*第三部分*/
  .content-3{
    background: url("../images/m-bg1.jpg");
    background-size: 100%;
    padding:15px 0;
  }
  .content-3 .hexin{
    color:#fff;
    text-align: center;
  }
  .content-3 .hexin p{
    display: inline-block;
    border-bottom: 2px solid #fff;
    font-size:16px;
    font-weight: bold;
  }
  .content-3 .hoverclass{
    color:#fff;
    font-weight: bold;
    background: rgba(255,255,255,0.3);
    border-radius:5px;
    margin-top:8px;
    display:flex;
    justify-content: space-between;
    padding:3px 10px;
  }
  .content-3 .uparrow .img{
    width:20px;
    height:20px;
    background: url('../images/more.png');
    background-size: 100%;
  }
  .content-3 .downarrow .img{
    width:20px;
    height:20px;
    background: url('../images/xiala.png');
    background-size: 100%;
  }
  .content-3 .more{
    text-align: center;
    font-size: 14px;
    color:#fff;
    padding:20px;
  }
  .content-3 .more a{
    color: #fff;
  }
  .content-3 .dropdown-content{
    color:#666;
  }
  .content-3 .dropdown-content li{
    background: #fff;
    display: flex;
    justify-content: space-between;
    margin-bottom:2px;
    padding:6px;
  }
  .content-3  .dropdown-content{
    display:none;
  }
  .show{
    display:block!important;
  }
/* 第四部分 */
.content-4{
  border-bottom:5px solid #eee;
}

/*底部 */
.footer{
  background: #3f4249;
  padding:20px;
}
.footer p{
  text-align: center;
  color:#a4a6a4;
  font-size:12px;
  margin-top:2px;
}
.footer p a{
  color:#a4a6a4;
}
/* 测一测 */
.ceyice{
  width:78px;
  height:72px;
  position: fixed;
  bottom:2%;
  right:0
}
.ceyice img{
  width:100%;
  height:100%;
}
.tancon,.tangrade{
  position:fixed;
  top:10%;
  left:10%;
  width:80%;
  display:none;
  z-index:10001;
  background: #fff;
}
.close{
  width:30px;
  height:30px;
  position: absolute;
  top:2%;
  right:2%;
  cursor: pointer;
}
.close img{
  width:100%;
  height:100%
}
.tancon .tc-title{
  font-weight:bold;
  font-size:18px;
}
.tancon .tc-title span{
  color:#285edf;
}
.tancon .tc-title,.tangrade .tc-title{
  background:#f9f9f9;
  padding:20px;
  border-bottom:5px solid #eee;
  text-align: center;
}
.tancon .tc-body,.tangrade .tc-body{
  padding:8px;
}
.tancon .tc-con{
  height:300px;
    padding: 12px;
  overflow-y:scroll;
}
.tancon .tc-con p{
  color:#285edf;
  font-size:16px;
}
.tancon .tc-con  form{
  margin-bottom:20px;
}
.tancon .tc-con label{
  color:#333;
  font-size:14px;
  display:inline-block;;
  margin-right:10px;
  margin-top:15px;
}
.tancon .tc-body .btn {
  margin-top:25px;
  display: flex;
  justify-content: space-around;
}
.tancon .tc-body .btn button{
  background: #eb9200;
  color:#fff;
  border:none;
  border-radius: 5px;
  padding:4px 10px;
  text-align: center;
  font-size:16px;
}
/* 成绩弹窗 */
.tangrade .tc-con{
  display: flex;
  justify-content: space-between;
}
.tangrade .defen{
  color:#285edf;
  font-size: 20px;
  font-weight: bold;
  text-align: left;
}
.tangrade .fenshu{
  font-size:20px;
  font-weight:bold;
  text-align: center;
  color:#000;
  line-height:70px;
  height:80px;
}
.tangrade .fenshu #shu{
  color:#285edf;
  font-size:80px;
}
.tangrade .tips{
  font-size:20px;
  font-weight: bold;
  text-align: center;
  color:#000;
}
.tangrade .classmess{
  padding:9px;
  background: #fafafa;
  color:#333;
}
.tangrade .classmess p:nth-child(1){
  font-size:13px;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
  margin-bottom:5px;
}
.tangrade .classmess p:nth-child(2){
  display: flex;
  justify-content: space-between;
  font-size:12px;
}
.tangrade .classmess p:nth-child(2) span:nth-child(2){
  color:#285edf;
  font-size:12px;
}
.tangrade .tc-body .btn {
  text-align: center;
}
.tangrade .tc-body .btn button{
  background: #eb9200;
  color:#fff;
  border:none;
  border-radius: 5px;
  width:100px;
  padding:5px 0;
  text-align: center;
  font-size:16px;
  cursor: pointer;
  margin-top:30px;
}
.tangrade{
  top:15%;
}
.tangrade .classtype{
  width:49%;
}
}

/* 复用部分 */
.classtype{
  -webkit-box-shadow: #666 0px 0px 10px;
  -moz-box-shadow: #666 0px 0px 10px;
  box-shadow: #666 0px 0px 10px;
  background: #fff;
}
.imgclass img{
  width:100%;
  height:100%;
}
.zhezhao{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.6 );
  display:none;
  z-index:10000;
}
.tancon .tc-body .btn p{
  text-align:center;
  margin-top: 15px;
  margin-bottom:20px;
  text-decoration: underline;
  font-size: 16px;
  cursor:pointer;
}
.tancon .tc-body .check p{
  text-align:center;
  margin-top: 15px;
  text-decoration: underline;
  font-size: 16px;
}