@charset "utf-8";
*{padding:0;margin:0;}
body{
    font: 14px Helvetica Neue, Helvetica, PingFang SC, Tahoma, Arial, sans-serif;
    width:100%;
    margin:0 auto;
    font-family: "5FAE8F6F96C59ED1", "Microsoft Yahei", "Hiragino Sans GB", tahoma, arial, "5B8B4F53" !important;
    height: auto;
    clear: both;
    font-size: 12px;
    background-color: #F3F5F7;
}
blockquote, body, button, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul {
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
strong, h1, h2, h3, h4, h5 {font-weight: bold;}
ul, li, div {list-style: none;border: 0;}
em,i{ font-style:normal;}
table, th, td {vertical-align: middle;}
img {
    border: 0;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}
a {
    color: #333;
    text-decoration: none;
}
a img {border:none; text-decoration:none;}
a:hover {color: #E3170D;}
.w100{width:100%;float:left;}
.w1200{width:1200px;margin:0 auto;}
.bgwhite{background-color: #FFFFFF;}
.fl{float:left;}
.fr{float:right;}
.fz12{font-size:12px;}
.fz13{font-size:13px;}
.fz14{font-size:14px;}
.b{font-weight: bold;}
.red{color:#E3170D}
.border {border: 1px solid #d6d6d6;}
.mt20{margin-top:20px;}
.mt10{margin-top:10px;}
.blue{color:#1258ad;}
.flex{display: flex;}

.current-location {
    padding-bottom:10px;

    font-size: 14px;
}
.current-location .current {
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
}

.W-H-TOP{height: 38px;background-color: #f2f2f2;color:#555;}
.H-TOP-L{line-height: 38px;font-size: 14px;}
.H-TOP-L label{color: #E3170D;}
.H-TOP-R{height: 30px;}
.H-TOP-R .btn{}
.H-TOP-R .l-ic {height: 38px;float: left;position: relative;}
.H-TOP-R .l-ic .n-l {height: 38px;line-height: 38px;padding: 0 12px;}
.H-TOP-R .l-ic .n-l i{margin-right:2px;}
.H-TOP-R .l-ic:hover .weixin,.H-TOP-R .l-ic:hover .phone{background-color: #fff;box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);}
.H-TOP-R .l-ic .weixin i{color: #0aa344;}
.H-TOP-R .l-ic .phone i{color: #ff6600;}
.H-TOP-R .l-ic .collect i{color: #ff6600;}
.H-TOP-R .l-ic .web-code {
    width: 130px;
    padding: 25px 25px 20px 25px;
    position: absolute;
    top: 38px;
    right: 0;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
    display: none;
    text-align: center;
    z-index: 99999;
    background-color: #FFFFFF;
}
.H-TOP-R .l-ic:hover .web-code{display: block;}
.web-code img {width: 100%;height: 130px;float:left;}
.web-code  b {
    display: block;
    font-size: 14px;
    padding: 8px 0 8px 0;
}
.web-code p {color: #999;}

.H-TOP-R .l-ic::after{
    content: "";
    position: absolute;
    right: 0;
    top: 15px;
    width: 1px;
    height: 12px;
    background-color: #d1d1d1;
}
.H-TOP-R .l-ic:last-child::after{content: none;}
.W-H-LOG{height: 72px;padding:10px 0;}
.header .logo{width:158px;}
.header .logo img{width:100%;height:100%;}
.header .search{width: 616px;position: relative;margin: 26px 102px 0;}
.header .stab {
    position: absolute;
    width: 200px;
    height: 22px;
    top: -22px;
    left: 0;
}
.header .search .stab div {
    display: block;
    float: left;
    width: 50px;
    height: 100%;
    font-size: 12px;
    color: #323232;
    text-align: center;
    line-height: 22px;
    border: 0;
}
.header .search .stab div:hover{cursor: pointer;}
.header .search .stab div.tabactive {background: #E3170D;color: #fff;}
.header .search .input-b{position: relative;}
.header .search .input-b:before ,.header .search .input-b::after{
    content: "";
    display: table;
}
.header .search .input-b .search-key {
    float: left;
    width: 495px;
    height: 34px;
    padding: 1px 0 1px 10px;
    border: 2px solid #E3170D;
    font-size: 14px;
}
.header .search .input-b .search-btn {
    float: left;
    width: 106px;
    height: 40px;
    background: url(/static/home/images/fdj.png) #E3170D no-repeat;
    background-position: 22px 12px;
    border: 0;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    text-indent: 20px;
    line-height: 36px;
}
.header .site-ensure{height:72px;width:222px;}
.header .site-ensure li{width:52px;height: 100%;float: left;margin-right: 20px;}
.header .site-ensure li:last-child{margin-right:0;}
.header .site-ensure li span{width:42px;height:42px;display: block;float: left;background-position: left center;background-repeat: no-repeat;background-size: cover;}
.header .site-ensure li:first-child span{background-image: url('/static/home/images/ensure_icon_1.png');}
.header .site-ensure li:nth-child(2) span{background-image: url('/static/home/images/ensure_icon_2.png');}
.header .site-ensure li:nth-child(3) span{background-image: url('/static/home/images/ensure_icon_3.png');}
.header .site-ensure li h4 {margin-top: 10px;font-weight: normal;width:100%;float: left;}

.nav-wrap{height:50px;background-color:#E3170D;position: relative;}
.nav-wrap ul li{
    height:50px;
    line-height: 50px;
    float: left;
    font-weight: bold;
    text-align: center;
    font-size: 17px;
    padding: 0 14px;
}
.nav-wrap ul li.menu-item{position: relative;}
.nav-wrap ul li.cur{background-color:#940202;}
.nav-wrap ul li a{
    color: #FFF;
    
}
.nav-wrap ul li.cur a{width: 40px;}
.nav-wrap ul li a.n-t{padding: 0 12px;}
.nav-wrap ul li a span{
    display: block;
    width: 9px;
    height: 5px;
    position: absolute;
    top: 23px;
    right: 0;
    font-size: 0;
    background: url(/static/home/images/indeximg.png) 0 -115px no-repeat;
}
.nav-wrap ul li.menu-item:hover{background-color:#940202;}
.nav-wrap ul li .menu-bd{
    position: absolute;
    width:98%;
    height: auto;
    top:50px;
    border:1px solid #940202;
    border-top:none;
    display: none;
    z-index: 999;
    background:#FFFFFF;
    right: -1px;
}
.nav-wrap ul li.menu-item:hover .menu-bd{display: block;}
.nav-wrap ul li .menu-bd:last-child{right:0px;}
.nav-wrap ul li .menu-bd a{
    width:100%;
    height:24px;
    line-height: 24px;
    float:left;
    color: #333;
    font-size: 13px;
    font-weight: normal;
    padding:0;
    text-align: center;
}
.nav-wrap ul li .menu-bd a:hover{text-decoration: underline;}

.city{line-height: 40px;width:1198px;}
.city .c_title {width: 50px;padding: 0 5px;line-height: 20px;}
.city .c_lst {margin-left: 4px;}
.city .c_lst a{display: inline-block;font-size: 14px;line-height: 40px;position: relative;padding: 0 10px;}
.city .c_lst a::after{
    content: "";
    position: absolute;
    right: 0;
    top: 15px;
    width: 1px;
    height: 12px;
    background-color: #d1d1d1;
}
.city .c_lst a:last-child:after{content:none;}
.city .c_lst a:hover{color:#E3170D;}
/**==========W-HEAD END**/
.page-footer-container{
    border-top: 1px solid #e8e8e8;
    background: #f6f6f6;
    padding: 12px 0;
    font-size: 14px;
}
.page-footer-container .site-foot-menu{
    text-align: center;
    line-height: 46px;
    color: #b2b2b2;
}
.page-footer-container .site-foot-menu a {color: #666666;margin: 0 6px;}
.page-footer-container .site-foot-menu a:hover{text-decoration: underline;}
.hot-line{
    padding-right:60px;
    margin-right: 60px;
    border-right: 1px solid #303030;
    border-top: 0;
    border-bottom: 0;
    position: relative;
    width:598px;
}
.hot-line::after {
    content: "";
    position: absolute;
    width: 3px;
    height: 10px;
    background-color: #ff9700;
    top: 0;
    right:0;
}
.hot-line div{
    line-height: 30px;
}
.hot-line .title {
    font-size: 17px;
    font-weight: bold;
}
.hot-line .weixin img{width:110px;height: 110px;}

.footer-box{height:312px;}
.footer-box .footer-swiper{width:480px;height:276px;border-radius:10px;overflow: hidden;margin:20px 0;}
.footer-box .footer-swiper img{width:100%;height:100%;}

.footer_b{background: #272727;height: 50px;padding: 5px 0;}
.footer_b .bei {
    height: 100%;
    margin-top: 15px;
}
.footer_b .bei a {
    height: 35px;
    line-height: 23px;
    display: inline-block;
    padding-left: 26px;
    color: #b7b7b7;
    padding-right: 10px;
    font-size: 12px;
    text-align: left;
}
.footer_b .bei a:first-child{background: url(/static/home/images/kex3.png) no-repeat;}
.footer_b .bei a:nth-child(2){background: url(/static/home/images/kex4.png) no-repeat;}
.footer_b .bei a:nth-child(3){background: url(/static/home/images/kex5.png) no-repeat;}
.footer_b .b_t {
    font-weight: 400;
    font-size: 12px;
    color: #FFFFFF;
    line-height: 25px;
    text-align: right;
}
/**==========page-footer-container END**/


/**===========IN-ZT END**/
.IN-course{
    width:1180px;
    padding:0 10px;
    border-radius: 12px;
    box-shadow: 2px 0 20px #d9e0ee;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(/static/home/images/course-lst-icon.png);
}
.IN-C-H{height:40px;line-height: 40px;font-weight:600;}
.IN-C-H span{font-size: 16px;font-weight: 700;color:#E3170D;}
.IN-C-H a{font-size: 13px;}
.IN-C-Swiper{padding:10px 0;}
.IN-C-S-N{width: 80px;text-align: center;}
.IN-C-S-N a{
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 4px;
    color: #333333;
    font-weight: bold;
    height: 34px;
    line-height: 34px;
    margin-bottom: 10px;
    font-size: 12px;
    float: left;
    width: 100%;
}
.IN-C-S-N a:hover {background: #EFFFF4;}
.IN-C-S-CL{width:1080px;margin-left:20px;}
.IN-C-S-CL ul li{
    width: 200px;height: 222px;float:left;
    margin-right: 20px;
    margin-bottom: 10px;
    box-shadow: 0 6px 10px 0 rgba(95, 101, 105, 0.15);
    border-radius: 8px;
}
.IN-C-S-CL ul li:last-child{margin-right: 0;}
.IN-C-S-CL ul li a{
    display:block;font-size: 13px;color: #04253C;font-weight: normal;
}
.IN-C-S-CL ul li a:hover{
    box-shadow: 0 10px 20px 0 rgba(7, 43, 41, .2);
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
}
.course-item-img{border-radius: 4px 4px 0 0;}
.course-item-img img{
    width:100%;
    height: 126px;
    -webkit-transition: -webkit-transform .5s;
    transition: transform .5s;
    border-radius: 5px 5px 0 0;
}
.course-item-bot {
    border-radius: 0 0 4px 4px;
    height: 96px;
    background-color: #fff;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    padding:0 5px;
    width:190px;
}
.course-item-bot h5 {
    margin-top: 0;
    margin-bottom: 0;
    padding: 10px 0;
    overflow: hidden;
    height: 44px;
    width: 100%;
    float: left;
    color: #222;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
}
.img-circle{margin-top:3px;}
.img-circle span {
    color: #5E6A6E;
    font-size: 12px;
}
.img-circle .discount {
    border: 1px solid rgba(242, 13, 13, 0.2);
    border-radius: 2px;
    font-size: 12px;
    line-height: 1;
    margin-right: 4px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.img-circle .discount i {
    font-style: normal;
    padding: 3px 4px;
    color: #fff;
    background-color: rgba(242, 13, 13, 0.6);
}
.img-circle .origin-price {
    text-decoration: line-through;
    color: #6D7278;
    line-height: 20px;
    margin-right: 2px;
}
.img-circle .price {
    line-height: 20px;
    margin-left: 4px;
    color: #F01414;
    font-weight: 700;
}
.daohang {
    z-index: 99999999;
    width: 60px;
    position: fixed;
    top: 25%;
    right: -28px;
    transform: translate(-50%, 0);
    /* overflow: hidden; */
    /* box-shadow: 0px 5px 18px 0px rgb(230 230 230 / 75%); */
    background: #FFFFFF;
    box-shadow: 1px 4px 12px 1px #EFEFEF;
}
.daohang li {
    width: 60px;
    height: 60px;
    background: #FFFFFF;
    /* box-shadow: 1px 4px 12px 1px #EFEFEF; */
    text-align: center;
}
.daohang li:hover {
    background: linear-gradient(90deg, #DA5A29, #C8351E);
    box-shadow: 1px 4px 12px 1px #EFEFEF;
}
.daohang li i {
    display: inline-block;
    width: 22px;
    height: 22px;
    margin: 0 auto;
    margin-top: 10px;
}
.daohang li.qywx i {
    background: url(/static/home/images/vx_right.png) no-repeat;
    background-size: 100% 100%;
}
.daohang li.qywx:hover i {
    background: url(/static/home/images/act_vx_r.png) no-repeat;
    background-size: 100% 100%;
}
.daohang li span {
    display: block;
    margin-top: 4px;
    font-size: 13px;
    line-height: 1.3;
}
.daohang li:hover span {
    color: #ffffff;
}
.qywxbox {
    width: 154px;
    height: 146px;
    display: none;
    color: #fff;
    text-align: center;
    background-size: 100% 100%;
    position: absolute;
    left: -150px;
    bottom: -4px;
    box-sizing: border-box;
    padding-top: 9px;
}
.daohang li.qywx:hover .qywxbox {
    display: block;
}

.fixed_qr {
    width: 46px;
    height: 46px;
    position: fixed;
    right: 10px;
    bottom: 200px;
    z-index: 999;
}
.code_btn {
    width: 50px;
    height: 50px;
    background-color: #F00E00;
    border-radius: 50%;
    color: #fff;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    line-height: 16px;
    position: relative;
    z-index: 99999;
}
.fixed_qr_box {
    position: absolute;
    max-width: initial;
    left: -87px;
    height: 180px;
    bottom: -190px;
    transition: all .5s;
}
.fixed_qr img.fixed_qr {
    display: block;
    position: relative;
    right: 0px;
    bottom: 0px;
    z-index: 1;
    width: 130px;
    height: auto;
}