.daohang_ul .er-ul li a {
    display: -webkit-box;
 -webkit-box-orient: vertical;
 text-overflow: ellipsis;
 -webkit-line-clamp: 1;
 overflow: hidden;

}

.daohang {
    padding: 0 120px;
    background: #fff;
    line-height: 110px;
    position: fixed;
    width: 100%;
    z-index: 999;
    left: 0;
    top: 0;
    right: 0;
}

.daohang>.fl{
	width:11%;
}
.daohang.actives{
    background: rgba(255, 255, 255, 0.77);
}
.daohang_div>a,
.daohang_div>span a {
    color: #626262;
    font-size: .875rem;
    display: inline-block;
}

.daohang_div>span a:hover{
	color:#0096e0;
}

.daohang_sd {
    display: inline-block;
}

.daohang_div>a {
    margin: 0 30px;
    padding: 0 18px;
    position: relative;
}

.daohang_div>a::after {
    position: absolute;
    left: 0;
    top: 50%;
    content: "";
    display: block;
    width: 1px;
    height: 12px;
    background: #8c8c8c;
    transform: translateY(-50%);
}

.daohang_div>a::before {
    position: absolute;
    right: 0;
    top: 50%;
    content: "";
    display: block;
    width: 1px;
    height: 12px;
    background: #8c8c8c;
    transform: translateY(-50%);
}

.daohang_sd span {
    display: inline-block;
    cursor: pointer;
}

.daohang_sd span:nth-of-type(2) {
    margin-left: 35px;
    display: none;
}

.daohang_sd .iconfont {
    color: #003d8a;
    font-size: 1.125rem;
}

.daohang_ul>li {
    display: inline-block;
    margin: 0 22px;
    position: relative;
}
/*
.daohang_ul>li:nth-of-type(7){
	display:none;
}*/

.daohang_ul>li>a {
    display: block;
    color: #000000;
    font-size: 1.0625rem;
    position: relative;
}

.daohang_ul>li>a::after {
    position: absolute;
    left: 0;
    bottom: 30px;
    height: 3px;
    width: 0;
    background: #0096e0;
    content: "";
    display: block;
}

.daohang_ul>li.active>a::after,
.daohang_ul>li:hover>a::after {
    width: 100%;
}

.daohang_ul>li.active>a,
.daohang_ul>li:hover>a {
    color: #0096e0;
}

.picture {
    position: relative;
}

.picture_por {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
}

.picture_size {
    color: #fff;
}

.picture_size>p:nth-of-type(2) {
    font-size: 1.875rem;
}

.picture_size>p:nth-of-type(1) {
    font-size: 1.425rem;
}

.picture_a a {
    display: inline-block;
    color: #fff;
    font-size: 1rem;
}

.picture_a {
    margin: 15px 0 25px 0;
    font-size: 1rem;
}
.product_series_top{
    height: 69px;
}
.product_series.active{
    position: fixed;
    z-index: 99;
    width: 100%;
    background: #fff;
    top: 0;
    left: 0;
    padding-top: 0px;
    margin-top: 112px;
}
.services {
    padding: 65px 0 140px 0;
}

.services_size {
    color: #6f6f6f;
    font-size: 1.0625rem;
    line-height: 32px;
    margin-bottom: 25px;
}
.services_prsize{
    position: absolute;
    left: 50%;
    top: 7%;
    transform: translateX(-50%);
    color: #fff;
    font-size: 1.1rem;
}
.services_pr {
    width: 800px;
    margin: 0 auto;
    text-align: center;
}


@-webkit-keyframes scale {
    0% {
        transform: scale(.8)
    }

    50% {
        transform: scale(1)
    }

    100% {
        transform: scale(.8)
    }
}

@-moz-keyframes scale {
    0% {
        transform: scale(.8)
    }

    50% {
        transform: scale(1)
    }

    100% {
        transform: scale(.8)
    }
}

@-o-keyframes scale {
    0% {
        transform: scale(.8)
    }

    50% {
        transform: scale(1)
    }

    100% {
        transform: scale(.8)
    }
}

@keyframes scale {
    0% {
        transform: scale(.8)
    }

    50% {
        transform: scale(1)
    }

    100% {
        transform: scale(.8)
    }
}

.span {
    font-size: 1.0625rem;
    position: absolute;

}

.span::after {
    width: 38px;
    height: 37px;
    border-radius: 50%;
    background: #fff;
    content: "";
    display: block;
    position: absolute;
    -webkit-animation: scale 3s infinite linear;
    -moz-animation: scale 3s infinite linear;
    -o-animation: scale 3s infinite linear;
    animation: scale 3s infinite linear
}

.span::before {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    content: "";
    display: block;
    position: absolute;
    -webkit-animation: scale 3s infinite linear;
    -moz-animation: scale 3s infinite linear;
    -o-animation: scale 3s infinite linear;
    animation: scale 3s infinite linear
}

.span1 {
    color: #015bcb;
    left: 0;
    top: 25%;
    padding-right: 40px;
}

.span1::after {
    border: 1px solid #015bcb;
    top: -30px;
    right: -14px;
}

.span1::before {
    background: #015bcb;
    top: -21px;
    right: -5px;
    z-index: 22;
}

.span2 {
    color: #ec6941;
    left: 8.5%;
    bottom: 16%;
    padding-right: 40px;
}

.span2::after {
    border: 1px solid #ec6941;
    top: -30px;
    right: -14px;
}

.span2::before {
    background: #ec6941;
    top: -21px;
    right: -5px;
    z-index: 22;
}

.span3 {
    color: #f8b551;
    left: 43%;
    bottom: -60px;
    padding-right: 0;
}

.span3::after {
    border: 1px solid #f8b551;
    top: -55px;
    right: 45px;
}

.span3::before {
    background: #f8b551;
    top: -46px;
    right: 54px;
    z-index: 22;
}

.span4 {
    color: #21abe9;
    right: 8.5%;
    bottom: 16%;
    padding-left: 40px;
}

.span4::after {
    border: 1px solid #21abe9;
    top: -30px;
    left: -14px;
}

.span4::before {
    background: #21abe9;
    top: -21px;
    left: -5px;
    z-index: 22;
}

.span5 {
    color: #028ad9;
    right: -31px;
    top: 25%;
    padding-left: 40px;
}

.span5::after {
    border: 1px solid #028ad9;
    top: -30px;
    left: -14px;
}

.span5::before {
    background: #028ad9;
    top: -21px;
    left: -5px;
    z-index: 22;
}

.servdz {
    background: #fafafa;
    padding: 60px 0 80px 0;
}

.servdz_bt>p:nth-of-type(1) {
    color: #0096e0;
    font-size: 2.75rem;
    font-weight: bold;
    text-align: center;
}

.servdz_wid>div:nth-of-type(1) {
    width: 38%;
}

.servdz_wid>div:nth-of-type(2) {
    width: 60%;
}

.servdz_size>p {
    color: #6f6f6f;
    font-size: 1.0625rem;
    line-height: 30px;
}

.servdz_wid {
    padding-top: 50px;
}

.servdz_ico {
    padding-top: 30px;
    font-size: 1.0625rem;
    color: #6f6f6f;
}

.servdz_ico p span {
    display: inline-block;
    background: url(../img/2.png) no-repeat;
    background-size: 100% 100%;
    height: 38px;
    width: 36px;
    margin: 0 18px 13px 0;
    line-height: 38px;
    text-align: center;
}

.servdz_ico p .iconfont {
    color: #fff;
    font-size: 1.25rem;
}

.servyj {
    padding: 70px 0 80px 0;
}

.servdz_bt>p:nth-of-type(2) {
    color: #6f6f6f;
    font-size: 1.0625rem;
    line-height: 30px;
    margin-top: 35px;
    text-align: center;
}

.servyj_lb {
    padding-top: 30px;
}

.servyj_div>div:nth-of-type(1) {
    width: 32%;
    float: left;
}

.servyj_div>div:nth-of-type(2) {
    width: 65%;
    float: right;
    font-size: 1.0625rem;
    color: #6f6f6f;
    line-height: 30px;
    padding-top: 28px;
}

.servyj_size>p:nth-of-type(1) {
    color: #000000;
}

.servsc {
    background: #fafafa;
    padding: 65px 0 85px 0;
}

.servsc_wid>div:nth-of-type(1) {
    width: 40%;
}

.servsc_wid>div:nth-of-type(2) {
    width: 57%;
}

.servsc_size {
    font-size: 1.0625rem;
    color: #6f6f6f;
    line-height: 30px;
}

.servsc_size ul {
    margin-top: 35px;
}

.servsc_size ul li {
    position: relative;
    padding-left: 20px;
}

.servsc_size ul li::after {
    position: absolute;
    left: 0;
    top: 10px;
    content: "";
    display: block;
    background: #0096e0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.servsc_wid {
    margin-top: 40px;
}

.servzc {
    padding: 60px 0;
}

.servzc_lb {
    padding-top: 60px;
}

.servzc_size {
    margin-top: 30px;
    color: #6f6f6f;
    font-size: 1rem;
    line-height: 30px;
    padding-left: 20px;
}

.servzc_size>p {
    color: #0096e0;
    position: relative;
}

.servzc_size>p::after {
    display: block;
    content: '';
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    border-left: 6px solid #0096e0;
    top: 50%;
    left: -20px;
    position: absolute;
    transform: translateY(-50%);
}

@media screen and (max-width: 767px){
    .servzc .servzc_lb .swiper-wrapper{
        display: block;
    }
}



.product_a {
    color: #0096e0;
    font-size: 1.0625rem;
    display: inline-block;
    border: 1px solid #0096e0;
    line-height: 50px;
    padding: 0 35px;
    border-radius: 35px;
    margin: 15px 0 0px 0;
}
.product_ej{
    margin-top: 25px;
}
.product_li .product_fr p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.product_ej a {
    display: block;
    color: #000000;
    font-size: 1.0625rem;
    line-height: 50px;
    border: 1px solid #d4d4d4;
    float: left;
    width: calc(25% - 25px);
    text-align: center;
    margin-right: 25px;
    margin-top: 15px;
}
.product_ej a:hover{
    color: #fff;
    border: 1px solid #0096e0;
    background: #0096e0;
}

.product_ej a:nth-of-type(1),
.product_ej a:nth-of-type(2),
.product_ej a:nth-of-type(3),
.product_ej a:nth-of-type(4) {
    margin-top: 0;
}

/* 产品中心分类 */
.productfl {
    padding: 90px 0 70px 0;
}

.productfl_mz {
    color: #fff;
    font-size: 1.25rem;
    line-height: 65px;
    padding-left: 30px;
    background: url(../img/10.jpg) no-repeat;
    background-size: 100% 100% !important;
    display: block;
}

.productfl_mz.active{
	font-weight:900;
}

.productfl .productfl_flul li a {
    display: block;
    color: #5f5f5f;
    font-size: .875rem;
    line-height: 32px;
    position: relative;
    padding-left: 20px;
}

.productfl .productfl_flul {
    padding: 10px 32px;
}

.productfl_fl {
    background-color: rgb(255, 255, 255);
    box-shadow: 3.83px 3.214px 12px 0px rgba(0, 0, 0, 0.1);
}

.productfl_flul li a::after {
    display: block;
    content: '';
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    border-left: 6px solid #5f5f5f;
    top: 50%;
    left: 0%;
    position: absolute;
    transform: translateY(-50%);
}

.productfl_flul li:hover a,
.productfl_flul li.active a {
    color: #0096e0;
}

.productfl_flul li:hover a::after,
.productfl_flul li.active a::after {
    border-left: 6px solid #0096e0;
}
.bds>div.active>a{
    font-weight: 900;
    /* text-decoration: underline; */
}
.productfl_flts>p {
    color: #000000;
    font-size: 1.25rem;
    margin: 18px 0;
}

.productfl_flts div a {
    margin-bottom: 2px;
    background-size: cover !important;
}
.productfl_flts div a:hover{
    color: #0096e0;
	font-weight:bold;
    /* text-decoration: underline; */
}
.productfl_sou>div:nth-of-type(1) {
    width: 85%;
}

.productfl_sou>div:nth-of-type(2) {
    width: 15%;
}

.productfl_sou>div {
    line-height: 50px;
    height: 55px;
}

.productfl_sou input {
    width: 100%;
    border: 1px solid #dadada;
    padding-left: 38px;
    border-right: none;
    height: 55px;
}

.productfl_sou button {
    color: #fff;
    background: #0096e0;
    width: 100%;
    border: 1px solid #0096e0;
    font-size: 1.0625rem;
}

.productfl_frul {
    margin-top: 25px;
}

.productfl_frul>li {
    width: 33.3%;
    float: left;
    border: 1px solid #eaeaea;
}

.productfl_frul>li a {
    display: block;
    color: #5f5f5f;
    font-size: 1rem;
    line-height: 30px;
    text-align: center;
    padding: 12px;
}

.productfl_frul>li div a c {
	display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    overflow: hidden;
    height: 30px;
}


.productfl_frul>li:hover a{
    color: #0096e0;
}
.productfl_frul>li div {
    border-top: 1px solid #eaeaea;
}

.productfl_frul>li:hover div {
    border-top:  1px solid #fff;
}

.productfl_frul>li:hover {
    border: 1px solid #fff;
    background-color: rgb(255, 255, 255);
    box-shadow: 2.5px 4.33px 15px 0px rgba(0, 0, 0, 0.15);
}

.productfl_js {
    color: #0096e0;
    font-size: .9375rem;
    line-height: 30px;
    margin-top: 40px;
}

/* 产品中心详情 */
.pro-xq {
    padding: 90px 0;
}
.pro-xq .productfl_sou{
    margin-bottom: 30px;
}
.pro-xqfd {
    border: 1px solid #eaeaea;
}

.pro-xqfd>div:nth-of-type(1) {
    width: 30%;
    float: left;
    border-right: 1px solid #eaeaea;
}

.pro-xqdiv_fr {
    width: 70%;
    float: left;
    line-height: 35px;
    padding: 30px 50px;
    color: #5f5f5f;
    font-size: 1rem;
}

.pro-xqdiv>p {
    color: #000000;
    font-size: 1.25rem;
    background: #f5f5f5;
    line-height: 60px;
    padding-left: 35px;
    border: 1px solid #eaeaea;
    border-bottom: none;
}

.pro-xqfx {
    border: 1px solid #eaeaea;
    line-height: 55px;
    padding: 0 65px 0 40px;
    height: 55px;
    border-top: none;
	display:none;
}

.pro-xqfx .bshare-custom {
    line-height: 55px !important;
}

.pro-xqfx .bshare-custom .bshare-more.more-style-addthis {
    background: transparent;
    padding-left: 0 !important;
}

.pro-xqfx .bshare-custom a {
    height: auto !important;
    color: #7b7b7b !important;
}

.pro-xqfx .bshare-custom span {
    color: #7b7b7b;
    font-size: 1rem;
}

.pro-xqfx .fr a {
    display: inline-block;
    color: #7b7b7b;
    font-size: 1rem;
    margin-left: 32px;
}

.pro-xqfx .fr a .iconfont {
    color: #7b7b7b;
    margin-right: 3px;
}

.pro-xqtj {
    margin-top: 25px;
}
.pro-xq_lb .swiper-wrapper{
    width: 100% !important;
}
.pro-xqp {
    color: #000;
    font-size: 1.25rem;
    padding-bottom: 18px;
    border-bottom: 2px solid #002977;
}

.pro-xq_lb .swiper-slide {
    border: 1px solid #eaeaea;
}

.pro-xq_lb .swiper-slide>a {
    display: block;
}

.pro-xq_lbsize {
    text-align: center;
    color: #5f5f5f;
    font-size: .9375rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.pro-xq_lbsize a {
    color: #5f5f5f;
    line-height: 32px;
    padding: 12px 10px;
    border-top: 1px solid #eaeaea;
    display: block;
}
.pro-xq_lb .swiper-slide:hover .pro-xq_lbsize a {
    color: #0096e0;
}
.pro-xq_lbsize a span {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 64px;
}

.pro-xq_lbsize p {
    padding: 12px 0;
    border-top: 1px solid #eaeaea;
}

.pro-xqqt {
    color: #fff;
    font-size: 1.25rem;
    line-height: 55px;
    padding-left: 20px;
    background: #0096e0;
}

.pro-xqqi {
    background-color: rgb(255, 255, 255);
    box-shadow: 3.83px 3.214px 12px 0px rgba(0, 0, 0, 0.1);
}

.pro-xqqiul {
    padding: 10px 32px;
}

.pro-xqqiul li a {
    color: #5f5f5f;
    font-size: .875rem;
    line-height: 32px;
	height: 32px;
    position: relative;
    padding-left: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.pro-xqqiul li a::after {
    display: block;
    content: '';
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    border-left: 6px solid #5f5f5f;
    top: 50%;
    left: 0%;
    position: absolute;
    transform: translateY(-50%);
}

.pro-xqqiul li:hover a::after,
.pro-xqqiul li.active a::after {
    border-left: 6px solid #0096e0;
}

/* 关于-简介 */

.second_ul li {
    width: 14.28%;
    float: left;

}

.second_ul li a {
    color: #000;
    font-size: 1.125rem;
    position: relative;
    display: block;
    text-align: center;
}

.second_ul li a::after {
    position: absolute;
    left: 0;
    top: 50%;
    content: "";
    display: block;
    height: 25px;
    width: 1px;
    background: #eaeaea;
    transform: translateY(-50%);
}

.second_ul li:nth-of-type(1) a::after {
    width: 0;
}

.second {
    line-height: 68px;
    border-bottom: 1px solid #eaeaea;
}

.second_ul li:hover a::after,
.second_ul li.active a::after {
    background: #0096e0;
}

.second_ul li:hover a,
.second_ul li.active a {
    background: #0096e0;
    color: #fff;
}

.brief {
    padding: 65px 0 80px 0;
}

.brief_zi>p {
    text-align: center;
    color: #0096e0;
    font-size: 2.75rem;
    font-weight: bold;
}

.brief_size {
    color: #6f6f6f;
    font-size: 1rem;
    line-height: 30px;
}

.brief_size .fl {
    margin-right: 25px;
}

.brief_size {
    margin: 30px 0 55px 0;
}

.brief_a {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    right: 0;
    text-align: center;
    transform: translateY(-50%);
}

.brief_a a {
    display: block;
    color: #fff;
    margin-top: 12px;
    font-size: 1.25rem;
}
.brief_tui .swiper-slide>div>a{
    display: block;
    overflow: hidden;
}
.brief_tui .swiper-slide:hover .brief_a img{
    transform: rotateY(360deg);
    transition: 400ms ease-in-out;
}
/* 关于历程 */
.course {
    padding: 65px 0 85px 0;
}

.course_li>div:nth-of-type(1) {
    text-align: center;
    margin: 32px 0;
}

.course_li>div:nth-of-type(1) span {
    color: #ffffff;
    font-size: 1.25rem;
    display: inline-block;
    background: #0096e0;
    line-height: 38px;
    padding: 0 20px;

}

.course_div>div:nth-of-type(2) {
    color: #575757;
    font-size: 1rem;
    line-height: 35px;
    padding: 30px 20px 30px 30px;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
    position: relative;
    border-radius: 18px;
}

.course_li>div:nth-of-type(1) {
    position: relative;
}

.course_li>div:nth-of-type(2) p {
    position: relative;
    padding-left: 14px;
}

.course_li>div:nth-of-type(2) p::after {
    position: absolute;
    left: 0;
    top: 15px;
    /* transform: translateY(-50%); */
    content: "";
    display: block;
    background: #0096e0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
}

.course_div>div {
    width: 43%;
    position: relative;
}

.course_ul li:nth-of-type(odd)>.course_div>div:nth-of-type(1) {
    float: left;
    text-align: right;
}

.course_ul li:nth-of-type(odd)>.course_div>div:nth-of-type(2) {
    float: right;
}

.course_ul li:nth-of-type(even)>.course_div>div:nth-of-type(1) {
    float: right;
    text-align: left;
}

.course_ul li:nth-of-type(even)>.course_div>div:nth-of-type(2) {
    float: left;
}

.course_ul li:nth-of-type(odd)>.course_div>div:nth-of-type(2)::after {
    display: block;
    content: '';
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    border-right: 18px solid #ffffff;
    top: 10%;
    left: -18px;
    position: absolute;
    /* transform: translateY(-50%); */
    z-index: 1;
}

.course_ul li:nth-of-type(odd)>.course_div>div:nth-of-type(2)::before {
    display: block;
    content: '';
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    border-right: 22px solid #efefef;
    top: 10%;
    left: -22px;
    position: absolute;
    /* transform: translateY(-50%); */
}

.course_ul li:nth-of-type(even)>.course_div>div:nth-of-type(2)::after {
    display: block;
    content: '';
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    border-left: 18px solid #ffffff;
    top: 10%;
    right: -18px;
    position: absolute;
    /* transform: translateY(-50%); */
    z-index: 1;
}

.course_ul li:nth-of-type(even)>.course_div>div:nth-of-type(2)::before {
    display: block;
    content: '';
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    border-left: 22px solid #efefef;
    top: 10%;
    right: -22px;
    position: absolute;
    /* transform: translateY(-50%); */
}

.course_ul li:nth-of-type(odd)>.course_div>div:nth-of-type(1)::after {
    position: absolute;
    right: -92px;
    top: 10%;
    /* transform: translateY(-50%); */
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 50%;
    border: 2px solid #0096e0;
    -webkit-animation: scale 3s infinite linear;
    -moz-animation: scale 3s infinite linear;
    -o-animation: scale 3s infinite linear;
    animation: scale 3s infinite linear
}

.course_ul li:nth-of-type(even)>.course_div>div:nth-of-type(1)::after {
    position: absolute;
    left: -92px;
    top: 10%;
    /* transform: translateY(-50%); */
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 50%;
    border: 2px solid #0096e0;
    -webkit-animation: scale 3s infinite linear;
    -moz-animation: scale 3s infinite linear;
    -o-animation: scale 3s infinite linear;
    animation: scale 3s infinite linear
}

.course_ul {
    position: relative;
    padding-bottom: 30px;
    /* height: 1462px;
    overflow: hidden; */
    margin-top: 45px;
}

.course_ul.active {
    height: auto;
}

.course_ul::after {
    position: absolute;
    left: 50%;
    top: 0;
    content: "";
    display: block;
    height: 100%;
    width: 1px;
    background: #aeaeae;
    transform: translateX(-50%);
    z-index: -1;

}

.course_cli {
    text-align: center;
    margin-top: 60px;
    display: none;
}
.course_cli .iconfont{
    -webkit-transform: rotate(360deg);
    animation: rotation 3s linear infinite;
    -moz-animation: rotation 3s linear infinite;
    -webkit-animation: rotation 3s linear infinite;
    -o-animation: rotation 3s linear infinite;
    display: inline-block;
}
@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

.course_cli span {
    cursor: pointer;
    color: #002977;
    font-size: 1rem;
    line-height: 42px;
    border: 1px solid #002977;
    border-radius: 35px;
    padding: 0 30px;
    display: inline-block;
}

.course_cli span .iconfont {
    margin-right: 8px;
    font-size: 22px;
}

/* 关于-联系 */
.contact {
    padding: 65px 0 50px 0;
}

.contact_ul {
    margin-top: 35px;
}

.contact_ul li {
    width: 32%;
    float: left;
    margin-left: 22px;
}

.contact_ul li:nth-of-type(1) {
    margin-left: 0;
}

.contact_ul li div p {
    color: #000000;
    font-size: 1.25rem;
    font-weight: 600;
    padding-left: 12px;
    position: relative;
}

.contact_ul li div p::after {
    position: absolute;
    left: 0;
    top: 7px;
    content: "";
    display: block;
    background: #0096e0;
    height: 12px;
    width: 4px;
}

.contact_ul li div:nth-of-type(2) {
    line-height: 32px;
    color: #626262;
    font-size: 1.0625rem;
    margin-top: 25px;
}

.contact_ul {
    padding-bottom: 60px;

}

.contact_dt {
    padding: 40px 0 55px 0;
    border-bottom: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
    position: relative;
}

.contact_dtwz {
    color: #626262;
    font-size: 1.0625rem;
    line-height: 30px;
    position: absolute;
    left: 0;
    bottom: 17%;
}

.contact_dtwz p:nth-of-type(2) {
    margin-left: 15px;
}

.contact_dtwz p:nth-of-type(3) {
    margin-left: 35px;
}

.message {
    /* padding: 95px 0 65px 0; */
    padding-bottom: 90px;
}

.message_size p:nth-of-type(1) {
    color: #000000;
    font-size: 1.5rem;
    padding-bottom: 18px;
}

.message_size {
    color: #626262;
    font-size: 1.0625rem;
    line-height: 32px;
    margin-bottom: 25px;
}

.message_inp>div:nth-of-type(1) {
    width: 25%;
    float: left;
    color: #474747;
    font-size: 1.0625rem;
    line-height: 55px;
    text-align: right;
}

.message_inp>div:nth-of-type(1) span {
    color: red;
}

.message_inp>div:nth-of-type(2) {
    width: 70%;
    float: right;
}

.message_er>div input,
.message_inp>div input {
    border: 1px solid #dddddd;
    width: 100%;
    line-height: 55px;
    height: 55px;
    padding-left: 10px;
}

.message_er>div:nth-of-type(1) {
    width: 8%;
    float: left;
    color: #474747;
    font-size: 1.0625rem;
    line-height: 55px;
    /* padding-left: 2%; */
    text-align: right;
}

.message_er>div:nth-of-type(2) {
    width: 90.5%;
    float: right;
}

.message_er {
    margin: 22px 0;
}

.message_text div:nth-of-type(1) {
    width: 8.5%;
    float: left;
    color: #474747;
    font-size: 1.0625rem;
    line-height: 55px;
    text-align: right;
}

.message_text div:nth-of-type(2) {
    width: 90.5%;
    float: right;
}

.message_text div textarea {
    border: 1px solid #dddddd;
    width: 100%;
    height: 142px;
    padding-left: 10px;
    padding-top: 6px;
}

.message_butt div:nth-of-type(2) {
    color: #ff0000;
    font-size: 1.0625rem;
    line-height: 55px;
    float: left;
}

.message_butt div:nth-of-type(1) {
    float: left;
    margin-right: 55px;
}

.message_butt div button {
    color: #fff;
    font-size: 1.25rem;
    border: 1px solid #0096e0;
    background: #0096e0;
    line-height: 55px;
    padding: 0 65px;
}

.message_butt {
    margin-top: 22px;
    width: 90.5%;
    float: right;
}

.message_inp:nth-child(1),
.message_inp:nth-child(2),
.message_inp:nth-child(4),
.message_inp:nth-child(3) {
    margin-bottom: 20px;
}

.message_text span,
.message_er span {
    color: red;
}

/* 荣誉资质 */
.honor {
    padding: 65px 0;
}

.honor_lb {
    position: relative;
}

.bigImg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 480px;
    width: 33%;
}

.bigImg .smallPrev {
    /* position: absolute;
    right: 2px;
    top: 42%; */
    /* bottom: 0; */
    /* margin: auto; */
    /* height: 80px; */
    background: rgba(0, 0, 0, 0.85);
    display: block;

}

.bigImg .smallNext {
    /* position: absolute;
    right: 2px;
    top: 26%; */
    /* bottom: 0;
    margin: auto;
    height: 80px; */
    background: rgba(0, 0, 0, 0.85);
    display: block;
    margin: 3px 0;
}

.bigImg .smallPrev img,
.bigImg .smallNext img {
    padding: 20px;
}

.detailInfoLeft {
    background: rgba(0, 0, 0, 0.85);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 88;
    display: none;
}

.big_bigImgWrap {
    width: 85%;
    top: 11%;
    left: 5%;
    right: 5%;
    bottom: 11%;
}

.big_bigImgWrap img {
    display: none;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    /* height: 480px; */
    width: 100%;
}

.detailInfoLeft_small {
    position: absolute;
    right: 0;
    top: 10.8%;
}

.dispaly_blo {
    display: block !important;
}

.i_close {
    /* position: absolute;
    top: 13%;
    right: 2px; */
    padding: 20px;
    display: inline-block;
    background: rgba(0, 0, 0, 0.85);
    cursor: pointer;
}

.hongg_ta {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0%;
    color: #fff;
    font-size: 1.3125rem;
    line-height: 52px;
    width: 100%;
    /* margin: auto; */
    padding-left: 35px;
    background-color: rgb(0, 0, 0, 0.5);
}

.honor_size {
    color: #000000;
    font-size: 1.0625rem;
    text-align: center;
    margin-top: 20px;
}

/* .honor_img {
    position: absolute;
    width: 5px;
    top: 5px;
    left: -100%;
    right: 5px;
    height: 100%;
    background: rgba(0, 150, 224, 0.7);
    transition: 400ms ease-in-out;
    cursor: pointer;
}

.honor_img::after {
    background: url(../img/10.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    content: "";
    display: block;
    transform: translate(-50%, -50%);
    width: 45px;
    height: 45px;
} */

.honor_lb .honor_lb_div {
    overflow: hidden;
    position: relative;
    border: 1px solid #dddddd;
    padding: 5px;
}

.honor_lb .swiper-slide {
    position: relative;
}

.honor_lb .swiper-slide:hover .honor_img {
    left: 5px;
    width: 97%;
    transition: 400ms ease-in-out;
}

@media (min-width: 1200px) {
    .honor .container {
        width: 1270px;
    }
}

.honor_lb {
    padding: 0 50px;
}

.honor_lb .swiper-button-next,
.honor_lb .swiper-button-prev {
    background: none;
}

.honor_lb {
    margin-top: 55px;
}

.project {
    padding: 65px 0 60px 0;
}

.project_div>p {
    font-size: 1.875rem;
    font-weight: bold;
    color: #000;
}

.project_ul {
    padding-left: 40px;
    margin-top: 45px;
    position: relative;
}

.project_ul::after {
    position: absolute;
    left: 10px;
    top: 0;
    content: "";
    display: block;
    height: 100%;
    width: 1px;
    background: #e7e7e7;
    z-index: -1;
}

.project_nian {
    color: #0096e0;
    font-size: 1.25rem;
    font-weight: bold;
    position: relative;
}

.project_fd{
	padding:20px 0px;
}

.project_nian::after {
    position: absolute;
    left: -40px;
    top: 0;
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 50%;
    border: 4px solid #dddddd;
    -webkit-animation: scale 3s infinite linear;
    -moz-animation: scale 3s infinite linear;
    -o-animation: scale 3s infinite linear;
    animation: scale 3s infinite linear;
}

.project_jie>div:nth-of-type(1) {
    width: 6%;
    float: left;
    padding: 12px 0;
    color: #5b5b5b;
    font-size: 1rem;
    position: relative;

}

.project_jie>div:nth-of-type(1)::after {
    position: absolute;
    left: -36px;
    top: 17px;
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    background: #dddddd;
    border-radius: 50%;
}

.project_jie>div:nth-of-type(2) {
    width: 93%;
    float: right;
    padding: 12px 20px;
    line-height: 30px;
    color: #5b5b5b;
    font-size: .9375rem;

}

.project_ul li .project_fd>div:nth-of-type(odd) .fr {
    background: #f2f9fe;
}

.project_ul {
    /* height: 1074px;
    overflow-y: hidden; */
}

.project_ul.active {
    height: auto;
}

/* 社会责任 */
.sociology {
    padding: 65px 0 90px 0;
}

.sociology_ul {
    margin-top: 40px;
}

.sociology_ul li:nth-of-type(odd)>div:nth-of-type(1) {
    float: right;
    width: 30%;
}

.sociology_ul li:nth-of-type(odd)>div:nth-of-type(2) {
    float: left;
    width: 67%;
}

.sociology_ul li:nth-of-type(even)>div:nth-of-type(1) {
    float: left;
    width: 30%;
}

.sociology_ul li:nth-of-type(even)>div:nth-of-type(2) {
    float: right;
    width: 67%;
}

.sociology_size p {
    font-size: 1.875rem;
    font-weight: bold;
    line-height: 33px;
    color: #000000;
    margin-bottom: 35px;
}

.sociology_size {
    font-size: 1.125rem;
    line-height: 30px;
    color: #626262;
}

.sociology_ul li>div:nth-of-type(1) {

}

.sociology_ul li {
    padding: 35px 0;
    border-bottom: 1px solid #e0e0e0;
}

.sociology_gy {
    margin-top: 40px;
}

.sociology_wz {
    font-size: 1rem;
    line-height: 30px;
    color: #626262;
    margin-top: 18px;
}

.sociology_lb {
    margin-top: 35px;
}

/* 关于-文化 */
.culture {
    padding: 65px 0 0 0;
}

.culture_sm {
    margin-top: 30px;
}

.culture_p {
    color: #000000;
    font-size: 1.875rem;
    font-weight: bold;
    margin-bottom: 35px;
}

.culture_sm_p {
    color: #000;
    font-size: 1.875rem;
    font-weight: bold;
    left: 4%;
    top: 10%;
    z-index: 55;
}

.culture_sm_div {
    left: 0;
    width: 100%;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    color: #000;
    font-size: 1.625rem;
    font-weight: bold;
    opacity: 0;
    z-index: 55;
}

.culture_sm2 {
    margin-top: 20px;
}

.culture_sm_p {
    color: #fff;
}
.culture_sm:hover .culture_sm_p{
    color: #000;
}
.culture_sm2 .culture_sm_div {
    /* color: #626262; */
    font-size: 1.5rem;
    line-height: 35px;

}

.culture_sm_img:hover .culture_sm_div {
    opacity: 1;
    
}
.culture_sm .culture_sm_img::after{
    
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    content: "";
    display: block;
    width: 100%;
}

.culture_sm .culture_sm_img:hover::after{
    background: rgba(255, 255, 255, 0.71);
    /* opacity: 0.6; */
}
.culture_jzg {
    margin-top: 30px;

}
.culture_sm .culture_sm:hover .culture_sm_p{
    color: #000;
}
.culture_jzg_size {
    margin-top: 15px;
    color: #626262;
    line-height: 30px;
    font-size: 1rem;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 25px;
}

.culture_jzg_size>p {
    font-size: 1.25rem;
    color: #000;
    margin-bottom: 5px;
    font-weight: 600;
}

.culture_jy {
    padding: 45px 0 125px 0;
    background: url(../img/25.jpg) no-repeat;
    background-size: cover;

}

.culture_jy_size {
    color: #636363;
    font-size: 1rem;
    line-height: 30px;
}

.culture_jy_size>p {
    color: #000000;
    font-size: 1.25rem;
    margin-top: 20px;
    font-weight: 600;
}

.culture_jy_size>p:nth-of-type(1) {
    margin-top: 0;
}

/* 技术平台 */
.technology {
    padding: 95px 0 65px 0;
}

.technology_ul li:nth-of-type(odd)>a {
    width: 33%;
    float: left;
    display: block;
}

.technology_ul li:nth-of-type(odd)>div {
    width: 64%;
    float: right;
}

.technology_ul li:nth-of-type(even)>a {
    width: 33%;
    float: right;
    display: block;
}

.technology_ul li:nth-of-type(even)>div {
    width: 64%;
    float: left;
}

.technology_ul li {
    padding: 38px 0;
    border-bottom: 1px solid #e7e7e7;
}

.technology_ul {
    margin-top: 22px;
}

.technology_size>a:nth-of-type(1) {
    display: block;
    color: #0096e0;
    font-size: 1.4375rem;
}

.technology_size>p {
    color: #6b6b6b;
    font-size: 1.0625rem;
    line-height: 30px;
    margin: 16px 0 75px 0;
    height: 60px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.technology_size>a:nth-of-type(2) {
    display: inline-block;
    color: #0096e0;
    line-height: 50px;
    padding: 0 36px;
    border: 1px solid #0096e0;
    border-radius: 35px;
    font-size: 1rem;
}

.technology_ul li .technology_size>a:nth-of-type(2):hover {
    background: #0096e0;
    color: #fff;
}

/* 技术平台-详情 */
.platform {
    padding: 80px 0;
}

.platform_size>p {
    font-size: 1.875rem;
    color: #000000;
    font-weight: bold;
    margin-bottom: 15px;
    text-align: center;
}

.platform_size {
    line-height: 30px;
    font-size: 1rem;
    color: #5f5f5f;
}

.platform_p {
    color: #000000;
    font-size: 1.25rem;
    font-weight: 600;
    position: relative;
    padding-bottom: 15px;
}

.platform_p::after {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 40px;
    content: "";
    display: block;
    background: #0096e0;
}

.platform_div {
    margin: 35px 0 55px 0;
}

.platform_lb {
    margin-top: 30px;
}

.platform_lb .swiper-slide {
    text-align: center;
}

.platform_lb_span {
    display: inline-block;
    width: 95px;
    height: 95px;
    line-height: 95px;
    border-radius: 50%;
    background: #0096e0;
    color: #fff;
}

.platform_lb_span .iconfont {
    font-size: 2.1875rem;
}

.platform_lb_size {
    margin-top: 35px;
    color: #5f5f5f;
    font-size: 1.0625rem;
}

.platform_tscp_lb {
    margin-top: 55px;
    position: relative;
}

.platform_tscp_lb .swiper-slide {
    text-align: center;
}

.platform_tscp_lb .swiper-slide a {
    display: block;
}

.platform_tscp_size {
    color: #5f5f5f;
    font-size: 1rem;
    margin-top: 35px;
}

.platform_tscp_lb .swiper-pagination {
    text-align: center;
    position: initial;
    margin-top: 35px;
	width:100%;
}

.platform_tscp_lb .swiper-pagination-bullet {
    opacity: 1;
    background: #545454;
    width: 6px;
    height: 6px;
    margin: 0 7px;
    position: relative;
}

.platform_tscp_lb .swiper-pagination-bullet-active::after {
    width: 16px;
    height: 16px;
    border: 2px solid #545454;
    content: "";
    display: block;
    border-radius: 50%;
    position: absolute;
    left: -5px;
    top: -5px;
}

.platform_yqsb {
    padding: 35px 0 0 0;
}

.platform_yqsb_ul>li {
    margin: 10px 13px;
    width: 31.1%;
    float: left;
}

.platform_yqsb_ul {
    margin: 50px 0 25px 0;
}

.platform_yqsb_ul {
    /* height: 550px; */
    /* overflow: hidden; */
}

.platform_yqsb_ul.active {
    height: auto;
}

.platform_yqsb .course_cli {
    margin-top: 0;
}

.platform_ul {
    position: absolute;
    left: 6%;
    top: 650px;
    width: 218px;
    z-index: 555;
}
.platform_ul.active{
    position: fixed;
    top: 180px;
    z-index: 999;
}
.platform_ul li {
    padding: 15px;
    width: 100%;
    border-radius: 5px;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.29);
    margin-bottom: 15px;
}

.platform_ul li>a:nth-of-type(1) {
    width: 68%;
    display: block;
    float: left;
    color: #fff;
}

.platform_ul li>a:nth-of-type(2) {
    width: 30%;
    display: block;
    float: right;
    text-align: center;
}

.platform_ul li>a span {
    width: 24px;
    height: 24px;
    line-height: 24px;
    border: 1px solid #fff;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
}
.platform_ul li:hover>a span,
.platform_ul li.active>a span{
    background: #fff;
    color: #015bcb;
}

.platform_ul li:nth-of-type(1) {
    background: #015bcb;
}

.platform_ul li:nth-of-type(2) {
    background: #028ad9;
}

.platform_ul li:nth-of-type(3) {
    background: #eb833b;
}

.platform_ul li:nth-of-type(4) {
    background: #f8b551;
}

.platform_ul li:nth-of-type(5) {
    background: #79d3ee;
}

.platform_ul li:nth-of-type(6) {
    background: #21abe9;
}

/* 加入我们-培新与发展 */
.promotion {
    padding: 75px 0 55px 0;
}

.promotion_fz {
    padding: 55px 0 60px 0;
}

.promotion_jz {
    padding-bottom: 60px;
    border-bottom: 1px solid #dfdfdf;
}

.train {
    padding: 65px 0 100px 0;
}

.train_lb {
    padding-bottom: 60px;
    margin-bottom: 55px;
    border-bottom: 1px solid #dfdfdf;
}

.train_size {
    color: #656565;
    font-size: .9375rem;
    line-height: 30px;
    padding: 15px 0 0 42px;
}

.train_lb .pa {
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    line-height: 35px;
    color: #fff;
    font-size: 1.125rem;
    background-color: rgba(0, 150, 224, 0.5);
    padding-left: 18px;
}

.train_div {
    left: 0;
    top: 0%;
    color: #fff;
    font-size: 1.1875rem;
    line-height: 52px;
    padding: 0 35px;
    background: #2aa3df;
}
.train_yg .swiper-pagination span{
    /* color: #fff; */
}
.train_yg_butt{
    position: absolute;
    bottom: 0;
    right: -1px;
    /* width: 30%; */
}
.train_yg .train_yg_butt .swiper-pagination-fraction{
    position: sticky;
    width: auto;
    background: #fff;
    width: 60px;
    line-height: 42px;
    height: 42px;
}
.train_yg .train_yg_butt .swiper-button-next,
.train_yg .train_yg_butt .swiper-button-prev{
    position: sticky;
}
.train_yg_butt>div{
    display: inline-block;
    /* float: left; */
    margin-right: -4px;
}
.train_yg_butt .swiper-button-next,
.train_yg_butt .swiper-button-prev{
    width: 42px;
    height: 42px;
    line-height: 42px;
    opacity: 1;
    background: #a7abad;
    text-align: center;
    background-size: 100% 100%;
    left: auto;
    right: 0;
    bottom: 0;
}
/* 社会招聘 */
.joinus {
    padding-bottom: 95px;
}

.recruit {
    padding: 75px 0 40px 0;
}

.recruit .brief_zi {
    padding-bottom: 40px;
}

.recruit_col {
    color: #6b6b6b;
    font-size: 1rem;
    line-height: 60px;
    font-weight: bold;
    background-color: #e5e5e5;
    margin-bottom: 10px;
}

.recruit_col span {
    width: 20%;
    float: left;
    text-align: center;
    display: block;
}

.recruit_quan {
    color: #2f2f2f;
    font-size: 0.9375rem;
    margin-bottom: 10px;
    line-height: 75px;
}

.recruit_quan {
    background: #e5e5e5;
}

.recruit_quan.active .recruit_top {
    background: #002977;
    color: #fff;
}

.recruit_top {
    background-color: #e5e5e5;
    cursor: pointer;
}

.recruit_top>span {
    width: 20%;
    float: left;
    text-align: center;
    display: block;
}

.recruit_span {
    color: #002977;
    font-size: 1.875rem;
    font-weight: bold;
    text-align: center;
}

.recruit_span span:nth-of-type(1) {
    display: none;
}

.recruit_bott p {
    font-size: 1.125rem;
    color: #000000;

}

.recruit_bott {
    background: #f8f8f8;
    padding: 40px 70px 140px 70px;
    line-height: 32px;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-top: none;
    margin-bottom: 10px;
}

.recruit_bott p span {
    display: inline-block;
    margin-left: 90px;
}

.recruit_bott a {
    color: #fff;
    font-size: 1.0625rem;
    line-height: 48px;
    padding: 0 28px;
    background: #0096e0;
    border: 1px solid #0096e0;
    margin-top: 30px;
    display: inline-block;
}

.recruit_bott {
    display: none;
   
}

.recruit_quan.active {
    margin-bottom: 0;

}

.recruit_quan.active .recruit_bott {
    display: block;
}

.recruit_quan.active .recruit_span span:nth-of-type(1) {
    display: block;
    color: #fff;
}

.recruit_quan.active .recruit_span span:nth-of-type(2) {
    display: none;
}

.joinus_top_inp {
    border: 1px solid #e5e5e5;
    line-height: 55px;
    width: 100%;
}

.joinus_top_inp input {
    width: 93%;
    float: left;
    border: none;
    padding-left: 22px;
}

.joinus_top_inp button {
    background: none;
    border: none;
    color: #989898;
    width: 7%;

}

.joinus_fen {
    border: 1px solid #e5e5e5;
    border-top: none;
    line-height: 55px;
}

.joinus_fen select {
    width: 100%;
    height: 55px;
    padding: 0 15px 0 22px;
    border: none;
}

.joinus_fen .row>div:nth-of-type(2) {
    position: relative;
}

.joinus_fen .row>div:nth-of-type(2)::before {
    position: absolute;
    left: 0;
    top: 50%;
    content: "|";
    display: block;
    transform: translateY(-50%);
    color: #e5e5e5;
}

/* .joinus_fen .row>div:nth-of-type(2)::after {
    position: absolute;
    right: 0;
    top: 50%;
    content: "|";
    display: block;
    transform: translateY(-50%);
    color: #e5e5e5;
} */
.process_tc .modal-header{
    border-bottom: none;
    padding: 0;
}
.process_tc  .modal-content{
    background: none;
    box-shadow: 0 0px 0px rgba(0,0,0,.5);
    border: none;
}
.process_tc_div{
    background: #fff;
}
.process_tc_div>p{
    color: #01429b;
    font-size: 1.25rem;
}
.process_tc_div{
    color: #575757;
    font-size: .9375rem;
    line-height: 32px;
    padding: 35px;
}
.process_tc .modal-lg {
    width: 590px;
}
.process_tc_sc{
    line-height: 45px;
    margin-top: 22px;
}
.process_tc_sc>span{
    color: #0096e0;
    font-size: 1.0625rem;
    float: left;
    display: block;
}
.process_tc_inp{
    position: relative;
    display: inline-block;
    font-size: .9375rem;
    /* padding: 0 16px; */
    background: #0096e0;
    overflow: hidden;
    text-align: center;
    vertical-align: center;
    border: 1px solid #0096e0;
    color: #fff;
    float: left;
    width: 160px;
    line-height: 43px;
    margin: 0 23px 0 12px;
}
.process_tc_inp input{
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 160px;
}
.process_tc_sc  button{
    /* line-height: ; */
    padding: 0 24px;
    background: #dbdbdb;
    color: #575757;
    font-size: 1.0625rem;
    border: none;
}
.process_tc .close{
    background-color: rgba(0, 0, 0, 0.5);
    width: 72px;
    height: 72px;
    position: absolute;
    right: -43px;
    top: 32px;
    color: #fff;
    font-size: 30px;
    box-shadow: 0 0px 0 #fff;
    opacity: 1;
}
.process_tc .close:focus,
.process_tc .close:hover{
    opacity: 1;
}

/* 加入我们-生活与福利 */
.welfare {
    padding: 65px 0 80px 0;
}

.welfare_wid {
    padding: 65px 0 55px 0;
}

.welfare_wid>div {
    width: 50%;
    float: left;
}

.welfare_wid_fr {
    padding-left: 45px;
}

.welfare_wid_fr p {
    color: #028ad9;
    font-size: 1.0625rem;
    line-height: 30px;
    margin-top: 42px;
    position: relative;
    padding-left: 30px;
}

.welfare_wid_fr p::after {
    width: 15px;
    height: 15px;
    position: absolute;
    left: 0;
    top: 15px;
    transform: translateY(-50%);
    content: "";
    display: block;
    border-radius: 50%;
}

.welfare_wid_fr p:nth-of-type(1)::after {
    background: #028ad9;
}

.welfare_wid_fr p:nth-of-type(2)::after {
    background: #eb833b;
}

.welfare_wid_fr p:nth-of-type(3)::after {
    background: #f8b551;
}

.welfare_wid_fr p:nth-of-type(4)::after {
    background: #79d3ee;
}

.welfare_wid_fr p:nth-of-type(5)::after {
    background: #21abe9;
}

.welfare_wid_fr p:nth-of-type(1) {
    margin-top: 25px;
}

.welfare_gz .fl {
    width: 72%;
}

.welfare_gz .fl img {
    border-right: 1px solid #dfdfdf;
}

.welfare_gz .fr {
    width: 28%;
    color: #767676;
    font-size: 1.0625rem;
    line-height: 30px;
    padding: 25px 0 0 30px;
}

.welfare_gz .fr>p {
    color: #000000;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}

.welfare_bor {
    padding-top: 55px;
    border-top: 1px solid #dfdfdf;
}

.welfare_gz .fr a {
    display: block;
    margin-top: 25px;
}

.recruit_pa {
    left: 5%;
    top: 50%;
    transform: translateY(-50%);
    color: #414141;
    font-size: 1.0625rem;
    line-height: 38px;
    width: 480px;
}

.recruit_div_ul li {
    width: 18.3%;
    float: left;
    margin: 0 10px;
}

.recruit_div_ul li>div:nth-of-type(1) {
    border: 1px solid #e1e1e1;
}

.recruit_hz {
    color: #606060;
    font-size: 1rem;
    margin: 15px 0;
    text-align: center;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.recruit_div.row {
    margin-right: -10px;
    margin-left: -10px;
}

.recruit_div {
    margin: 35px 0;
}

.recruit_div_ul {
    /* height: 307px;
    overflow: hidden; */
}

.recruit_div .course_cli {
    margin-top: 25px;
}

.recruit_div_ul.active {
    height: auto;
}

.joinus_xy {
    background: #fafafa;
    padding: 55px 0 75px 0;
}

.joinus_xy .recruit_div {
    margin-bottom: 0;
}

.joinus_xy .brief_zi {
    margin-bottom: 30px;
}

.process {
    padding: 55px 0 60px 0;
}

.process_span {
    text-align: center;
    margin-bottom: 15px;
}

.process_span span {
    width: 90px;
    height: 90px;
    line-height: 90px;
    border-radius: 50%;
    border: 1px solid #e5e5e5;
    display: inline-block;
}

.process_span .iconfont {
    color: #0575c9;
    font-size: 30px;
    font-weight: bold;
}

.process_p {
    text-align: center;
    color: #656565;
    font-size: 1.125rem;
    font-weight: 600;
}

.process_er {
    text-align: center;
    line-height: 90px;
    font-size: 50px;
    font-weight: bold;
    color: #0575c9;
}

.process_lb {
    margin-top: 45px;
}

.recruit2 {
    padding: 65px 0 44px 0;
}

.education {
    margin-top: 40px;
}

.education>p {
    color: #626262;
    font-size: 1.0625rem;
    line-height: 35px;
}

.education>a {
    color: #0096e0;
}

.typical_ul li a {
    color: #626262;
    font-size: 1.0625rem;
    line-height: 56px;
    border-bottom: 1px solid #e6e6e6;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.typical_ul li a:hover {
    color: #0096e0;
}

.typical {
    padding: 35px 0 90px 0;
}

.touziz .details_a {
    margin-top: 35px;
}

/* 投资者关系-投资者联系 */
.education_div_pr {
    padding-bottom: 90px;
}

.education_div {
    left: 0;
    bottom: 0;
    background: #fff;
    color: #626262;
    font-size: 1.0625rem;
    line-height: 35px;
    padding: 55px 30px 30px 40px;
    width: 54%;
}

.education_div>p {
    color: #000000;
    font-size: 1.25rem;
    position: relative;
}

.education_div>p::after {
    position: absolute;
    left: -10px;
    top: 10px;
    content: "";
    display: block;
    width: 4px;
    height: 15px;
    background: #0096e0;
}

/* 新闻列表 */
.Journalism {
    padding: 60px 0 65px 0;
}

.Journalism_ul li {
    width: 100%;
    padding: 45px 110px 45px 25px;
    border-bottom: 1px solid #dddddd;
}.Journalism_size .p {
    display: block;
}

.Journalism_size p ,
.Journalism_size .p {
    color: #676767;
    font-size: 1rem;
    line-height: 30px;
}

.Journalism_size p:nth-of-type(1),
.Journalism_size .p:nth-of-type(2) {
    margin: 10px 0 5px 0;
}

.Journalism_size p .iconfont ,
.Journalism_size .p .iconfont {
    margin-right: 5px;
}

.Journalism_size>a {
    color: #0096e0;
    font-size: 1.4375rem;
    display: block;
}

.Journalism_img {
    max-width: 35%;
    width: 45%;
    float: left;
    margin-right: 25px;
    overflow: hidden;
    position: relative;
    z-index: 55;
}

.Journalism_img a {
    background: none;
    box-shadow: none;
    text-transform: none;
    overflow: hidden;
    display: block;
}

.Journalism_img a img {
    width: 100%;
    height: auto;
    max-width: 100%;
    border: 0;
    vertical-align: middle;
    display: block;
}

.Journalism_a {
    width: 42px;
    height: 42px;
    line-height: 42px;
    background: #0096e0;
    color: #fff;
    font-size: 1.875rem;
    position: absolute;
    top: 50%;
    right: -85px;
    transform: translateY(-50%);
    display: block;
    text-align: center;
	display:none;
}

.Journalism_ul li:hover {
    background: #0096e0;
    border-bottom: 1px solid #0096e0;
}

.Journalism_ul li:hover .Journalism_a {
    background: #fff;
    color: #0096e0;
}

.Journalism_ul li:hover .Journalism_size p,
.Journalism_ul li:hover .Journalism_size .p,
.Journalism_ul li:hover .Journalism_size>a {
    color: #fff;
}

/* 新闻详情 */
.details {
    padding: 70px 0 65px 0;
}

.details_top>p {
    color: #000000;
    font-size: 1.4375rem;
    text-align: center;
    margin-bottom: 5px;
}

.details_rq {
    color: #6b6b6b;
    font-size: .9375rem;
}

.details_rq a {
    color: #6b6b6b;
    margin-left: 25px;
    display: inline-block;
}

.details_rq a:hover {
    color: #0096e0;
}

.details_top {
    padding-bottom: 25px;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 35px;
}

.details_size {
    color: #676767;
    font-size: 1rem;
    line-height: 30px;
}
.details_size img{
    max-width: 100%;
}
.details_gj>a {
    display: inline-block;
    color: #676767;
    font-size: 1rem;
    border: 1px solid #dddddd;
    line-height: 28px;
    padding: 0 8px;
    margin-left: 12px;
}

.details_gj {
    padding: 32px 0 35px 0;
    margin-bottom: 25px;
	display:none;
}

.details_a a {
    color: #676767;
    font-size: 1rem;
    line-height: 35px;
    display: block;
}

.details_a a:hover {
    color: #0096e0;
}

.details_div {
    padding: 12px;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    background: #fff;
}

.details_div>p {
    color: #000;
    font-size: 1.125rem;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #dfdfdf;
}

.details_ul li a {
    display: block;
    color: #8b8b8b;
    font-size: .875rem;
    line-height: 40px;
	height:40px;
    margin-right: 25px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.details_ul li a:hover{
    color: #0096e0;
}
.details_ul li {
    position: relative;
    padding-left: 17px;
}

.details_ul li::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #8b8b8b;
    content: "";
    display: block;
    margin-top: 17px;
}

.details_div {
    position: absolute;
    left: 6%;
    top: 680px;
    width: 215px;
}

/* 首页 */
.banner_index .swiper-pagination-bullet {
    width: 35px;
    height: auto;
    color: #fff;
    background: none;
    opacity: 1;
    /* text-align: left; */
    /* float: left; */
}
.banner_index .swiper-pagination-bullet {

}
.banner_index .swiper-pagination-bullet::after {
    /* position: absolute;
    top: 50%;
    left: 30%;
    width: 0px;
    background: #fff;
    height: 1px;
    content: "";
    display: block;
    transform: translateY(-50%);
    opacity: 1; */
}

.banner_index .swiper-pagination-bullet-active {
    /* width: 100px;
    position: relative; */
    color: #79d3ee;
}

.banner_index .swiper-pagination-bullet-active::after {
    width: 60px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.banner_index {
    position: absolute;
    left: 0;
    bottom: 18%;
    /* transform: translateX(-50%); */
    text-align: center;
    z-index: 55;
    width: 100%;
}

.banner_index .swiper-pagination {
    position: relative;;
    display: inline-block;
}

.banner_ico {
    display: inline-block;
    color: #fff;
    /* position: relative;
    top: -4px; */
}

.banner_xh {
    position: absolute;
    left: 50%;
    bottom: 10%;
    transform: translateX(-50%);
    z-index: 55;
    opacity: 0;
    -webkit-animation: run 1s infinite linear;
    -moz-animation: run 1s infinite linear;
    -ms-animation: run 1s infinite linear;
    -o-animation: run 1s infinite linear;
    animation: run 1s infinite linear;
}

.banner_xh img {
    cursor: pointer;

}

.banner .swiper-slide {
    /* width: 100% !important; */
    left: 0 !important;
    overflow: hidden;
    /* transform: translate3d(100%, 0px, 0px) !important; */
}

.banner .swiper-button-prev {
    left: 10%;
}

.banner .swiper-button-next {
    right: 10%;
}

.banner_size {
    font-size: 3rem;
    line-height: 55px;
    letter-spacing: 3px;
    color: #ffffff;
    font-weight: bold;
}

.banner_size>p:nth-of-type(2) {
    font-size: 2rem;
    /* letter-spacing: 2px; */
}

.banner_size>p:nth-of-type(3){
	   font-size: 2rem;
}

.banner_size {
    position: absolute;
    left: 24%;
    top: 50%;
    transform: translateY(-50%);
    width: 45%;
}

@keyframes run {
    from {
        bottom: 3%;
        opacity: 0;
    }

    to {
        bottom: 6%;
        opacity: 1;
    }
}

/* 首页技术平台 */
.bg {
    /* background: url(../img/51.jpg) no-repeat; */
    background-size: 100% 100%;
    z-index: -1;
}

.jishu_ti {
    text-align: center;
    color: #222222;
}

.jishu_ti>p:nth-of-type(1) {

    font-size: 2.75rem;
    font-weight: bold;
}

.jishu_lb {
    padding-top: 35px;
}

.jishu_lb .swiper-container {
    padding-bottom: 90px;
}

.jishu_lb .swiper-slide>div:nth-of-type(1) {
    overflow: hidden;
    position: relative;
}

.jishu_pa {
    position: absolute;
    width: 100%;
    left: -100%;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    background-color: #0096e0;
    opacity: 0.7;
    transition: 400ms ease-in-out;
}

.jishu_lb .swiper-slide:hover .jishu_pa {
    left: 0;
    transition: 400ms ease-in-out;
}

.jishu_pa::after {
    background: url(../img/14.png) no-repeat;
    background-size: 100% 100%;
    width: 85px;
    height: 85px;
    position: absolute;
    left: 50%;
    top: 50%;
    content: "";
    display: block;
    transform: translate(-50%, -50%);
}

.jishu {
    padding: 0 6%;
}

.jishu_size>a {
    color: #000000;
    font-size: 1.25rem;
    font-weight: 600;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    overflow: hidden;
    height: 25px;
    margin-bottom: 8px;
}

.jishu_size>p {
    color: #6b6b6b;
    font-size: 1.0625rem;
    line-height: 30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 60px;
}

.jishu_size {
    background: #fff;
    padding: 20px 30px;
}

.jishu_lb {
    position: relative;

}

.jishu_lb .iconfont {
    color: #003d8a;
    font-size: 2.1875rem;
}

.jishu_lb .swiper-button-next {
    right: 43%;
}

.jishu_lb .swiper-button-prev {
    left: 45%;
}

.jishu_lb .swiper-button-next,
.jishu_lb .swiper-button-prev {
    background: none;
    /* opacity: 1; */
    /* position: sticky; */
    /* display: inline-block; */
    margin: 0 35px;
    /* margin-top: 35px; */
    text-align: center;
    width: auto;
    height: auto;
    bottom: 0;
    top: auto;
    margin: 0 auto;
    float: left;
}

.research_wid .fr {
    width: 35%;
}

.research_wid .fr a {
    display: block;
    box-shadow: 19.151px 16.07px 60px 0px rgba(0, 0, 0, 0.3);
}

.research_size {
    width: 50%;
}

.research_size .jishu_ti {
    text-align: left;
    color: #fff;
}

.research_size .jishu_ti>p:nth-of-type(2) {
    font-size: 1.0625rem;
    line-height: 30px;
    margin-top: 15px;
}

.research {
    padding-top: 2%;
}

.research_ul_span span {
    width: 60px;
    height: 60px;
    line-height: 55px;
    text-align: center;
    border: 2px solid #fff;
    border-radius: 50%;
    display: inline-block;
}
.research_ul_span .iconfont{
    color: #fff;
    font-size: 1.45rem;
}
.research_ul_span {
    width: 20%;
    float: left;
}

.research_ul li {
    width: 50%;
    float: left;
    margin-top: 45px;
}

.research_ul li .fr {
    color: #fff;
    font-size: 1.1875rem;
    line-height: 60px;
    width: 76%;
}

.research_size {
    padding-top: 60px;
	margin-left:10%;
}

.research_ul {
    margin-top: 20px;
}

.commodity_div {
    margin-top: 40px;
    background: #fff;
}

.commodity_ul li {
    float: left;
    width: 20%;
    line-height: 82px;
    color: #fff;
    font-size: 1.0625rem;
    background: #4cbbec;
    text-align: center;
    cursor: pointer;
    border-left: 1px solid #fff;
}

.commodity_ul li:nth-of-type(1) {
    border-left: none;
}

.commodity_butt>a {
    width: 38%;
    float: left;
    display: block;
}

.commodity_butt {
    padding: 25px;
}

.commodity_butt_fr {
    width: 58%;
    float: right;
}

.commodity_butt_fr>a:nth-of-type(1) {
    display: block;
    color: #000;
    font-size: 1.25rem;
    font-weight: 600;
}

.commodity_butt_fr>p:nth-of-type(1) {
    color: #6b6b6b;
    font-size: 1.0625rem;
    line-height: 30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    overflow: hidden;
    margin: 18px 0 55px 0;
    height: 120px;
}

.cli_a {
    color: #003d8a;
    font-size: 1.0625rem;
    border: 1px solid #003d8a;
    border-radius: 35px;
    line-height: 45px;
    padding: 0 35px;
    display: inline-block;
}

.commodity_dis>div {
    display: none;
}

.commodity_ul li.active {
    color: #000;
    background: #fff;
    font-weight: bold;
}

.news .jishu_ti {
    color: #fff;
}

.news_wid {
    margin-top: 35px;
}

.news_wid>div:nth-of-type(1) {
    width: 47%;
    float: left;
}

.news_ul {
    width: 47%;
    float: right;
}

.news_pa {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    color: #fff;
    font-size: 1.1875rem;
    display: block;
    background-image: -webkit-linear-gradient(bottom, #010000, #1a100f24, rgba(255, 255, 255, 0));
    
}

.news_pa:hover {
    color: #0096e0;
}
.news_pa p span{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    overflow: hidden;
    height: 27px;
}
.news_pa p {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0 0 28px 38px;
    
}

.Journalism_span {
    position: absolute;
    left: 0;
    top: 0;
    background: #009de1;
    color: #fff;
    width: 92px;
    height: 92px;
    padding-top: 6px;
    font-size: .9375rem;
    text-align: center;
}

.Journalism_span span {
    font-size: 2.0625rem;
    line-height: 50px;
    display: block;
}

.Journalism_bor {
    width: 100%;
    padding: 28px 25px;
    border-bottom: 1px solid #c4e0f0;
    color: #fff;
}

.Journalism_qi {
    width: 18%;
    float: left;
    text-align: center;
}

.Journalism_qi p:nth-of-type(1) {
    font-size: 2.3125rem;
    font-family: 'BodoniBT-Bold';
    line-height: 1.115;
}

.Journalism_qi p:nth-of-type(2) {
    font-size: .9375rem;
}


.Journalism_rig_size {
    width: 82%;
    float: left;
}

.Journalism_rig_size p {
    font-size: 1.0625rem;
    line-height: 1.938;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    overflow: hidden;
    height: 32px;
}

.Journalism_rig_size a {
    color: #fff;
    /* font-weight: 300; */
    font-size: 1.1875rem;
    padding-bottom: 0px;
    line-height: 1.947;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.Journalism_bor.active .Journalism_rig_size a,
.Journalism_bor:hover .Journalism_rig_size a {
    color: #000;

}

.Journalism_bor.active,
.Journalism_bor:hover {
    color: #0096e0;
    background-color: rgba(255, 255, 255, 0.6);
}

.Journalism_bor.active .Journalism_qi>p:nth-of-type(1),
.Journalism_bor:hover .Journalism_qi>p:nth-of-type(1) {
    color: #0096e0;
}

.news_wid_dis>div {
    display: none;
}

.news_wid {
    margin-bottom: 50px;
}

.news_ta a {
    color: #fff;
    border: 1px solid #fff;
}

.apply_wid .jishu_ti {
    color: #000;
    text-align: left;
}

.apply_wid .jishu_ti>p:nth-of-type(2) {
    font-size: 1.0625rem;
    line-height: 30px;
    margin-top: 15px;
}

.apply_wid_dis {
    width: 44%;
}

.apply_wid_dis>div {
    display: none;
}

.apply_wid_size {
    width: 44%;
}

.apply_wid_ul {
    margin: 60px 0 55px 0;
}

.apply_wid_ul li {
    width: 25%;
    float: left;
    color: #0096e0;
    font-size: 1.25rem;
    text-align: center;

    cursor: pointer;
}

/* .apply_wid_ul li.active{
    font-weight: bold;
} */
.apply_wid_ul li .iconfont {
    font-size: 2rem;
}

.apply_wid_butt>a {
    color: #fff;
    font-size: 1.25rem;
    line-height: 25px;
    margin-bottom: 18px;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.apply_wid_butt>p {
    font-size: 1.0625rem;
    line-height: 35px;
    color: #fff;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.apply_wid_fr {
    background-image: -moz-linear-gradient(-37deg, rgb(0, 45, 123) 0%, rgb(0, 150, 224) 100%);
    background-image: -webkit-linear-gradient(-37deg, rgb(0, 45, 123) 0%, rgb(0, 150, 224) 100%);
    background-image: -ms-linear-gradient(-37deg, rgb(0, 45, 123) 0%, rgb(0, 150, 224) 100%);
    box-shadow: 19.151px 16.07px 60px 0px rgba(0, 0, 0, 0.3);
}

.apply_wid_butt {
    padding: 30px 120px 30px 35px;
}

.apply_wid_a {
    position: absolute;
    right: 8%;
    top: 50%;
    transform: translateY(-50%);
}

.apply {
    padding-top: 3%;
}

.footer_ul ul:nth-of-type(1),
.footer_ul ul:nth-of-type(2),
.footer_ul ul:nth-of-type(3),
.footer_ul ul:nth-of-type(5),
.footer_ul ul:nth-of-type(4) {
    margin-bottom: 40px;
}
.footer_ul ul li a{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    overflow: hidden;
    height: 35px;
}
.footer_size {
    margin: 32px 0 25px 0;
}

.footer_ul {
    padding-top: 4%;
}

.apply_wid_fr>a {
    display: block;
    overflow: hidden;
}
.process_tc_sc button:hover{
    box-shadow: inset 0 0 0 1.5rem #003d8a;
    color: #fff;
    transition: 400ms ease-in-out;
    -moz-transition: 400ms ease-in-out;
    -webkit-transition: 400ms ease-in-out;
    -o-transition: 400ms ease-in-out;
}
.recruit_bott a:hover,
.message_butt div button:hover,
.cli_a:hover {
    box-shadow: inset 0 0 0 2rem #003d8a;
    border: 1px solid #003d8a !important;
    color: #fff;
    transition: 400ms ease-in-out;
    -moz-transition: 400ms ease-in-out;
    -webkit-transition: 400ms ease-in-out;
    -o-transition: 400ms ease-in-out;
}
.product_a:hover{
    box-shadow: inset 0 0 0 2rem #009de1;
    border: 1px solid #009de1 !important;
    color: #fff;
    transition: 400ms ease-in-out;
    -moz-transition: 400ms ease-in-out;
    -webkit-transition: 400ms ease-in-out;
    -o-transition: 400ms ease-in-out;
}
.jishu_lb .swiper-slide:hover .jishu_size>a {
    color: #009de1;
}



.apply_wid_fr>a img,
.research_ul li:hover .research_ul_span span {
    transform: rotateY(360deg);
    transition: 400ms ease-in-out;
}

.commodity_butt:hover .commodity_butt_fr>a:nth-of-type(1) {
    color: #003d8a;
}

.footer_ul ul li a:hover,
.apply_wid_fr:hover .apply_wid_butt>a {
    color: #009de1;
}

#dowebok .section.active .jishu_ti>p:nth-of-type(1),
#dowebok .section.active .banner_size>p:nth-of-type(1) {
    animation: fadeInDown 2s;
    -moz-animation: fadeInDown 2s;
    -webkit-animation: fadeInDown 2s;
    -o-animation: fadeInDown 2s;
}
#dowebok .section.active .banner_size>.news_ta,
#dowebok .section.active .footer .container,
#dowebok .section.active .apply_wid,
#dowebok .section.active .news,
#dowebok .section.active .commodity_div,
#dowebok .section.active .research_wid,
#dowebok .section.active .jishu_lb,
#dowebok .section.active .banner_size>p:nth-of-type(2),
#dowebok .section.active .banner_size>p:nth-of-type(3) {
    animation: fadeInUp 1.5s;
    -moz-animation: fadeInUp 1.5s;
    -webkit-animation: fadeInUp 1.5s;
    -o-animation: fadeInUp 1.5s;
}

.services_prpc {
    display: block;
    margin: 0 auto;
}

.services_phone {
    display: none;
}
.platform_ul li>a:nth-of-type(1){
    font-size: .875rem;
}
@media(max-width:1850px) {
    .platform_ul{
        left: 1%;
    }
    .details .container {
        width: 1000px;
    }
    .details_div {
        left: 1%;
    }
}
@media(max-width:1600px) {
    /* .banner_index {
        left: 43%;

    } */
    .daohang {
        padding: 0 40px;
    }

    .bigImg {
        width: 39%;
    }
    .platform_ul {
        width: 194px;
    }
    .platform_ul li>a:nth-of-type(1){
        display: -webkit-box;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
    .platform_ul li{
        padding: 10px;
    }
    .platform_ul li>a:nth-of-type(2) {
        margin-top: 7px;
    }
    .apply_wid_fr>a img{
        height: 300px;
    }
}
{
    .platform_ul {
        width: 118px;
    }
    .platform_ul li>a span {
        width: 18px;
        height: 20px;
        line-height: 18px
    }
    .platform_ul li {
        padding: 5px;
    }
}
 {
    .bigImg {
        width: 43%;
    }
    .searchbox {
        width: 69%;
        right: 8.8%;
        top: 4%;
    }
    .daohang {
        line-height: 80px;
    }
    .product_series.active {
        margin-top: 80px;
    }
    .product_series_top {
        height: 50px;
        line-height: 50px;
    }
    .daohang_ul>li>a::after {
        bottom: 12px;
    }
    @media (min-width: 1200px) {

        .details .container,
        .platform .container {
            width: 1000px;
        }
    }
    .platform_ul {
        left: 2% !important;
        /* top: 540px !important; */
        width: 180px !important;
    }

    .platform_ul li>a:nth-of-type(1) {
        /* display: -webkit-box;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        overflow: hidden; */
    }

    .platform_yqsb_ul>li {
        margin: 10px 11px;
    }

    .platform_yqsb_ul {
        height: 495px;
    }

    .details_div {
        left: 2%;
        width: 180px;
    }

    .details_ul li a {
        margin-right: 0;
    }

    .services {
        padding: 90px 0;
    }

    .footer {
        padding: 80px 0 0 0;
    }

    .footer_ul ul:nth-of-type(1),
    .footer_ul ul:nth-of-type(2),
    .footer_ul ul:nth-of-type(3),
    .footer_ul ul:nth-of-type(5),
    .footer_ul ul:nth-of-type(4) {
        margin-bottom: 0px;
    }

    .footer_size {
        margin: 15px 0 15px 0;
    }

    .footer_size {
        line-height: 16px;
    }

    .footer_butt {
        line-height: 82px;
    }
    .research_wid .fr {
        width: 35%;
    }
    .commodity_ul li {
        line-height: 60px;
    }
    .commodity_div {
        margin-top: 25px;
    
    }
    .commodity_butt>a {
        width: 35%;

    }
    .news_wid{
        margin: 25px 0;
    }
    .news_wid>div:nth-of-type(1){
        width: 45%;
    }
    .apply_wid_dis {
        width: 39%;
    }
    .daohang_sd span:nth-of-type(2) {
        margin-left: 15px;
    }
    .daohang_ul>li {
        margin: 0 11px;
    }
    .banner_size>p:nth-of-type(2),
.banner_size>p:nth-of-type(3)	{
        font-size: 1.6rem;
    }

    .banner_size {
        font-size: 2.4rem;
    }
    .banner .news_ta .cli_a {
        font-size: 1rem;
        line-height: 40px;
        padding: 0 28px;
    }
}

 {
	
	.footer_ul ul:nth-of-type(1), .footer_ul ul:nth-of-type(2), .footer_ul ul:nth-of-type(3), .footer_ul ul:nth-of-type(5), .footer_ul ul:nth-of-type(4) {

    height: 240px;
}
	
	.footer_butt {
    line-height: 50px;
}

.footer_ul ul li a {

    height: 30px;
}

.footer_ul ul li, .footer_ul ul li a {

    line-height: 30px;
}

.footer_img img{
	width:138px;
}

.footer_size {
    font-size: 1.05rem;
}
	.news_wid>div:nth-of-type(1) {
    width: 35%
}

.news_ul {
    width: 63%;
}
	
	.Journalism_bor {
    padding:18px;
}
	
	.cli_a {

    line-height: 34px;
}
	
	
	.commodity_butt>a{
		width: 26%;
	}
	
	.commodity_butt_fr {
    width: 70%;
}
	
	.jishu_lb .swiper-container 
	{
			padding-bottom: 45px;
	}
		
	.jishu {
		padding-top:45px;
	}
	
    html {
        font-size: 14px;
    }

    .daohang_div>a {
        margin: 0 10px;
        padding: 0 10px;
    }

    .daohang_ul>li {
        margin: 0 15px;
    }

    .picture_a {
        margin: 8px 0 15px 0;
    }

    .product_ul li {
        margin-top: 25px;
    }

    .product_ej a {
        line-height: 40px;
        margin-right: 25px;
    }

    .product_a {
        line-height: 40px;
        padding: 0 30px;
        border-radius: 35px;
    }

    .product {
        padding: 45px 0 70px 0;
    }

    .daohang {
        line-height: 95px;
    }

    body {
        padding-top: 96px;
    }

    .searchbox {
        /* top: 96px; */
    }

    /* .daohang_ul>li {
        margin: 0 4px;
    } */
    .daohang_sd span:nth-of-type(2) {
        margin-left: 10px;
    }

    .daohang {
        padding: 0 25px;
    }

    .product_a {
        line-height: 35px;
        padding: 0 25px;
        margin: 10px 0 0 0;
    }
    .product_ej{
        margin-top: 15px;
    }
    .product_li .product_fr p {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

    .footer {
        padding: 0px 0 0 0;
    }

    .productfl_frul>li a {
        font-size: 1rem;
        line-height: 26px;
        text-align: center;
        padding: 10px;
    }

    .bigImg {
        width: 46%;
    }

    .sociology_ul li>div:nth-of-type(1) {
        margin-top: 30px;
    }

    .platform_ul li {
        padding: 10px 5px;
    }

    .platform_ul {
        width: 150px !important;
    }

    .platform_ul li>a .iconfont {
        font-size: 14px;
    }

    .details_div {
        left: 0.5%;
        width: 170px;
        top: 600px;
    }

    /* .banner_size {
        font-size: 4rem;
    } */

    .research_wid .fr {
        width: 35%;
    }

	.research_wid .fr img{
		 margin-top:20px;
		 border-radius:10px;
	}
	
    .commodity_ul li {
        line-height: 60px;
    }

    .commodity_butt {
        padding: 15px;
    }

    .commodity_div {
        margin-top: 20px;
    }

    .news_wid {
        margin-bottom: 17px;
        margin-top: 20px;
    }

    .apply_wid_dis {
        width: 40%;
    }

    .apply_wid_butt>p {
        line-height: 26px;
    }

    .apply_wid_butt>a {
        margin-bottom: 10px;
    }

    .apply_wid_butt {
        padding: 15px 100px 15px 20px;
    }

    .section .footer {
        padding-top: 84px;
    }
    .footer_ul ul {
        margin-left: 132px;
    }
    .services_prsize {
        top: 10%;
    }
}

@media(max-width:1280px) {
    .banner_size{
        line-height: 45px;
    }
    .platform_ul {
        left: 1% !important;
    }
    .platform_ul {
        width: 125px !important;
    }
    .platform_ul li>a:nth-of-type(1) {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }
    .bigImg {
        width: 49%;
    }

    .culture_sm {
        margin-top: 35px;
    }

    .culture {
        padding: 60px 0 0 0;
    }

    .details_div {
        display: none;
    }

    .span1 {
        left: 14px;
    }

    .span2 {
        left: 10.5%;
    }

    .span3 {
        left: 48%;
        bottom: -53px;
    }

    .span4 {
        right: 10.5%;
    }

    .span5 {
        right: -15px;
    }

    .jishu {
        padding: 0 4%;
    }

    .index {
        padding-top: 96px;
    }
    .searchbox {
        width: 72%;
    }
}

 {
	.footer_ul ul {
		margin-left: 92px;
	}
}

@media(max-width:1080px) {
    .daohang_ul>li {
        margin: 0 9px;
    }
    .footer_ul ul {
        margin-left: 89px;
    }
}
@media(max-width:1024px) {
    .searchbox {
        right: 7.8%;
    }
    .daohang_div>a {
        margin: 0 10px;
        padding: 0 7px;
    }
    .daohang {
        padding: 0 15px;
    }
    .bigImg {
        width: 61.5%;
    }

    .daohang_ul>li {
        margin: 0 5px;
    }

    .sociology_size p {
        margin-bottom: 15px;
    }

    .message_inp>div:nth-of-type(1) {
        font-size: 1rem;
    }

    .contact_ul li {
        margin-left: 19px;
    }

    .technology_size>p {
        color: #6b6b6b;
        font-size: 1.0625rem;
        line-height: 26px;
        margin: 10px 0 35px 0;
        height: 50px;
    }

    .technology_size>a:nth-of-type(2) {
        line-height: 40px;
        padding: 0 30px;
    }

    .technology_ul {
        margin-top: 0px;
    }

    .platform_ul {
        width: 100% !important;
        top: 0% !important;
        left: 0 !important;
        z-index: 22 !important;
        position: relative !important;
    }

    .platform_ul li {
        width: 16.666666%;
        float: left;
        border-radius: 0;
        box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.29);


    }

    .platform_ul li>a:nth-of-type(2) {
        display: none;
    }

    .platform_ul li>a:nth-of-type(1) {
        width: 100%;
        line-height: 35px;
    }

    .platform_yqsb_ul {
        height: 478px;
    }

    .recruit_quan {
        line-height: 55px;
    }

    .welfare_wid_fr p {
        line-height: 30px;
        margin-top: 28px;
    }

    .welfare_wid_fr p:nth-of-type(1) {
        margin-top: 15px;
    }

    .recruit_div_ul li {
        width: 17.5%;
    }

    .recruit_div_ul {
        height: 260px;
    }

    .recruit_div {
        margin-bottom: 0;
    }

    .details_gj {
        padding: 20px 0;
        margin-bottom: 15px;
    }

    .banner_size {
        font-size: 2.5rem;
        line-height: 43px;
    }

    .banner_size>p:nth-of-type(2) {
        font-size: 1.8rem;
    }

    .banner_xh {
        display: none;
    }

    .banner .banner_xh {
        display: block;
    }

    .banner_xh img {
        width: 50px;
    }

    .jishu {
        padding: 55px 3%;
    }

    .jishu_lb .swiper-container {
        padding-bottom: 70px;
    }

    .research_wid .fr {
        width: 40%;
    }

    .apply,
    .research,
    .news,
    .commodity {
        padding: 55px 0;
    }

    .section .footer {
        padding-top: 0;
    }
    .footer_ul ul {
        margin-left: 92px;
    }
    .daohang>.fl{
        width:13%;
    }
}

@media(max-width:990px) {
	 .details .container {
        width: 100%;
    }
	
	.details blockquote{
		 margin:0px 10px !important;
		font-size: 14px;
	}
	
    .searchbox{
        right: 11.8%;
        width: 87%;
        top: 1.3%;
    }
    .searchbox {
        /* top: 79px; */
    }
    .daohang {
        display: none;
    }

    .product_tit {
        font-size: 1.775rem;
    }

    .product_ej a {
        line-height: 30px;
        margin-right: 10px;
        margin-top: 10px;
        font-size: 1rem;
    }

    .phone .fl a img {
        width: 120px;
    }

    body {
        padding-top: 80px;
    }

    .picture_size>p:nth-of-type(2) {
        font-size: 1.475rem;
    }

    .picture_a {
        margin: 3px 0 8px 0;
    }

    .product_zk {
        margin-top: 15px;
        padding: 15px;
    }

    .productfl_sou>div {
        line-height: 45px;
        height: 45px;
    }
    .productfl_sou input{
        height: 45px;
    }

    .productfl .productfl_flul {
        padding: 10px 15px;
    }

    .productfl_mz {
        padding-left: 15px;
    }

    .productfl_flts div a {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }

    .productfl_mz {
        line-height: 50px;
        background-size: cover;
    }
    .pro-xq .productfl_sou{
        margin-bottom: 15px;
    }
    .pro-xqdiv_fr {
        width: 70%;
        line-height: 25px;
        padding: 10px 9px;
    }

    .pro-xq_lbsize a {
        color: #5f5f5f;
        line-height: 28px;
    }

    .pro-xqqt {
        line-height: 45px;
    }

    .second {
        line-height: 45px;
    }

    .course_ul li:nth-of-type(odd)>.course_div>div:nth-of-type(1),
    .course_ul li:nth-of-type(odd)>.course_div>div:nth-of-type(2) {
        width: 80%;
        float: right;
    }

    .course_ul li:nth-of-type(even)>.course_div>div:nth-of-type(1),
    .course_ul li:nth-of-type(even)>.course_div>div:nth-of-type(2) {
        width: 80%;
        float: right;
    }

    .course_ul li>.course_div>div img {
        width: 100%;
    }

    .course_ul::after {
        left: 9%;
        transform: translateX(0);
    }

    .course_div>div:nth-of-type(1) {
        margin-bottom: 25px;
    }

    .course_li>div:nth-of-type(1) {
        text-align: left;
        margin: 20px;
        margin-left: 25px;

    }

    .course_ul li:nth-of-type(even)>.course_div>div:nth-of-type(1)::after,
    .course_ul li:nth-of-type(odd)>.course_div>div:nth-of-type(1)::after {
        right: auto;
        left: -92px;
        top: auto;
        bottom: -55px;
    }

    .course_ul li:nth-of-type(even)>.course_div>div:nth-of-type(2)::before {
        border-bottom: 10px solid transparent;
        border-top: 10px solid transparent;
        border-right: 22px solid #efefef;
        border-left: 0 solid #efefef;
        top: 10%;
        left: -22px;
        right: auto;
    }

    .course_ul li:nth-of-type(even)>.course_div>div:nth-of-type(2)::after {
        border-bottom: 8px solid transparent;
        border-top: 8px solid transparent;
        border-right: 18px solid #ffffff;
        border-left: 0 solid #ffffff;
        top: 10.1%;
        left: -18px;
        right: auto;
    }

    .course_div>div:nth-of-type(2) {
        padding: 15px;
        line-height: 30px;
    }

    .course_li>div:nth-of-type(2) p::after {
        top: 13px;
    }

    .course_ul {
        height: 1400px;
        margin-top: 20px;
    }

    .project {
        padding: 0px 0 60px 0;
    }

    .honor_lb {
        margin-top: 35px;
    }

    .bigImg {
        width: 81.5%;
    }

    .i_close {
        padding: 13px;
    }

    .bigImg .smallPrev img,
    .bigImg .smallNext img {
        padding: 12px;
        /* height: 28px; */
    }

    .detailInfoLeft_small {
        right: 14px;
    }

    .sociology_ul {
        margin-top: 0px;
    }

    .culture_sm2 .culture_sm_div {
        font-size: 1.2rem;
        line-height: 26px;
    }

    .culture_jzg_size {
        margin-top: 10px;
        line-height: 26px;
        padding-bottom: 15px;
    }

    .culture_jy {
        padding: 45px 0 80px 0;
    }

    .culture_p {
        margin-bottom: 15px;
    }

    .culture_sm_div {
        font-size: 1.4rem;
    }

    .contact_ul li {
        width: 48.5%;
        margin-left: 0;
        margin-bottom: 15px;
    }

    .contact_ul li:nth-of-type(even) {
        margin-left: 15px;
    }

    .message_inp>div:nth-of-type(1) {
        font-size: 0.8rem;
        width: 28%;
        line-height: 45px;
    }

    .message_er>div input,
    .message_inp>div input {
        line-height: 45px;
        height: 45px;
    }

    .message_text div:nth-of-type(2),
    .message_er>div:nth-of-type(2) {
        width: 87.5%;
    }

    .message_er>div:nth-of-type(1) {
        width: 11.5%;
    }

    .message_text div:nth-of-type(1) {
        width: 11.5%;
    }

    .message_butt div:nth-of-type(2) {
        font-size: 1rem;
    }

    .message_butt div button {
        font-size: 1rem;
        line-height: 45px;
        padding: 0 45px;
    }

    .message_butt div:nth-of-type(1) {
        margin-right: 25px;
    }

    .message_butt {
        margin-top: 22px;
        width: 90.5%;
    }

    .platform_yqsb_ul>li {
        width: 30.51%;
    }

    .platform_yqsb_ul {
        height: 370px;
        margin: 30px 0 25px 0;
    }

    .platform_tscp_lb {
        margin-top: 35px;
    }

    .platform_tscp_size {
        margin-top: 15px;
    }

    .platform_tscp_lb .swiper-pagination {
        margin-top: 15px;
    }

    .platform_lb_span {
        width: 70px;
        height: 70px;
        line-height: 70px;

    }

    .promotion_fz {
        padding: 35px 0 30px 0;
    }

    .promotion {
        padding: 75px 0 0px 0;
    }

    .recruit_bott {
        background: #f8f8f8;
        padding: 20px 20px;
        line-height: 28px;
    }

    .recruit_bott a {
        line-height: 40px;
        margin-top: 0px;
    }

    .welfare_wid>div {
        width: 100%;
    }

    .welfare_wid_fr {
        padding-left: 0px;
        margin-top: 25px;
    }

    .welfare_wid {
        padding: 25px 0 55px 0;
    }

    .recruit_div_ul li {
        width: 17%;
    }

    .recruit_div_ul {
        height: 221px;
    }

    .course_cli span {
        line-height: 38px;
        padding: 0 28px;
    }

    .typical {
        padding: 0 0 90px 0;
    }

    .second_ul li a {
        font-size: 1rem;
    }

    .education_div {
        line-height: 28px;
        padding: 15px 20px;
        width: 58%;
    }

    .Journalism_ul li {
        padding: 25px 110px 25px 15px;
    }

    .services_pr {
        width: 700px;
    }

    .services_primg img {
        width: 390px;
    }

    .servdz_wid {
        padding-top: 30px;
    }

    .servdz {
        background: #fafafa;
        padding: 50px 0;
    }

    .servyj_div>div:nth-of-type(2) {
        font-size: 1rem;
        line-height: 26px;
        padding-top: 15px;
    }

    .banner_size {
        font-size: 2rem;
        line-height: 42px;
    }

    .banner_size>p:nth-of-type(2),
    .banner_size>p:nth-of-type(3) 	{
        font-size: 1.5rem;
        line-height: 32px;
    }

    .banner_xh img {
        width: 40px;
    }

    .jishu_size {
        background: #fff;
        padding: 15px;
    }

    .jishu_pa::after {
        width: 65px;
        height: 65px;
    }

    .research_ul_span span {
        width: 50px;
        height: 50px;
        line-height: 45px
    }

    .research_ul_span span img {
        width: 20px;
    }

    .research_ul li .fr {
        font-size: 1rem;
    }

    .research_size {
        padding-top: 0;
        width: 55%;
    }

    .research_ul li {
       //** margin-bottom: 8px; **/
    }

    .Journalism_bor {
        padding: 15px 0;
    }

    .news_ul {
        width: 48%;
    }

    .Journalism_rig_size p {
        line-height: 1.538;
    }

    .cli_a {
        font-size: 1rem;
        line-height: 40px;
        padding: 0 30px;
    }

    .news_pa p {
        padding: 0 0 15px 10px;
    }

    .apply_wid_ul {
        margin: 20px 0;
    }

    .apply_wid_ul li {
        font-size: 1rem;
    }

    .apply_wid_butt>a {
        margin-bottom: 5px;
    }

    .index {
        padding-top: 70px;
    }
}

@media(max-width:767px) {
    .picture_a {
        display: none;
    }

    .picture_size>p:nth-of-type(2) {
        display: none;
    }

    .picture_por {
        width: auto;
        left: 10%;
    }

    .phone .fl a img {
        width: 90px;
    }

    .color_dao {
        line-height: 42px;
    }

    body {
        padding: 65px 0 55px 0;
    }

    .product_div>div:nth-of-type(1),
    .product_div>a {
        width: 100%;
    }

    .product_ul li {
        margin-top: 15px;
    }

    .product_ul li:nth-of-type(1) {
        margin-top: 0;
    }

    .product {
        padding: 35px 15px;
    }

    .product_ej a {
        width: calc(33% - 10px);
    }

    .product_ej a:nth-of-type(4) {
        margin-top: 10px;
    }

    .product_div>div:nth-of-type(1) {
        margin-top: 15px;
    }

    .product_a {
        font-size: 1rem;
    }

    .productfl .row .row {
        margin: 0;
    }

    .productfl {
        padding: 35px 0;
    }

    .productfl_js {
        line-height: 28px;
        margin-top: 25px;
    }

    .productfl_frul>li {
        width: 50%;
    }

    .productfl_sou {
        margin-top: 15px;
    }

    .pro-xq {
        padding: 35px 15px;
    }

    .pro-xqfd>div:nth-of-type(1) {
        width: 100%;
    }

    .pro-xqdiv_fr {
        width: 100%;
    }

    .pro-xqdiv>p {
        line-height: 45px;
        padding-left: 15px;
    }

    .pro-xqdiv_fr .col-xs-12 {
        padding: 0;
    }

    .pro-xqdiv_fr {
        padding: 15px;
        line-height: 28px;
        border-top: 1px solid #eaeaea;
    }

    .pro-xqfx {
        padding: 0 10px 0 9px;
    }

    .pro-xqfx .fr a {
        margin-left: 10px;
    }

    .pro-xqqiul {
        padding: 10px 15px;
    }

    .second {
        display: none;
    }

    .brief_zi>p {
        font-size: 2rem;
    }

    .brief {
        padding: 35px 15px;
    }

    .brief_size .fl {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .brief_size {
        margin: 25px 0;
    }

    .brief_size {
        font-size: 1rem;
        line-height: 28px;
    }

    .brief_a a img {
        width: 45px;
    }

    .brief_a a {
        font-size: 1rem;
    }

    .course {
        padding: 35px 15px;
    }

    .course_ul::after {
        left: 3%;
    }

    .course_ul li:nth-of-type(even)>.course_div>div:nth-of-type(1),
    .course_ul li:nth-of-type(even)>.course_div>div:nth-of-type(2),
    .course_ul li:nth-of-type(odd)>.course_div>div:nth-of-type(1),
    .course_ul li:nth-of-type(odd)>.course_div>div:nth-of-type(2) {
        width: 85%;
    }

    .course_li>div:nth-of-type(1) {
        text-align: left;
        margin: 20px 0 20px 0;
    }

    .course_ul li:nth-of-type(even)>.course_div>div:nth-of-type(1)::after,
    .course_ul li:nth-of-type(odd)>.course_div>div:nth-of-type(1)::after {
        right: auto;
        left: -50px;
        top: auto;
        bottom: -67px;
    }

    .course_ul {
        height: 1380px;
    }

    .honor {
        padding: 35px 15px;
    }

    .honor_lb {
        padding: 0 28px;
    }

    .honor_lb .swiper-button-next {
        right: 0;
    }

    .detailInfoLeft_small {
        right: -35px;
        top: 32%;
    }

    .big_bigImgWrap {
        width: 100%;
        top: 32%;
        left: 0%;
        right: 0%;
        bottom: 31%;
    }

    .bigImg {
        width: 67.5%;
    }

    .i_close {
        padding: 7px;
    }

    .bigImg .smallPrev img,
    .bigImg .smallNext img {
        padding: 7px;
        width: 28px;
    }

    .hongg_ta {
        font-size: 1rem;
        line-height: 40px;
        padding-left: 10px;
    }

    .project {
        padding: 0px 15px 60px 15px;
    }

    .project_ul {
        margin-top: 25px;
    }

    .project_nian {
        margin-bottom: 15px;
    }

    .project_jie>div:nth-of-type(1) {
        width: 10%;
    }

    .project_jie>div:nth-of-type(2) {
        width: 89%;
    }

    .project_jie>div:nth-of-type(2) {
        padding: 10px;
        line-height: 28px;
    }

    .project_ul {
        height: 1485px;
    }

    .course_cli {
        margin-top: 30px;
    }

    .sociology_ul li {
        padding: 15px 0;
    }

    .sociology {
        padding: 35px 15px;
    }

    .sociology_ul li:nth-of-type(even)>div:nth-of-type(2),
    .sociology_ul li:nth-of-type(even)>div:nth-of-type(1),
    .sociology_ul li:nth-of-type(odd)>div:nth-of-type(1),
    .sociology_ul li:nth-of-type(odd)>div:nth-of-type(2) {
        width: 100%;
    }

    .sociology_size p {
        font-size: 1.675rem;
        margin-bottom: 8px;
        margin-top: 15px;
    }

    .sociology_ul li>div:nth-of-type(1) {
        margin-top: 0px;
    }

    .sociology_wz {
        line-height: 26px;
        margin-top: 15px;
    }

    .culture_sm_div {
        display: none;
    }

    .culture {
        padding: 35px 15px;
    }

    .culture_p {
        font-size: 1.475rem;
    }

    .culture_sm_p {
        font-size: 1.275rem;
    }

    .culture_sm {
        margin-top: 15px;
    }

    .contact {
        padding: 35px 15px;
    }

    .contact_ul li {
        width: 100%;
    }

    .contact_ul li:nth-of-type(even) {
        margin-left: 0;
    }

    .contact_ul li div:nth-of-type(2) {
        line-height: 28px;
        margin-top: 15px;
    }

    .contact_ul {
        padding-bottom: 35px;
    }

    .contact_dt {
        padding: 35px 0 35px 0;
    }

    .contact_dtwz {
        font-size: 1rem;
        line-height: 24px;
    }

    .message {
        padding: 0px 15px 35px 15px;
    }

    .message_size p:nth-of-type(1) {
        padding-bottom: 10px;
    }

    .message_inp>div:nth-of-type(1) {
        width: 100%;
        text-align: left;
    }

    .message_butt,
    .message_text div:nth-of-type(2),
    .message_er>div:nth-of-type(2),
    .message_inp>div:nth-of-type(2) {
        width: 100%;
    }

    .message_text div:nth-of-type(1),
    .message_er>div:nth-of-type(1) {
        width: 100%;
        text-align: left;
    }

    .message_butt div:nth-of-type(2) {
        line-height: 25px;
        margin-top: 15px;
    }

    .message_inp:nth-child(1),
    .message_inp:nth-child(2),
    .message_inp:nth-child(4),
    .message_inp:nth-child(3) {
        margin-bottom: 10px;
    }

    .contact_ul {
        padding-bottom: 25px;
    }

    .technology {
        padding: 35px 15px;
    }

    .technology_ul li {
        padding: 15px 0;
    }

    .technology_ul li:nth-of-type(even)>a,
    .technology_ul li:nth-of-type(odd)>a {
        width: 100%;
    }

    .technology_ul li:nth-of-type(even)>div,
    .technology_ul li:nth-of-type(odd)>div {
        width: 100%;
    }

    .technology_size>p {
        margin: 10px 0 15px 0;
        height: 50px;
    }

    .technology_size {
        margin-top: 15px;
    }

    .technology_size>a:nth-of-type(1) {
        font-size: 1.3375rem;
    }

    .platform_ul li {
        margin-bottom: 0px;
        width: 50% !important;
        padding: 10px;
    }

    .platform_ul {
        padding: 0 15px;
    }

    .platform {
        padding: 35px 15px;
    }

    .platform_size>p {
        font-size: 1.7rem;
    }

    .platform_yqsb_ul>li {
        width: 47.5%;
        margin: 0;
        margin-bottom: 15px;
    }

    .platform_yqsb_ul>li:nth-of-type(odd) {
        margin-right: 15px;
    }

    .platform_yqsb .row {
        margin: 0;
    }

    .promotion {
        padding: 35px 15px 0px 15px;
    }

    .train {
        padding: 35px 15px;
    }

    .train_size {
        font-size: .9375rem;
        line-height: 26px;
        padding: 10px 0 0 15px;
    }

    .train_div {
        font-size: 1rem;
        line-height: 35px;
        padding: 0 25px;
        top: 0;
    }
    
    .train_lb {
        padding-bottom: 35px;
        margin-bottom: 35px;
    }

    .recruit {
        padding: 35px 15px;
    }

    .recruit .brief_zi {
        padding-bottom: 25px;
    }

    .joinus {
        padding: 0 15px 35px 15px;
    }

    .joinus_top_inp {
        line-height: 45px;
    }

    .joinus_top_inp button {
        width: 12%;
    }

    .joinus_top_inp input {
        width: 88%;
    }

    .joinus_fen .col-md-4 select {
        border-top: 1px solid #e5e5e5;
    }

    .joinus_fen .row .col-md-4:nth-child(1) select {
        border-top: none;
    }

    .welfare {
        padding: 35px 15px;
    }

    .welfare_wid_fr p::after {
        width: 10px;
        height: 10px;
    }

    .welfare_wid_fr p {
        padding-left: 20px;
    }

    .welfare_wid_fr p {
        line-height: 26px;
        margin-top: 15px;
    }

    .welfare_bor {
        padding-top: 35px;
    }

    .welfare_gz .fl {
        width: 100%;
    }

    .welfare_gz .fr {
        width: 100%;
    }

    .welfare_gz .fl img {
        border-right: 0px solid #dfdfdf;
    }

    .welfare_gz .fr {
        line-height: 26px;
        padding: 15px 0 0 15px;
        /* text-align: center; */
    }

    .recruit_pa {
        display: none;
    }

    .recruit_div_ul li {
        width: 47%;
        margin: 0;
    }

    .recruit_div_ul li:nth-of-type(odd) {
        margin-right: 15px;
    }

    .recruit_div.row {
        margin: 0;
        margin-top: 35px;
    }

    .course_cli span .iconfont {
        margin-right: 4px;
        font-size: 16px;
    }

    .course_cli span {
        line-height: 35px;
        padding: 0 25px;
    }

    .recruit_div_ul {
        height: 240px;
    }

    .process {
        padding: 35px 15px;
    }

    .joinus_xy {
        padding-top: 35px;
    }

    .education {
        margin-top: 25px;
    }

    .education>p {
        color: #626262;
        font-size: 1rem;
        line-height: 25px;
    }

    .typical {
        padding: 0 15px 35px 15px;
    }

    .details {
        padding: 35px 15px;
    }

    .details_top>p {
        font-size: 1.4rem;
        margin-bottom: 15px;
        line-height: 30px;
    }

    .details_top {
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

    .details_size .row .col-sm-6 {
        margin-bottom: 15px;
    }

    .touziz .details_a {
        margin-top: 25px;
    }

    .education_div {
        padding: 15px;
        width: 100%;
        position: sticky;
    }

    .Journalism_a {
        display: none;
    }

    .Journalism_ul li {
        padding: 15px;
    }

    .Journalism_img {
        max-width: 100%;
        width: 100%;
        float: left;
        margin-right: 0;
        overflow: hidden;
        position: relative;
        margin-bottom: 15px;
    }

    .services {
        padding: 35px 15px;
    }

    .services_pr {
        width: auto;
    }

    .services_prpc {
        display: none;
    }

    .services_phone {
        display: block;
    }

    .services_pr>div:nth-of-type(2) {
        display: none;
    }

    .services_primg img {
        width: 100%;
    }

    .services_size {
        line-height: 28px;
        margin-bottom: 15px;
    }

    .servdz_bt>p:nth-of-type(1) {
        font-size: 2.05rem;
    }

    .servdz_wid>div:nth-of-type(1),
    .servdz_wid>div:nth-of-type(2) {
        width: 100%;
    }

    .servdz_wid {
        padding-top: 20px;
    }

    .servdz {
        padding: 35px 15px;
    }

    .servdz_size {
        margin-top: 15px;
    }

    .servyj {
        padding: 35px 15px;
    }

    .servyj_div>div:nth-of-type(2) {
        width: 100%;
    }

    .servyj_div>div:nth-of-type(1) {
        width: 100%;
    }

    .servsc_wid {
        margin-top: 25px;
    }

    .servsc {
        padding: 35px 15px;
    }

    .servsc_wid>div:nth-of-type(1),
    .servsc_wid>div:nth-of-type(2) {
        width: 100%;
    }

    .servsc_size {
        margin-top: 15px;
    }

    .servsc_size ul {
        margin-top: 15px;
    }

    .servzc {
        padding: 35px 15px;
    }

    .servzc_lb {
        padding-top: 25px;
    }

    .index {
        padding-top: 50px;
    }

    .banner .swiper-button-prev,
    .banner .swiper-button-next,
    .banner .banner_xh {
        display: none;
    }

    .banner_size {
        font-size: 1.8rem;
        line-height: 25px;
    }

    .banner_size>p:nth-of-type(2) {
        font-size: 1.4rem;
    }

    .banner_size {
        left: 19%;
    }

    .banner_index {
        position: absolute;
        left: 22%;
        bottom: 8%;
        transform: translateX(0%);
    }
    
    .banner_index .swiper-pagination-bullet-active{
        width: 50px;
    }
    .banner_index .swiper-pagination-bullet::after {
        left: 36%;
    }
    .banner_index .swiper-pagination-bullet-active::after {
        width: 20px;
    }
    .jishu_ti>p:nth-of-type(1) {
        font-size: 2rem;
    }
    .jishu{
        padding: 35px 15px;
    }
    .jishu_lb {
        padding-top: 25px;
    }
    .jishu_lb .swiper-container {
        padding-bottom: 50px;
    }
    .jishu_lb .swiper-button-prev {
        left: 29%;
    }
    .jishu_lb .swiper-button-next {
        right: 27%;
    }
    .research{
        padding: 35px 15px;
    }
    .research_wid .fr,
    .research_size{
        width: 100%;
    }
    .research_size{
        margin-bottom: 15px;
        order: 1;
    }
    .research_wid .fr{
        order: 2;
    }
    .research_wid{
        height: auto;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        /* optional */
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
    }
    .research_ul_span span {
        width: 40px;
        height: 40px;
        line-height: 35px;
    }
  
    .research_ul li .fr {
        font-size: 0.8rem;
        line-height: 45px;
    }
    .research_ul_span span img {
        width: 17px;
    }
    .commodity_ul li{
        width: 50%;
        border-bottom: 1px solid #fff;
        border-left: none;
    }
    .commodity_ul{
        margin: 0 auto;
    }
    .commodity_ul li:nth-of-type(odd){
        border-right: 1px solid #fff;
    }
    .commodity{
        padding: 35px 15px;
    }
    .commodity_butt_fr,
    .commodity_butt>a{
        width: 100%;
    }
    .commodity_butt_fr>p:nth-of-type(1) {
        color: #6b6b6b;
        font-size: 1.0625rem;
        line-height: 26px;
        margin: 10px 0 15px 0;
        height: 110px;
    }
    .commodity_butt_fr{
        margin-top: 15px;
    }
    .news{
        padding: 35px 15px;
    }
    .news_ul,
    .news_wid>div:nth-of-type(1){
        width: 100%;
    }
    .Journalism_span {
        width: 75px;
        height: 75px;
        padding-top: 0px;
    }
    .apply_wid_dis{
        width: 100%;
        order: 2;
    }
    .apply_wid_size{
        width: 100%;
        order: 1;
        margin-bottom: 15px;
    }
    .apply_wid{
        height: auto;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        /* optional */
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
    }
    .apply{
        padding: 35px 15px;
    }
    .apply_wid_butt {
        padding: 15px 80px 15px 15px;
    }
    .apply_wid_a {
        right: 6%;
    }
    .commodity_ul li {
        line-height: 45px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }
    .searchbox {
        top: 64px;
    }

    .searchbox {
        right: 0;
        width:100%;
    }
    .cli_a {
        line-height: 32px;
        padding: 0 25px;
    }
    .culture_jy {
        padding: 35px 0;
    }
    .culture_jzg {
        margin-top: 15px;
    }
    .technology_size>a:nth-of-type(2) {
        line-height: 32px;
        padding: 0 25px;
    }
    .platform_ul{
        display: none;
    }
    .brief_zi>p {
        font-size: 1.8rem;
    }
    .recruit_col span:nth-of-type(5),
    .recruit_col span:nth-of-type(2),
    .recruit_top>span:nth-of-type(5),
    .recruit_top>span:nth-of-type(2){
        display: none;
    }
    .recruit_top>span,
    .recruit_col span {
        width: 25%;
    }
    .jishu_ti>p:nth-of-type(1) {
        font-size: 1.6rem;
    }
    .welfare_wid_fr p,
    .product_fr p,
    .technology_size>p,
    .message_size,
    .sociology_size,
    .jishu_size>p,
    .research_size .jishu_ti>p:nth-of-type(2),
    .commodity_butt_fr>p:nth-of-type(1),
    .news_pa,
    .Journalism_rig_size a,
    .apply_wid_butt>p {
        font-size: 1rem;
    }
    .Journalism_rig_size p {
        font-size: 1rem;
        line-height: 2;
    }
    .Journalism_qi p:nth-of-type(1) {
        font-size: 2rem;
    }
    .jishu_size>p{
        line-height: 25px;
        height: 45px;
    }
    .jishu_size {
        padding: 10px;
    }
    .jishu_size>a{
        font-size: 1.125rem;
    }
    .project_div>p {
        font-size: 1.475rem;
    }
    .message_size p:nth-of-type(1),
    .sociology_size p {
        font-size: 1.375rem;
    }
    .technology_size>a:nth-of-type(1){
        font-size: 1.2rem;
    }
    .product_tit {
        font-size: 1.475rem;
    }
    .Journalism {
        padding: 25px 0 35px 0;
    }
    .Journalism_size>a{
        font-size: 1.25rem;
    }
    .Journalism_size p,
    .Journalism_size .p{
        line-height: 26px;
    }
    .typical_ul li a{
        line-height: 45px;
    }
    .train_yg_butt .swiper-button-next,
.train_yg_butt .swiper-button-prev{
    width: 30px;
    height: 30px;
    line-height: 30px;
}
.train_yg .train_yg_butt .swiper-pagination-fraction {
    width: 50px;
    line-height: 30px;
    height: 30px;
}
.banner_size{
    width: 95%;
    left: 4%;
}
.banner_size {
    font-size: 1.2rem;
    letter-spacing: 0px;
}
.banner_size>p:nth-of-type(2),
.banner_size>p:nth-of-type(3) {
    font-size: 0.8rem;
	
}
}

.productsou{
    padding: 90px 0 70px 0;
}
.productsou_div_size{
    padding: 15px;
    color: #002977;
    font-size: 1.125rem;
    
}

.product_sou>li {
    width: 33.3%;
    float: left;
    border: 1px solid #eaeaea;
}

.product_sou>li a {
    display: block;
    color: #5f5f5f;
    font-size: 1rem;
    line-height: 30px;
    text-align: center;
    padding: 12px;
}
.product_sou>li:hover a{
    color: #0096e0;
}
.product_sou>li div {
    border-top: 1px solid #eaeaea;
}

.product_sou>li:hover div {
    border-top: 1px solid #fff;
}

.product_sou>li:hover {
    border: 1px solid #fff;
    background-color: rgb(255, 255, 255);
    box-shadow: 2.5px 4.33px 15px 0px rgba(0, 0, 0, 0.15);
}
@media(max-width:767px){
    .product_sou>li {
        width: 50%;
    }
}

.privacy{
    padding: 75px 0;
}
.spara{
    font-size: 1rem;
    line-height: 45px;
    color: #2f2f2f;
    text-indent: 2em;
}
.stit{
    color: #000;
    font-size: 1.1875rem;
    font-weight: bold;
}
.mt20{
    margin-top: 20px;
}
.privacy_ti{
    text-align: center;
    font-size: 1.75rem;
    color: #000;
    margin-bottom: 40px;
    font-weight: bold;
}
.souslist{
    padding: 75px 0;
}
.souslist_ul li{
    width: 23.6%;
    margin-left: 1.8%;
    margin-bottom: 35px;
    float: left;
    border: 1px solid #dbdbdb;
    text-align: center;
}
.souslist_ul li:nth-of-type(1),
.souslist_ul li:nth-of-type(5),
.souslist_ul li:nth-of-type(9),
.souslist_ul li:nth-of-type(13),
.souslist_ul li:nth-of-type(18),
.souslist_ul li:nth-of-type(23){
    margin-left: 0;
}
.souslist_ul li>a{
    display: block;
}
.souslist_size a{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    overflow: hidden;
   color: #414141;
   font-size: 1.0625rem;
}
.souslist_size{
    padding: 20px 15px;
}
@media(max-width:767px){
    .souslist{
        padding: 35px 15px;
    }
    .souslist_ul li{
        width: 47%;
        margin-left: 0;
        margin-bottom: 15px;
    }
    .souslist_ul li:nth-of-type(odd){
        margin-right: 4.5%;
    }
    .souslist_size{
        padding: 10px;
    }
    .privacy {
        padding: 35px 15px;
    }
    .spara{
        line-height: 30px;
    }
    .privacy_ti{
        font-size: 1.5rem;
        margin-bottom: 25px;
    }
    .services_prsize{
        display: none;
    }
    .footer_pr{
        display: none;
    }
    .recruit_col span:nth-of-type(5),
    .recruit_top>span:nth-of-type(5)  {
        display: block;
    }
    .recruit_div {
        overflow: scroll;
    }
    .recruit_div >div {
        width: 990px;

    }
    .recruit_quan {
        line-height: 40px;
    }.recruit_top {
        padding: 10px;
    }
}

.bds{
	box-shadow: 3.83px 3.214px 12px 0px rgba(0, 0, 0, 0.1);
}

.nodata{
	text-align: center;
    font-size: 1.25rem;
    padding: 100px 0px;	
}

.itemservice li{
	width:20%;
}

.platform_tscp{
	display:none;
}

.platform_yqsb{
	display:none;
}
.anhor{
    padding-top: 180px;
    margin-top: -180px;
    visibility: hidden;
}

/****************** branch ******************/
.company_profile h1{
    font-size: 30px;
    float: left;
    margin: 64px 0 0 0;
}
.company_profile p{
    font-size: 16px;
    line-height: 30px;
    padding-left: 199px;
    text-align: justify;
}
.branch_list{
    margin-top: 86px;
}
.branch_list>h1{
    font-size: 30px;
    padding-bottom: 16px;
    border-bottom: 1px solid #e0e0e0;
}
.branch_list ul li>p{
    font-size: 16px;
    font-weight: bold;
    padding-top: 34px;
}
.branch_list ul{
    margin-top: 32px;
}
.branch_list ul li{
    overflow: hidden;
}
.branch_list ul li:not(:first-child){
    margin-top: 61px;
}
.branch_list ul li>div{
    float: left;
}
.branch_list ul li>div:first-child{
    margin-right: 90px;
    width: 220px;
}
.branch_list ul li>div:nth-child(2){
    padding-top: 34px;
    font-size: 14px;
    width: 476px;
    padding-right: 60px;
}
.branch_list ul li>div:nth-child(2) p{
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 18px;
}
.branch_list ul li>div:nth-child(2) span{
    padding-top: 2px;
    display: block;
    line-height: 24px;
}

@media screen and (max-width: 767px){
    .company_profile h1{
        text-align: center;
        margin-bottom: 25px;
        margin-top: 0;

        float: none !important;
    }
    .company_profile p{
        padding-left: 0;
    }
    .branch_list ul li>div{
        float: none !important;
    }
}

/****************** 分析检测服务 **********************/
/*index 分析检测服务 ICON*/
.icon-testing{
    width: 60px;
    height: 60px;
    display: inline-block;
    margin-left: -2px;
    margin-top: -2px;
    position: relative;
}
.icon-testing:after{
    content: '';
    background: url("../index_files/icon-testing.png") no-repeat;
    width: 23px;
    height: 23px;
    background-size: cover;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -11px;
    margin-left: -11px;
    image-rendering: pixelated;
}

@media screen and (max-width: 990px){
    .icon-testing{
        width: 50px;
        height: 50px;
        margin-left: -1px;
        margin-top: -1px;
    }
    .icon-testing:after{
        width: 21px;
        height: 21px;
    }
}
@media screen and (max-width: 767px){
    .icon-testing{
        width: 40px;
        height: 40px;
        margin-left: -1px;
        margin-top: -1px;
    }
    .icon-testing:after{
        width: 20px;
        height: 20px;
    }
}
/* common style */
.article-service-container{
    background-color: #fafafa;
    padding: 60px 0;
}

.servdz_bt .f-row > p{
    padding: 0 0 0 36px;
    font-size: 17px;
    line-height: 32px;
    width: calc(100% - 548px);
}
.servdz_bt .f-row > img{
    min-width: 548px;
    margin: 0 auto;
}
.card-content-warp{
    margin-left: 86px;
}
.w-100{
    width: 100%;
}
.common-icon-wrap{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin-top: 50px;
    row-gap: 40px;
}
.common-icon-wrap li div{
    text-align: center;
}
.common-icon-wrap li p{
    font-size: 22px;
    margin-top: 30px;
    color: #0096e0;
}
.article-content-container{
    display: flex;
    flex-flow: row nowrap;
    margin-top: 60px;
}

.displaynone{
    display: none;
}

.f-row{
    display: flex;
    flex-direction: row;
}
.f-wrap{
    flex-wrap: wrap;
}
@media screen and (max-width: 767px){
    .common-icon-wrap li{
        width: 100%;
    }
    .article-service-container{
        padding: 35px 15px;
    }
    .servdz_bt .f-row > img{
        min-width: auto;
    }
}
@media screen and (min-width: 768px) and (max-width: 992px){
    .common-icon-wrap li{
        width: 50%;
    }
}
@media screen and (max-width: 992px){
    .servdz_bt .f-row > p,.servdz_bt .f-row > img{
        width: fit-content;
    }
    .servdz_bt .f-row > p{
        padding: 30px 0 0 0;
    }
    .sidebar-list{
        width: 100%;
    }
    .card-content-warp{
        margin-left: 0;
    }
    .article-content-container{
        display: block;
    }
}
@media screen and (min-width: 992px) and (max-width: 1200px){
    .card-content-warp{
        margin-left: 43px;
    }
}
/**************** table common *****************/

.table{
    margin-bottom: 0;
}
.table-fixed{
    table-layout: fixed;
}
.table-content{
    display: table;
    border-collapse: collapse;
}
.table-content .row,.table-tr{
    display: table-row;
}
.table-th,.table-td{
    display: table-cell;
    border: 1px solid #0096E0;
    font-size: 17px;
    vertical-align: middle;
}
.table-content .row .table-th{
    background-color: #0096E0;
    color: #ffffff;
    height: 40px;
    line-height: 40px;
    font-weight: 400;
}
.table-content .row .table-td p{
    color: #6f6f6f;
}
.rowspan .table-tr .table-td{
    border: none;
    border-bottom: 1px solid #0096E0;
}
.rowspan .table-tr:last-child .table-td{
    border-bottom: none;
}
.v-align-m{
    vertical-align: middle;
}

/******************* card title *********************/

.card-content-warp .article-container .card-title{
    font-size: 22px;
    color: #0096e0;
    font-weight: bold;
    position: relative;
    text-align: center;
    display: block;
    margin: 0 auto;
}

.card-title p{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px;
}
.card-title p:after{
    content: '';
    margin-left: 23px;
    background-color: #eaeaea;
    height: 1px;
    width: 106px;
    display: block;
    float: right;
}
.card-title p:before{
    content: '';
    margin-right: 23px;
    background-color: #eaeaea;
    height: 1px;
    width: 106px;
    display: block;
    float: left;
}
@media screen and (max-width: 992px){
    .card-content-warp .article-container .card-title{
        margin-top: 40px;
    }
}

/************** sidebar menu ****************/

.article-content-container .sidebar-list ul{
    border: 1px solid #eaeaea;
    min-width: 279px;
    background-color: #ffffff;
}
.card-content-warp{
    flex-grow: 1;
    max-width: 805px;
}
.article-content-container .sidebar-list ul li{
    line-height: 68px;
    font-size: 18px;
    border-bottom: 1px solid #eaeaea;
    cursor: pointer;
    padding-left: 40px;
}
.article-content-container .sidebar-list ul li:last-child{
    border-bottom: none;
}
.sidebar-list ul li.active{
    background-color: #0096e0;
    color: #ffffff;
    position: relative;
}
.sidebar-list ul li.active:after{
    content: '';
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -14px;
    right: -9px;
    border-style: solid;
    border-width: 14px 0 14px 9px;
    border-color: transparent transparent transparent #0096e0;
}
@media screen and (max-width: 992px){
    .sidebar-list ul li.active:after{
        content: normal;
    }
    .card-content-warp{
        max-width: unset;
    }
}

/**************** List Dot ******************/
.blue-dot{
    padding-left: 3px;
}
.blue-dot li{
    position: relative;
    padding-left: 27px;
}
.blue-dot li:before{
    content: '';
    position: absolute;
    left: 0;
    top: 17px;
    width: 7px;
    height: 7px;
    background-color: #0096e0;
    border-radius: 50%;
}
.el-text-grey{
    font-size: 17px;
    line-height: 42px;
    color: #6f6f6f;
}
.more-line{
    line-height: 32px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.horizontal-line li{
    position: relative;
    padding-left: 16px;
}
.horizontal-line li:before{
    content: '-';
    position: absolute;
    left: 0;
}
@media screen and (max-width: 992px){
    .mobile-sm-multiline{
        line-height: 32px;
        padding-top: 5px;
        padding-bottom: 5px;
    }
}
@media screen and (max-width: 767px){
    .mobile-xs-multiline{
        line-height: 32px;
        padding-top: 5px;
        padding-bottom: 5px;
    }
}
/*part-01*/

.part01 .row .table-th:first-child {
    border-right: 1px solid #ffffff;
}
.part01 .row .table-td{
    height: 50px;
}
.part01 .row .table-td p{
    padding: 4px 8px;
}
.part01 .f-row > img{
    margin: 0 auto;
}
.part01 .right-text-wrap{
    padding-left: 32px;
    flex-grow: 1;
}
@media screen and (max-width: 1200px){
    .part01 .f-row > img{
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 767px){
    .part01 .right-text-wrap{
        padding-left: 0;
    }
}

/*part-02*/

.flow-chart-card{
    border: 1px solid #eaeaea;
    border-radius: 20px;
    margin-top: 33px;
    min-width: 320px;
}
.flow-chart-card legend{
    text-align: center;
    font-size: 17px;
    color: #0096e0;
    padding: 0 30px;
    font-weight: bold;
}
.row legend{
    width: auto;
    border: none;
    margin-bottom: 0;
}
.flow-chart-content ul{
    display: flex;
    flex-flow: row wrap;
    padding: 26px 0 34px 0;
    row-gap: 20px;
}
.flow-chart-content ul li{
    width: 20%;
    min-width: 130px;
}
.flow-chart-content ul li > div{
    position: relative;
}
.flow-chart-content ul li > div:after{
    content: '';
    background: url("/img/rd-services/content-14.png") no-repeat;
    background-size: cover;
    width: 51px;
    height: 13px;
    display: block;
    position: absolute;
    top: 20px;
    right: -27px;
}
.flow-chart-content ul li:nth-child(1) > div:after{
    right: -21px;
}
.flow-chart-content ul li:last-child > div:after{
    background: none;
}
.flow-chart-content ul li div{
    text-align: center;
    color: #6f6f6f;
}
.flow-chart-content ul li div h5{
    font-size: 16px;
}
.flow-chart-content ul li div p{
    font-size: 12px;
    line-height: 16px;
    margin-left: -4px;
    margin-right: -4px;
}
.card-service-intro{
    margin-top: 28px;
}
.card-service-intro li div{
    border-radius: 10px;
    width: 100%;
    text-align: center;
    min-height: 529px;
    background-color: #ffffff;
}
.card-service-intro li div:hover{
    box-shadow: 0 0 5px 2px #eaeaea;
}
.card-service-intro li div p{
    line-height: 32px;
    font-size: 17px;
    color: #6f6f6f;
}
.card-service-intro li div p:first-of-type{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 25px 0 25px 0;
}
.card-service-intro li div p:last-of-type{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0 0 0;
}
@media screen and (max-width: 768px){
    .card-service-intro li:nth-child(-n+2){
        margin-bottom: 15px;
    }
    .flow-chart-card{
        padding: 0 10px;
    }
}
/*part-03*/

/*part-04*/
.part04{
    margin-top: 40px;
}
.part04 .row:first-child .table-th:first-child{
    width: 314px;
    padding-left: 40px;
}
.part04 .row:first-child .table-th:nth-child(2){
    padding-left: 127px;
}
.part04 .table-content .row:nth-child(4) .table-td,
.part04 .table-content .row:nth-child(9) .table-td,
.part04 .table-content .row:nth-child(10) .table-td,
.part04 .table-content .row:nth-child(11) .table-td{
    height: 50px;
}
.part04 .row .table-th:first-child {
    border-right: 1px solid #ffffff;
}
.part04 .row .table-td{
    height: 76px;
    vertical-align: middle;
}
.part04 .row .table-td p{
    line-height: 24px;
    padding: 4px 15px;
    word-break: break-word;
}
@media screen and (max-width: 768px){
    .part04 .row:first-child .table-th{
        padding: 0 !important;
        text-align: center;
        width: 50% !important;
    }
}

.part04 .table-content{
    margin-top: 40px;
}

/*part-05*/

.part05 .table-content tr th:nth-child(1),
.part05 .table-content tr td:nth-child(1){
    min-width: 183px;
}
.part05 .table-content tr th:nth-child(2),
.part05 .table-content tr td:nth-child(2){
    min-width: 191px;
}
.part05 .table-content tr th:nth-child(3),
.part05 .table-content tr td:nth-child(3){
    min-width: 238px;
}
.part05 .table-content tr th:nth-child(4),
.part05 .table-content tr td:nth-child(4){
    width: 192px;
}
.part05 .table{
    background-color: transparent;
}
.part05 .table-content td p{
    color: #6f6f6f;
}
.part05 .table-content th{
    height: 40px;
    background-color: #0096e0;
    color: #ffffff;
    font-weight: normal;
}
.part05 .table-content tr th:nth-child(-n+3){
    border-right: 1px solid #ffffff;
}
.part05 .table-content td,
.part05 .table-content th{
    font-size: 17px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #0096e0;
    word-break: break-word;
}
.part05 .table-content .row .table-th:not(:last-child) {
    border-right: 1px solid #ffffff;
}
.part05 .table-content .row .table-td{
    vertical-align: middle;
}
.part05 .table tr:nth-child(2) > td{
    height: 76px;
}
.part05 .table tr:nth-child(3) > td{
    height: 76px;
}
.part05 .table tr:nth-child(4) > td{
    height: 105px;
}
.part05 .table tr:nth-child(5) > td{
    height: 76px;
}
.part05 .table tr:nth-child(6) > td{
    height: 176px;
}
@media screen and (max-width: 992px){
    .part05 .table{
        table-layout: fixed;
    }
    .part05 .table th,
    .part05 .table td{
        width: 25% !important;
        height: auto !important;
    }

}

/*part-06*/

.part-title{
    position: relative;
    padding-left: 69px;
}
.part-title p{
    padding-bottom: 10px;
    font-size: 17px;
}
.part-title + p{
    line-height: 23px;
    padding-left: 5px;
    font-size: 15px;
    text-align: justify;
}
.part-title:before{
    content: '';
    display: inline-block;
    width: 52px;
    height: 52px;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.part06 .card-content-wrapper ul{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.part06 .card-content-wrapper ul li:nth-child(n+4){
    margin-top: 3px;
}
.part06 .card-content-wrapper ul li:nth-child(3n+1){
    width: 220px;
}
.part06 .card-content-wrapper ul li:nth-child(3n+2){
    width: 270px;
    margin-left: 27px;
}
.part06 .card-content-wrapper ul li:nth-child(3n+3){
    width: 220px;
}
.part06 .card-content-wrapper .part-title h3{
    font-size: 22px;
    font-weight: bold;
    color: #0096e0;
    margin-bottom: 1px;
    padding-top: 6px;
}
.part06 .card-content-wrapper p{
    color: #6f6f6f;
}
.card-content-wrapper ul li:nth-child(1) .part-title:before{
    background: url("/img/rd-services/content-18.png") no-repeat;
}
.card-content-wrapper ul li:nth-child(2) .part-title:before{
    background: url("/img/rd-services/content-19.png") no-repeat;
}
.card-content-wrapper ul li:nth-child(3) .part-title:before{
    background: url("/img/rd-services/content-20.png") no-repeat;
}
.card-content-wrapper ul li:nth-child(4) .part-title:before{
    background: url("/img/rd-services/content-21.png") no-repeat;
}
.card-content-wrapper ul li:nth-child(5) .part-title:before{
    background: url("/img/rd-services/content-22.png") no-repeat;
}
.card-content-wrapper ul li:nth-child(6) .part-title:before{
    background: url("/img/rd-services/content-23.png") no-repeat;
}

.single-crystal-content > ul >li{
    display: flex;
    flex-flow: row nowrap;
}
.single-crystal-content > ul >li:nth-child(-n+2){
    padding-bottom: 15px;
    border-bottom:1px solid #eaeaea;
}
.single-crystal-content > ul >li:nth-child(n+2){
    padding-top: 20px;
}
.single-crystal-content > ul >li > div{
    font-size: 17px;
    min-width: 220px;
    padding-left: 4px;
    margin-right: 5px;
    margin-bottom: 20px;
}
.single-crystal-content > ul >li:nth-child(2) > ul li:nth-child(3){
    padding-right: 60px;
}
.single-crystal-content > ul >li > div + .blue-dot{
    flex-grow: 1;
    margin-top: -9px;
}
.single-crystal-content > ul >li > div p{
    color: #0096e0;
    border-bottom: 1px solid #0096e0;
    display: inline-block;
    margin-bottom: 6px;
}
.single-crystal-content > ul >li > div span{
    color: #6f6f6f;
    display: block;
}
.single-crystal-content .blue-dot{
    font-size: 17px;
    line-height: 42px;
    color: #6f6f6f;
}
.single-crystal-content .blue-dot span{
    color: #6f6f6f;
}
@media screen and (max-width: 767px){
    .part06 h4:nth-of-type(1),.part06 h4:nth-of-type(3){
        line-height: 1.4;
    }
    .single-crystal-content > ul >li{
        display: block;
    }
}
@media screen and (max-width: 992px){
    .part06 .card-content-wrapper ul li{
        width: 100% !important;
    }
    .part06 .card-content-wrapper ul li:nth-child(3n+2){
        margin-left: 0;
    }
    .single-crystal-content > ul >li:nth-child(2) > ul li:nth-child(3){
        padding-right: 0;
    }
}
@media screen and (min-width: 992px){
    .single-crystal-content > ul >li > div span{
        max-width: 160px;
    }
}