/*css**/
body {background: #FFFFFF;color: #000;margin: 0;padding: 0;min-width: 1200px;font-size: 15px;}
body,.row,.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; }
img { vertical-align: middle; border: 0 }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-weight: bold}
ul, ol, li { list-style: none; }
.lf{
    float: left;
}
.rt{
    float: right;
}
.clear { clear: both;}
@media only screen and (max-width:300px){
    body,.mytitle,.bottom_title{font-size:10px!important}
    .viewport{max-width:300px}
    .ztshow2_l_bt{font-size:12px!important;font-weight: bold}
    .top_title{font-size:12px!important;font-weight: bold; top:10%;}
    .bottom_title{ bottom: 2%;}
    .con_title span{font-size:14px!important;padding: 5px}
    .con_title{height: 4.5rem!important; line-height: 4.5rem!important;}
    .new_tit{font-size:12px!important;}
    .new_dei{display: none!important}
    .myclass img{width: 100%;  }
    a.current{line-height: 34px!important;}

}
@media only screen and (max-width:310px) and (min-width:300px){
    body,.mytitle,.top_title,.bottom_title{font-size:10px!important}
    .viewport{max-width:300px}
    .ztshow2_l_bt{font-size:12px!important;font-weight: bold}
    .top_title{font-size:12px!important;font-weight: bold; top:10%;}
    .bottom_title{ bottom: 2%;}
    .con_title span{font-size:15px!important;padding: 5px}
    .con_title{height: 4.5rem!important; line-height: 4.5rem!important;}
    .new_tit{font-size:12px!important;}
    .new_dei{display: none!important}
    .myclass img{width: 100%;  }
    a.current{line-height: 34px!important;}

}
@media only screen and (max-width:320px) and (min-width:310px){
    body,.mytitle,.top_title,.bottom_title{font-size:10.66667px!important}
    .viewport{max-width:320px}
    .ztshow2_l_bt{font-size:13px!important;font-weight: bold}
    .top_title{font-size:13px!important;font-weight: bold; top:10%;}
    .bottom_title{ bottom: 2%;}
    .con_title span{font-size:15px!important;padding: 6px}
    .con_title{height: 4.5rem!important; line-height: 4.5rem!important;}
    .new_tit{font-size:12px!important;}
    .new_dei{display: none!important}
    .myclass img{width: 100%;  }
    a.current{line-height: 34px!important;}
}
@media only screen and (max-width:360px) and (min-width:320px){
    body,.mytitle,.top_title,.bottom_title{font-size:10.66667px!important}
    .viewport{max-width:360px}
    .ztshow2_l_bt{font-size:15px!important}
    .top_title{font-size:14px!important;font-weight: bold;top:10%;}
    .bottom_title{ bottom: 2%;}
    .con_title span{font-size:16px!important;padding: 6px}
    .con_title{height: 4.5rem!important; line-height: 4.5rem!important;}
    .new_tit{font-size:12px!important;}
    .new_dei{display: none!important}
    .myclass img{width: 100%;  }
    a.current{line-height: 34px!important;}
}
@media only screen and (max-width:360px) and (min-width:350px){
    body,.mytitle,.top_title,.bottom_title{font-size:12px!important}
    .viewport{max-width:360px}
    .ztshow2_l_bt{font-size:15px!important}
    .top_title{font-size:14px!important;font-weight: bold; top:10%;}
    .bottom_title{ bottom: 2%;}
    .con_title span{font-size:16px!important;padding: 8px}
    .con_title{height: 4.5rem!important; line-height: 4.5rem!important;}
    .new_tit{font-size:13px!important;}
    .new_dei{display: none!important}
    .myclass img{width: 100%;  }
    a.current{line-height: 34px!important;}
}
@media only screen and (max-width:480px) and (min-width:360px){
    body,.mytitle,.top_title,.bottom_title{font-size:12px!important}
    .viewport{max-width:480px}
    .ztshow2_l_bt{font-size:18px!important}
    .top_title{font-size:14px!important;font-weight: bold; top:10%;}
    .bottom_title{ bottom: 2%;}
    .con_title span{font-size:17px!important;padding: 8px}
    .con_title{height: 4.5rem!important; line-height: 4.5rem!important;}
    .new_tit{font-size:13px!important;}
    .new_dei{display: none!important}
    .myclass img{width: 100%;  }
    a.current{line-height: 35px!important;}
}
@media only screen and (max-width:480px) and (min-width:470px){
    body,.mytitle,.top_title,.bottom_title{font-size:15.66667px!important}
    .viewport{max-width:480px }
    .ztshow2_l_bt{font-size:25px!important}
    .top_title{font-size:25px!important;font-weight: bold; top:10%;}
    .bottom_title{ bottom: 2%;}
    .con_title span{font-size:17px!important;padding: 8px}
    .con_title{height: 4.5rem!important; line-height: 4.5rem!important;}
    .new_tit{font-size:14px!important;}
    .new_dei{display: none!important}
    .myclass img{width: 100%;  }
    a.current{line-height: 35px!important;}
}
@media only screen and (min-width:480px){
    body,.mytitle,.top_title,.bottom_title{font-size:15.66667px!important}
    .viewport{max-width:480px }
    .ztshow2_l_bt{font-size:25px!important}
    .top_title{font-size:21px!important;font-weight: bold; top:10%;}
    .bottom_title{ bottom: 2%;}
    .myclass img{width: 80%;  }
    .myline{width: 95%!important;}
}
/**/
@font-face {
    font-family:"Microsoft YaHei"!important;
    src: url("https://www.csxinhua.com/fonts/yahei.ttf");
}
body{
    font-family:"Microsoft YaHei"!important;
}
.logo{
    padding-right: 15px;
    padding-bottom: 0;
    padding-top: 0;
    display: inline-block;
    padding: 0 0 0 8px;
}
.lbtn:hover{
    background-color: #0074D7;
}
.navbg{
    margin-bottom: 0px;
    border: 0px solid transparent;
}
.ltop{

}
.topbg{
    background-color: #0074D7;
}
ul li a{
    color: #ffffff;
}
.ibar{

}
.ibar > li {
    float: left;
    color: #fff;
}

.ibar > li > a {
    padding-top: 15px;
    padding-bottom: 15px;

}
a:hover{
    text-decoration: none;
}
.cont{
    text-align: center;
}
.row{
    margin: auto;
}
.ban{margin-top: -6px}
.bw {width: 1201px;margin: 0 auto;}
.score-cer {width: 1200px;margin: 30px auto;}
.j2 {font-size: 50px;font-weight: bold;text-align: center;background: #D05126;color: #fff;width: 60%;margin: auto;}

/* jiuyexibao & jiuyeshipin */
.bw1210{margin:20px auto 0 auto;}
.sybmd{ float:left}
.sybmd,.zybox { overflow: hidden; width:67%; margin: 0 auto; line-height: 28px; background: #fff; font-size: 14px;}
.sybmd_img { width:860px; overflow: hidden; border-bottom: 1px solid #ddd; box-sizing: border-box;}
.sybmd_con2 { overflow: hidden; background: #00bbdc; text-align: center; width: 100%; height: 100px; color: #333; margin: 10px auto 0 auto; box-sizing: border-box;}
.zybox h2 { text-align: left; text-indent:15px; line-height:2.2; font-size: 20px; color:#0095b0; border: 1px solid #ddd;}
.zybox h2 span { color: #f00;}
.sybmd_conn2 {font-size: 18px; margin-top: 20px; letter-spacing: 1.2px; text-align: center; float: left; width: 100px; color: #fff; border-right: 1px solid #fff;}
#sybmdbox { height: 155px; overflow: hidden;}
#sybmdbox table { width: 100%; border-collapse: collapse;}
#sybmdbox table td { border: 1px solid #ddd; color: #666; padding:8px 0}
#sybmdbox table tr:hover { background: #ddd;}
#sybmdbox03 { height: 286px; overflow: hidden;}
#sybmdbox03 table { width: 100%; border-collapse: collapse;}
#sybmdbox03 table td { border-bottom: 1px dashed #ddd; color: #666; padding:8px 0}
#sybmdbox03 table tr:hover { background: #ddd;}
.zybt { border-top: none;}
.sybmd_con2 label { color: #fff; font-size: 18px;}
.ecg1{ float:right; margin:0 auto;width: 32%}
.ecg1 img{ width:407px; height:285px}
.zybt { border-top: none;}
.sybmd_con2 label { color: #fff; font-size: 18px;}
.zyd_t h2 { line-height: 60px; background:#008bff; text-align: center; font-size: 24px; color: #fff; letter-spacing: 1.5px;margin-bottom: 10px}
.zyd_t ul, .zybox_t, .zybox_p { overflow: hidden; width:78.8%; border-bottom: 1px solid #008bff; box-sizing: border-box;}
.zyd_t ul, .zybox_t, .zybox_p a { display: block;}
.zybox_t { background: #999; color: #fff;}
.zybox_p { border-left: 1px solid #ddd; /*border-right: 1px solid #ddd;*/}
.zyd_t ul li { float: left; text-align: center; line-height: 40px;/*border-left: 1px #ddd solid;*/ box-sizing: border-box; list-style: none; border-top:1px solid #ddd; color: #008bff; font-size: 16px;}
.zyw_1 { width: 15%;}
.zyw_11 { width: 25%;}
.zyw_2 { width: 35%;}
.zyw_3 { width: 25%;/* border-right: 1px solid #ddd;*/}
.zyw_3 a{border: 1px solid #C60000;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;border-top-right-radius: 10px;border-top-left-radius: 10px;padding: 3px 10px;color: #C60000!important;}
.zyw_4 { width: 20%; /*border-right: 1px solid #ddd;*/}
.zybox_p .font_r{color:#f00; font-weight:bold;}
.zybox_p:hover a,.zybox_p:hover li { background: #ee7800; color: #fff;}
.zybox_p:hover li{ background: #ee7800; color: #fff;}
.jynw_right h2 { line-height: 2; background:red; text-align: center; font-size: 20px; color: #fff;}
.zyd_t img{float: left;height: 287px}

.lesson{width: 1200px;margin: 0 auto 0 auto;}
.lesson-level{ display: flex;justify-content: space-around;/*padding:10px 0;*/ text-align: center;align-items: center;margin-top: 50px;}
.lesson-level li{ color: #fff;font-size: 16px;text-align: center;padding: 12px 35px;line-height: 1.8;background: #D05125;font-weight: bold;cursor: pointer;font-size: 16px;}
.lesson-level li+li{ border-left: 1px solid #fff;}
.lesson-level li:hover,.lesson-level li.active{ background: #f39800;}
.lv-img{ margin-top:15px;}
.lv-img img{ display: block; display: none;}
.lv-img img:nth-child(1){ display: block;}

div.htit {width: 100%;height: 122px;background: url(../images/title.png)no-repeat center;text-align: center;font-size: 1.5em;color: #333333;line-height: 122px;}
.htit h1{line-height: 122px;}
.htit h1 span{color: #043ab7;}
div.ptit {width: 100%;}
div.ptit p{width: 1200px;margin: auto;font-size: 1.2em;line-height: 1.8em;text-align: center;padding: 0 0 1em 0;}
div.ptit p span {font-size: 1.2em;font-weight: bold;color: #043ab7;}
div.swt{width: 100%;height: auto;text-align: center;padding: 1em 0 2em 0;}
div.swt a {
    display: inline-block;
    width: 400px;
    height: 65px;
    line-height: 65px;
    background: linear-gradient(to right,#ff03d9,#ee4375);
    border-radius: 33px;
    color: #fff;
    font-size: 1.5em;
    text-decoration: none;
    animation: changes 0.5s ease infinite;
    -moz-animation: changes 0.5s ease infinite;
    -o-animation: changes 0.5s ease infinite;
    -webkit-animation: changes 0.5s ease infinite;
}
@keyframes changes {
    0%{
        background: linear-gradient(to right,#ff03d9,#ee4375);
    }
    50%{
        background: linear-gradient(to right,#ee4375,#ff03d9);
    }
    100%{
        background: linear-gradient(to right,#ff03d9,#ee4375);
    }
}

@-moz-keyframes changes {
    0%{
        background: linear-gradient(to right,#ff03d9,#ee4375);
    }
    50%{
        background: linear-gradient(to right,#ee4375,#ff03d9);
    }
    100%{
        background: linear-gradient(to right,#ff03d9,#ee4375);
    }
}

@-webkit-keyframes changes {
    0%{
        background: linear-gradient(to right,#ff03d9,#ee4375);
    }
    50%{
        background: linear-gradient(to right,#ee4375,#ff03d9);
    }
    100%{
        background: linear-gradient(to right,#ff03d9,#ee4375);
    }
}

@-o-keyframes changes {
    0%{
        background: linear-gradient(to right,#ff03d9,#ee4375);
    }
    50%{
        background: linear-gradient(to right,#ee4375,#ff03d9);
    }
    100%{
        background: linear-gradient(to right,#ff03d9,#ee4375);
    }
}
div.brand {width: 100%;height: 127px;background: url(../images/ys4.png)no-repeat center;}

.bdbg {background: url(../images/bj5.png)no-repeat right;background-size: cover;}
.bdbg_p{line-height: 40px;padding: 20px 0;padding-right: 30px;text-align: right}
.bdbg_p span:nth-child(1){color: #fff;font-size: 30px;padding-right: 100px}
.bdbg_p span:nth-child(3){color:white;font-size: 30px;font-weight:bold;letter-spacing: 2px}
.form-group {line-height:30px;height:30px;font-size:18px;font-family:'microsoft Yahei';margin-bottom: 0.6em;width: 40%}
.telinput{width: 100%;height: 1.8em;border:none;text-indent: 10px;background: #fff !important;border-radius: 5px;}
.bdbg input {border: none!important;}
.bdbg span b{color: #FFE530;}
.lmzxak3{border-radius:5px;font-size:18px;height:50px;line-height: 50px;cursor:pointer;font-family:'Microsoft Yahei';width: 100%;background: #FFE530;position: relative;font-weight: bold;color: #7c5800;text-align:center;}
.lmzxak3_img{position: absolute;left: 50px;top: 6px}

.top_jj{margin:30px 0 80px}
.j1 {color: #9b9b9b;text-align: center;}
.j3 {border-bottom: 2px solid #9b9b9b;width: 800px;margin: 0 auto;}
.yjlc{background:#bf1522;height:400px;margin-top:30px;box-shadow:0 15px 30px rgba(0,0,0,0.3);}
.yjlc_left{float:left;width:500px;margin:20px 0 0 40px}
.yjlc_right{float:right;margin-right:40px;background:#fff;height:400px;width:480px;margin-top:40px;box-shadow:0 15px 30px rgba(0,0,0,0.3);padding-left:20px}
.yjlc_left p{color:#fff;margin-top:30px;font-size:16px}
.yjlc_right input,select {border: 1px solid #a1a4ab;padding-top: 1px;padding-right: 3px;padding-bottom: 1px;padding-left: 3px;height:33px;width:300px;margin-top:30px}
.yjlc_right button {color:#fff;margin-left:97px;width:308px;height:50px;font-size:25px;border:1px solid #bf1522;background-color: #bf1522;margin-top:40px}

.main_zet2 {padding: 10px 0;}
.zet1_p12 {font-size: 40px;font-weight: bold;text-align: center;padding: 35px 0;color: #ff0000;background: url(../images/zmn.png) center no-repeat;}
.zet1_p2 {color: #555555;text-indent: 40px;margin-top: 20px;}
.imgmag {margin-top: 20px;}
.w_1200{width:1200px;margin:0 auto}
.txt_c{text-align:center}
.f40 {
  font-size: 40px;
  text-align: center;
  color: #333;
  font-weight: 500;
  padding: 50px 0 28px;
}

.f40 strong {
  color: #f01111;
}

.f40 em {
  font-size: 26px;
  display: block;
  text-transform: uppercase;
}
.f40 p{
  font-size:16px;
}
.dy {
  text-align: justify;
}

.dy:after {
  content: "";
  display: inline-block;
  width: 100%;
}

.dy li {
  width: 386px;
  display: inline-block;
}

.dy li section {
  background-color: #f85959;
  padding: 20px;
  color: #fff;
}

.dy li:nth-child(2) section {
  background-color: #ff9f68;
}

.dy li:nth-child(3) section {
  background-color: #7c203a;
}

.dy li>img {
  margin-bottom: 4px;
}

.dy li section p {
  line-height: 24px;
  font-size: 14px;
  height: 96px;
}

.dy li section h4 {
  font-size: 26px;
  margin-bottom: 10px;
}

.dy li section h4 img {
  float: right;
  margin-top: 5px;
}
.sxhj li{
  width: 25%;
  float: left;
}
.sxhj li div{
  width: 100%;
    height: 272px;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.sxhj li em{
  transition: .3s;
    display: block;
    text-align: center;
    line-height: 50px;
    color: #666666;
    font-size: 16px;
    background-color: #fff;
    text-overflow: ellipsis;
    overflow: hidden;
}
.kc {
	width:1200px;margin:0 auto;
  padding-bottom: 20px;
}

.kc_tit li {
  float: left;
  width: 178px;
  line-height: 42px;
  color: #333;
  cursor: pointer;
  font-size: 18px;
  background-color: #f2f2f2;
  text-align: center;
  transition: .3s;
}

.kc_tit li.active {
  background-color: #e95b29;
  color: #fff;
}

.xf {
  width: 218px;
  line-height: 42px;
  text-align: center;
  font-size: 22px;
  border: 1px solid #9f0001;
  color: #9f0001;
  box-sizing: border-box;
  transition: .3s;
}

.kc_content {
  background-color: #f2f2f2;
  margin-top: 22px;
  position: relative;
  height:540px;
}
.kc_content li{
  background-color: #f2f2f2;
  position: absolute;
  top:0;
  left:0;
}
.kc_content li section {
  width: 360px;
  box-sizing: border-box;
  padding: 42px 0 0;
}

.kc_content li section h5 {
  font-size: 22px;
  color: #e95b29;
  padding-left: 54px;
  margin-bottom: 10px;
}

.kc_content li section em {
  background-color: #e95b29;
  color: #fff;
  font-size: 16px;
  line-height: 20px;
  padding: 0 28px 0 56px;
  text-transform: uppercase;
  margin-bottom: 30px;
  display: inline-block;
  font-weight: 700;
}

.kc_content li section p {
  padding-left: 54px;
  line-height: 40px;
  font-size: 18px;
  background-image:url(../picture/arr_z.png);
  background-position:20px;
  background-repeat:no-repeat;
}

.kc_content li section a {
  width: 186px;
  line-height: 54px;
  margin-left: 54px;
  border: 1px solid #9f0001;
  display: inline-block;
  font-size: 22px;
  background-color: #9f0001;
  color: #fff;
  transition: .3s;
  text-align: center;
  margin-top: 26px;
}
.clearfix:after{content:"."; display:block; visibility:hidden; height:0; clear:both;} /*除去浮动*/
.clearfix{zoom:1;}
.fl{float:left;}
.fr{float:right;}