/*css**/
@import "https://at.alicdn.com/t/font_330953_g9ljz5lzh8xe0zfr.css";
/*base style*/html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary{ margin:0; padding:0;}html{ font-size:60px}body{ font-family:"\5FAE\8F6F\96C5\9ED1","Microsoft Yahei","Arial";font-size: 14px; color:#333; background-color:#fff;background-attachment:fixed; margin:0 auto;min-width: 320px;  }a{ color:#06f; text-decoration:none;}a:hover{ color:#007edd; text-decoration:none;}img{ border:none;  max-width: 100%;vertical-align: middle;font-size: 16px;}i,em{ font-style:normal;}/*address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal}*/li{ list-style-type:none;}ol,ul {list-style:none}textarea{ resize:vertical;}table {border-collapse:collapse;border-spacing:0;}input, select, textarea{ font-family:"\5FAE\8F6F\96C5\9ED1","Microsoft Yahei","Arial"; background-color:#fff; margin:0; padding:0; outline:none;}input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; }button{    border: none;    outline: none;}
body { color: #333;font-size:.28em; line-height: 1.5; font-family: arial, Microsoft Yahei }
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;}
}
/**/
body{
    width: 100%;
    min-width: 320px;
    font-family: "Microsoft YaHei";
    margin: 0 auto;
}
.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;
}
#weixinpop {width: 100%;max-height: 55px!important;max-width: 640px;position: fixed;z-index: 99999999;left: 0;right: 0;top: 0;height: 0px;margin: auto;overflow: hidden;display: flex;display: -webkit-flex;align-items: center;justify-content: flex-start;background: rgba(0,0,0,.8);color: #fff;border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;transition: height .3s ease;-webkit-transition: height .3s ease;}  .weixinpop-an {height: 70px!important;}  #weixinpop div:first-child {text-align: center;padding: 10px 5px;}  #weixinpop div:first-child img {width: 60%;border-radius: 6px;}  #weixinpop div:nth-child(2) {width: 58%;border-left: 1px solid #909090;}  #weixinpop div:last-child {background: #fff;color: #000;padding: 5px 10px;border-radius: 5px;}  #weixinpop div:nth-child(2) p {padding: 0px 0;text-indent: 10px;}
.cont{
    text-align: center;
}
.row{
    margin: auto;
}
.container{
    max-width: 640px;
    margin: auto;
   padding: 0;
}
.container img{
    width: 100%;
}
.col-xs-2 {
    padding: 5px;
    text-align: center;
}
.data_ico_zmt + span {
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #EE5C68;
}
.data_ico_zmt {
    font-size: 2em;
    color: #EE5C68;
}
.banner img{width: 100%;}

.xx_1{margin: 5% auto;width: 96%;text-align: center;}
.xx_2{padding:5% 2%;background: url(../images/zg_bg10.jpg) center no-repeat #322a7f;text-align: center;}
.xx_3{padding:5% 2%;background: linear-gradient(to right, #050f49 , #172e7a);text-align: center;}
.xx_4{padding:5% 2%;background: #0b084e;text-align: center;}

.xx_h2{margin: 0 0 0.2em;font-size: 0.3rem;line-height: 1.6em;white-space: nowrap;}
.xx_h2 span{color: #3d6ce6;}
.xx_h3{margin: 0 0 0.2em;font-size: 0.18rem;line-height: 1.6em;color: #555658;font-weight: normal;}
.xx_p{font-size:0.18rem;color:#555658;margin: 0 auto 0.2em;line-height: 1.8em;text-align: left;text-indent: 2em;}
.ljzx {display: inline-block;color: #fff;background: #100d93;font-size: 0.22rem;line-height: 2.6em;width: 3rem;border-radius: 0.5rem;}
.ljzx.bg2{background: #fff;color: #100d93;}

.part1_content{margin: 3% 0;}
.part1_content ul{margin: 0;padding: 0;display: flex;flex-wrap: wrap;justify-content: space-between;}
.part1_content ul li{width: 49%;margin: 1% 0;box-sizing: border-box;}
.part1_content ul img{width: 100%;}
.part1_content  p{text-align: center;font: 0.18rem/1.6 "Microsoft Yahei";margin: 0;}

.part2_content{margin: 3% 0;display: flex;flex-wrap: wrap;justify-content: space-around;padding: 0;}
.part2_content p{font-size: 0.24rem;line-height: 0.77rem;border-radius: 0.05rem;color: white;margin: 0;}
.part2_content li{width: 47%;margin: 1% 0;background: url(data:image/png;base64,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)  center/100% no-repeat;}

.part3_content{margin: 3% 0;}
.part3_content>ul{margin: 0;padding: 0;}
.part3_content>ul>li{width: 49%;height: 3.1rem;float: left;margin: 1% 0;position: relative;}
.part3_content div{overflow: hidden;border: 0.02rem solid #e9e3e3;height: 100%;box-sizing: border-box;transition: all ease-out 1s;background: white;}
.part3_content div span{position: relative;display: block;margin: 0.125rem auto 0.2rem;width: 92%;overflow: hidden;}
.part3_content div span img{width: 100%;}
.part3_content div span::after{content: "\6025\8058";position: absolute;left: -0.36rem;top: 0.08rem;background: #fe2351;font-size: 0.18rem;color: white;width: 7em;line-height: 2em;transform: rotate(-45deg);}
.part3_content div h3{margin: 0;font-size: 0.21rem;line-height: 1.6em;color: #3f3333;font-weight: normal;}
.part3_content div p{font-size: 0.24rem;line-height: 1.6em;margin: 0;color: #fe2351;}
.part3_content li>ul{margin: 0;position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 0;border: 0.05rem solid #0d17bd;box-sizing: border-box;background: white;text-align: left;transition: all ease-out 1s;transform: rotateY(180deg);backface-visibility: hidden;display: flex;flex-wrap: wrap;}
.part3_content li>ul li{border-bottom: 0.01rem solid #0d17bd;padding: 0 0.14rem;height: auto;width: 100%;box-sizing: border-box;}
.part3_content li>ul p{font-size: 0.14rem;line-height: 1.8em;margin: 0.12rem 0;white-space: nowrap;font-weight: normal;overflow: hidden;text-overflow: ellipsis;}
.part3_content li>ul span{color: #f3152a;}
.part3_content li.active div{transform: rotateY(180deg);}
.part3_content li.active>ul{transform: rotateY(0);}

.part4_content {margin: 3% 0;color: white;text-align: left;display: flex;flex-wrap: wrap;justify-content: space-between;padding: 0;}
.part4_content li {width: 49%;background: url(../images/pg4_bg.png) center/100% 100% no-repeat;padding: 3% 0 3% 3%;box-sizing: border-box;margin: 1% 0;}
.part4_content h3 {font: bold 0.22rem/0.55rem "Microsoft Yahei";margin: 0;}
.part4_content p {font: 0.18rem/2em "Microsoft Yahei";margin: 0;}

.part5_content{margin: 0.3rem 0;padding: 0;overflow: hidden;}
.part5_content{margin: 3% 0;padding: 0;display: flex;flex-wrap: wrap;justify-content: space-between;}
.part5_content li{width: 49%;margin: 1% 0;box-sizing: border-box;}
.part5_content img{width: 100%;}

.xh_box5{margin: 3% 0;overflow: hidden;padding: 2% 0;background: white;box-sizing: border-box;display: flex;justify-content: space-between;/* height: 2rem; */}
.xh_box5 .xh_box5_ri{background: url(../images/xh_04.jpg);box-sizing: border-box;padding: 0;width: 63%;background-size: 100% 100%;float: right;margin: 0;}
.xh_box5 .xh_box5_ri ul{padding: 0;margin: 0;}
.xh_box5 .xh_box5_ri li{height: 100%;display: flex;align-items: center;}
.xh_box5 .xh_box5_ri img{width: 100%;}
.xh_box5 .xh_box5_ri p{margin: 0;color: white;padding: 0 0 0 15%;font-size: 0.2rem;line-height: 2em;}
.xh_box5 .xh_box5_le{width: 35%;padding: 0;z-index: 2;float: left;overflow: initial;margin: 0;}
.xh_box5 .xh_box5_le ul{margin: 0;flex-wrap: wrap;box-sizing: border-box;padding: 0;}
.xh_box5 .xh_box5_le li{background: #d8d8d9;box-sizing: border-box;color: #333;text-align: center;float: left;display: flex;align-items: center;justify-content: center;position: relative;font-size: 0.17rem;line-height: 4em;margin: 0 0 1%;height: auto;white-space: nowrap;}
.xh_box5 .xh_box5_le li.active::after{content: "->";position: absolute;right: -8%;top: 0;bottom: 0;margin: auto;background-size: 100% 100%;background: white;border-radius: 50%;width: 2em;height: 2em;line-height: 2em;color: #5f5f5f;box-shadow: 0.03rem 0 0.05rem 0 #d8d8d9;}

.xh_box6{margin: 3% 0;overflow: hidden;padding: 0;background: white;box-sizing: border-box;border: 0.02rem solid #c2bebe;display: flex;justify-content: space-between;/* flex-wrap: wrap; */}
.xh_box6 .xh_box6_ri{background: url(../images/xh_04.jpg);box-sizing: border-box;padding: 0;width: 90%;background-size: 100% 100%;margin: 0;}
.xh_box6 .xh_box6_ri>ul{padding: 0;margin: 0;}
.xh_box6 .xh_box6_ri>ul>li{height: 100%;display: flex;align-items: center;}
.xh_box6 .xh_box6_ri li ul{padding: 0.2rem 0.1rem 0.1rem;margin: 0;display: flex;flex-wrap: wrap;justify-content: space-between;}
.xh_box6 .xh_box6_ri li li{float: left;width: 49%;margin: 1% 0;}
.xh_box6 .xh_box6_ri li span{font-size: 0.16rem;margin: 0 0 0 1em;display: block;}
.xh_box6 .xh_box6_ri p{font-size: 0.24rem;line-height: 1.6em;margin: 0.5em 0 0;}
.xh_box6 .xh_box6_ri img{width: 100%;}
.xh_box6 .xh_box6_le{width: 10%;padding: 0;z-index: 2;float: left;overflow: initial;}
.xh_box6 .xh_box6_le ul{margin: 0;flex-wrap: wrap;box-sizing: border-box;padding: 0;border-right: 0.02rem solid #c2bebe;box-sizing: content-box;}
.xh_box6 .xh_box6_le li{box-sizing: border-box;color: #3728ca;text-align: center;float: left;display: flex;align-items: center;justify-content: center;position: relative;font-size: 0.2rem;line-height: 1.2em;margin: 0;height: 25%;border: 0.01rem solid #c2bebe;border-width: 0.01rem 0;}
.xh_box6 .xh_box6_le li br{background: #d8d8d9;box-sizing: border-box;color: #3728ca;text-align: center;float: left;display: flex;align-items: center;justify-content: center;position: relative;font-size: 0.17rem;line-height: 4em;margin: 0 0 1%;height: auto;}
.xh_box6 .xh_box6_le li.active{background: #3728ca;color: white;}

.con8{margin: 3% 0;position: relative;box-sizing: border-box;padding: 0 0 0.1rem;}
.con8 ul{padding: 0;margin: 0;}
.con8 li{transition: all 0.3s ease;}
.con8 li img{width: 100%;}
.con8 h4{font-size: 0.18rem;font-weight: normal;color: #515153;line-height: 1.6em;margin: 0.1rem 0;}
.con8 li div{display: block;width: 80%;margin: 16% auto;position: relative;}
.con8 li div::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/teacher01.png) center/100%;}
.con8 li span{display: block;width: 2.47rem;font-size: 0.2rem;margin: 0.5em 0 0.2em;text-indent: 0;}
.con8 p{opacity: 0;line-height: 1.6em;font-size: 0.15rem;text-align: left;text-indent: 2em;width: 100%;position: absolute;left: 0;bottom: 0;padding: 0 0.24rem 0.3rem;box-sizing: border-box;background: rgba(51, 51, 51, 0.7);color: white;margin: 0;}
.con8 .swiper-pagination{bottom: 0;}
.con8 li.active div{width: 100%;margin: 0;}
.con8 li.active p{opacity: 1;transition: all 0.3s ease;}

.co_wt{color: white!important;}
.te_ce{text-align: center!important;text-indent: 0!important;}
.margin_r_0{margin-right:0!important;}