.cxCentre{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 1200px;
    margin: 0 auto;
}
.clearfix:after{
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
    clear:both;
}
/*兼容ie浏览器*/
.clearfix{
    zoom:1;
}
/*公共样式标题*/
.wh-pubtitle{
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 60px auto;
    text-align: center;
}
.wh-pubtitle h2{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    font-size: 40px;
    text-align: center;
    padding-left: 50px;
    padding-right: 50px;
    height: 50px;
    line-height: 50px;
    color: #1D1D1F;
    background: url("../image/title-1.png") no-repeat center left,
    url("../image/title-2.png") no-repeat center right;
    margin: 0 auto;
}
.wh-pubtitle h2 span{color: #397AF2;}
.wh-pubtitle p{
    text-align: center;
    width: 960px;
    margin: 20px auto 0;
    line-height: 30px;
    font-size: 20px;
    color: #1D1D1F;
}
.wh-pubtitle p i{
    color: #397AF2;
    margin: 0 10px;
}
.wh-btn{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    text-align: center;
    margin: 50px auto;
    position: relative;
    z-index: 20;
}
.wh-btn a{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    padding: 0 30px;
    height: 45px;
    line-height: 45px;
    color: #ffffff;
    background: #E91F60;
    border-radius: 25px;
    font-size: 24px;
    animation: cxScale 2s ease-in-out infinite alternate;
}
@keyframes cxScale {
    0% {
        transform: scale(1);
    }
    50%{
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}
/****************导航*/
[class^='cai-'],
[class*=' cai-']{
    background: url("../image/all-course1.png") no-repeat;
    -webkit-background-size: 31px 211px;
    background-size: 31px 211px;
}
.sz-nav{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    min-width: 1200px;
    height: 90px;
    box-shadow: 0 5px 12px 1px #E8E8E8;
    /*margin-bottom: 20px;*/
    padding-top: 23px;
}
.sz-nav .nav-box{
    height: 44px;
    line-height: 44px;
}
.sz-nav .nav-box .nav-left{
    width: 260px;
    height: 44px;
}
.sz-nav .nav-box .nav-left span{
    font-size: 25px;
    color: #666666;
    display: inline-block;
    float: right;
    font-weight: initial;
}
.sz-nav .nav-box .nav-right{
    height: 44px;
    position: relative;
}
.sz-nav .nav-box .nav-right a.nav-a{
    display: inline-block;
    font-size: 16px;
    color: #000000;
    margin:0 32px;
}
.sz-nav .nav-box .nav-right a.nav-a:hover{
    color: #FE6F1C;
}
.sz-nav .nav-box .nav-right a.nav-a:last-child{margin-right: 0;}
.sz-nav .nav-box .nav-right .nav-53{margin: 0!important;}
.sz-nav .nav-box .nav-right .nav-53 span{
    background: #FF0404;
    color: #ffffff;
    font-size: 14px;
    padding: 0 2px;
}
.sz-nav .nav-box .nav-right .nav-course{
    position: relative;
    display: inline-block;
}
/*二级导航*/
.sz-nav .nav-box .nav-right .two-title{
    position: absolute;
    top: 42px;
    left: -100px;
    /*width: 734px;*/
    width: 595px;
    height: 140px;
    background: white;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
    z-index: 100;

    display: none;
}
.sz-nav .nav-box .nav-right .two-title ul{
    width: 700px;
    height: 140px;
    overflow: hidden;
    box-sizing: border-box;
}
.sz-nav .nav-box .nav-right .two-title>ul li{
    float: left;
    width: 133px;
    height: 100px;
    background: #F3F3F3;
    text-align: center;
    line-height: 22px;
    border: 1px solid #E1E1E1;
    box-sizing: border-box;
    overflow: hidden;
    margin-right: 7px;
    font-size: 15px;
}
.sz-nav .nav-box .nav-right .two-title>ul li a{
    display: inline-block;
    width: 133px;
    height: 100px;
    box-sizing: border-box;
    padding: 13px 0;
    color: #787878;
}
.sz-nav .nav-box .nav-right .two-title>ul li span{
    display: inline-block;
    width: 30px;
    height: 30px;
}
.sz-nav .nav-box .nav-right .two-title>ul li span.cai-all1{
    background-position: 0 4px;
}
.sz-nav .nav-box .nav-right .two-title>ul li span.cai-all2{
    background-position: 0 -28px;
}
.sz-nav .nav-box .nav-right .two-title>ul li span.cai-all3{
    background-position: 0 -57px;
}
.sz-nav .nav-box .nav-right .two-title>ul li span.cai-all4{
    background-position: 0 -87px;
}
.sz-nav .nav-box .nav-right .two-title>ul li span.cai-all5{
    background-position: 0 -146px;
}
.sz-nav .nav-box .nav-right .two-title>ul li span.cai-all6{
    background-position: 0 -181px;
}

.sz-nav .nav-box .nav-right .two-title>ul li .p-change{color: #8C8C8C;font-size: 12px;}
.sz-nav .nav-box .nav-right .two-title>ul li:hover{border-color: #FE6F1C;}
.sz-nav .nav-box .nav-right .two-title>ul li:hover .p-change{color: #FE6F1C;}

/*banner*/
.wh-banner{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    width: 100%;
    min-width: 1200px;
    min-height: 739px;
    background: #ffffff url("../image/wh-banner.jpg") no-repeat center top;
}
.wh-banner .wh-banner-title{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin: 785px 0 40px 0;
    color: #3B3B3B;
    font-weight: lighter;
    font-size: 34px;
}
.wh-banner .wh-banner-title b{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 40px;
    color: #1D1D1F;
    display: inline-block;
    margin-right: 10px;
    padding-right: 10px;
    border-right: 3px solid #0B75E1;
    font-weight: bold;
}
.wh-banner .wh-banner-text{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    width: 1200px;
    height: 342px;
    border-radius: 15px;
    background: #0B75E1;
    color: #ffffff;
    box-shadow: 0 0 0 10px #81B9FF;
    margin: 0 auto 10px;
    padding: 45px 25px;
}

.wh-banner .wh-banner-text .wh-banner-left{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 368px;
    height: 252px;
    margin-right: 30px;
    float: left;
}
.wh-banner .wh-banner-text .wh-banner-right{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 745px;
    font-size: 20px;
    line-height: 41px;
    float: left;
}
.wh-banner .wh-banner-text .wh-banner-right span{
    color: #FFEC6A;
}

/*1超强优惠*/
.wh-discount{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    min-width: 1200px;
    height: 736px;
    background: url("../image/wh-1bg.jpg") no-repeat center top;
    overflow: hidden;
    padding-top: 95px;
}
.wh-discount .wh-discount-ul{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 1150px;
    margin: 60px auto;
}
.wh-discount .wh-discount-ul li{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 325px;
    height: 362px;
    border-radius: 15px;
    box-shadow: 0 0 0 10px #ED819B;
    position: relative;
    padding:20px;
    margin-left: 20px;
    margin-right: 50px;
    background: #ffffff;
    float: left;
}
.wh-discount .wh-discount-ul li:hover{
    transform: translateY(-8px);
    transition: 0.5s;
}
.wh-discount .wh-discount-ul li:last-child{
    margin-right: 0;
}

.wh-discount .wh-discount-ul li .wh-discount-tag{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    position: absolute;
    left: -20px;
    top: 20px;
    z-index: 10;
    height: 35px;
    line-height: 35px;
    font-size: 18px;
    color: #ffffff;
    padding: 0 10px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    background: #EA467B;
    box-shadow: 0 5px 0 0 #E91F60;
}
.wh-discount .wh-discount-ul li .wh-discount-title{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 160px;
    border-bottom: 1px dashed #ED819B;
    display: -webkit-flex;
    display: -moz-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-size: 16px;
    font-weight: 400;
    color: #1D1D1F;
    line-height: 24px;
}
.wh-discount .wh-discount-ul li .wh-discount-title h4{
    font-size: 34px;
    font-weight: bold;
    line-height: 40px;
    color: #1D1D1F;
    margin-bottom: 10px;
}
.wh-discount .wh-discount-ul li .wh-discount-hd{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}
.wh-discount .wh-discount-ul li .wh-discount-hd p{
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    color: #E91F60;
    line-height: 36px;
}
.wh-discount .wh-discount-ul li .wh-discount-hd p span{
    position: relative;
    display: inline-block;
    margin-left: 10px;
}
.wh-discount .wh-discount-ul li .wh-discount-hd p span:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("../image/wh-1del.png") no-repeat center;
    z-index: 10;
}
.wh-discount .wh-discount-ul li .wh-discount-hd a{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    height: 45px;
    line-height: 45px;
    text-align: center;
    padding: 0 25px;
    border-radius: 25px;
    background: #E91F60;
    color: #ffffff;
    font-size: 24px;
    animation: cxScale 2.2s ease-in-out infinite alternate;
}
/*2免费学习*/
.wh-free{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    min-width: 1200px;
    overflow: hidden;
    background:#43A0FE url("../image/wh-2bg.jpg") no-repeat center top;
    min-height: 854px;
}
.wh-free .wh-pubtitle h2{color: #ffffff;}
.wh-free .wh-free-one{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    width: 1145px;
    height: 152px;
    margin: 45px auto;
    background: url("../image/wh-2jt.png") no-repeat center;
    padding-left: 250px;
}
.wh-free .wh-free-one li{
    float: left;
    width: 228px;
    height: 143px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-size: 18px;
    color: #1D1D1F;
}
.wh-free .wh-free-one li:last-child{
    width: 208px;
}
.wh-free .wh-free-one li b{
    display: inline-block;
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: bold;
}
.wh-free .wh-free-title{
    width: 100%;
    text-align: center;
    font-size: 36px;
    font-weight: bold;
    color: #ffffff;
    line-height: 68px;
    height: 68px;
}
.wh-free .wh-free-title b{
    display: inline-block;
    font-size: 67px;
    height: 68px;
    font-weight: bold;
    line-height: 68px;

}
.wh-free .wh-free-two{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url("../image/wh-2sh.png") no-repeat center;
    width: 1019px;
    height: 292px;
    position: relative;
    margin: 110px auto -93px;
}
.wh-free .wh-free-two li{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url("../image/wh-2bg2.png") no-repeat center;
    background-size: 100% 100%;
    display: inline-block;
    padding: 0 15px;
    height: 59px;
    text-align: center;
    position: absolute;
    font-size: 20px;
    font-weight: 400;
    color: #1D1D1F;
    line-height: 50px;
    animation: udFloat 1.1s ease-in-out infinite alternate;
}
@keyframes udFloat {
    0% {
        transform: translate3d(0, 0, 0);
    }
    100% {
        transform: translate3d(0, -10px, 0);
    }
}

.wh-free .wh-free-two li:nth-child(1){left: -47px;}
.wh-free .wh-free-two li:nth-child(2){left: 125px;top: -65px;}
.wh-free .wh-free-two li:nth-child(3){left: 324px;}
.wh-free .wh-free-two li:nth-child(4){left: 517px;top: -65px;}
.wh-free .wh-free-two li:nth-child(5){left: 684px;top: 18px;}
.wh-free .wh-free-two li:nth-child(6){right: -74px;top: -65px;}

/*3pdt课程*/
.wh-pdt{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    background: url("../image/wh-hb1.png") no-repeat 5% 90%,
    url("../image/wh-hb2.png") no-repeat 95% 10%;
}
.wh-pdt .wh-pdt-ul{
    width: 1140px;
    margin: 30px auto;
    display: -webkit-flex;
    display: -moz-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.wh-pdt .wh-pdt-ul li{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 560px;
    height: 265px;
    border: 2px solid #74CFFF;
    border-radius: 10px;
    box-shadow: 0 5px 10px 2px #E4F1F9;
    padding:40px 30px;
}
.wh-pdt .wh-pdt-ul li:nth-child(1){
    background: url("../image/wh3-num1.png") no-repeat 30px 20px;
}
.wh-pdt .wh-pdt-ul li:nth-child(2){
    background: url("../image/wh3-num2.png") no-repeat 30px 20px;
}
.wh-pdt .wh-pdt-ul li h5{
    font-size: 24px;
    font-weight: bold;
    color: #1D1D1F;
    line-height: 26px;
    margin-bottom: 20px;
}
.wh-pdt .wh-pdt-ul li p{
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: #1D1D1F;
}
.wh-pdt .kcdg-atlas{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 1162px;
    overflow: hidden;
    margin: 0 auto;
}
.wh-pdt .kcdg-atlas li{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    display: -webkit-flex;
    display: -moz-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-direction: column;
    width: 240px;
    height: 180px;
    background: url("../image/wh3-box2.png") no-repeat center top;
}
.wh-pdt .kcdg-atlas li:nth-child(1) {
    width: 220px;
    height: 180px;
    background: url("../image/wh3-box1.png") no-repeat center top;
    padding-right: 23px;
}
.wh-pdt .kcdg-atlas li:nth-child(5) {
    width: 220px;
    height: 200px;
    background: url("../image/wh3-box3.png") no-repeat center top;
}
.wh-pdt .kcdg-atlas1 li:nth-child(5){
    width: 220px;
    height: 180px;
    background: none;
}
.wh-pdt .kcdg-atlas li h4{
    font-size: 20px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 30px;
    text-align: center;
}
.wh-pdt .kcdg-atlas li p{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 1px solid #4EC3FF;
    width: 146px;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 20px;
    padding-top: 10px;
    margin-top: 10px;
}
.wh-pdt .kcdg-atlas li span{
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    color: #1B2031;
    line-height: 30px;
    text-align: center;
    margin-top: 12px;
}
.wh-pdt .kcdg-atlas li .kcdg-atlas-span{
    font-size: 16px;
    font-weight: 400;
    color: #1B2031;
    font-style: normal;
}

/*4项目*/
.wh-project{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background:#D4F0FF url("../image/wh4-bg.png") no-repeat center top;
    min-height: 1062px;
    padding-top: 90px;
    padding-bottom: 20px;
}

.wh-project .eng-special-project{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 1140px;
    margin: 0 auto;
}
.wh-project .eng-special-project .eng-special-point{
    width: 100%;
    background: #152252;
    position: relative;
    overflow: hidden;
}
.wh-project .eng-special-project .eng-special-point li{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 228px;
    height: 110px;
    float: left;
    display: -webkit-flex;
    display: -moz-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    z-index: 11;
    cursor: pointer;
    background: #1B2B66;
    border-right: 2px solid #152252;
    border-bottom: 2px solid #152252;
}
.wh-project .eng-special-project .eng-special-point li:nth-child(5n){
    margin-right: 0;
}
.wh-project .eng-special-project .eng-special-point li h4{
    background: linear-gradient(to bottom,#1989FA, #1876DA, #164386);
    -webkit-background-clip: text;
    color: transparent;
    font-size: 30px;
    line-height: 30px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 6px;
}
.wh-project .eng-special-project .eng-special-point li p{
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 20px;
}
.wh-project .eng-special-project .eng-special-point .eng-special-point-on{background: #131F4B;}
.wh-project .eng-special-project .eng-special-point .eng-special-point-on p{color: #22E0FF;}


.wh-project .eng-special-project .eng-special-box{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    width: 100%;
    height: 500px;
}
.wh-project .eng-special-project .eng-special-item{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 500px;
    background: #21327E;
    position: relative;
    z-index: 1;
    padding-left: 30px;
    display: none;
}
.wh-project .eng-special-project .eng-special-show{
    display: block;
}
.wh-project .eng-special-project .eng-special-item img{
    width: 667px;
    height: 397px;
    position: absolute;
    right: 35px;
    top: 55px;
    z-index: 0;
}
.wh-project .eng-special-project .eng-special-item .eng-special-item-nr{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 325px;
    height: 340px;
    background: #1546E1;
    margin-top: 85px;
    padding: 25px 15px 25px 25px;
    color: #ffffff;
    font-size: 14px;
    line-height: 24px;
}
.wh-project .eng-special-project .eng-special-item .eng-special-item-nr h5{
    font-size: 20px;
    font-weight: bold;
    color: #22E0FF;
    margin-bottom: 20px;
    text-align: left;
}
.wh-project .eng-special-project .eng-special-item .eng-special-item-nr ul{
    width: 100%;
    height: 240px;
    overflow-y: auto;
}
.wh-project .eng-special-project .eng-special-item .eng-special-item-nr li{
    width: 100%;
    height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wh-project .eng-special-project .eng-special-item .eng-special-item-xm{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow-y: auto;
    width: 500px;
    height: 340px;
    float: left;
    margin-top: 85px;
    background: rgba(20,59,186,0.6);
    padding: 20px 25px;
    position: relative;
    z-index: 11;
}
.wh-project .eng-special-project .eng-special-item .eng-special-item-xm h5{
    font-size: 20px;
    font-weight: bold;
    color: #22E0FF;
    margin-bottom: 20px;
    text-align: left;
    line-height: 28px;
}

.wh-project .eng-special-project .eng-special-item .eng-special-item-xm p{
    font-size: 14px;
    font-weight: 400;
    color: #FFFEFE;
    line-height: 24px;
    margin-bottom: 20px;
}
/*5师资*/
.wh-teach{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    min-width: 1200px;
    background: #ffffff url("../image/wh-hb2.png") no-repeat 98% 85%;
    overflow: hidden;
}
.wh-teach .wh-teach-banner{
    width: 1150px;
    height: 325px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    padding: 30px;
    position: relative;
    margin:-20px auto 80px;
    background: #ffffff;
}
.wh-teach .wh-teach-banner .wh-teach-item{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 185px;
    height: 265px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    text-align: center;
    border: 1px solid #74CFFF;
    background: #ffffff;
    box-shadow: 0 5px 10px 1px #E6F2F9;
    margin: 0 15px;
}
.wh-teach .wh-teach-banner .wh-teach-item img{
    width: 158px;
    height: 215px;
    margin: 10px auto;
    transition: 0s;
}
.wh-teach .wh-teach-banner .wh-teach-item .wh-teach-item-txt{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: rgba(25,137,250,1);
    color: #ffffff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;

}
.wh-teach .wh-teach-banner .wh-teach-item .wh-teach-item-txt h3{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 400;
    width: 100%;
    height: 56px;
    line-height: 23px;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
}
.wh-teach .wh-teach-banner .wh-teach-item .wh-teach-item-txt p{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0 10px 10px;
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 18px;
    text-align: left;
    display: none;
}

.wh-teach .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
    width: 28px;
    height: 100%;
    background:#ffffff url("../image/wh5-rhght.png") no-repeat center;
    background-size: 28px 28px;
    right: 0;
    top: 0;
}
.wh-teach .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
    width: 28px;
    height: 100%;
    background:#ffffff url("../image/wh5-left.png") no-repeat center;
    background-size: 28px 28px;
    left: 0;
    top: 0;
}
.wh-teach .wh-teach-banner .wh-teach-item:hover{
    transform: scale(1.1);
    transition: 0.5s;
}
/*7保障*/
.wh-baozhang{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    min-width: 1200px;
    overflow: hidden;
    background: url("../image/wh-7bg.jpg") no-repeat center;
    height: 606px;
}
.wh-baozhang .wh-baozhang-ul{
    display: -webkit-flex;
    display: -moz-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 1140px;
    margin: 100px auto 0;
}
.wh-baozhang .wh-baozhang-ul li{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url("../image/wh-7box.png") no-repeat center;
    width: 348px;
    height: 276px;
    position: relative;
    overflow: hidden;
}
.wh-baozhang .wh-baozhang-ul li h5{
    display: -webkit-flex;
    display: -moz-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    font-weight: bold;
    color: #ffffff;
    width: 100%;
    height: 50px;
    margin: 35px 0;
}
.wh-baozhang .wh-baozhang-ul li h5 img{
    margin-right: 15px;
}
.wh-baozhang .wh-baozhang-ul li b{
    display: block;
    font-size: 20px;
    font-weight: bold;
    color: #118CD6;
    line-height: 30px;
    text-align: center;
}
.wh-baozhang .wh-baozhang-ul li p{
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    color: #1D1D1F;
    text-align: center;
    margin-top: 18px;
}

/*6品质服务*/
.wh-major{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    background: url("../image/wh-6bg.jpg") no-repeat center;
    height: 682px;
    width: 100%;
    min-width: 1200px;
}
.wh-major .wh-pubtitle h2{color: #ffffff}

.wh-major .eng-major-ul{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 75px auto;
    width: 920px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
}
.wh-major .eng-major-ul li{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 436px;
    height: 410px;
    background: #ffffff;
    box-shadow: 0 5px 10px 1px #5A9EE8;
    display: -webkit-flex;
    display: -moz-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.wh-major .eng-major-ul li h5{
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #1D1D1F;
    margin: 30px auto;
}
.wh-major .eng-major-ul li p{
    width: 340px;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    color: #444449;
    line-height: 24px;
}
/*2022-3-17 新加文章板块*/
.nj-article{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    background: url("../image/nj-wz-bg.jpg") no-repeat top center;
    height: 757px;
    overflow: hidden;
}
.nj-article .nj-article-title{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 40px;
    line-height: 40px;
    width: 1200px;
    margin: 40px auto 50px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #ffffff;
}
.nj-article .nj-article-title h2{
    font-size: 30px;
    font-weight: bold;
}
.nj-article .nj-article-title a{
    display: inline-block;
    width: 105px;
    height: 35px;
    line-height: 35px;
    color: #ffffff;
    background: rgba(88,94,112,0.5);
    border-radius: 25px;
    font-size: 16px;
    text-align: center;
}
.nj-article .nj-article-title a span{color: #FA6233;}
.nj-article .nj-article-box{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
.nj-article .nj-article-left{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 870px;
    height: 555px;
    background: #252A3C;
    padding:30px 25px;
    border-radius: 10px;
    float: left;
}
.nj-article .nj-article-left .nj-article-left-list{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 145px;
    overflow: hidden;
    margin-bottom: 30px;
}
.nj-article .nj-article-left .nj-article-left-list .nj-article-left-img{
    width: 218px;
    height: 145px;
    float: left;
    border-radius: 10px;
    overflow: hidden;
    margin-right: 20px;
}
.nj-article .nj-article-left .nj-article-left-list .nj-article-left-img img{
    width: 218px;
    height: 145px;
    border-radius: 10px;
}
.nj-article .nj-article-left .nj-article-left-list .nj-article-left-txt{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 580px;
    height: 145px;
    float: left;
    text-align: left;
}
.nj-article .nj-article-left .nj-article-left-list .nj-article-left-txt .nj-left-title{
    display: block;
    color: #ffffff;
    font-size: 18px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.nj-article .nj-article-left .nj-article-left-list .nj-article-left-txt .nj-left-title:hover{color: #FA6233;}
.nj-article .nj-article-left .nj-article-left-list .nj-article-left-txt .nj-left-p{
    font-size: 16px;
    line-height: 30px;
    color: #B8BABC;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    margin-top: 15px;
    margin-bottom: 20px;
}
.nj-article .nj-article-left .nj-article-left-list .nj-article-left-txt .nj-left-time{
    font-size: 14px;
    line-height: 24px;
    overflow: hidden;
    color: #B8BABC;
}
.nj-article .nj-article-left .nj-article-left-list .nj-article-left-txt .nj-left-time a{
    display: inline-block;
    float: right;
    color: #FA6233;
}
.nj-article .nj-article-right{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 320px;
    height: 555px;
    border-radius: 10px;
    background: #252A3C;
    padding:0 16px;
    overflow: hidden;
    float: right;
}
.nj-article .nj-article-right .nj-article-right-a{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    color: #ffffff;
    position: relative;
    font-size: 16px;
    line-height: 24px;
    padding-left: 15px;
    margin-top: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.nj-article .nj-article-right .nj-article-right-a:before{
    content: "";
    font-weight: bold;
    background: #FA6233;
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    left: 0;
    top: 50%;
    margin-top: -2px;
}
.nj-article .nj-article-right .nj-article-right-a:hover{color: #FA6233;}






/*底部样式*/
.index-footer{min-width: 1200px;background: #3D4255;box-sizing: border-box;overflow: hidden;}
.index-footer .index-footer-up{width: 1200px;height: 385px;margin: 0 auto;overflow: hidden;padding: 50px 0 0;font-size: 14px; /*border-bottom: 1px solid #676C7A;*/position: relative;}
.index-footer .index-footer-up ul{float: left;margin-right: 35px;}
.index-footer .index-footer-up ul:nth-child(1){margin-left: 45px;}
.index-footer .index-footer-up ul li{margin-bottom: 17px;font-size: 14px;color: #676C7A;}
/*.index-footer .index-footer-up ul li:hover{color: #FF6F1E;}*/
.index-footer .index-footer-up ul li a{color: #676C7A;}
.index-footer .index-footer-up ul li a:hover{color: #FF6F1E;}
.index-footer .index-footer-up ul .ft-first{font-weight: bold;color: #9B9DA0;}
.index-footer .index-footer-up ul .ft-first:hover{color: #9B9DA0;}
.index-footer .index-footer-up .index-footer-ewm {
    margin-right: 0;
    position: absolute;
    right: 0;
    top: 50px;
}
.index-footer .index-footer-up .index-footer-ewm li{float: left;width: 134px;text-align: center;margin-left: 20px;color: white;}
/**/
.index-footer .index-footer-tel{
    display: -webkit-flex;
    display: -moz-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 1200px;
    margin: 0 auto 30px;
}
.index-footer .index-footer-tel a{
    display: -webkit-flex;
    display: -moz-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #676C7A;
}
.index-footer .index-footer-tel a:nth-child(3):hover{color: #FD6419;}
/**/
.index-footer .index-footer-down{width: 1150px;height: 80px;margin: 0 auto;overflow: hidden;padding: 50px 0;font-size: 14px;}
.index-footer .index-footer-down>p{margin-bottom: 10px;color: #676C7A;}
.index-footer .index-footer-down ul li{margin-bottom: 10px;margin-right: 10px;float: left;}
.index-footer .index-footer-down ul li a{color: #676C7A;}
.index-footer .index-footer-down ul li a:hover{color: #FF6F1E;}

/*瀵艰埅鏀圭増10鍛ㄥ勾鐏*/
.ten-deng-box{
    position: fixed;
    top: 23%;
    right: 4px;
    box-sizing: border-box;
    z-index: 999;
    background: url("../images/denglong-1.png") no-repeat center top;
    width: 104px;
    height: 460px;

    display: none;
}
.ten-deng-box .ten-div{
    position: relative;
    width: 100%;
    height: 100%;
}
.ten-deng-box .ten-div .ten-a{
    display: inline-block;
    width: 100%;
    height: 86px;
}
.ten-deng-box .ten-div .ten-ul li{
    color: white;
    width: 100%;
    height: 38px;
    line-height: 37px;
    text-align: center;
    margin-bottom: 9.6px;
    font-size: 16px;
}
.ten-deng-box .ten-div .ten-ul li:last-child{margin-bottom: 0;}
.ten-deng-box .ten-div .ten-ul li a{
    color: white;
}
.ten-deng-box .ten-div .ten-ul li:hover a{color: #FFD308;}

.ten-deng-box .ten-div .ten-return{
    margin-top: 2px;
    width: 100%;
    text-align: center;
}
.ten-deng-box .ten-div .ten-return p{display: none;text-align: center;}
.ten-deng-box .ten-div .ten-return p img{cursor: pointer;margin: 0 auto;}
.ten-deng-box .ten-div .ten-return .ten-return-block{
    display: block;
}

/*2020-4-1娲诲姩渚у鑸�*/
[class^='cxx1-'],
[class*=' cxx1-']{
    background: url("../images/float-cdh2.png") no-repeat;
    -webkit-background-size: 183px 68px;
    background-size: 183px 68px;
}
.float-cdh{
    position: fixed;
    top: 15%;
    right: 0;
    box-sizing: border-box;
    z-index: 999;
    width: 60px;
    background: #EDEEEE;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 8px 1px #AD9B93;
}
.float-cdh .float-cdh-top{
    box-sizing: border-box;
    display: inline-block;
    background: url("../images/float-cdh1.png") no-repeat center;
    width: 60px;
    height: 55px;
    color: #f0f4f7;
    text-align: center;
    font-size: 16px;
    padding: 6px 0;
    overflow: hidden;
    position: relative;
}
.float-cdh .float-cdh-top div{
    position: absolute;
    width: 80px;
    height: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    pointer-events: none;
    background-color: #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block;
    -webkit-animation: btn-scale 1s 0s ease-in-out infinite;
    -moz-animation: btn-scale 1s 0s ease-in-out infinite;
    -ms-animation: btn-scale 1s 0s ease-in-out infinite;
    -o-animation: btn-scale 1s 0s ease-in-out infinite;
    animation: btn-scale 1s 0s ease-in-out infinite;
}
@keyframes btn-scale{
    0%{
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    100%{
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}
.float-cdh .float-cdh-ul{
    width: 58px;
    margin: 0 auto;
}
.float-cdh .float-cdh-ul li{
    margin-top: 5px;
}
.float-cdh .float-cdh-ul li:hover a i{
    background-position-y: -31px;
    transition: 0.5s;
}
.float-cdh .float-cdh-ul li a {
    width: 58px;
    height: 60px;
    background: #ffffff;
    overflow: hidden;
    display: block;
    text-align: center;
    color: #606060;
    font-size: 12px;
}
.float-cdh .float-cdh-ul li:hover a{
    background: #FD6419;
    color: #ffffff;
}
.float-cdh .float-cdh-ul li a i{
    display: block;
    width: 36px;
    height: 34px;
    margin: 2px auto;
}
.float-cdh .float-cdh-ul li a .cxx1-1{
    background-position: 0 0;
}
.float-cdh .float-cdh-ul li a .cxx1-2{
    background-position: -36px 0;
}
.float-cdh .float-cdh-ul li a .cxx1-3{
    background-position: -72px 0;
}
.float-cdh .float-cdh-ul li a .cxx1-4{
    background-position: -105px 0;
}
.float-cdh .float-cdh-ul li a .cxx1-5{
    background-position: -144px 0;
}
.float-cdh .float-cdh-foot{
    box-sizing: border-box;
    width: 60px;
    height: 56px;
    background: url("../images/float-cdh3.png") no-repeat;
    text-align: center;
    font-size: 12px;
    color: #ffffff;
    margin-top: 5px;
    padding-top: 30px;
    cursor: pointer;
}