@charset "UTF-8";
/*CSS Reset*/

/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}
/* 设置默认字体 */
body,
button, input, select, textarea { /* for ie */
    /*font: 12px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif;*/
   
}
figure,figcaption,aside{
    margin: 0;}
h1 { font-size: 18px; /* 18px / 12px = 1.5 */ }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4, h5, h6 { font-size: 100%; }/* 继承父级的字的大小 */

address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */

/* 重置列表元素 */
ul{list-style: none}
ol{
    list-style: none;
}
li{
    list-style: none;
}

/* 重置文本格式元素 */
a{text-decoration: none; }
a:hover{text-decoration: none;}

/* abbr[title], acronym[title] { 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果
    border-bottom: 1px dotted;
    cursor: help;
}

q:before, q:after { content: ''; }*/

/* 重置表单元素 */
legend { color: #000; } /* for ie6 */
fieldset, img { border: none; } /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
     border-collapse: collapse;
     border-spacing: 0;
 }

/* 重置 hr */
hr {
    border: none;
    height: 1px;
}

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html { overflow-y: scroll; }
figure,figcaption{
    margin: 0;
}
@charset "UTF-8";

/*清除浮动*/
.clearfix{
    *zoom: 1;
}
.clearfix:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
}
/*左浮动*/
.pull-left{
    float: left;
}
/*右浮动*/
.pull-right{
    float: right;
}
/*绝对定位*/
.p-absolute{
    position: absolute;
}
/*相对定位*/
.p-relative{
    position: relative;
}
/*固定定位*/
.p-fixed{
    position: fixed;
}
/*文本居中对齐*/
.text-center{
    text-align: center;
}
/*文本右对齐*/
.text-right{
    text-align: right;
}
/*文本左对齐*/
.text-left{
    text-align: left;
}
/*块元素水平居中*/
.margin-auto{
    margin: 0 auto;
}
/*溢出隐藏*/
.o-hidden{
    overflow: hidden;
}
/*重新计算盒模型*/
.box-border-box{
    box-sizing: border-box;
}
/*元素设置成块元素*/
.show{
    display: block;
}
/*元素设置成航元素*/
.inline{
    display: inline;
}
/*元素设置成航迹块元素*/
.inline-block{
    display: inline-block;
}
/*隐藏元素（隐藏后该元素不占位置）*/
.hide{
    display: none;
}
/*隐藏元素（隐藏后该元素占位置）*/
.hidden{
    visibility: hidden;
}
@charset "UTF-8";
body,html{
    background-color: #fafafa !important;
    font-family: "Microsoft YaHei", "微软雅黑";
}

.width{
    width: 1100px;
    margin: 0 auto;
}
.banner img{
    width: 100%;
}
.project{
    width: 996px;
    height: 128px;
    padding: 25px;
    box-sizing: border-box;
    box-shadow:  3px 3px 3px #eae6e6;
    bottom: -57px;
    /*left: 335px;*/
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
    font-size: 16px;
    color: #3c3c3c;
    line-height: 30px;
}
.result{
    width: 100%;
    background-color: #fff;
    padding: 30px 0;
    margin-top: 100px;
    box-sizing: border-box;
    border-top: 1px solid #ede9e9;
    border-bottom: 1px solid #ede9e9;
}
.result h3{
    font-size: 28px;
    color: #3c3c3c;
    font-weight: bold;
}
.result ul{
    margin-top: 30px;
}
.result ul li{
    width: 340px;
    border-top: 2px solid #e0e0e0;
    margin-right: 30px;
    padding: 20px;
    box-sizing: border-box;
}
.result ul li:hover{
    box-shadow: 0 0 8px rgba(0,0,0,.2);
}
.result ul li:hover div{
    border: 0;
    box-sizing: border-box;
}
.result ul li h4{
    font-size: 20px;
    font-weight: bold;
    color: #3c3c3c;
}
.result ul li p{
    line-height: 30px;
    color: #606060;
    font-size: 16px;
    margin-top: 20px;
}
.result ul li div{
    /*border: 1px solid #f1eeee;*/
    /*padding-bottom: 20px;*/
    padding: 0 10px 20px 10px;
    box-sizing: border-box;
    transition: all .3s;
}
.result ul li img{
    margin-bottom: 20px;
    width: 289px;
}
.result ul li:nth-of-type(3){
    margin-right: 0;
}
.result ul li:last-of-type{
    margin-right: 0;
}
.identity{
    height: 188px;
    background: url("/static/index/images/zhuanti/hkzh/hbj_03.jpg") no-repeat;
    background-size: cover;
    margin-top: 40px;
}
.identity ul li div{
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 18px;
    padding: 0 60px;
    box-sizing: border-box;
    position: relative;
}
.identity ul li img{
    margin: 0 auto;
}
.identity ul li div p{
    margin-top: 10px;
}
.identity ul li:last-of-type a:after{
    content: '';
    width: 0;
    height: 0;
}
.identity ul{
    padding: 30px;
    box-sizing: border-box;
    padding-top: 16px;
}
.identity ul li a img{
    display: block;
    margin: 0 auto;
}
.identity ul li a p{
    margin-top: 10px;
}
.identity h4{
    font-size: 28px;
    color: #fff;
    font-weight: bold;
    padding-top: 25px;
}
.conditions{
    width: 100%;
    height: 210px;
    background: url("/static/index/images/zhuanti/hkzh/bdbj_03.jpg") no-repeat;
    background-size: cover;
    margin-top: 10px;
    position: relative;
}
.conditions h4{
    font-size: 28px;
    color: #3c3c3c;
    font-weight: bold;
    padding-top: 30px;
}
.conditions .input-one{
    width: 250px;
    height: 40px;
    border: 1px solid #e4dfdf;
    box-sizing: border-box;
}
.form-div{
    width: 1100px;
    position: absolute;
    left: 50%;
    transform: translateX(-34%);
    margin-top: 30px;

}
.form-div span{
    font-size: 18px;
    color: #3c3c3c;
    margin-top: 5px;
}
.form-div div:last-of-type{
    margin-left: 50px;
}
.conditions .secl{
    width: 120px;
    height: 40px;
    border: 1px solid #e4dfdf;
    box-sizing: border-box;
    resize: inherit;
    -webkit-appearance: inherit;
    background: #fff url(/static/index/images/zhuanti/hkzh/mo-kj_08.png) no-repeat scroll left center;
    background-position-x: 95px;
    text-indent:18px;

}
.conditions .input-two{
    width: 220px;
    height: 40px;
    border: 1px solid #e4dfdf;
    box-sizing: border-box;
    margin-left: 10px;
}
.people{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.peoples{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.people a{
    display: inline-block;
    width: 300px;
    height: 40px;
    line-height: 40px;
    background-color: #ef4136;
    font-size: 23px;
    color: #fff;
    border: 0;
    outline: none;
    font-weight: bold;
    margin-top: 30px;
    font-family: "Microsoft YaHei", "微软雅黑";
    text-align: center;
}

.peoples a{
    display: inline-block;
    width: 300px;
    height: 40px;
    line-height: 40px;
    background-color: #ef4136;
    font-size: 23px;
    color: #fff;
    border: 0;
    outline: none;
    font-weight: bold;
    margin-top: 30px;
    font-family: "Microsoft YaHei", "微软雅黑";
    text-align: center;
}


.people a:hover,.people a:active{
    background-color: #ac0c09;
}
.suspension{
    margin-top: 40px;
}
.suspension .suspension-box{
    width: 770px;
    height: 190px;
    background-color: #fff;
    top: 60px;
    left: 355px;
    padding: 30px 19px;
    box-sizing: border-box;
    box-shadow: 0 0 8px rgba(0,0,0,.2);
}
.suspension .suspension-box p{
    font-size: 18px;
    color: #3c3c3c;
    line-height: 30px;
}
.suspension .suspension-box h4{
    font-size: 24px;
    font-weight: bold;
    color: #3c3c3c;
    margin-top: 37px;
}
.solve{
    margin-top: 40px;
}
.solve h4{
    font-size: 28px;
    font-weight: bold;
    color: #ef4136;
    margin-top: 37px;
    position: relative;
}
.solve h4:before{
    content: '';
    position: absolute;
    top: 14px;
    left: 0;
    width: 500px;
    height: 1px;
    background-color: #ef4136;
}
.solve h4:after{
    content: '';
    position: absolute;
    top: 14px;
    right: 0;
    width: 500px;
    height: 1px;
    background-color: #ef4136;
}
.solve .container{
    margin-top: 30px;
    font-family: "Microsoft YaHei", "微软雅黑";
}
.solve .swiper1 {
    width: 100%;
	height: 60px;
}
.swiper-wrapper{
    display: flex;
}
.solve .swiper1 .swiper-slide {
    text-align: center;
    font-size: 23px;
    height: 49px;
    width: 250px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    cursor: pointer;
    background-color: #ff847d;!important;
    color: #fffdff;
    font-weight: bold;
    position: relative;
}
.swiper-slide{
    margin-right: 0;
}
.swiper1 .swiper-slide.selected{
    background-color: #ed1613;
    color: #fff;
}
.solve .swiper2{
    width: 100%;
}
.solve .swiper2 .swiper-slide {
    color: #fff;
    box-sizing: border-box;
    padding: 30px 20px 20px 20px;
    background-color: #fff;
}
.solve .swiper2 .swiper-slide h5{
    font-size: 26px;
    font-family: "Microsoft YaHei", "微软雅黑";
    font-weight: bold;
    color: #3c3c3c;
}
.solve .swiper2 .swiper-slide .content{
    margin-top: 20px;
}
.solve .swiper2 .swiper-slide .content div{
    width: 500px;
    height: 274px;
    border: 1px solid #f1eeee;
    box-shadow: 2px 2px 2px #f8f6f6;
    padding: 20px 10px;
    box-sizing: border-box;
}
.solve .swiper2 .swiper-slide .content i{
    display: inline-block;
    width: 37px;
    height: 37px;
    color: #f9c7c5;
    font-size: 37px;
    font-style: normal;
    padding-bottom: 16px;
    border-bottom: 1px solid #bfbfbf;
}
.solve .swiper2 .swiper-slide .content .text{
    display: inline-block;
    font-size: 19px;
    color: #ef4136;
    width: 99px;
    height: 19px;
    margin-left: 10px;
}
.solve .swiper2 .swiper-slide .content p span{
    font-size: 16px;
    color: #3c3c3c;
}
.solve .swiper2 .swiper-slide .content p{
    color: #7e7e7e;
    font-size: 16px;
    line-height: 26px;
}
.solve .swiper2 .swiper-slide .apply{
    width: 678px;
    margin: 35px auto 0 auto;

}
.solve .swiper2 .swiper-slide .apply span{
    display: block;
    width: 260px;
    height: 84px;
    background: url("/static/index/images/zhuanti/hkzh/jt_08.png") no-repeat center;
    font-size: 24px;
    line-height: 84px;
    text-indent: 32px
}
.solve .swiper2 .swiper-slide .apply .apply-box{
    width: 380px;
    height: 84px;
    background-color: #ef564e;
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    padding: 8px 14px;
    box-sizing: border-box;
}
.solve .swiper2 .swiper-slide .pic{
    margin-top: 30px;
    background-color: #ef564e;
    padding: 20px 28px;
    box-sizing: border-box;
    width: 1030px;
}
.solve .swiper2 .swiper-slide .pic .one{
    width: 662px;
    height: 212px;
    background-color: #fff;
    padding: 20px 38px;
    box-sizing: border-box;
    margin-right: 20px;
}
.solve .swiper2 .swiper-slide .pic .one p{
    color: #ef564e;
    font-size: 16px;
    font-weight: bold;
    margin-top: 16px;
    line-height: 22px;
}
.solve .swiper2 .swiper-slide .login{
    width: 690px;
    margin: 30px auto;
    box-sizing: border-box;
}
.solve .swiper2 .swiper-slide .login a{
    width: 300px;
    height: 40px;
    background-color: #ee1612;
    color: #fff;
    text-align: center;
    line-height: 40px;
    font-size: 24px;
}
.solve .swiper2 .swiper-slide .login a:hover, .solve .swiper2 .swiper-slide .login a:active{
    background-color: #ac0c09;
}
.offer{
    width: 1030px;
    height: 214px;
    border: 1px solid #f1eeee;
    box-shadow: 2px 2px 2px #f8f6f6;
    margin-top: 20px;
    padding: 14px 28px;
    box-sizing: border-box;
}
.offer img{
    margin-right: 37px;
    height: 150px;
}
.offer .text1{
    color: #ef564e;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
}
.offer .text2{
    color: #3c3c3c;
    font-size: 16px;
    /*margin-top: 26px;*/
    line-height: 30px;
}
.offer .text2 span{
    color: #ef564e;
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
}
.swiper2 .two{
    width: 662px;
    height: 256px;
    background-color: #fff;
    padding: 20px 38px;
    box-sizing: border-box;
    margin-right: 20px;
}
.swiper2 .two p{
    color: #ef564e;
    font-size: 16px;
    font-weight: bold;
    margin-top: 16px;
    line-height: 22px;
}
.swiper-slide .systme{
    margin-top: 30px;
    padding: 0 20px;
    box-sizing: border-box;
    height: 212px;
}
.swiper-slide .systme .systme-img{
    width: 220px;
    height: 192px;
    background-color:#ef564e ;
    position: relative;
}
.swiper-slide .systme .systme-img img{
    position: absolute;
    bottom: 20px;
    right: 20px;
}
.swiper-slide .systme .s-right{
    position: relative;
    z-index: 1;
    left: 0px;
    top: 10px;
    width: 789px;
}
.swiper-slide .systme .r-word{
    width: 894px;
    height: 64px;
    color: #ef564e;
    font-size: 16px;
    position: absolute;
    background-color: #fff;
    line-height: 30px;
    box-shadow: 0 0 8px rgba(0,0,0,.2);
    padding: 4px 20px;
    box-sizing: border-box;
    left: -80px;
    z-index: 3;
}
.swiper-slide .systme .s-right .text3{
    z-index: 10;
    margin-top: 72px;
    color: #3c3c3c;
    font-size: 16px;
    line-height: 30px;
    margin-left: 30px;
}
.swiper-slide .systme .s-right .text3 span{
    color: #ef564e;
    font-size: 16px;
    font-weight: bold;
}
.swiper-slide .school{
    margin-top: 20px;
}
.swiper-slide .line{
    margin-top: 30px;
    height: 212px;
    padding-top: 106px;
    box-sizing: border-box;
}
.swiper-slide .line hr{
    background-color: #0a0a0a;
    box-sizing: border-box;
}
.time-horizontal {
    list-style-type: none;
    border-top: 1px solid #707070;
    width: 100%;
    margin-top: 120px;
    height: 130px;
    box-sizing: border-box;
}
.time-horizontal li {
    float: left;
    position: relative;
    text-align: center;
    width: 12%;
    color: #3c3c3c;
    border-top: 2px solid #f5b9b5;
    /*width: 200px;*/
    height: 75px;
    box-shadow: 0 0 8px rgba(0,0,0,.2);
    line-height: 20px;
}
.time-horizontal li span{
    display: block;
    color: #ef564e;
    margin-top: 10px;
}

.time-horizontal li b:before {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    background: url("/static/index/images/zhuanti/hkzh/cir.png") no-repeat;
    background-size: cover;
}
.li-buu{
    top: 20px;
    padding-top: 14px;
}
.time-horizontal .li-buu b:before{
    top: -30px;
    left: 47%;
}
.li-top{
    top: -95px;
    padding-top: 0px;
}
.time-horizontal .li-top b:before{
    top: 85px;
    left: 47%;
}
.swiper-slide .sr-nav{
    margin-left: 35px;
    margin-top: 15px;
}
.swiper-slide .sr-nav li{
    background-color: #f05550;
    margin-right: 30px;
    padding: 8px 8px;
    box-sizing: border-box;
    position: relative;
}
.swiper-slide .sr-nav li:before{
    position: absolute;
    content: '';
    width: 4px;
    height: 34px;
    background-color: #f05550;
    left: -5px;
    top: 0;
}
.swiper-slide .sr-nav a{
    color: #fff;
}
.swiper-slide .school ul{
    margin-top:50px;
}
.swiper-slide .school ul li{
    border-top: 1px solid #e1dbdb;
    border-left: 1px solid #e1dbdb;
    border-right: 1px solid #e1dbdb;
    border-bottom: 2px solid #fab9b7;
    width: 293px;
    height: 130px;
    box-sizing: border-box;
    color: #3c3c3c;
    text-align: center;
    line-height: 29px;
    padding: 24px 18px;
    margin-right: 40px;
    margin-left: 20px;
    font-size: 16px;
    box-shadow: 0 0 8px rgba(0,0,0,.2);
    position: relative;
}
.swiper-slide .school ul li a{
    position: absolute;
    top: -24px;
    left: 50%;
    transform: translateX(-50%);
    width: 50px;
    height: 50px;
    background-color: #ee1612;
    border-radius: 50%;
    color: #fff;
    line-height: 50px;
    text-align: center;
}
.integration{
    margin-top: 40px;
}
.integration h4{
    font-size: 28px;
    font-weight: bold;
    color: #ef4136;
    margin-top: 37px;
    position: relative;
}
.integration h4:before{
    content: '';
    position: absolute;
    top: 22px;
    left: 0;
    width: 500px;
    height: 1px;
    background-color: #ef4136;
}
.integration h4:after{
    content: '';
    position: absolute;
    top: 22px;
    right: 0;
    width: 500px;
    height: 1px;
    background-color: #ef4136;
}
.integration h5{
    font-size: 24px;
    color: #3c3c3c;
    margin-top: 16px;
}
.integration-content{
    background-color: #fff;
    margin-top: 30px;
    padding: 30px 20px;
    box-sizing: border-box;

}
.integration-content .i-late{
    text-align: center;
    font-size: 24px;
    color: #ef564e;
    margin-top: 30px;
    font-weight: bold;
}
.integration-content h5 span{
    font-size: 22px;
    font-weight: normal;
    /*color: #;*/
}
.integration-content .move{
    margin: 10px auto;
    display: block;
    text-align: center;
}
.integration-content .move img{
    margin: 0 auto;
}
.integration-content ul{
    margin-top: 20px;
}
.integration-content ul li{
    width: 300px;
    height: 300px;
    box-shadow: 0 0 8px rgba(0,0,0,.2);
    margin-left: 40px;
}
.integration-content ul li .span{
    text-align: center;
    font-size: 18px;
    color: #ef564e;
    display: block;
    margin-bottom: 15px;
}
.integration-content ul li div{
    padding: 16px 20px;
    box-sizing: border-box;
}
.integration-content ul li p{
    font-size: 14px;
    line-height: 27px;
    color: #5d5b5b;
}
.integration-content ul li p span{
    display: block;
    font-size: 16px;
    color: #333;
}
.integration-content ul li dl{
    line-height: 27px;
}
.integration-content ul li dl dt{
    display: block;
    font-size: 16px;
    color: #333;
}
.integration-content ul li dl dd{
    width: 170px;
    font-size: 14px;
    color: #5d5b5b;

}
.integration-content2{
    background-color: #fff;
    padding: 20px;
    box-sizing: border-box;
}
.integration-content2 h5 span{
    font-weight: normal;
    font-size: 22px;
}
.integration-content2 .pic{
    margin-top: 30px;
    background-color: #ef564e;
    padding: 15px 28px;
    box-sizing: border-box;
}
.integration-content2 .pic .right img{
    height: 230px;
}
.integration-content2  .pic .two{
    width: 662px;
    height: 230px;
    background-color: #fff;
    padding: 20px 38px;
    box-sizing: border-box;
    margin-right: 20px;
}
.integration-content2  .pic .two p{
    color: #ef564e;
    font-size: 16px;
    font-weight: bold;
    margin-top: 16px;
    line-height: 22px;
}
.integration-content2 .doubt{
    margin-top: 30px;
    height: 138px;
    box-shadow: 0 0 8px rgba(0,0,0,.2)
}
.integration-content2 .doubt p{
    padding-top: 18px;
    font-size: 16px;
    line-height: 24px;
    color: #3c3c3c;
}
.integration-content2 .doubt a{
    width: 300px;
    height: 40px;
    text-align: center;
    font-size: 24px;
    color: #fff;
    display: block;
    background-color: #ee1612;
    line-height: 40px;
    margin: 20px auto;
}
.integration-content2 .doubt a:hover, .integration-content2 .doubt a:active{
    background-color: #ac0c09;
}
.tax{
    margin-top: 30px;
}
.tax-content{
    box-shadow: 0 0 8px rgba(0,0,0,.2);
    padding: 30px 25px 5px 25px;
    box-sizing: border-box;
    background-color: #fff;
}
.tax-content h5{
    font-size: 26px;
    color: #3c3c3c;
}
.tax-content .city{
    height: 174px;
    border: 5px solid #ef4136;
    padding: 25px 15px;
    box-sizing: border-box;
    margin-top: 30px;
    width: 100%;
}
.tax-content .city p{
    font-size: 16px;
    color: #3c3c3c;
    line-height: 30px;
}
.tax-content ul{
    margin-top: 30px;
}
.tax-content ul li{
    margin-right: 27px;
    border-top: 1px solid #e1dbdb;
    border-left: 1px solid #e1dbdb;
    border-right: 1px solid #e1dbdb;
    border-bottom: 2px solid #fab9b7;
    box-sizing: border-box;
}
.tax-content ul li:last-of-type{
    margin-right: 0;
}
.tax-content ul dl{
    text-align: center;
    margin-top: 20px;
    margin-bottom: 16px;
}
.tax-content ul a dl dt{
    font-size: 20px;
    color: #ef4136;
}
.tax-content ul a dl dd{
    margin-top: 18px;
    font-size: 18px;
    color: #3c3c3c;
}
.tax-content .t-about{
    width: 300px;
    height: 40px;
    text-align: center;
    font-size: 24px;
    color: #fff;
    display: block;
    background-color: #ee1612;
    line-height: 40px;
    margin: 30px auto;
}
.tax-content .t-about:hover, .tax-content .t-about:active{
    background-color: #ac0c09;
}
.convenient{
    margin-top: 30px;
}
.convenient .convenient-content{
    box-shadow: 0 0 8px rgba(0,0,0,.2);
}
.convenient .convenient-content h5{
    font-size: 26px;
    color: #3c3c3c;
    background-color: #fff;
}
.convenient .convenient-content .swiper-container2 {
    width: 100%;
    height: 355px;
    padding: 30px 30px;
    box-sizing: border-box;
    background-color: #fff;
    overflow: hidden;
    position: relative;
}
.convenient .convenient-content .swiper-slide {
    width: 353px;
    height: 270px;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.convenient .convenient-content .swiper-container2 .swiper-slide div{
    position: absolute;
    width: 330px;
    height: 207px;
    background-color: #e9574f;
    transition: all .3s;
    padding: 40px 12px;
    box-sizing: border-box;
    background: rgba(225,102,102,0.9);
    top: 300px;
}
.convenient .convenient-content .swiper-container2 .swiper-slide div img{
    display: block;
}
.convenient .convenient-content .swiper-container2 .swiper-slide:hover div{
    top: 32px;
}
.convenient .convenient-content .swiper-container2 .swiper-slide div p{
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}
.convenient .convenient-content .swiper-container2 .swiper-slide div span{
    display: inline-block;
    margin-top: 20px;
    color: #fff;
    font-size: 15px;
    line-height: 30px;
    padding-left: 10px;
}
.convenient .convenient-content .swiper-container2 .swiper-slide div a{
    width: 102px;
    height: 25px;
    text-align: center;
    font-size: 16px;
    color: #ef564e;
    display: block;
    background-color: #fff;
    line-height: 25px;
    margin-top: 20px;
    margin-left: 10px;
}
.convenient .convenient-content .swiper-container2 .swiper-slide .s-text{
    top: 218px;
    text-align: center;
    background: none;
    font-size: 16px;
    color: #3c3c3c;
}
.customer{
    margin-top: 40px;
}
.customer .customer-content{
    background-color: #fff;
    box-shadow: 0 0 8px rgba(0,0,0,.2);
    padding: 22px 15px;
    box-sizing: border-box;
}
.customer-content img{
    margin: 0 auto;
}
.customer .consultant img{
    display: block;
    margin: 0 auto;
    width: 79px;
    height: 79px;
    border-radius: 50%;
    border: 2px solid #ef564e;
}
.customer .customer-content ul{
    margin-top: 30px;
}
.customer .customer-content ul li{
    /*width: 33.33%;*/
    width: 343px;
    border: 1px solid #e8e2e2;
    padding: 25px;
    box-sizing: border-box;
    box-shadow: 0 0 8px rgba(0,0,0,.2);
    margin-right: 20px;

}
.customer .customer-content ul li:last-of-type{
    margin-right: 0px;

}
.customer .customer-content ul li .text{
    font-size: 23px;
    color: #ee4234;
    font-weight: bold;
    text-shadow: 0 0 2px #fff;
}
.customer .customer-content ul li  p{
    line-height: 30px;
}
.customer .customer-content ul li  p:first-of-type{
    margin-top: 20px;
}
.customer .customer-content ul li p span{
    font-size: 16px;
    color: #ee4234;
}
.customer .consultant {
    margin-top: 20px;
    border-top: 1px solid #e8e2e2;
    padding: 25px;
    box-sizing: border-box;
}
.customer .swiper-slide img {
    width: 64px;
    height: 64px;
    margin-right: 18px;
}
.customer .consultant dl {
    color: #ee4234;
    font-family: "Microsoft YaHei", "微软雅黑";
    font-size: 14px;
    margin-left: 10px;
}
.customer .consultant dt {
    margin-bottom: 9px;
}
.customer .consultant a {
    display: inline-block;
    padding: 5px 20px;
    background-color: #ef4136;
    font-size: 18px;
    color: #fff;
    border: 0;
    outline: none;
    font-weight: bold;
    margin-top: 11px;
    border-radius: 5px;
}
.tutoring{
    margin-top: 40px;
}
.tutoring .tutoring-content{
    background-color: #fff;
    box-shadow: 0 0 8px rgba(0,0,0,.2);
    /*padding: 22px 15px 30px 15px;*/
    box-sizing: border-box;
    position: relative;
    padding-top: 30px;
}
.tutoring .tutoring-content h5{
    font-size: 24px;
    color: #3c3c3c;
    line-height: 35px;
}
.tutoring .tutoring-content ul {
    height: 162px;
    width: 654px;
    margin-left: 15px;
}
.tutoring .tutoring-content .one{
    margin-top: 30px;
}
.tutoring .tutoring-content .one > div{
    margin-right: 15px;
}
.tutoring .tutoring-content ul li {
    width: 80px;
    height: 80px;
    background-color: red;
    text-align: center;
    font-size: 14px;
    color: #fff;
    border-radius: 50%;
    padding: 0px;
    box-sizing: border-box;
    padding-top: 5px;
}
.tutoring .tutoring-content ul li img {
    display: block;
    margin: 7px auto;
    /*padding-bottom: 10px;*/
}
.tutoring .tutoring-content ul li:first-of-type:after {
    content: '';
    width: 20px;
    height: 20px;
    background: url(/static/index/images/zhuanti/hkzh/hjt_20.png) no-repeat;
    background-size: cover;
    position: absolute;
    bottom: -15px;
    left: 69px;
}
.tutoring .tutoring-content ul li:nth-of-type(2) {
    left: 157px;
}
.tutoring .tutoring-content ul li:nth-of-type(2):after{
    content: '';
    width: 20px;
    height: 20px;
    background: url(/static/index/images/zhuanti/hkzh/hjt_20.png) no-repeat;
    background-size: cover;
    position: absolute;
    bottom: -15px;
    left: 69px;
}
.tutoring .tutoring-content ul li:nth-of-type(3) {
    left: 320px;
}
.tutoring .tutoring-content ul li:nth-of-type(3):after{
    content: '';
    width: 20px;
    height: 20px;
    background: url(/static/index/images/zhuanti/hkzh/hjt_20.png) no-repeat;
    background-size: cover;
    position: absolute;
    bottom: -15px;
    left: 69px;
}
.tutoring .tutoring-content ul li:nth-of-type(4) {
    left: 481px;
}
.tutoring .tutoring-content ul li:nth-of-type(4):after{
    content: '';
    width: 20px;
    height: 20px;
    background: url(/static/index/images/zhuanti/hkzh/hjt_20.png) no-repeat;
    background-size: cover;
    position: absolute;
    bottom: -15px;
    left: 69px;
}
.tutoring .tutoring-content ul li:nth-of-type(5) {
    top: 81px;
    left: 67px;
}
.tutoring .tutoring-content ul li:nth-of-type(5):after {
    content: '';
    width: 20px;
    height: 20px;
    background: url(/static/index/images/zhuanti/hkzh/hjt2_20.png) no-repeat;
    background-size: cover;
    position: absolute;
    bottom: 73px;
    left: 72px;
}
.tutoring .tutoring-content ul li:nth-of-type(6) {
    top: 81px;
    left: 229px;
}
.tutoring .tutoring-content ul li:nth-of-type(6):after {
    content: '';
    width: 20px;
    height: 20px;
    background: url(/static/index/images/zhuanti/hkzh/hjt2_20.png) no-repeat;
    background-size: cover;
    position: absolute;
    bottom: 73px;
    left: 72px;
}
.tutoring .tutoring-content ul li:nth-of-type(7) {
    top: 81px;
    left: 391px;
}
.tutoring .tutoring-content ul li:nth-of-type(7):after {
    content: '';
    width: 20px;
    height: 20px;
    background: url(/static/index/images/zhuanti/hkzh/hjt2_20.png) no-repeat;
    background-size: cover;
    position: absolute;
    bottom: 73px;
    left: 72px;
}
.tutoring .tutoring-content ul li:nth-of-type(8) {
    top: 81px;
    left: 550px;
}
.tutoring .r-box{
    width: 226px;
    height: 112px;
    top: 15%;
    left:50%;
    transform: translate(-50%);
    background-color: #fff;
    /*padding: 18px;*/
    box-sizing: border-box;
    border-bottom: 2px solid #fab9b7;

}
.tutoring .r-box span {
    display: block;
    font-size: 18px;
    color: #ee4234;
    font-weight: bold;
    text-align: center;
    margin-top: 20px;
}
.tutoring .r-box p {
    margin-top: 10px;
    color: #3c3c3c;
    font-size: 15px;
    text-align: center;
    line-height: 23px;
}
.login-input{
    margin-top: 20px;
}