

/* --------------------------------------------------------------------------- */

.banner-box{

    width: 100%;

    overflow: hidden;

}

.banner{

    width: 100%;

    overflow: hidden;

}



.swiper-container-banner{

    width: 100%;

    position: relative;

}

.banner-web-pic,.banner-phone-pic{

    width: 100%;

}

.banner-box .swiper-slide {

    overflow: hidden;

    position: relative;

}

.banner-box .swiper-slide img {

    width: 100%;

    object-fit: cover;

    transform: matrix(1.1, 0, 0, 1.1, 0, 0);

    -webkit-transition: all 0.4s ease 1.2s;

    -moz-transition: all 0.4s ease 1.2s;

    -ms-transition: all 0.4s ease 1.2s;

    -o-transition: all 0.4s ease 1.2s;

    transition: all 0.4s ease 1.2s;

}

.banner-box .swiper-slide-active img {

    transition-delay: 0.4s !important;

    transform: matrix(1, 0, 0, 1, 0, 0);

    -webkit-transition: all 5s ease;

    -moz-transition: all 5s ease;

    -ms-transition: all 5s ease;

    -o-transition: all 5s ease;

    transition: all 5s ease;

}



.swiper-container-banner .swiper-pagination-bullet {

    width: 10px;

    height: 10px;

    border: 1px solid #fff;

    display: inline-block;

    border-radius: 100%;

    background: transparent;

    opacity: 1;

}

.swiper-container-banner .swiper-pagination-bullet-active {

    opacity: 1;

    border: 1px solid #ec6c1f;

    background: #ec6c1f;

}

.swiper-container-banner .swiper-pagination{

    bottom: 30px;

}



@media all and (min-width:1000px) {

    .banner-web-pic{display: block;}

    .banner-phone-pic{display: none;}

}

@media all and (max-width:1000px) {

    .banner-web-pic{display: none;}

    .banner-phone-pic{display: block;}

}



.banner-text {

    width: 100%;

    height: auto;

    position: absolute;

    left: 10%;

    top: 50%;

    transform: translate(0, -50%);

    -webkit-transform: translate(0,-50%);

    -moz-transform: translate(0,-50%);

    -o-transform: translate(0,-50%);

    z-index: 33;

    text-align: left;

}



.banner-text h2 {

    font-size: 48px;

    color: #fff;

    margin-top: 10px;
    font-weight: bold;

}



.swiper-slide-active .banner-text h2 {

    animation: bannerupV 2s ease both;

    -o-animation: bannerupV 2s ease both;

    -webkit-animation: bannerupV 2s ease both;

    -moz-animation: bannerupV 2s ease both;

}



@keyframes bannerupV {0% {margin-left: -6%;opacity: 0;}100% {margin-left: 0%;opacity: 1;}}

@-o-keyframes bannerupV {0% {margin-left: -6%;opacity: 0;}100% {margin-left: 0%;opacity: 1;}}

@-webkit-keyframes bannerupV {0% {margin-left: -6%;opacity: 0;}100% {margin-left: 0%;opacity: 1;}}

@-moz-keyframes bannerupV {0% {margin-left: -6%;opacity: 0;}100% {margin-left: 0%;opacity: 1;}}



.banner-text img{

    width: 234px !important;

    height: 33px !important;

    overflow: hidden;

    display: block;

    margin: 0 0 40px 0;

    animation: bannerdownV 2s ease both;

    -o-animation: bannerdownV 2s ease both;

    -webkit-animation: bannerdownV 2s ease both;

    -moz-animation: bannerdownV 2s ease both;

}

@keyframes bannerdownV {0% {margin-left: 6%;opacity: 0;}100% {margin-left: 0%;opacity: 1;}}

@-o-keyframes bannerdownV {0% {margin-left: 6%;opacity: 0;}100% {margin-left: 0%;opacity: 1;}}

@-webkit-keyframes bannerdownV {0% {margin-left: 6%;opacity: 0;}100% {margin-left: 0%;opacity: 1;}}

@-moz-keyframes bannerdownV {0% {margin-left: 6%;opacity: 0;}100% {margin-left: 0%;opacity: 1;}}



.banner-shubiao{

    width: 28px;

    height: 41px;

    cursor: pointer;

    background-repeat: no-repeat;

    background-image: url('../images/shubiao.png');

    position: absolute;

    left: 50%;

    bottom: 66px;

    margin-left: -14px;

    z-index: 10;

    animation: bannershubiaoV 2s ease infinite;

    -o-animation: bannershubiaoV 2s ease infinite;

    -webkit-animation: bannershubiaoV 2s ease infinite;

    -moz-animation: bannershubiaoV 2s ease infinite;

}

@keyframes bannershubiaoV {0% {transform: translateY(-8px);-webkit-transform: translateY(-8px);-moz-transform: translateY(-8px);-o-transform: translateY(-8px);opacity: 0;}100% {transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);-o-transform: translateY(0);opacity: 1;}}

@-o-keyframes bannershubiaoV {0% {transform: translateY(-8px);-webkit-transform: translateY(-8px);-moz-transform: translateY(-8px);-o-transform: translateY(-8px);opacity: 0;}100% {transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);-o-transform: translateY(0);opacity: 1;}}

@-webkit-keyframes bannershubiaoV {0% {transform: translateY(-8px);-webkit-transform: translateY(-8px);-moz-transform: translateY(-8px);-o-transform: translateY(-8px);opacity: 0;}100% {transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);-o-transform: translateY(0);opacity: 1;}}

@-moz-keyframes bannershubiaoV {0% {transform: translateY(-8px);-webkit-transform: translateY(-8px);-moz-transform: translateY(-8px);-o-transform: translateY(-8px);opacity: 0;}100% {transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);-o-transform: translateY(0);opacity: 1;}}





/* --------------------------rollnum-box-------------------------------------- */

.rollnum-box{

    width: 100%;

    height: 268px;

    overflow: hidden;

    background-repeat: no-repeat;

    background-image: url('../images/num_bg.jpg');

}

.rollnum{

    width: 1600px;

    margin: 0 auto;

}

.rollnum ul{

    width: 100%;

    overflow: hidden;

    padding-top: 55px;

}

.rollnum ul li{

    width: 25%;

    float: left;

    text-align: center;

}

.rollnum-num i{

    position: relative;

    display: inline-block;

    vertical-align: middle;

    margin: 14px 20px 0 0;

}

.rollnum-num span{

    color: #fff;

    font-size: 60px;

    font-weight: bold;

}

.rollnum-num b{

    color: #fff;

    font-weight: bolder;

    font-size: 30px;

    display: inline-block;

    vertical-align: top;

    margin: 6px 0 0 10px;

}

.rollnum-left{

   display: inline-block;

   vertical-align: top;

}



.rollnum-words{

    display: inline-block;

    text-align: left;

}

.rollnum-words p{

    color: #fff;

    font-size: 16px;

    margin-top: 10px;

}



.rollnum-ic1 i{

    width: 53px;

    height: 47px;

    background-image: url('../images/num_icon1.png');

}

.rollnum-ic2 i{

    width: 46px;

    height: 47px;

    background-image: url('../images/num_icon2.png');

}

.rollnum-ic3 i{

    width: 44px;

    height: 48px;

    background-image: url('../images/num_icon3.png');

}

.rollnum-ic4 i{

    width: 34px;

    height: 46px;

    background-image: url('../images/num_icon4.png');

}



/* ------------------------about-box---------------------------------------- */

.about-box{

    width: 100%;

    overflow: hidden;

    height: 482px;

    background-color: #fafafa;

}

.about{

    width: 91.7%;

    margin-left: 8.3%;

}

.about-left{

    width: 43%;

    float: left;

    overflow: hidden;

    padding: 40px 60px 0 0;

}

.about-left h6{

    font-size: 22px;

    color: #dbdbdb;

}

.about-left h5{

    font-size: 32px;

    color: #333;

    margin-top: 6px;

}

.about-left p{

    font-size: 14px;

    color: #555;

    margin-top: 24px;

    line-height: 28px;

}

.about-left h4{

    width: 198px;

    height: 48px;

    font-size: 14px;

    color: #fff;

    line-height: 48px;

    text-align: center;

    display: inline-block;

    margin-top: 32px;

    background-color: #ec6c1f;

    transition: all .5s;

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    -moz-transition: all .5s;

}

.about-left h4 i{

    width: 16px;

    height: 7px;

    background-repeat: no-repeat;

    background-image: url('../images/rrrow_r.png');

    display: inline-block;

    vertical-align: middle;

    margin: -4px 0 0 6px;

    transition: all .5s;

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    -moz-transition: all .5s;

}

.about-left h4:hover{

    background-color: #eb4416;

}

.about-left h4:hover i{

    margin: -4px 0 0 12px;

}







.about-right{

    width: 57%;

    float: right;

    overflow: hidden;

    position: relative;

}

.about-right img{

    width: 100%;

    height: 482px;

    object-fit: cover;

    transition: all .5s;

    -webkit-transition: all .5s;

}

.about-right:hover img{

    transform: scale(1.06);

    -webkit-transform: scale(1.06);

}

.about-right i{

    position: absolute;

    top: 50%;

    left: 50%;

    width: 72px;

    height: 72px;

    margin: -36px 0 0 -36px;

    z-index: 10;

    display: inline-block;

    background-repeat: no-repeat;

    background-image: url('../images/vindeo_play.png');

    cursor: pointer;

}





/* --------------------------------business-title-box-------------------------------- */

.business-title-box{

    width: 100%;

    overflow: hidden;

    background-color: #fff;

    padding: 42px 0 32px 0;

}

.business-title{

    width: 1600px;

    margin: 0 auto;

}

.business-title h6{

    float: left;

}

.business-title h6 span{

    display: block;

    font-size: 22px;

    color: #dbdbdb;

}

.business-title h6 p{

    font-size: 32px;

    color: #333;

    margin-top: 6px;

}



.business-title h5{

    float: right;

    font-size: 14px;

    color: #30373f;

    margin-top: 36px;

}

.business-title h5 i{

    width: 16px;

    height: 7px;

    background-repeat: no-repeat;

    background-image: url('../images/bs_right.png');

    display: inline-block;

    vertical-align: middle;

    margin: -4px 0 0 12px;

}

.business-title h5:hover{

    color: #ec6c1f;

}

.business-title h5:hover i{

    background-image: url('../images/bs_rightH.png');

}













/* --------------------------business-box-------------------------------------- */

.business-box{

    width: 100%;

    overflow: hidden;

    background-color: #fafafa;

}

.business{

    width: 91.7%;

    margin-left: 8.3%;

    position: relative;

}

.bus-words-box{

    width: 80%;

    height: 646px;

    overflow: hidden;

    float: left;

}

.business-left{

    width: 100%;

    height: 646px;

    overflow: hidden;

}

.business-lwords{

    width: 36%;

    float: left;

    padding: 220px 40px 0 0;

}

.business-lwords h5{

    font-size: 28px;

    color: #333;

    font-weight: bold;

}

.business-lwords h6{

    font-size: 20px;

    color: #555;

    margin-top: 32px;

}

.business-lwords p{

    font-size: 16px;

    color: #777;

    margin-top: 32px;

}

.business-lwords ul{

    width: 100%;

    font-size: 0;

    overflow: hidden;

    margin-top: 30px;

}

.business-lwords ul li{

    width: 134px;

    height: 46px;

    text-align: center;

    line-height: 46px;

    display: inline-block;

    border: 1px solid #919191;

    font-size: 15px;

    color: #777;

}

.business-lwords ul li i{

    display: inline-block;

    vertical-align: middle;

    background-repeat: no-repeat;

    margin: -2px 10px 0 0;

}

.business-lwords ul a:nth-child(1) li i{

    width: 19px;

    height: 13px;

    background-image: url('../images/eye_icon.png');

}

.business-lwords ul a:nth-child(2) li i{

    width: 13px;

    height: 13px;

    background-image: url('../images/book_icon.png');

}

.business-lwords ul li:hover{

    background-color: #ec6c1f;

    color: #fff;

    border: 1px solid #ec6c1f;

}

.business-lwords ul a:nth-child(1) li:hover i{

    background-image: url('../images/eye_iconH.png');

}

.business-lwords ul a:nth-child(2) li:hover i{

    background-image: url('../images/book_iconH.png');

}



.business-lpic{

    width: 64%;

    height:646px;

    float: right;

    overflow: hidden;

}

.business-lpic img{

    width: 100%;

    height: 646px;

    object-fit: cover;

    transition: all 1s;

}

.business-lpic:hover img{

    transform: scale(1.1);

}





.business-right{

    width: 20%;

    height: 646px;

    overflow: hidden;

    float: right;

}

.business-right ul{

    width: 100%;

}

.business-right ul li{

    width: 100%;

    height: 129.2px;

    cursor: pointer;

    color: #555;

    position: relative;

    border-bottom: 1px solid #f3f3f3;

}

.business-right ul li:last-child{

    border-bottom: none;

}

.business-rwords{

    width: 100%;

    height: 129.2px;

    position: relative; 

}

.business-rwords h6{

    position: absolute;

    top: 50%;

    left: 0;

    transform: translate(0,-50%);

    z-index: 10;

    width: 80%;

    text-align: right;

}

.business-rwords span{

    font-size: 18px;

    display: block;

}

.business-rwords p{

    font-size: 12px;

    margin-top: 6px;

    display: none;

}

.business-T{

    width: 390px;

    height: 107.666px;

    position: absolute;

    top: 0;

    right: 0;

    z-index: 8;

    cursor: pointer;

}



.business-T img{

    width: 100%;

    height: 129.2px;

    object-fit: cover;

    display: none !important;

}

.business-select{

    color: #fff !important;

    background-image: url('../images/business_tiao.jpg');

}

.business-select .business-rwords p{

    display: block;

}

.bus-words-nb{

    display: none;

}





/* --------------------------news-title-box-------------------------------------- */

.news-title-box{

    width: 100%;

    overflow: hidden;

    background-color: #fff;

    padding: 42px 0 32px 0;

}

.news-title{

    width: 1600px;

    margin: 0 auto;

}

.news-title h6{

    float: left;

}

.news-title h6 span{

    display: block;

    font-size: 22px;

    color: #dbdbdb;

}

.news-title h6 p{

    font-size: 32px;

    color: #333;

    margin-top: 6px;

}



.news-title h5{

    float: right;

    font-size: 16px;

    margin-top: 36px;

    position: relative;

}

.news-title h5 ul li{

    cursor: pointer;

    color: #555;

    display: inline-block;

    padding: 0 3px 6px 3px;

    margin: 0 16px;

    position: relative;

}

.news-title h5 i{

    width: 2px;

    height: 16px;

    display: inline-block;

    background-color: #b9b9b9;

    vertical-align: middle;

    position: absolute;

    right: -16px;

    top: 4px;

}

.news-title h5 ul li:last-child i{

    opacity: 0;

}



.news-tactive{

    color: #ec6c1f !important;

    border-bottom: 2px solid #ec6c1f;

}











/* ---------------------------news-box------------------------------------- */

.news-box{

    width: 100%;

    overflow: hidden;

    padding: 60px 0;

    background-color: #fafafa;

}

.news{

    width: 1600px;

    margin: 0 auto;

}

.news ul{

    width: 100%;

    overflow: hidden;

    padding:10px 0;

    margin-left: -2%;

}

.news ul li{

    width: 31.3333333%;

    margin-left: 2%;

    overflow: hidden;

    float: left;

}

.news-pic{

    width: 100%;

    height: 299px;

    overflow: hidden;

}

.news-pic img{

    width: 100%;

    height: 100%;

    transition: all 1s;

}

.news ul li:hover img{

    transform: scale(1.1);

}



.news-words{

    padding: 28px 0;

    width: 100%;

}

.news-words h6{

    width: 100%;

    overflow: hidden;

}

.news-words h6 a{

    display: block;

    float: left;

    font-size: 16px;

    color: #333;

    font-weight: bold;

    width: 76%;

    white-space:nowrap;

    text-overflow:ellipsis;

    overflow:hidden;

}

.news-words h6 a:hover{

    color: #ec6c1f;

}

.news-words h6 span{

    display: block;

    float: right;

    font-size: 13px;

    color: #777;

}



.news-words p{

    font-size: 14px;

    color: #777;

    margin-top: 20px;

    line-height: 22px;

    height: 66px;

    overflow: hidden;

    display: -webkit-box;

    text-overflow: ellipsis;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

}



.news-nb{

    display: none;

}













/* --------------------------team-title-box-------------------------------------- */

.team-title-box{

    width: 100%;

    overflow: hidden;

    background-color: #fff;

    padding: 42px 0 32px 0;

}

.team-title{

    width: 1600px;

    margin: 0 auto;

}

.team-title h6{

    float: left;

}

.team-title h6 span{

    display: block;

    font-size: 22px;

    color: #dbdbdb;

}

.team-title h6 p{

    font-size: 32px;

    color: #333;

    margin-top: 6px;

}



.team-title h5{

    float: right;

    font-size: 16px;

    margin-top: 36px;

    position: relative;

}

.team-title h5 ul li{

    cursor: pointer;

    color: #555;

    display: inline-block;

    padding: 0 3px 6px 3px;

    margin: 0 16px;

    position: relative;

}

.team-title h5 i{

    width: 1px;

    height: 16px;

    display: inline-block;

    background-color: #b9b9b9;

    vertical-align: middle;

    position: absolute;

    right: -16px;

    top: 4px;

}

.team-title h5 ul li:last-child i{

    opacity: 0;

}



.team-tactive{

    color: #ec6c1f !important;

    border-bottom: 2px solid #ec6c1f;

}









/* ---------------------------team-box------------------------------------- */

.team-box{
    width: 100%;
    overflow: hidden;
    background-color: #fff;
    padding: 0 0 40px 0;
}

.team{

    width: 1600px;

    margin: 0 auto;

    overflow: hidden;

    position: relative;

}
.partnerList{ margin:0 auto;padding:0; overflow: hidden;}
.partnerList .PartTitle{font-size: 30px; line-height: 50px; font-weight: normal; display: block; text-align: center;color: #000; padding:0 0 40px 0;}
.partnerList ul{margin-left:-1%;}
.partnerList ul li{float:left;width:15.667%;margin-left:1%;margin-bottom:30px;}
.partnerList ul li img{ border: 1px solid #e1e1e1; box-shadow: 0 1px 1px #e1e1e1; width: 94%;}
.partnerList ul li span{line-height: 35px; display: block; text-align:center; white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}


/* ---------------------------------------------------------------- */









/* ---------------------------------------------------------------- */

/* -------------------------PC端--------------------------- */



@media all and (max-width:1700px) {

    .rollnum {

        width: 100%;

        margin-left: 0%;

    }

    .rollnum-num span {

        font-size: 54px;

    }

    .business-title {

        width: 92%;

        margin-left: 4%;

    }

    .business {

        width: 96%;

        margin-left: 4%;

        position: relative;

    }

    .news-title {

        width: 92%;

        margin-left: 4%;

    }

    .news {

        width: 92%;

        margin-left: 4%;

    }

    .news-pic {

        height: 260px;

    }

    .news-box {

        padding: 40px 0;

    }

    .team-title {

        width: 92%;

        margin-left: 4%;

    }

    .team {

        width: 92%;

        margin-left: 4%;

    }

    .bus-words-box{

        height: 540px;

    }

    .business-left{

        height: 540px;

    }

    .business-lwords {

        padding: 96px 40px 0 0;

    }

    .business-lpic{

        height: 540px;

    }

    .business-lpic img {

        width: 100%;

        height: 540px;

    }

    .business-right{

        height: 540px;

    }

    .business-T{

        width: 320px;

        height: 108px;

    }

    .business-T img {

        height: 108px;

    }

    .business-right ul li{

        height: 108px;

    }

    .business-rwords{

        height: 108px;

    }

    .business-T{

        top: 0;

    }

    .banner-web-pic img{

        height: 800px;

    }

    .rollnum-num b {

        font-size: 26px;

        margin: 0 0 0 2px;

    }

}



@media all and (max-width:1460px) {

    .banner-text h2 {

        font-size: 38px;

    }

    .rollnum-num i{

        margin: 4px 8px 0 0;

        transform: scale(.8);

        -webkit-transform: scale(.8);

        -moz-transform: scale(.8);

        -o-transform: scale(.8);

    }

    .rollnum-num span {

        font-size: 38px;

    }

    .rollnum-box {

        height: 240px;

    }

    .about-box {

        height: 440px;

    }

    .about-left {

        padding: 66px 60px 0 0;

    }

    .about-right img {

        height: 440px;

    }

    .rollnum-num b {

        font-size: 20px;

        margin: 0 0 0 2px;

    }
    .business-T{
        width: 306px;
    }

    

}



@media all and (max-width:1380px) {

    .bus-words-box {

        height: 420px;

    }

    .business-left {

        height: 420px;

    }

    .business-lwords {

        padding: 66px 40px 0 0;

    }

    .business-lpic {

        height: 420px;

    }

    .business-lpic img {

        width: 100%;

        height: 420px;

    }

    .business-right {

        height: 420px;

    }

    .business-rwords {

        height: 84px;

    }

    .business-right ul li {

        height: 84px;

    }

    .business-T img {

        height: 84px;

    }

    .business-T {

        width: 340px;

        top: 0;

    }
    .business-T{
        width: 290px;
    }

}



@media all and (max-width:1280px) {

    .banner-web-pic img{

        height: 600px;

    }

    .banner-text h2 {

        font-size: 32px;

    }

    .rollnum-num i {

        margin: -6px 4px 0 0;

        transform: scale(.6);

        -webkit-transform: scale(.6);

        -moz-transform: scale(.6);

        -o-transform: scale(.6);

    }

    .rollnum-num span {

        font-size: 22px;

    }

    .rollnum-words p {

        margin-top: 4px;

        font-size: 13px;

    }

    .rollnum-box {

        height: 206px;

    }

    .about-box {

        height: 390px;

    }

    .about-left h5 {

        font-size: 30px;

    }

    .about-left {

        padding: 40px 40px 0 0;

    }

    .about-right img{

        height: 390px;

    }

    .business-rwords span {

        font-size: 16px;

    }

    .business-rwords p {

        font-size: 12px;

        margin-top: 4px;

    }

    .business-rwords h6 {

        width: 86%;

    }

    .news-title h6 p {

        font-size: 30px;

        margin-top: 4px;

    }

    .news-title h6 span {

        font-size: 18px;

    }

    .news-title-box {

        padding: 30px 0 22px 0;

    }

    .team-title h6 p {

        font-size: 30px;

        margin-top: 4px;

    }

    .team-title h6 span {

        font-size: 18px;

    }

    .team-title-box {

        padding: 30px 0 22px 0;

    }

    .business-title h6 p {

        font-size: 30px;

        margin-top: 4px;

    }

    .business-title h6 span {

        font-size: 18px;

    }

    .business-title-box {

        padding: 30px 0 22px 0;

    }

    .news-pic{

        height: 204px;

    }

    .news-box {

        padding: 18px 0;

    }

    .team-box {

        padding: 0 0 40px 0;

    }

    .team-words p img {

        transform: scale(.8);

        -webkit-transform: scale(.8); 

        -moz-transform: scale(.8); 

        -o-transform: scale(.8); 

    }

}



@media all and (max-width:1200px) {
    .business-T{
        width: 270px;
    }

    .rollnum-words p {

        margin-top: 4px;

        font-size: 13px;

    }

    .rollnum ul {

        padding-top: 44px;

    }

    .rollnum-box {

        height: 164px;

    }

    .about-box {

        height: 344px;

    }

    .about-left p {

        margin-top: 18px;

    }

    .about-left h4{

        margin-top: 20px;

    }

    .about-left {

        padding: 30px 40px 0 0;

    }

    .business-lwords {

        padding: 50px 20px 0 0;

    }

    .business-lwords h5 {

        font-size: 22px;

    }

    .business-lwords h6 {

        font-size: 16px;

        margin-top: 20px;

    }

    .business-lwords p {

        font-size: 14px;

    }

    .business-lwords ul li {

        width: 120px;

        font-size: 14px;

    }

    .news-pic{

        height: 174px;

    }

}





/* ------------------------手机端-------------------------- */



@media all and (max-width:900px) {

    .banner-phone-pic img{

        height: 300px;

    }

    .banner-text img{

        display: none;

    }

    .banner-shubiao{

        display: none;

    }

    .banner-text h2 {

        font-size: 25px;

        margin-top:10px;

    }

    .swiper-container-banner .swiper-pagination {

        bottom: 16px;

    }

    .rollnum ul li {

        width: 50%;

        text-align: left;

        margin-top: 10px;

    }

    .rollnum-box {

        height: auto;

    }

    .rollnum ul {

        padding-top: 22px;

        padding-bottom: 22px;

    }

    .rollnum-left{

        display: none;

    }

    .rollnum-words p:nth-of-type(2){

        display: none;

    }

    .rollnum-num span {

        font-size: 28px;

    }

    .rollnum-num b {

        font-size: 14px;

        margin: -2px 0 0 0;

    }

    .rollnum-num{

        width: 210px;

        height: 62px;

        margin: 0 auto;

    }

    .about {

        width: 100%;

        margin-left: 0%;

    }

    .about-box{

        height: auto;

    }

    .about-left{

        width: 92%;

        margin-left: 4%;

        padding: 24px 0;

    }

    .about-left h5 {

        font-size: 22px;

        margin-top: 0;

    }

    .about-left h6 {

        font-size: 18px;

    }

    .about-left p {

        margin-top: 14px;

    }

    .about-left h4 {

        width: 144px;

        height: 42px;

        line-height: 42px;

        margin-top: 18px;

    }

    .about-right {

        width: 100%;

    }

    .about-right img {

        height: 100%;

    }

    .about-right i{

        transform: scale(.7);

        -webkit-transform: scale(.7);

        -o-transform: scale(.7);

        -moz-transform: scale(.7);

    }

    .business-title-box {

        padding: 20px 0 16px 0;

    }

    .business-title h6 span {

        font-size: 16px;

    }

    .business-title h6 p {

        font-size: 22px;

        margin-top: 0;

    }

    .news-title-box {

        padding: 20px 0 16px 0;

    }

    .news-title h6 span {

        font-size: 16px;

    }

    .news-title h6 p {

        font-size: 22px;

        margin-top: 0;

    }

    .team-title-box {

        padding: 20px 0 16px 0;

    }

    .team-title h6 span {

        font-size: 16px;

    }

    .team-title h6 p {

        font-size: 22px;

        margin-top: 0;

    }



    .business-title h5 {

        margin-top: 24px;

    }

    .business-title h5 i {

        margin: -4px 0 0 6px;

    }



    .business-lwords{

        width: 100%;

        padding: 20px 0;

    }

    .business-lpic{

        width: 100%;

    }

    .business-right{

        width: 100%;

    }

    .bus-words-box{

        width: 100%;

    }

    .bus-words-box{

        height: auto;

    }

    .business-T{

        display: none;

    }

    .business-left{

        height: auto;

    }

    .business-lpic{

        height: auto;

    }

    .business-lpic img{

        height: 100%;

    }

    .business-right ul li {

        width: 33.333333333333%;

        float: left;

        height: 54px;

        background-color: #ec6c1f;

        color: #fff;

        border: 1px solid #ec6c1f;

    }

    .business-rwords {

        height: 54px;

    }

    .business-rwords h6 {

        width: 100%;

        text-align: center;

        padding: 0 4px;

    }

    .business-rwords span {

        font-size: 12px;

    }

    .business-rwords p{

        display: none;

    }

    .business-select .business-rwords p{

        display: none;

    }

    .business-right{

        height: auto;

        margin-top: 10px;

    }

    .business-select{

        background-color: #fff !important;

        color: #ec6c1f !important;

        background-image: none !important;

    }

    .business {

        width: 92%;

        margin-left: 4%;

        position: relative;

    }

    .business-lwords h5 {

        font-size: 20px;

    }

    .business-lwords h6 {

        font-size: 16px;

        margin-top: 10px;

    }

    .business-lwords p {

        font-size: 14px;

        margin-top: 16px;

    }

    .business-lwords ul {

        margin-top: 18px;

    }

    .business-lwords ul li {

        height: 40px;

        line-height: 40px;

    }

    .news-title h6 {

        float: unset;

        width: 100%;

        text-align: center;

    }

    .news-title h5 {

        float: unset;

        font-size: 16px;

        margin-top: 20px;

        width: 100%;

        text-align: center;

    }

    .news ul{

        margin-left: 0%;

    }

    .news ul li {

        width: 100%;

        margin-left: 0%;

    }

    .news-words {

        padding: 20px 0;

    }

    .news-box {

        padding: 10px 0;

    }

    .news-pic{

        height: 210px;

    }

    .team-title h6 {

        float: unset;

        width: 100%;

        text-align: center;

    }

    .team-title h5 {

        float: unset;

        font-size: 16px;

        margin-top: 20px;

        width: 100%;

        text-align: center;

    }

    .swiper-container-team .swiper-wrapper {

        padding: 0 0 44px 0;

    }

    .team-box {

        padding: 0px 0 24px 0;

    }

    .news-title h5 ul li {

        margin: 0 10px;

    }

    .team-title h5 ul li{

        margin: 0 10px;

    }

    .team-title h5 i{

        right: -12px;

    }

    .news-title h5 i {

        right: -12px;

    }
    .team-words p{
        position: relative;
    }
    .team-words p img {
        width: 100%;
        height: auto;
        object-fit: cover;
        position: absolute;
        top: 50%;
        left: 0%;
        transform: translate(0%,-50%) !important;
    }

}


.XGnews-more{
    width: 100%;
    overflow: hidden;
    padding: 0 0 10px 0;
}
.XGnews-more a{
    font-size: 14px;
    color: #30373f;
}
.XGnews-more a i{
    width: 16px;
    height: 7px;
    background-repeat: no-repeat;
    background-image: url(../images/bs_right.png);
    display: inline-block;
    vertical-align: middle;
    margin: -4px 0 0 12px;
}
.XGnews-more a:hover{
    color: #ec6c1f;
}
.XGnews-more a:hover i{
    background-image: url('../images/bs_rightH.png');
}


