/*前台页面样式*/
body {font-size: 14px;font-family: "Microsoft YaHei","微软雅黑";
    background-color: #ffffff;}
/*reset*/
html{ font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea{ font-family:"微软雅黑", serif;}
body { margin: 0; font-size: 1em; line-height: 1.4; }
article,aside,details,figcaption,figure,footer,main,menu,nav,section,summary {display: block;}
audio,canvas,progress,video {display: inline-block;}
audio:not([controls]){display: none;height: 0;}
template,[hidden] {display: none;}
abbr[title] {border-bottom: none;text-decoration: underline;text-decoration: underline dotted;}
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
code,kbd,pre,samp {font-family: monospace, monospace; font-size: 1em;}
figure{margin: 1em 40px;}
legend {box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal;}
progress{vertical-align: baseline;}
b,strong {font-weight: inherit;}
b, strong{ font-weight: bold; }
small { font-size: 85%; }
::-webkit-input-placeholder{color: inherit;opacity: 0.54;}
::-webkit-file-upload-button {-webkit-appearance: button;font: inherit;}
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
ul, ol { margin:0; padding:0; }
li{ list-style:none;}
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; overflow: visible;box-sizing: content-box;}
/*Links*/
a {background-color: transparent;-webkit-text-decoration-skip: objects;cursor: pointer;}
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; text-decoration:none;}
/*表单*/
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
[type="checkbox"],[type="radio"] {box-sizing: border-box;padding: 0;}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {height: auto;}
[type="search"] { -webkit-appearance: textfield; outline-offset: -2px;}
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button,input {overflow: visible; line-height: normal;}
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] {cursor:no-drop; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button,select {text-transform: none;}
button,html [type="button"],[type="reset"],[type="submit"] {-webkit-appearance: button;}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {border-style: none;padding: 0;}
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
p{ margin:0;}
h1,h2,h3,h4,h5,h6{ margin:0;}
*:focus{outline: none;}
.pager li > a:hover, .pager li > a:focus, .pagination > li a:hover, .pagination > li a:focus {background-color: #fff;border-color: #d02024;color: #d02024;box-shadow: inset 0 0 1px #d02024;z-index: 2;transition: border-color, 0.2s;}
/*自定义*/
.hidden{ display: none !important; visibility: hidden; }
.none{display:none;}
.clearfix{ overflow:hidden;}
.clear{ clear:both;}
.fl{ float:left;}
.fr{ float:right;}
.hand{cursor: pointer;}
/**************************************************************************************************************************************/
.mainbox {clear: both;min-height: calc( 100vh - 258px );background: #fff;}
.must {color: #ff2400;}
.free {color: #57c6ae; }
.box {max-width: 1480px;  margin: 0 auto; width: 86%;}

.card {position: relative;  background: #fff;  margin-bottom: 20px; }
.eps{word-wrap: break-word;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.imgbox{overflow: hidden;position: relative;}
.imgbox img{ height: 100%;  width: 100%; object-fit: cover;    object-position: center;}

/*width*/
.w20{width:20%;}
.w33{width:33.3%;}
.w50{width:50%;}
.w60{width:60%;}
.w70{width:70%;}
.w80{width:80%;}
.w90{width:90%;}
.w100{width:100%;}
/* margin */
.auto{margin-left:auto; margin-right:auto;}
.m0{margin:0;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
/* margin negative */
.ml-1{margin-left:-1px;}
.mr-1{margin-right:-1px;}
.mt-1{margin-top:-1px;}
.mb-1{margin-bottom:-1px;}
.ml-20{margin-left:-20px;}
.mr-20{margin-right:-20px;}
.mt-20{margin-top:-20px;}
.mb-20{margin-bottom:-20px;}
/* padding */
.p0{padding:0;}
.p5{padding:5px;}
.pl5{padding-left:5px;}
.pt5{padding-top:5px;}
.pr5{padding-right:5px;}
.pb5{padding-bottom:5px;}
.p10{padding:10px;}
.pl10{padding-left:10px;}
.pt10{padding-top:10px;}
.pr10{padding-right:10px;}
.pb10{padding-bottom:10px;}
.p15{padding:15px;}
.pl15{padding-left:15px;}
.pt15{padding-top:15px;}
.pr15{padding-right:15px;}
.pb15{padding-bottom:15px;}
.p20{padding:20px;}
.pl20{padding-left:20px;}
.pt20{padding-top:20px;}
.pr20{padding-right:20px;}
.pb20{padding-bottom:20px;}
.p30{padding:30px;}
.pl30{padding-left:30px;}
.pt30{padding-top:30px;}
.pr30{padding-right:30px;}
.pb30{padding-bottom:30px;}
/* font-size */
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f24{font-size:24px;}
/* font-style */
.n{font-weight:normal; font-style:normal;}
.b{font-weight:bold;}
.i{font-style:italic;}
/* text-align */
.tac{text-align:center;}
.tar{text-align:right;}
.tal{text-align:left;}
.taj{text-align:justify;}
/* position */
.rel{position:relative;}
.abs{position:absolute;}
/* css3过渡动画效果 */
.trans{-webkit-transition:all 0.2s;	transition:all 0.2s;}

.indexTitle{position: relative;}
.itemMenu{display: inline-block;}
.itemMenu a{font-size: 14px;padding: 6px 12px;
    margin-left: 15px;color: #595959;
    border-radius: 18px;background: #FFFFFF;}
.itemMenu a.active{color: #FFFFFF;background: #CC1F0E;}
.addressTag{color: #fff;border-radius: 0 10px 0 20px;font-size: 16px;
    background: linear-gradient(-90deg, #FE6E45 0%, #EE3320 100%);padding: 8px 18px;}
.allRadiusBox.teacherIndex{position: relative;padding: 20px;margin-top: 10px;}

.ztbBox{}
.ztbBox .imgbox{height: 180px;}
.boxInfo{padding: 20px;}
.boxInfo h3{font-size: 18px;    margin: 0 0 10px;
    font-weight: 500;    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.boxInfo .time{    margin: 10px 0 0;
    color: #95A1A6;}
.boxInfo .time i{margin-right: 6px;}
.sInfo{padding: 20px 1em 8px;
    position: relative;margin-top: 10px;
    border-radius: 2px 5px 2px 2px;
    background: #FCFCFC;}
.sInfo i{position: absolute;left: 0;top: 0;font-size: 12px;}
.sInfo p{color: #7B7F83;
    line-height: 1.4;
    font-size: 14px;
    height: 39.2px;
    vertical-align: middle;
    display: -webkit-box;
    -webkit-line-clamp: 2;text-align: justify;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;}
.bxTag{
    color: #FFFFFF;    padding: 0px 6px;
    display: inline-block;
    border-radius: 5px 0px 5px 0px;
    background: #CC1F0E;}
.xxTag{
    color: #FFFFFF;    padding: 0px 6px;
    display: inline-block;
    border-radius: 5px 0px 5px 0px;
    background: #009E96;}
.allRadiusBox{background: #fff;padding: 1px;border-radius: 10px;box-shadow:  0px 0px 0px 0px rgba(50, 51, 51, 0.24);transition: all 0.2s;cursor: pointer;}
.allRadiusBox:hover{
    box-shadow: 0px 0px 20px 1px rgba(50, 51, 51, 0.24);}
.newsItem{position: relative;}
.centerIco{width: 60px;height: 60px;background: #FFF4EF;border-radius: 50%;margin: 30px auto 0;
    vertical-align: middle;
    position: relative;}
.centerIco img{    display: block;    position: relative;
    top: 12px;
    margin: auto;}

.topLine{padding:10px 0;color: #F4F4F4;background: #832F29;}
.topLine a{color: #F4F4F4;padding-left:25px;margin: 0 0 0 15px;}
.topLine a:hover{color: #fff;text-decoration: underline;}
.topLine .btn1{background: url("/img/btn01.png") no-repeat left;}
.topLine .btn2{background: url("/img/btn02.png") no-repeat left;}
.topLine .btn3{background: url("/img/btn03.png") no-repeat left;}
.redhead{
    background: #FFFFFF;}
/*脸*/
.headerBar{}
.headerBar .fr{display: flex;}
header .centerLogo{background: url("/img/top.jpg") no-repeat center;background-size:auto 220px;
width: 100%;overflow: hidden;height: 220px;
}
header .centerLogo img{margin: auto;display: block;}
.headerBar .fr .btn-main-orange{width: 100px;height: 40px;line-height: 40px;
    border-radius: 20px;text-align: center;margin: 20px 20px 0 0; }

.indexNav{line-height: 60px;height: 100px;}
.indexNav ul{display: flex; margin: 0; justify-content: space-between;height: 60px;}
.indexNav li{text-align: center;}
.indexNav li:hover{}
.indexNav li a{font-size: 18px;color: #fff;    display: block;}
.indexNav li.active{border-bottom: 2px solid #832F29}
.indexNav li.active a{color: #fff;}
header.redhead .indexNav{height: 100px;
    background: #F5F5F7;width: 100%;}
header.redhead .indexNav>li{padding: 0;}
header.redhead .indexNav li:hover{    background: #ebebeb;}
header.redhead .indexNav li>a{color: #000;padding: 0 10px;}
header.redhead .indexNav li.active a{color: #832F29;}
header.redhead .indexNav li.active .child-nav a{color: #000;cursor: pointer;}
header.redhead .indexNav li.active .child-nav li:hover a{color: #CC1F0E;}
.indexNav .child-nav>li>a:hover{color: #CC1F0E;}
header .indexNav li a i{font-size: 12px;
    margin: 0 0 0 10px;}

header{ transition: all 0.2s;position: relative;z-index:20;width: 100%;}
.tabnav {list-style: none;overflow: hidden;border-bottom: 1px solid #eaebed;height: 52px;padding: 0;position: absolute;background: #fff;width: 848px;z-index: 1000;  }
.tabnav li {float: left;padding: 0 15px;}
.tabnav li a {color: #333;font-size: 16px;line-height: 50px;display: inline-block;height: 51px;padding: 0 5px;}
.tabnav li.active a {color: #CC1F0E;border-bottom: 2px solid #CC1F0E;cursor: default;}
.btn-main{background: -webkit-linear-gradient(#d92a28, #c81d23); /* Safari 5.1 - 6.0 */background: -o-linear-gradient(#d92a28, #c81d23); /* Opera 11.1 - 12.0 */background: -moz-linear-gradient(#d92a28, #c81d23); /* Firefox 3.6 - 15 */background: linear-gradient(#d92a28, #c81d23); /* 标准的语法 */ background-color: #d92a28;color: #fff;}
.btn-main:hover{background: -webkit-linear-gradient(#c81d23, #d92a28); /* Safari 5.1 - 6.0 */background: -o-linear-gradient(#c81d23, #d92a28); /* Opera 11.1 - 12.0 */background: -moz-linear-gradient(#c81d23, #d92a28); /* Firefox 3.6 - 15 */background: linear-gradient(#c81d23, #d92a28); /* 标准的语法 */background-color: #c81d23;color: #fff;  }
.btn-cancel{background: -webkit-linear-gradient(#758299, #5a6c90); /* Safari 5.1 - 6.0 */background: -o-linear-gradient(#758299, #5a6c90); /* Opera 11.1 - 12.0 */background: -moz-linear-gradient(#758299, #5a6c90); /* Firefox 3.6 - 15 */background: linear-gradient(#758299, #5a6c90); /* 标准的语法 */background-color: #5a6c90;color: #fff;  }
.btn-cancel:hover{background: -webkit-linear-gradient(#5a6c90, #758299); /* Safari 5.1 - 6.0 */background: -o-linear-gradient(#5a6c90, #758299); /* Opera 11.1 - 12.0 */background: -moz-linear-gradient(#5a6c90, #758299); /* Firefox 3.6 - 15 */background: linear-gradient(#5a6c90, #758299); /* 标准的语法 */background-color: #758299;color: #fff;}
.mainnav{box-shadow:2px 3px 2px 0 #ddd;position: relative;width: 100%;    background: #fff;}
.navbox {height:90px;position: relative;}
.navbox .logo {float: left; margin-top: 25px;cursor: pointer;position: relative;width: 260px;}
.navbox .logo span{font-size: 15px;margin-left: 20px;top:10px;right: -177px;width:165px;position: absolute;text-align: justify;-moz-text-align-last: justify;text-justify: distribute-all-lines;display: block;}
.navbox .logo span i{display:inline-block;width:100%;}
.navbox .logo img{max-width: 100%;}
.mainnav ul {padding: 0;list-style: none;display:flex;justify-content: space-between;}
.mainnav ul li {height:45px;  line-height:45px;     text-align: center;    min-width: 90px;}
.mainnav ul li a {font-size: 18px;color: #CC1F0E;height:45px;line-height:45px;transition: all 0.2s;    padding-bottom: 10px;}
.mainnav ul li a:hover {text-decoration: none;}
.mainnav ul li:hover a {color: #CC1F0E;}
.mainnav ul li.active {background: #CC1F0E;}
.mainnav ul li.active a {color: #fff;cursor: default;}
.child-nav{background-color: #fff;text-align: center;height: 0;overflow: hidden;transition: height 0.2s;    display: block;}
.mainnav ul.child-nav{display: block;position: relative;top:-2px;}
.mainnav ul li:hover ul.child-nav{display: block;height: auto;position: relative;top: -2px;    width: 90px;}
.mainnav ul li:hover ul.child-nav a{color: #333;border-bottom: none;}
.mainnav ul li:hover ul.child-nav li.active a{color: #fff;}
.child-nav li{width: 100%;text-align: center;color: #333;}
.child-nav li:hover{color: #CC1F0E;}
.child-nav li.active{color: #CC1F0E;}
.child-nav li.active a{}
.indexNav  .child-nav li a{    font-size: 15px;}
header.redhead .indexNav li:hover .child-nav{height: auto;    background: #ebebeb;}

.xiFlex{display: flex;justify-content: space-between;margin: 20px 0 40px;}
.xiFlex a{display: block;width: calc((100% - 50px)/3);cursor: pointer;}
.xiFlex img{width: 100%;}

.navbox .fr{margin-top:23px;}
.navbox .topsearch {float: left;border-color: #CC1F0E;}
.navbox .topsearch button i{color: #CC1F0E;font-size: 16px;}
.topsearch {background: #fff;width:275px;height:40px;line-height:40px;border: 1px solid #ebebeb;padding-left: 20px;border-radius:50px;}
.topsearch input[type="text"] {border: none;height:40px;background: none;width:210px;}
.topsearch input::-webkit-input-placeholder {/* WebKit browsers */}
.topsearch input:-moz-placeholder {/* Mozilla Firefox 4 to 18 */}
.topsearch input::-moz-placeholder {/* Mozilla Firefox 19+ */}
.topsearch input:-ms-input-placeholder {/* Internet Explorer 10+ */}
.topsearch input:focus {outline: none;}
.topsearch button {border: none;background: none;}
.topsearch button i{color: #888f95;}
.topsearch button:hover i{color: #c81d23;}
.topsearch button:focus {outline: none;}
.banner {height: 400px;}

.headNews{ text-align: center;padding: 36px 0 30px;}
.headNews:hover a{color: #E60213;font-weight: bold;}
.headNews a{color: #E60213;font-weight: bold;
    font-size: 30px;}
.headNews p{
    color: #2B3133;margin: 15px 0 0;
    font-size: 16px;}
.headTab{border-bottom: 1px solid #e1e1e1;display: flex;justify-content: space-between}
.headTab ul{overflow: hidden;    margin: 0;}

@font-face{
    font-family:'titleFont';
    src:url('/fonts/fzdbsjt.ttf');
}
.headTab li{font-size: 24px;color: #4C5359;margin-right: 30px;font-family:'titleFont';;
    float: left;cursor: pointer;padding: 0 0 10px;line-height: 30px;}


.headTab li.active{font-size: 28px;color: #CC0300;border-bottom: 1px #CC0300 solid;cursor: default;}
.headTab a.more{font-size: 18px;color: #999999;line-height: 30px;}
.headTab a.more i{font-size: 12px;}
.part1 .fl{width:66%;}
.part1 .fr{width:calc(34% - 25px);}
.garyBg{background: #FAFBFB;}
.part1 .garyBg{border-radius: 10px;padding: 28px 30px 20px;}
.part1 .flexList{display: flex;flex-wrap: wrap;justify-content: space-between;}
.part1 .flexList .newsItem{width: calc(50% - 15px);border-bottom: 1px dashed #eee;
    padding: 0 0 6px 15px;position: relative;cursor: pointer;}
.part1 .flexList .newsItem::before{
    position: absolute;content:'';
    width: 7px;
    height: 7px;    top: 28px;
    left: 0;
    background: #EEEEEE;
    border-radius: 50%;
}
.part1 .flexList .newsItem:hover::before{
    background: #CC0300;
}
.part1 .flexList .newsItem:hover h3{
    color: #CC0300;}
.part1 .flexList .newsItem h3{
    font-size: 18px;margin: 20px 0 5px;
    line-height: 30px;max-height: 60px;
    color: #000000;  overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.part1 .flexList .newsItem .date{
    font-size: 14px;
    color: #95A1A6;}
.part1 .flexList .newsItem .date i{font-style: normal;}
.bigDateList{    margin: 20px 0 0;}
.bigDateList .newsItem{display: flex;border-bottom: 1px dashed #eee;cursor: pointer;
padding-bottom: 8px;cursor: pointer;}
.bigDateList .newsItem .bigDate{width: 60px;text-align: center;
    color: #CC0300;margin-right: 15px;
    font-weight: 300;}
.bigDateList .newsItem .bigDate span{
    font-weight: 100;
    font-size: 48px;}
.bigDateList .newsItem h3{
    color: #000000;    line-height: 24px;    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 48px;
    font-size: 18px;}
.bigDateList .newsItem:hover{cursor: default;}
.bigDateList .newsItem:hover h3{color: #CC0300;}
.flexImgBox{display: flex;justify-content: space-between;margin: 30px auto 45px;}
.flexImgBox .imgItem{cursor: pointer;max-width: 340px;width: 24%;}
.flexImgBox .imgItem img{width: 100%}
.flexImgBox .imgItem:hover{filter: drop-shadow(2px 4px 6px #999);}
.part3 .fl,.part3 .fr{width: calc(50% - 6px);margin: 30px 0 0;}
.part3 .imgShow{width: 100%;position: relative;overflow: hidden;border-radius: 10px;display: flex; height: 218px;
    margin: 0 0 10px;background: rgba(250, 251, 251, 1)}
.imgShow img{width: 50%;height: 100%;
    object-fit: cover;    scale: 1;
transition: all 0.5s;}
.imgShow .newsItem{ padding: 12px 20px 0;}
.imgShow .newsItem .date{
    color: #95A1A6;
    font-size: 14px;}
.imgShow .newsItem h3{margin: 0;font-size: 18px;overflow: hidden;color: #000000;line-height: 30px;max-height: 60px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.imgShow .newsItem:hover h3{color: #CC0300;}
.imgShow .newsItem p{margin: 8px 0;color: #7B7F83;overflow: hidden;font-size: 14px;line-height: 20px;max-height: 100px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;}
.showBox{height: 450px;overflow: hidden;}
.loopList .newsItem{background: rgba(250, 251, 251, 1);
    border-radius: 10px;margin: 0 0 10px;
    border: 1px solid rgba(250, 251, 251, 1);
    transition: all 0.2s;padding: 15px 20px 10px;
    cursor: pointer;
}
.loopList .newsItem h3{margin: 0;
    font-size: 18px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;
    color: #000000;}
.loopList .newsItem p{margin: 8px 0;
    color: #7B7F83;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;
    font-size: 14px;}
.loopList .newsItem .date{
    color: #95A1A6;
    font-size: 14px;}
.loopList .newsItem:hover{
    background: #FFFFFF;
    border: 1px solid #CC0300;}
.loopList .newsItem:hover h3{
    color: #CC0300;}
.loopList .swiper-wrapper{height: 420px;}
.part3{margin-bottom: 45px;}
.flex3Box{display: flex;justify-content: space-between;}
.flex3Box .newsBlock{width: 32%;}
.flex3Box .newsBlock .newsItem{position: relative;cursor: pointer;}
.flex3Box .newsBlock .newsItem:hover h3{color: #CC0300;}
.flex3Box .newsBlock .newsItem::before{width: 7px;
    height: 7px;content: '';position: absolute;
    background: #EEEEEE;
    border-radius: 50%;    top: 5px;}
.flex3Box .newsBlock .newsItem:first-child::before{display: none;}
.flex3Box .newsBlock .newsItem h3{color: #000;text-overflow: ellipsis;
    overflow: hidden;    font-size: 16px;    padding: 0 0 0 20px;
    white-space: nowrap;}
.flex3Box .newsBlock .newsItem img{display: none;}
.flex3Box .newsBlock .newsItem:first-child img{width: 100%;
    display: block;
    height: 230px;object-fit: contain;scale: 1; transition: all 0.5s}
.flex3Box .newsBlock .newsItem:first-child:hover h3{
    color: #CC0300;
}
.flex3Box .newsBlock .newsItem:first-child{
    background: #FAFBFB;overflow: hidden;
    border-radius: 10px;margin: 30px 0 0;
}
.flex3Box .newsBlock .newsItem:first-child h3{
    color: #000;margin: 12px;padding: 0;
    line-height: 26px;    height: 52px;text-align: center;
    font-size: 20px;    display: -webkit-box;
    -webkit-line-clamp: 2;white-space: normal;
    -webkit-box-orient: vertical;
}
.partFriend{background: #FAFBFB;margin: 60px 0 0;padding: 30px 0;}
.herfBox{font-size: 16px;color: #4D4D4D;text-align: justify;
    line-height: 30px;margin-top: 10px;}
.herfBox span{margin-right: 20px;}
.herfBox span a{color: #4D4D4D;display: inline-block;}
.herfBox span a:hover{text-decoration: underline;}

a.btnOn {width: 37px;height: 19px;display: inline-block;position: relative;top: 4px;background: url("/images/btn-on.png") no-repeat center;}
a.btnOff {width: 37px;height: 19px;display: inline-block;position: relative;top: 4px;background: url("/images/btn-off.png") no-repeat center;}
.userbox,.loginbox{    background: rgba(255,255,255,1);
    position: absolute;
    right: 0;
    width: 440px;
    height: 360px;
    top: 0;
    z-index: 16;
    bottom: 0;
    left: 0;
    margin: auto;
    border-radius: 5px;}
.userbox button{text-align: center;width: 150px;height: 40px;border-radius: 20px;border: 1px solid;font-size: 16px;margin: 20px 11px 0;}
.userbox button i{padding: 4px 15px;}
.userbox button.btn-main i{background: url("/images/user-ico.png") no-repeat center;}
.userbox button.btn-cancel i{background: url("/images/quit-ico.png") no-repeat center;}
.userbox .imgbox{height: 80px;width: 80px;border-radius: 50%;top: -10px;margin: 0 auto;}
.userbox .tx-bg{background: url("/images/center_bg.png")  #667c9a; height: 110px;position: relative;}
.userbox .tx-bg p{text-align: center;color: #fff;font-size: 14px;}
.loginbox .logbox{padding: 20px 50px 0;}
.loginbox .logbox .btn-main{margin-bottom:16px;text-align: center;height: 46px;line-height:46px;border-radius: 23px;border: 1px solid;font-size: 16px;width:100%;}
.logbox .logline{width:100%;height: 46px;border: 1px solid #e1e1e1;background: #fff;border-radius: 23px;margin-bottom:15px;}
.logbox .logline input{height: 40px;border: none;background: #fff;width: 230px;padding: 0 0 0 10px; margin-top: 2px;}
.logbox .logline input:focus{outline: none;}
.logbox .logline label{color: #d31c1b;font-size: 18px;margin: 0 6px 0 20px;  display: block;  float: left;  height: 46px;  line-height: 40px;}
.loginbox .logbox a{margin:0 10px;}
.logbox .w{    margin: auto;
    width: 200px;box-shadow: 0 0 6px #e6e6e6;}
.logbox .w img{    width: 200px;
    height: 200px;
    object-fit: cover;}
.loginCodeText{    display: flex;
    width: 200px;
    margin:10px auto;}
.loginCodeText img{height: 24px;margin: 0 16px 0 0;}
.loginCodeText span{    color: #000;
    margin: 0 8px;}

/*腿*/
footer {
    background: #F3F3F3; width: 100%; padding: 60px 0;}
footer .fl{display: flex;    align-items: center;}
footer .fr{text-align: center;width: 116px;}
footer .fr p{
    font-size: 14px;
    color: #4D4D4D;}
footer .fl img{margin-right: 30px;width: 134px;    height: 68px;}
footer p{margin: 0;
    line-height: 28px;
    color: #4D4D4D;
    font-size: 14px;}
footer p a{margin-right: 20px;
    color: #4D4D4D;}

/*首页*/
@keyframes rotate {
    from{    transform:rotateY(0deg);
        -webkit-transform:rotateY(0deg); /* Safari and Chrome */
        -moz-transform:rotateY(0deg); /* Firefox */}
    to{    transform:rotateY(360deg);
        -webkit-transform:rotateY(360deg); /* Safari and Chrome */
        -moz-transform:rotateY(360deg); /* Firefox */}
}
/*新闻轮播*/
.news-run{width:557px;height: 280px;}
.news-run .carousel-inner .item{padding: 0;}
.news-run .item .imgbox{width: 557px;height: 290px;cursor: pointer;}
.news-run .item .imgbox p{position: absolute;width: 100%;height: 40px;bottom: 0;text-align: left;padding: 0 85px 0 10px;line-height: 40px;background: rgba(0,0,0,0.6);margin: 0;color: #fff;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.news-run .carousel-indicators{width: auto;margin-left: 0;  left: 80%;}
.news-run .carousel-indicators.out{bottom: -14px;}
.news-run .carousel-indicators li{border-radius: 0;color: #fff;font-size: 12px;border: none;width: 18px;height: 18px;text-align:center;background: #525f6b;text-indent: 0;box-shadow: none;}
.news-run .carousel-indicators li.active{background: #CC1F0E;margin: 5px;}

.main-banner{position: relative;height:650px; margin-bottom: 30px;background: #CC0300;}
/*margin-bottom: 20px;*/
/*.carousel-inner{background-color: #d7a957;}*/
.main-banner .carousel-inner .item{height:650px;padding-top: 0;width: 100%;}
.main-banner .carousel-indicators li{background: transparent;text-indent: 0;
    transition: all 0.2s;width: 30px;line-height: 30px;
    height: 30px;text-align: center;
    border-radius: 50%;color: #fff;
    border: 1px solid #C9C9C9;}
.main-banner .carousel-indicators li.active{
    border: 1px solid #CC0300;color: #fff;
    background: #CC0300;
}
.main-banner .carousel-indicators{
    width: auto;
    right: 40px;
    left: auto;
    bottom: 0;
}
.main-banner .carousel-indicators.out + .main-banner .carousel-inner{padding: 0;}
.main-banner .carousel-control{width: 60px;height: 90px;padding: 0;background: rgba(0,0,0,0.8);margin: auto;top: 0;bottom: 0;color: #fff;}
.main-banner .carousel-control, .main-banner .carousel-control:focus{width: 60px;}
.main-banner .carousel-control i{color: #fff;}
.main-banner .carousel-control.left{left: -60px;}
.main-banner .carousel-control.right{right: -60px;}
.main-banner .leftControl,.main-banner .rightControl{    display: block;width: 80px;height: 60px;}
.main-banner .leftControl{
    background: url("/img/indexDbLbImg_03.png") no-repeat center;
}
.main-banner .rightControl{
    background: url("/img/indexDbLbImg_07.png") no-repeat center;
}
.bannerTitle{    width: 100%;text-align: left;
    height: 60px;line-height: 60px;
    backdrop-filter: blur(3px);
    background-color: rgba(0, 0, 0, 0.3);
    padding: 0 50px;
    text-overflow: ellipsis;
    overflow: hidden;bottom: 0;position: absolute;
    white-space: nowrap;}
.bannerTitle p{color: #fff;font-size: 20px;}
.main-banner .carousel-control-prev {left: 0;}
.main-banner .carousel-control-next {right:0;}
.main-banner .carousel-control-prev,.main-banner .carousel-control-next{
    z-index: 9; position: absolute;transition: opacity 0.1s;
    display: block;width: 60px;height: 60px;opacity: 0.8;
    top: 0;bottom: 0;margin: auto;
    background: rgba(13, 13, 13, 0.3);
    color: rgba(255, 255, 255, 0.4);
    font-size: 28px;
    text-align: center;
    line-height: 60px;
}
.main-banner .carousel-control-prev:hover,.main-banner .carousel-control-next:hover{opacity:1;}
.tabs-bar{position: relative;}
.comnav {list-style: none;width: 100%;  overflow: hidden;  border-bottom: 1px solid #eaebed;  height: 52px;  padding: 0;    position: relative;    margin: 0;}
.comnav li {float: left;margin:0 0 0 20px}
.homepage .comnav li{margin:0;}
.comnav li a {color: #333;  font-size: 16px;    margin-right: 20px;  line-height: 50px;  display: inline-block;  height: 51px;}
.comnav li a i{display: inline-block;}
.comnav li a:active i{animation: rot 1s}
@keyframes rot {
    0%{transform: rotate(0deg)}
    50%{transform: rotate(180deg)}
    100%{transform: rotate(360deg)}
}
@-moz-keyframes rot /* Firefox */
{
    0%{transform: rotate(0deg)}
    50%{transform: rotate(180deg)}
    100%{transform: rotate(360deg)}
}
@-webkit-keyframes rot /* Safari 和 Chrome */
{
    0%{transform: rotate(0deg)}
    50%{transform: rotate(180deg)}
    100%{transform: rotate(360deg)}
}
@-o-keyframes rot /* Opera */
{
    0%{transform: rotate(0deg)}
    50%{transform: rotate(180deg)}
    100%{transform: rotate(360deg)}
}
.comnav li:hover a{color: #c81d23;text-decoration: none;}
.comnav li.active a {color: #c81d23;  border-bottom: 2px solid #c81d23;  cursor: default; }
.comnav .btn-group{position: absolute;right: 40px;top:12px;}
.tabs-bar .more-btn{position: absolute;top: 10px;right: 15px;}
.more-btn{height: 24px;line-height: 24px;
    background: transparent;font-size: 14px;
    border-radius: 15px;border: none;color: #4C5359;font-weight: 400;}
.more-btn:hover{color: #c81d23;}

.back{margin: 10px 0;display: block;}
.back i{color: #aaa; font-size: 30px;    margin-right: 15px;}
.back span{color: #939EA7;position: relative;top: -6px;font-size: 14px;}


.btn-red{border:1px solid #CC1F0E;color: #CC1F0E;background:transparent;}
.btn-red:hover{background: #CC1F0E!important;color: #fff;}
.btn-yellow{border:1px solid #f19b2a;color: #f19b2a;background:transparent;}
.btn-yellow:hover{background: #f19b2a!important;color: #fff;}
.btn-blue{border:1px solid #58638a;color: #58638a;background:transparent;}
.btn-blue:hover{background: #58638a!important;color: #fff;}
.btn-gary{border:1px solid #999;color: #999;background: transparent;}


.note-item:hover h1{color: #CC1F0E;}
button:focus{outline: none;}
.course-item{float: left;margin: 10px;width: 265px;position: relative;top:0;background: #fff;
    box-shadow: 0px 0px 8px 0px rgba(3,20,55,0.05);}
@keyframes topchange {
    0%{top:0;}
    100%{top: -10px;}
}
@-moz-keyframes topchange /* Firefox */
{
    0% {top:0;}
    100% {top:-10px;}
}
@-webkit-keyframes topchange /* Safari 和 Chrome */
{
    0% {top:0;}
    100% {top:-10px;}
}
@-o-keyframes topchange /* Opera */
{
    0% {top:0;}
    100% {top:-10px;}
}

.btn_more {height: 30px;width: 200px;color: #808080;background: #f1f1f1;line-height: 30px!important;}

.plr30 {padding: 30px 0;}
li.active:hover a{cursor: default;text-decoration: none;}

.shiftbar {margin-top: 20px;}
.shiftbar a{margin: 0 10px;}
.shiftbar a.active {cursor: default;color: #c81d23;}
.textlist {padding: 20px 20px 20px 20px;min-height: 400px;}
label.fix-option{float: left;width: 90%;}

.btn:focus{outline: none!important;}
.nodata{width: 100%;height: 200px;background: url("/images/no_Data.png") center center no-repeat;background-size: 120px;}

/*fixed*/
.fixed{position: fixed;right: 0;top:30vh;z-index: 20;}
.fixed ul{padding: 0;list-style: none;border: 1px solid #e1e1e1;}
.fixed li{width:90px;height: 90px;position: relative;    padding: 15px 0 0;
    cursor: pointer;background: #fff;
    color: #8E8E8E;
    font-size: 16px;border-bottom: 1px solid #e1e1e1;
    text-align: center;}
.fixed li:hover{background-color: #e1e1e1;}
.fixed li img{display: block;margin: auto}
.fixed li .hoverShow{height: 0;overflow: hidden;top: 0;left: -120px;
    position: absolute;background: #fff;text-align: center;transition: height 0.2s;
}
.fixed li:hover .hoverShow{height: 120px;}
.fixed li .hoverShow img{}
.fixed li .hoverShow p{}

.magic{position: absolute;margin: auto;top: 0;bottom: 0;left: 0;right: 0;}
.fixnav {list-style: none;overflow: hidden;border-bottom: 1px solid #eaebed;height: 52px;padding: 0;position: absolute;background: #fff;width: 100%;z-index: 1000;}
.fixnav li{float: left;padding: 0 15px;}
.fixnav li a {color: #333;font-size: 16px;line-height: 50px;display: inline-block;height: 51px;padding: 0 5px;}
.fixnav li.active a {color: #c81d23;border-bottom: 2px solid #c81d23;cursor: default;}
.fixbox{background: #fff;height:135px;width: 100%;top:0;transition: top 0.2s;/*position: fixed;*/}




.swiper .swiper-button-hidden{ opacity : 0; }


.path{margin: 20px 0;color: #999;padding: 5px 0;border-bottom: 1px dashed #ccc;}
.path span{color: #999;     padding: 0 10px 0 0; font-size: 14px;}
.pdt20{padding-top: 20px}

.searchArea{height: 50px;    align-items: center;
    background: #f0f0f0;
    border-radius: 10px;
    min-width: 780px;margin:20px auto 30px;
    width: 70%;display: flex;
}
.searchArea .searchInput{padding: 0 0 0 16px;
    color: #2B3133;
    font-size: 16px;border: none;
    height: 50px; line-height: 50px;
    background: transparent;
    width: calc(100% - 70px);
}
.searchArea button{border: none;width: 60px;
    color: #FFFFFF;background: #CC0300;
    font-size: 16px;
    border-radius: 10px;height: 40px;}
.nlist{}
.nlist .nitem{border-bottom: 1px solid #eee;
padding: 0 0 25px;cursor: pointer;}
.nlist .nitem:hover .name{color:  #CC0300;}

.nlist .nitem .name{
    font-size: 20px;
    line-height: 1.6;
    color: #000000;}
.nlist .nitem .content{
    font-size: 16px;
    margin: 12px 0;overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 28px;
    color: #7B7F83;}
.nlist .nitem .date{
    font-size: 15px;
    color: #95A1A6;}

.searchInfo{color: #95A1A6;
    font-size: 14px;
    line-height: 28px;}




.kjrk-box li{width: 20%;   text-align: center;
    float: left;padding: 10px;}
.kjrk-box ul{overflow: hidden;margin: 0;
    border: 1px solid #e1e1e1;    border-radius: 10px;}
.kjrk-box a{    display: flex;    justify-content: center;
    padding:15px 20px;  border-radius: 6px;position: relative;
}
.kjrk-box a::after{content: "";width: 1px;height: 70%;position: absolute;top:15%;right: 0;
background: #e1e1e1}
.kjrk-box li:last-child a::after{display: none;}
.kjrk-ico {
    width: 40px;
    height: 40px;
    overflow: hidden;margin: 0 10% 0 0;
    position: relative;
}
.kjrk-ico img{
    transform: rotate3d(0, 1, 0, 0deg);transition: all 0.2s;
}
.kjrk-box li:hover .kjrk-ico img{transform: rotate3d(0, 1, 0, 180deg);}
.kjrk-box span {
    font-size: 12px;
    white-space: nowrap;margin-top: 10px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: block;
    color: #000;
}
.kjrk-box a:hover span{
    color:#CC0300 ;font-weight: bold;
}

.kjrk-box{padding: 30px 0 0;}

.kjrk-box span{font-size: 18px;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: block;
    color: #000;}

.part2{margin: 20px 0 20px;}
.ztSwiper .imgItem{cursor: pointer;}
.ztSwiper .imgItem img{display: block;margin: auto;width: 98%}
.ztSwiper .imgItem:hover img{filter: saturate(1.2);}

@media (max-width: 1600px){
    .indexNav li a{font-size: 16px;padding: 0 10px;}
    .indexNav li a i{font-size: 12px;}
}
@media (max-width: 1550px){
    .codeArea{display: none;}
}
@media (max-width: 1500px){
    .box {width: 1200px;}
    header.redhead .indexNav li>a{padding: 0}
    .indexNav li a{font-size: 15px;}
}
@media (max-width: 1420px){
    .headTab li{font-size: 20px;}
    .headTab li.active{font-size: 24px;}
    .headTab a.more{font-size: 14px;}
    .fixed{    transform: scale(0.8);
        transform-origin: right;}
}
.toplogo{flex: 0 0 auto;  margin-right: 24px;  height: 40px;}
@media (max-width: 1366px){
    header.redhead .indexNav li a{font-size: 15px;padding: 0}
    }
@media (max-width: 1200px){
    .headTab a.more{font-size: 12px;}
    .box {width: 96%;}
    .toplogo{height: 30px;}
}
@media (max-width: 1130px){
    header.redhead .indexNav li a{font-size: 13px;}
}
@media (max-width: 1040px){
    header.redhead .indexNav li a{font-size: 12px;}
}
@media (max-width: 996px){
    .toplogo{display: none}
}

.paginationWX{width:600px;margin:auto; display: flex; display: flex;padding: 20px 0;justify-content: space-around;font-size: 15px;}
.paginationWX li a{margin: 0 10px;}