/*css**/
@import "https://at.alicdn.com/t/font_330953_g9ljz5lzh8xe0zfr.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;
}
.container img,header img{width: 100%;}
header{margin-top: -6px}
.h20 {width: 100%;height: 20px;}
.h30 {width: 100%;height: 30px;}
.h40 {width: 100%;height: 30px;}
.h50 {width: 100%;height: 50px;}
.h60 {width: 100%;height: 60px;}
.h80{width: 100%;height: 80px;}
.h70 {width: 100%;height: 70px;}
.h90 {width: 100%;height: 90px;}
.h100 {width: 100%;height: 100px;}
.h110 {width: 100%;height: 110px;}
.h120 {width: 100%;height: 120px;}
.h130 {width: 100%;height: 130px;}

.ask {background-color: #f3f3f3;border-bottom: #e13e92 2px solid;}
.layout {width: 1200px;margin: 0 auto;}
.ask ul {display: flex;padding: 2px 8px 8px 8px;flex-wrap: wrap;}
.ask ul li {flex: 30%;margin: 0 5px 1px 5px;display: flex;flex-direction: column;align-items: center;}
.ask ul li span {flex: 1;}
.ask ul li span:nth-child(1) img {display: block;height: 46px;width: 66px;}
.ask ul li span:nth-child(2) {font-size: 22px;padding: 1px 0 0 0;}
.ask ul li span:nth-child(3) {font-size: 27px;font-weight: 700;color: #f06a87;}

.p1 {background: url(../images/p1_bg.jpg) no-repeat;-moz-background-size: 100% 100%;-o-background-size: 100% 100%;-webkit-background-size: 100% 100%;background-size: 100% 100%;}
.layout {width: 1200px;margin: 0 auto;}
.title01 {font-size: 40px;font-weight: 700;text-align: center;}
.p1_one ul {display: flex;flex-wrap: wrap;}
.p1_one ul li {flex: 19%;margin: 0 5px 0 5px;background-color: #fff;display: flex;flex-direction: column;align-items: center;}
.p1_one ul li span {flex: 1;}
.p1_one ul li span:nth-child(1) {padding-top: 20px;}
.p1_one ul li span:nth-child(2) {font-size: 22px;padding-top: 20px;}
.p1_one ul li span:nth-child(3) {font-size: 18px;color: #969696;padding: 25px 26px 40px 26px;}
.zixun {display: inline-block;font-size: 26px;height: 67px;padding: 0 39px;font-weight: 700;text-align: center;line-height: 67px;color: #fff;background-color: #f04d73;border-radius: 34px;margin-left: 50%;transform: translateX(-50%);}

.p2 {background: url(../images/p2_bg.jpg) no-repeat;-moz-background-size: 100% 100%;-o-background-size: 100% 100%;-webkit-background-size: 100% 100%;background-size: 100% 100%;}
.layout {width: 1200px;margin: 0 auto;}
.title01 {font-size: 40px;font-weight: 700;text-align: center;}
.title02 {font-size: 22px;text-align: center;}

.p3 {background: url(../images/p3_bg.jpg) no-repeat;-moz-background-size: 100% 100%;-o-background-size: 100% 100%;-webkit-background-size: 100% 100%;background-size: 100% 100%;}
.p3 .c4_cont {height: 448px;width: 1200px;position: relative;margin-bottom: 30px;}
.p3 .c4_cont img {display: block;margin: 0 auto;-webkit-animation: float 5s cubic-bezier(1, 1.01, 0, 0.01) infinite;-o-animation: float 5s cubic-bezier(1, 1.01, 0, 0.01) infinite;animation: float 5s cubic-bezier(1, 1.01, 0, 0.01) infinite;}
.p3 .c4_cont h5 {position: absolute;width: 112px;height: 58px;font-size: 22px;color: #fff;text-align: center;left: 50%;top: 50%;margin: -40px 0 0 -55px;z-index: 5;}
.p3 .c4_cont p {width: 160px;height: 30px;border-radius: 15px;box-shadow: 0 2px 20px rgba(0, 192, 255, 0.3);text-align: center;font-size: 16px;line-height: 30px;position: absolute;z-index: 5;}
.p3 .c4_cont p.blue {background: #0367cc;color: #fff;}
.p3 .c4_cont p.yellow {background: #f8f51d;color: #082246;}
.p3 .c4_cont p.white {background: #fff;color: #082246;}
.p3 .c4_cont p:nth-child(2) {left: 180px;top: 330px;}
.p3 .c4_cont p:nth-child(3) {left: 263px;top: 200px;}
.p3 .c4_cont p:nth-child(4) {left: 370px;top: 120px;}
.p3 .c4_cont p:nth-child(5) {left: 360px;top: 280px;}
.p3 .c4_cont p:nth-child(6) {left: 400px;top: 370px;}
.p3 .c4_cont p:nth-child(7) {left: 705px;top: 88px;}
.p3 .c4_cont p:nth-child(8) {left: 905px;top: 128px;}
.p3 .c4_cont p:nth-child(9) {left: 830px;top: 193px;}
.p3 .c4_cont p:nth-child(10) {left: 750px;top: 276px;}
.p3 .c4_cont p:nth-child(11) {left: 906px;top: 337px;}
.p3 .c4_cont p:nth-child(12) {left: 730px;top: 388px;}
@-webkit-keyframes float {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-moz-keyframes float {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes float {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.contents {position: relative;width: 100%;margin: 0 auto;padding: 50px 0 0 40px;border: 2px #333 solid;}
.c_img {width: 520px;margin-right: 51px;}
.c_zi {font-size: 22px;line-height: 36px;color: #333;}
.class {position: absolute;left: 40px;top: -31px;font-size: 32px;color: #333;background-color: #fff;width: 200px;height: 60px;text-align: center;line-height: 60px;}
.task {position: absolute;right: 50px;bottom: -39px;width: 270px;height: 100px;text-align: center;line-height: 100px;border-radius: 10px;font-size: 25px;background-color: #f04d73;color: #fff;}
.fr {float: right;}
img {width: 100%;height: auto;}

.p6_one ul {display: flex;flex-wrap: wrap;margin-right: 18px;}
.p6_one ul li {flex: 30%;margin: 10px 2px 10px 18px;display: flex;flex-direction: column;align-items: center;}
.p6_one ul li span {flex: 1;}
.p6_one ul li span:nth-child(2) {font-size: 20px;padding-top: 20px;}

.list1{height:350px ;position: relative;}
.item1{width: 88%;margin: 0 auto;position: absolute;opacity: 0;transition: all .8s;}
.item1.active {opacity: 1;}
.pointList1{margin-left: 13%;}
.point1{float: left;display: block;width: 90px;height: 90px;border-radius: 10px;margin-right:8px;}
.point1 img{border-radius: 9px;}
.point1.active{border: #f04d73 2px solid ;}
.css1{height:253px;display: block;margin: 20px 20px;background-color: #e13e92;border-radius: 15px;-moz-background-size: 100% 100%;-o-background-size: 100% 100%;-webkit-background-size: 100% 100%;background-size: 100% 100%;padding: 20px 20px;position: relative;}
.css2{padding-right: 415px;display: block;}
.lsname{font-size: 30px;font-weight: 700;color: #fff;}
.kec{font-size: 18px;color: #fff;line-height: 33px;}
.css3{display: block;width: 258px;height: 315px;border: #04447c 9px solid;border-radius: 12px;-moz-background-size: 100% 100%;-o-background-size: 100% 100%;-webkit-background-size: 100% 100%;background-size: 100% 100%;position: absolute;top: -20px;right: 0;}

.p8_one ul{display: flex;flex-wrap: wrap;margin-right: 18px;}
.p8_one ul li{flex:23%;margin: 10px 2px 10px 18px ;display: flex;flex-direction: column;align-items: center;}
.p8_one ul li span{flex: 1;}
.p8_one ul li span:nth-child(2){font-size: 20px;padding-top: 20px;}

.wrap {width: 84%;margin: 0 auto;}
.list {height: 475px;position: relative;}
.item {position: absolute;opacity: 0;transition: all .8s;}
.item.active {opacity: 1;}
.pointList {margin-left: 45% !important;}
.point {width: 45px;height: 8px;background-color: #ccc;float: left;margin-right: 18px;}
.point.active {background-color: #e13e92;}

.p11 {background: url(../images/zydbbg.png) no-repeat;-moz-background-size: 100% 100%;-o-background-size: 100% 100%;-webkit-background-size: 100% 100%;background-size: 100% 100%;margin: 0 auto;}
.p11_01 {width: 828px;height: 161px;margin-left: 326px;}
.p11_02 {width: 892px;height: 31px;margin: 0 auto;}
.father {position: relative;width: 530px;height: 250px;margin: 0 auto;text-align: center;border-left: #fec801 2px solid;border-bottom: #fec801 2px solid;border-right: #fec801 2px solid;}
.telcss {width: 360px;height: 40px;font-size: 18px;border-radius: 6px;text-indent: 8px;background-color: #fff;color: #ccc;}
.tips {width: 360px;margin: 0 auto;text-align: left;color: #ccc;line-height: 28px;}
.btcss {height: 50px;padding: 0 25px;background-color: #fec801;color: #333;font-size: 25px;border-radius: 25px;margin: 0 30px 0 366px;cursor: pointer;}
.btcss02 {display: inline-block;height: 50px;line-height: 50px;padding: 0 25px;background-color: #fec801;color: #333;font-size: 25px;border-radius: 25px;}
.free {position: absolute;font-size: 28px;color: #fec801;padding: 10px 20px;left: 163px;top: -30px;}
.top_l {width: 165px;position: absolute;border: #fec801 1px solid;left: -2px;top: -2px;}
.top_f {width: 165px;border: #fec801 1px solid;position: absolute;right: -2px;top: -2px;}

.con_teacher{margin: 30px auto;width: 1120px;padding: 0 50px;box-sizing: border-box;position: relative;}
.con_teacher ul{margin: 0 auto;padding: 0;}
.con_teacher .newpic_box li{overflow: hidden;}
.con_teacher .newpic_box img{margin: 0 auto;}
.con_teacher .newpic_box .team_pic{width: 347px;height: 416px;float: left;}
.con_teacher .newpic_box .team_pic::after{background: url(https://www.csxinhua.com/2020/rjkf/images/team_pic.png) no-repeat;width: 347px;height: 416px;content: "";position: absolute;left: 0;top: 0;z-index: 2;}
.con_teacher .newpic_box .team_pic p{width: 311px;height: 65px;position: absolute;left: 18px;top: 341px;text-align: center;line-height: 65px;color: white;font-size: 26px;margin: 0;z-index: 3;}
.con_teacher .newpic_box .team_info{float: right;height: 416px;width: 640px;box-sizing: border-box;text-align: left;overflow: hidden;}
.con_teacher .newpic_box .team_info p{font-size: 17px;line-height: 2em;color: #3b3b3b;margin: 0;}
.con_teacher .newpic_box .team_info h3{font-size: 30px;line-height: 1.6em;margin: 15px 0;color: #3b3b3b;}
.con_teacher .newpic_box .team_info h3 span{color: #ffffff;font-size: 36px;display: inline-block;border-bottom: 3px solid;line-height: 1.6em;margin: 0 0.5em 0 0;}

.con_teacher .newpic_focus{width: 412px;position: absolute;bottom: 80px;right: 164px;}
.con_teacher .newpic_focus li{float: left;width: 88px;height: 88px;}
.con_teacher .newpic_focus li span{width: 152px;height: 152px;overflow: hidden;display: block;margin: 0 8px;border: 4px solid transparent;border-radius: 5px;position: relative;}
.con_teacher .newpic_focus li::after{content: "";left: 0;top: 0;position: absolute;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.3);}
.con_teacher .newpic_focus img{width: 100%;}
.con_teacher .newpic_focus li.active::after{background: url(https://www.csxinhua.com/2020/rjkf/images/team_ac.png)}

.con_teacher .newpic_btn{position: absolute;margin: 0;height: 160px;width: 500px;right: 120px;bottom: 44px;}
.con_teacher .newpic_btn div {outline: none;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAcBAMAAABMuvhMAAAAD1BMVEUAAABlSPhlSPhlSPhlSPidQKSeAAAABHRSTlMAofM8e9efNAAAACJJREFUCNdjgABGAShDRAEq4GQAFVCmjQCcAZeik5AC3MsALjcIg9417rQAAAAASUVORK5CYII=) center no-repeat}
.con_teacher .newpic_btn div.swiper-button-next{transform: rotate(180deg);}