/*.index .banner_wrap {
  background-image: url("../images/01.jpg");
  width: 100%;
  min-height: 943px; }*/
.index .aboutus_wrap {
    background-image: url("../images/02.jpg");
    padding: 117px 0;
}

.index .aboutus_wrap h3 {
    font-size: 50px;
    color: #333;
    margin-bottom: 20px;
}

.index .aboutus_wrap h6 {
    font-size: 24px;
    color: #333333;
    margin-bottom: 50px;
}

.index .aboutus_wrap .des {
    font-size: 16px;
    color: #888888;
    margin-bottom: 50px;
    width: 630px;
    line-height: 24px;
}

.index .aboutus_wrap .about_list {
    margin-bottom: 80px;
}

.index .aboutus_wrap .about_list li {
    float: left;
    margin-right: 164px;
    text-align: center;
    transition: transform .3s ease-in-out;
}

.index .aboutus_wrap .about_list li a {
    display: block;
}

.index .aboutus_wrap .about_list li a img {
    height: 50px;
    display: inline-block;
}

.index .aboutus_wrap .about_list li a p {
    font-size: 16px;
    color: #333333;
    margin-top: 20px;
}

.index .aboutus_wrap .about_list li a:hover p {
    color: #f08200;
}

.index .aboutus_wrap .about_list li:hover {
    transform: translateY(-10px);
}

.index .aboutus_wrap .more_btn {
    display: block;
    width: 217px;
    height: 55px;
    background-color: #f08200;
    border-radius: 27px;
    font-size: 16px;
    color: #f9f9f9;
    text-align: center;
    line-height: 55px;
}

.index .service_wrap {
    background-image: url("../images/03.jpg");
    padding-top: 110px;
    /* padding-bottom: 185px; */
    position: relative;
}
.index .service_wrap .layout{
    position: relative;
}
.index .service_wrap h3 {
    color: #ffffff;
    font-size: 40px;
    margin-bottom: 90px;
}

.index .service_wrap .service_list .service_item {
    display: none;
}

.index .service_wrap .service_list .service_item .service_item_title {
    height: 50px;
    line-height: 50px;
    margin-bottom: 30px;
}

.index .service_wrap .service_list .service_item .service_item_title img {
    max-width: 50px;
    max-height: 50px;
    display: inline-block;
    vertical-align: top;
}

.index .service_wrap .service_list .service_item .service_item_title em {
    color: #ffffff;
    font-size: 26px;
    display: inline-block;
    margin-left: 15px;
    line-height: 50px;
}

.index .service_wrap .service_list .service_item .service_item_con {
    width: 670px;
    margin-bottom: 50px;
}

.index .service_wrap .service_list .service_item .service_item_con p {
    color: #ffffff;
    font-size: 16px;
    line-height: 24px;
}

.index .service_wrap .service_list .service_item .a_link a {
    width: 217px;
    height: 54px;
    background-color: #ffffff;
    border-radius: 27px;
    display: inline-block;
    text-align: center;
    line-height: 54px;
    font-size: 16px;
    color: #1872d5;
    margin-right: 20px;
}

.index .service_wrap .service_list .service_item .a_link a:hover {
    color: #f08200;
}

.index .service_wrap .service_menu {
    position: absolute;
    /* width: 1440px; */
    /* left: 50%; */
    /* margin-left: -720px; */
    left: 0;
    width: 100%;
    position: relative;
    top: 92px;
}

.index .service_wrap .service_menu ul li:hover {
    background-color: #f08201;
}

.index .service_wrap .service_menu ul li:hover .li_con p {
    color: #fff;
}

.index .service_wrap .service_menu ul li:hover .li_con .img_1 {
    display: none;
}

.index .service_wrap .service_menu ul li:hover .li_con .img_2 {
    display: inline;
}

.index .service_wrap .service_menu ul .active {
    background-color: #f08201;
}

.index .service_wrap .service_menu ul .active .li_con p {
    color: #fff;
}

.index .service_wrap .service_menu ul .active .li_con .img_1 {
    display: none;
}

.index .service_wrap .service_menu ul .active .li_con .img_2 {
    display: inline;
}

.index .service_wrap .service_menu ul li {
    width: 16.66%;
    height: 180px;
    background-color: #ffffff;
    display: table;
    float: left;
    cursor: pointer;
}

.index .service_wrap .service_menu ul li .li_con {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.index .service_wrap .service_menu ul li .li_con img {
    max-width: 50px;
    max-height: 50px;
    display: inline-block;
}

.index .service_wrap .service_menu ul li .li_con .img_2 {
    display: none;
}

.index .service_wrap .service_menu ul li .li_con p {
    color: #333333;
    font-size: 18px;
    margin-top: 22px;
}

.index .newsdynamic_wrap {
    padding-top: 150px;
    padding-bottom: 100px;
    background-color: #f7f7f7;
}

.index .newsdynamic_wrap .newsdynamic_title {
    margin-bottom: 60px;
}

.index .newsdynamic_wrap .newsdynamic_title h3 {
    font-size: 40px;
    color: #333333;
    margin-bottom: 20px;
}

.index .newsdynamic_wrap .newsdynamic_title p {
    font-size: 16px;
    color: #999999;
}

.index .newsdynamic_wrap .newsdynamic_title p i {
    color: #f08200;
    font-size: 20px;
}

.index .newsdynamic_wrap .news_pagination {
    right: 0;
    top: 80px;
}

.index .newsdynamic_wrap .news_pagination span:not(:last-child) {
    margin-right: 10px;
}

.index .newsdynamic_wrap .news_pagination .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    background-color: #ffffff;
    border: solid 1px #f08200;
    opacity: 1;
}

.index .newsdynamic_wrap .news_pagination .swiper-pagination-bullet-active {
    background-color: #f08200;
}
.index .newsdynamic_wrap .swiper_news .big_box{
    width: 49%;
}
.index .newsdynamic_wrap .swiper_news .swiper-wrapper .swiper-slide .big_box a {
    background-image: url("../images/04.jpg");
    display: block;
    width: 100%;
    height: 406px;
    padding-left: 30px;
    position: relative;
}

.index .newsdynamic_wrap .swiper_news .swiper-wrapper .swiper-slide .big_box a p {
    position: absolute;
    padding-left: 30px;
    left: 0;
    bottom: 0;
    font-size: 16px;
    color: #ffffff;
    line-height: 38px;
    height: 38px;
    width: 100%;
    background: rgba(0, 0, 0, 0.1);
}
.index .newsdynamic_wrap .swiper_news .small_box{
    width: 49%;
}
.index .newsdynamic_wrap .swiper_news .swiper-wrapper .swiper-slide .small_box li:last-child {
    /* margin-left: 26px; */
    float: right;
}

.index .newsdynamic_wrap .swiper_news .swiper-wrapper .swiper-slide .small_box li {
    float: left;
    width: 48.15%;
}

.index .newsdynamic_wrap .swiper_news .swiper-wrapper .swiper-slide .small_box li a:hover .img_box img {
    transform: scale(1.2);
}

.index .newsdynamic_wrap .swiper_news .swiper-wrapper .swiper-slide .small_box li a {
    display: block;
}

.index .newsdynamic_wrap .swiper_news .swiper-wrapper .swiper-slide .small_box li a .img_box {
    /* width: 340px; */
    height: 203px;
    overflow: hidden;
}

.index .newsdynamic_wrap .swiper_news .swiper-wrapper .swiper-slide .small_box li a img {
    height: 203px;
    transition: transform .5s ease-out;
}

.index .newsdynamic_wrap .swiper_news .swiper-wrapper .swiper-slide .small_box li a .text_box {
    padding: 0 30px;
    height: 203px;
    background-color: #ffffff;
    position: relative;
}

.index .newsdynamic_wrap .swiper_news .swiper-wrapper .swiper-slide .small_box li a .text_box h6 {
    font-size: 18px;
    color: #333333;
    line-height: 50px;
}

.index .newsdynamic_wrap .swiper_news .swiper-wrapper .swiper-slide .small_box li a .text_box p {
    font-size: 14px;
    color: #999999;
    line-height: 25px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.index .newsdynamic_wrap .swiper_news .swiper-wrapper .swiper-slide .small_box li a .text_box span {
    position: absolute;
    bottom: 30px;
}

.index .joinus_wrap .join_us {
    width: 50%;
    height: 400px;
}

.index .joinus_wrap .join_us a {
    display: block;
    background-image: url("../images/08.jpg");
    width: 100%;
    height: 400px;
    text-align: center;
    color: #ffffff;
    font-size: 26px;
    padding-top: 50px;
}

.index .joinus_wrap .contact_us {
    background-image: url("../images/09.jpg");
    width: 50%;
    height: 400px;
    padding-top: 52px;
}

.index .joinus_wrap .contact_us h5 {
    font-size: 26px;
    color: #ffffff;
    margin-bottom: 70px;
    text-align: center;
}

.index .joinus_wrap .contact_us ul {
    width: 400px;
    margin: 0 auto;
}

.index .joinus_wrap .contact_us ul li {
    font-size: 18px;
    color: #ffffff;
    line-height: 44px;
}

.index .joinus_wrap .contact_us ul li i {
    display: inline-block;
    margin-right: 24px;
}

footer {
    background-image: url("../images/10.jpg");
    width: 100%;
    padding-top: 50px;
    margin-top: 60px;
}

footer .layout {
    margin-bottom: 64px;
}

footer .layout .logo img {
    width: 326px;
    /* height: 30px; */
}

footer .layout .nav_area {
    margin-left: 73px;
}

footer .layout .nav_area dl:not(:last-child) {
    margin-right: 90px;
}

footer .layout .nav_area dl {
    float: left;
}

footer .layout .nav_area dl dt {
    margin-bottom: 20px;
}

footer .layout .nav_area dl dt a {
    font-size: 16px;
    color: #333333;
}

footer .layout .nav_area dl dd a {
    font-size: 14px;
    color: #888888;
    line-height: 30px;
}

footer .layout .nav_area dl dd a:hover {
    color: #f08200;
}

footer .layout .contact_area .ewm {
    width: 100px;
}

footer .layout .contact_area .ewm img {
    width: 100px;
    height: 100px;
}

footer .layout .contact_area .ewm p {
    text-align: center;
    font-size: 14px;
    color: #333333;
    margin-top: 18px;
}

footer .layout .contact_area .phone {
    margin-left: 40px;
}

footer .layout .contact_area .phone h6 {
    font-size: 14px;
    color: #999999;
    margin-bottom: 10px;
}

footer .layout .contact_area .phone p {
    font-size: 30px;
    color: #f08200;
    margin-bottom: 28px;
}

footer .layout .contact_area .phone a {
    width: 51px;
    height: 51px;
    background-color: #4f5257;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    line-height: 51px;
    margin-right: 15px;
}

footer .layout .contact_area .phone a .iconfont {
    color: #fff;
    font-size: 32px;
}

footer .layout .contact_area .phone a:hover .iconfont {
    color: #f08200;
}

footer .bq {
    width: 100%;
    height: 52px;
    background-color: #006fbf;
    text-align: center;
    line-height: 52px;
    font-size: 14px;
    color: #ffffff;
}

header {
    /* margin-bottom: 10px; */
    width: 100%;
    /* height: 100px; */
    background-color: #ffffff;
    line-height: 100px;
}

header .logo h1 a img {
    /* width: 326px; */
    /* height: 43px; */
}

header .nav .active>a {
    color: #1868d3;
}

header .nav li {
    float: left;
}

header .nav li a {
    color: #333333;
    font-size: 18px;
    padding: 0 20px;
}

header .nav li a:hover {
    color: #1868d3;
}

.location_wrap {
    height: 80px;
    line-height: 80px;
    border-bottom: 1px solid #eeeeee;
}

.location_wrap .nav_box a {
    display: inline-block;
    width: 120px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    color: #333;
}

.location_wrap .nav_box a:hover {
    background-color: #1868d3;
    color: #fff;
}

.location_wrap .nav_box .active {
    background-color: #1868d3;
    color: #fff;
}

.banner_wrap img {
    width: 100%;
}

.pub_title {
    text-align: center;
    padding: 46px 0;
}

.pub_title h3 {
    font-size: 30px;
    color: #333333;
}

.pub_title h3 span {
    position: relative;
}

.pub_title h3 span::before {
    position: absolute;
    content: '';
    width: 43px;
    height: 1px;
    background-color: #d3d3d3;
    left: -60px;
    top: 50%;
}

.pub_title h3 span::after {
    position: absolute;
    content: '';
    width: 43px;
    height: 1px;
    background-color: #d3d3d3;
    right: -60px;
    top: 50%;
}

.pub_title p {
    font-size: 20px;
    color: #999999;
    margin: 5px;
}

.success_case .case_list li:hover .img_box img {
    transform: scale(1.1);
}

.success_case .case_list li:hover .text_box {
    background-color: #1868d3;
}

.success_case .case_list li:hover .text_box h5 {
    color: #fff;
}

.success_case .case_list li:hover .text_box p {
    color: #fff;
}

.success_case .case_list li:not(:nth-child(3n)) {
    margin-right: 30px;
}

.success_case .case_list li {
    float: left;
    width: 380px;
    box-shadow: 0px 0px 21px 0px rgba(96, 96, 96, 0.17);
    margin-bottom: 30px;
}

.success_case .case_list li .img_box {
    overflow: hidden;
    width: 380px;
    height: 270px;
}

.success_case .case_list li .img_box img {
    width: 100%;
    height: 270px;
    transition: transform .3s;
}

.success_case .case_list li .text_box {
    padding: 0 20px;
    height: 160px;
}

.success_case .case_list li .text_box h5 {
    font-size: 20px;
    color: #333333;
    line-height: 80px;
}

.success_case .case_list li .text_box p {
    font-size: 16px;
    color: #999999;
    line-height: 25px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.paging_wrap {
    margin-top: 30px;
}

.paging_wrap ul {
    text-align: center;
    font-size: 0;
}

.paging_wrap ul .paginf_active a {
    background-color: #1868d3;
    color: #ffffff;
}

.paging_wrap ul li:hover a {
    background-color: #1868d3;
    color: #ffffff;
}

.paging_wrap ul li {
    display: inline-block;
}

.paging_wrap ul li a {
    display: block;
    height: 40px;
    line-height: 40px;
    background-color: #f5f5f5;
    padding: 0 14px;
    color: #222222;
    font-size: 13px;
    margin: 0 5px;
}

.service_items .service_items_list ul li:not(:nth-child(3n)) {
    margin-right: 30px;
}

.service_items .service_items_list ul li:hover .pop {
    bottom: 0;
}

.service_items .service_items_list ul li {
    width: 380px;
    margin-bottom: 30px;
    cursor: pointer;
    float: left;
    position: relative;
    overflow: hidden;
}

.service_items .service_items_list ul li .int img {
    width: 380px;
    height: 240px;
}

.service_items .service_items_list ul li .int p {
    height: 70px;
    width: 100%;
    text-align: center;
    line-height: 70px;
    background-color: #f2f2f2;
    font-size: 20px;
    color: #333333;
}

.service_items .service_items_list ul li .pop {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #1868d3;
    opacity: 0.99;
    padding: 40px;
    bottom: -100%;
    left: 0;
    transition: bottom .3s;
}

.service_items .service_items_list ul li .pop .icon {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    border: solid 1px #ffffff;
    margin: 0 auto;
    text-align: center;
    line-height: 90px;
}

.service_items .service_items_list ul li .pop .icon img {
    max-width: 50px;
    max-height: 50px;
    display: inline-block;
}

.service_items .service_items_list ul li .pop h6 {
    color: #ffffff;
    font-size: 18px;
    margin-top: 30px;
    margin-bottom: 10px;
    text-align: center;
}

.service_items .service_items_list ul li .pop p {
    background-color: no-repeat;
    text-align: center;
    color: #ffffff;
    font-size: 14px;
    line-height: 24px;
}

.joinus .contactway_wrap .contact_box {
    background-image: url("../images/16.png");
    height: 520px;
    width: 100%;
}

.joinus .contactway_wrap .contact_box .contact_con {
    width: 338px;
    margin-right: 40px;
    margin-top: 40px;
}

.joinus .contactway_wrap .contact_box .contact_con h6 {
    font-size: 24px;
    color: #ffffff;
    padding-bottom: 18px;
    border-bottom: 1px solid #fff;
}

.joinus .contactway_wrap .contact_box .contact_con ul {
    margin-top: 30px;
}

.joinus .contactway_wrap .contact_box .contact_con ul li {
    font-size: 18px;
    color: #ffffff;
    margin-bottom: 30px;
}

.joinus .recruit_wrap ul .head {
    background-color: #2a74d6;
    height: 60px;
    line-height: 60px;
}

.joinus .recruit_wrap ul .head span {
    display: inline-block;
    width: 19%;
    font-size: 16px;
    color: #ffffff;
    text-align: center;
}

.joinus .recruit_wrap ul li {
    cursor: pointer;
}

.joinus .recruit_wrap ul li .brief_box {
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #efefef;
}

.joinus .recruit_wrap ul li .brief_box .iconfont {
    font-size: 22px;
    transition: transform .6s;
}

.joinus .recruit_wrap ul li .brief_box span {
    display: inline-block;
    width: 19%;
    font-size: 14px;
    color: #666;
    text-align: center;
}

.joinus .recruit_wrap ul li .active {
    background-color: #f0f5fa;
}

.joinus .recruit_wrap ul li .active .iconfont {
    color: #1868d3;
    display: inline-block;
    transform: rotate(-180deg);
}

.joinus .recruit_wrap ul li .detailed_box {
    border: solid 1px #efefef;
    border-top: none;
    padding-top: 23px;
    padding-left: 30px;
    padding-right: 350px;
    display: none;
}

.joinus .recruit_wrap ul li .detailed_box dl {
    margin-bottom: 50px;
}

.joinus .recruit_wrap ul li .detailed_box dl dt {
    color: #1978ce;
    font-size: 14px;
}

.joinus .recruit_wrap ul li .detailed_box dl dd {
    color: #666666;
    font-size: 14px;
    line-height: 24px;
}

.joinus .recruit_wrap ul li .detailed_box dl dd span {
    display: inline-block;
    margin-left: 8px;
}

.contactus .contact_wrap .switch_box ul .active {
    background-color: #1868d3;
    color: #fff;
    border: none;
}

.contactus .contact_wrap .switch_box ul li:hover {
    background-color: #1868d3;
    color: #fff;
}

.contactus .contact_wrap .switch_box ul li {
    cursor: pointer;
    float: left;
    width: 33.3%;
    height: 74px;
    text-align: center;
    line-height: 74px;
    font-size: 20px;
    color: #333333;
    border: solid 1px #eeeeee;
}

.contactus .contact_wrap .area_list .area_item {
    display: none;
}

.contactus .contact_wrap .area_list .area_item .way_box {
    padding: 40px;
    border: 1px solid #eee;
}

.contactus .contact_wrap .area_list .area_item .way_box li {
    width: 24.8%;
    float: left;
    text-align: center;
    padding: 0 40px;
}

.contactus .contact_wrap .area_list .area_item .way_box li .icon {
    width: 74px;
    height: 74px;
    text-align: center;
    line-height: 74px;
    display: inline-block;
    border: solid 1px #d2d2d2;
    border-radius: 50%;
    font-size: 18px;
    color: #333333;
}

.contactus .contact_wrap .area_list .area_item .way_box li .icon .iconfont {
    color: #ccc;
    font-size: 38px;
}

.contactus .contact_wrap .area_list .area_item .way_box li h3 {
    margin: 12px 0;
}

.contactus .contact_wrap .area_list .area_item .way_box li p {
    line-height: 24px;
}

.news_list .news_wrap ul li:hover .text_box {
    background-color: #1868d3;
}

.news_list .news_wrap ul li:hover .text_box h5 {
    color: #fff;
}

.news_list .news_wrap ul li:hover .text_box p {
    color: #fff;
}

.news_list .news_wrap ul li:hover .text_box .time {
    color: #fff;
}

.news_list .news_wrap ul li:hover .text_box .time .fr {
    transform: translateX(8px);
}

.news_list .news_wrap ul li:not(:nth-child(3n)) {
    margin-right: 30px;
}

.news_list .news_wrap ul li {
    float: left;
    width: 380px;
    margin-bottom: 30px;
}

.news_list .news_wrap ul li .img_box {
    overflow: hidden;
    width: 380px;
    height: 270px;
}

.news_list .news_wrap ul li .img_box img {
    width: 100%;
    height: 270px;
    transition: transform .3s;
}

.news_list .news_wrap ul li .text_box {
    padding: 0 20px;
    height: 160px;
    overflow: hidden;
    ; background-color: #f9f9f9;
}

.news_list .news_wrap ul li .text_box h5 {
    font-size: 18px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #333333;
    line-height: 50px;
}

.news_list .news_wrap ul li .text_box p {
    font-size: 14px;
    color: #999999;
    line-height: 22px;
    overflow: hidden;
    margin-bottom: 20px;
}

.news_list .news_wrap ul li .text_box .time .fr {
    font-size: 32px;
    margin-top: -10px;
    transition: transform .3s ease-in-out;
}

.news_details .details_con .con_title {
    padding-top: 50px;
    padding-bottom: 20px;
    text-align: center;
    border-bottom: 1px solid #f1f1f1;
}

.news_details .details_con .con_title h6 {
    font-size: 24px;
    color: #333333;
    margin-bottom: 5px;
}

.news_details .details_con .con_title p {
    font-size: 14px;
    color: #999;
}

.news_details .details_con .con_des {
    padding: 50px 0;
    border-bottom: 1px solid #f1f1f1;
}

.news_details .details_con .con_des p {
    font-size: 16px;
    color: #333333;
    line-height: 24px;
}

.news_details .details_con .con_des .con_des_img {
    margin-top: 30px;
}

.news_details .details_con .con_des .con_des_img ul {
    text-align: center;
    font-size: 0;
}

.news_details .details_con .con_des .con_des_img ul li {
    display: inline-block;
    margin: 8px;
}

.news_details .details_con .con_des .con_des_img ul li img {
    width: 380px;
    height: 260px;
}

.news_details .details_con .con_share {
    padding-top: 30px;
}

.news_details .details_con .con_share .link a:hover {
    color: #1868d3;
}

.news_details .details_con .con_share .link a {
    display: block;
    font-size: 14px;
    color: #333333;
    line-height: 30px;
}

.news_details .details_con .con_share .link a i {
    display: inline-block;
    margin-left: 16px;
}

.news_details .details_con .con_share .linkto {
    margin-top: 10px;
}

.news_details .details_con .con_share .linkto p {
    display: inline-block;
    line-height: 36px;
    margin-right: 9px;
}

.news_details .details_con .con_share .linkto a {
    display: inline-block;
    width: 32px;
    height: 33px;
    vertical-align: -10px;
    margin: 0 2px;
}

.into_developplan .into_developplan_con .title {
    text-align: center;
    font-size: 18px;
    color: #333333;
    margin-bottom: 30px;
}

.into_developplan .into_developplan_con .img_box {
    margin-bottom: 30px;
}

.into_developplan .into_developplan_con .img_box ul {
    text-align: center;
    font-size: 0;
}

.into_developplan .into_developplan_con .img_box ul li {
    display: inline-block;
}

.into_developplan .into_developplan_con .img_box ul li img {
    width: 380px;
    height: 260px;
    margin: 0 5px;
}

.into_developplan .into_developplan_con .text_box {
    font-size: 14px;
    line-height: 26px;
    color: #333333;
}

.into_developcourse .course_swiper {
    width: 1000px;
    margin: 0 auto;
}

.into_developcourse .course_swiper .swiper-slide {
    width: 250px;
}

.into_developcourse .course_swiper .swiper-slide .img_box {
    text-align: center;
    padding-bottom: 45px;
}

.into_developcourse .course_swiper .swiper-slide .img_box img {
    width: 190px;
    height: 130px;
    display: inline-block;
}

.into_developcourse .course_swiper .swiper-slide .text_box {
    text-align: center;
    padding-top: 45px;
    border-top: 1px solid #bfbfbf;
    position: relative;
}

.into_developcourse .course_swiper .swiper-slide .text_box::after {
    position: absolute;
    content: '';
    width: 17px;
    height: 17px;
    background-color: #ffffff;
    border: solid 1px #bfbfbf;
    border-radius: 50%;
    top: -9px;
    left: 50%;
    margin-left: -8.5px;
}

.into_developcourse .course_swiper .type2 .img_box {
    padding-top: 45px;
}

.into_developcourse .course_swiper .type2 .text_box {
    padding-bottom: 45px;
    vertical-align: bottom;
    height: 176px;
    padding-top: 0;
    border-top: none;
    border-bottom: 1px solid #bfbfbf;
    display: table;
}

.into_developcourse .course_swiper .type2 .text_box p {
    display: table-cell;
    vertical-align: bottom;
    padding-bottom: 10px;
}

.into_developcourse .course_swiper .type2 .text_box::after {
    bottom: -9px;
    top: inherit;
}

.into_developcourse .button {
    cursor: pointer;
    width: 42px;
    height: 42px;
    background-color: #1868d3;
    text-align: center;
    line-height: 42px;
    border-radius: 50%;
    color: #fff;
    position: absolute;
    top: 50%;
    margin-top: -42px;
}

.into_developcourse .button-next {
    right: 0;
}

.into_profile .profile_con .profile_con_head .img_box img {
    width: 680px;
    height: 302px;
}

.into_profile .profile_con .profile_con_head .text_box {
    background-image: url("../images/35.jpg");
    width: 520px;
    height: 302px;
    padding-left: 33px;
    padding-top: 45px;
    padding-right: 33px;
}

.into_profile .profile_con .profile_con_head .text_box .title {
    margin-bottom: 90px;
}

.into_profile .profile_con .profile_con_head .text_box .title h6 {
    font-size: 24px;
    color: #fefefe;
    margin-bottom: 6px;
}

.into_profile .profile_con .profile_con_head .text_box .title h5 {
    color: #fefefe;
    opacity: 0.3;
    font-size: 24px;
}

.into_profile .profile_con .profile_con_head .text_box p {
    color: #ffffff;
    font-size: 14px;
    line-height: 30px;
}

.into_profile .profile_con .text {
    font-size: 14px;
    color: #333333;
    line-height: 32px;
}

.into_vision .vision_con {
    box-shadow: 0px 0px 35px 0px rgba(203, 203, 203, 0.41);
}

.into_vision .vision_con .fl img {
    width: 460px;
    height: 340px;
}

.into_vision .vision_con .text_box {
    padding: 0 30px;
    width: 740px;
}

.into_vision .vision_con .text_box h6 {
    font-size: 20px;
    color: #2f71cb;
    line-height: 80px;
}

.into_vision .vision_con .text_box p {
    font-size: 14px;
    color: #333333;
    line-height: 32px;
    margin-bottom: 50px;
}

.into_vision .vision_con .text_box dl {
    margin-bottom: 20px;
    font-size: 14px;
    color: #333333;
}

.into_honor .honor_list ul li {
    float: left;
    width: 370px;
    height: 250px;
    border: solid 1px #eeeeee;
    display: table;
    margin: 0 15px;
    margin-bottom: 30px;
}

.into_honor .honor_list ul li em {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.into_honor .honor_list ul li em img {
    max-width: 310px;
    display: inline-block;
    max-height: 240px;
}

.into_staffstyle .style_list ul li:hover .img_box img {
    transform: scale(1.1);
}

.into_staffstyle .style_list ul li:not(:nth-child(3n)) {
    margin-right: 30px;
}

.into_staffstyle .style_list ul li {
    width: 380px;
    margin-bottom: 30px;
    float: left;
    cursor: pointer;
}

.into_staffstyle .style_list ul li .img_box {
    width: 380px;
    height: 240px;
    overflow: hidden;
}

.into_staffstyle .style_list ul li .img_box img {
    width: 380px;
    height: 240px;
    transition: transform .3s;
}

.into_staffstyle .style_list ul li .text_box {
    width: 380px;
    height: 78px;
    background-color: #f9f9f9;
    padding-left: 20px;
    font-size: 16px;
    color: #666666;
}

.into_staffstyle .style_list ul li .text_box h6 {
    line-height: 40px;
}

header .nav li {
    position: relative;
}

header .nav li .second_menu {
    position: absolute;
    background: #fff;
    top: 100%;
    left: 0;
    display: none;
    z-index: 100000;
    width: 100%; text-align: center;
}

header .nav li .second_menu dl {
    /* height: 50px; */
}

header .nav li .second_menu dl a {
    display: block;
    line-height: 1.5;
    padding: 10px;
    font-size: 16px;
}

.right-side {
    width: 72px;
    height: 291px;
    position: fixed;
    right: 1px;
    top: 50%;
    z-index: 1000;
}

.right-side.sider2 {
    position: fixed;
    top: 0;
}

.right-side .r-item {
    display: block;
    width: 100%;
    height: 73px;
    border-bottom: 1px solid #858585;
    background-color: #666;
    cursor: pointer;
    position: relative;
}

.right-side .r-item.r-item4 {
    border-bottom: none;
}

.right-side .r-icon {
    display: block;
    width: 100%;
    height: 48px;
    background-position: center center;
    background-repeat: no-repeat;
}

.right-side .r-icon1 {
    background-image: url(../images/icon-service.png);
}

.right-side .r-icon2 {
    background-image: url(../images/icon-phone.png);
}

.right-side .r-icon3 {
    background-image: url(../images/icon-weixin.png);
}

.right-side .r-icon4 {
    background-image: url(../images/arrow-up.png);
    height: 38px;
    background-position: center 18px;
}

.right-side .r-title {
    font-size: 12px;
    color: #fff;
    text-align: center;
}

/*.right-side .r-item:hover{background-color: #ffb82e;}*/
.right-side .r-item2:hover>.r-sub {
    display: block;
}

.right-side .r-sub {
    display: none;
    width: 255px;
    border: 1px solid #e3e3e3;
    position: absolute;
    left: -255px;
    top: 0;
    background-color: #fff;
    cursor: default;
}

.right-side .r-sub-b1 {
    padding-top: 14px;
    padding-bottom: 13px;
    padding-left: 15px;
    border-bottom: 1px solid #e3e3e3;
    overflow: hidden;
    font-size: 0;
}

.right-side .r-sub-b1 .dt {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    line-height: 22px;
    color: #494949;
}

.right-side .r-sub-b1 .dd {
    display: inline-block;
    vertical-align: top;
    width: 125px;
    font-size: 16px;
    line-height: 22px;
    color: #333;
    font-weight: bold;
}

.right-side .r-sub-b1 .dd>span {
    display: inline-block;
}

.right-side .r-sub-b2 {
    padding: 12px 14px 10px 14px;
}

.right-side .r-sub-b2 .title {
    font-size: 14px;
    color: #666;
    padding-bottom: 5px;
}

.right-side .r-sub-b2 p {
    font-size: 13px;
    color: #686868;
    line-height: 20px;
}

.right-side .r-code-box {
    width: 100px;
    margin: 5px auto;
}

.right-side .r-code-box img {
    width: 100%;
}

.right-side .r-item3:hover>.r-sub {
    display: block;
}

*/ .right-side {
    width: 72px;
    height: 291px;
    position: fixed;
    right: 0;
    top: 50%;
    margin-top: -146px;
    z-index: 1000;
}

.right-side .r-item {
    display: block;
    width: 100%;
    height: 73px;
    border-bottom: 1px solid #858585;
    background-color: #666;
    cursor: pointer;
    position: relative;
}

.right-side .r-item.r-item4 {
    border-bottom: none;
}

.right-side .r-item1:hover>.r-sub1 {
    display: block;
}

.right-side .r-item1 .r-sub1 {
    display: none;
    width: 156px;
    position: absolute;
    left: -156px;
    top: 0;
    background-color: #fff;
    cursor: default;
}

.right-side .r-item1 .r-sub1 .qq-list {
    padding-top: 18px;
    border: 1px solid #efefef;
}

.right-side .r-item1 .r-sub1 .one-qq {
    display: block;
    margin: 0 auto;
    width: 118px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 14px;
    color: #000;
    background-image: url(../images/qq-bg.png);
    margin-bottom: 15px;
}

.right-side .r-item1 .r-sub1 .one-qq:before {
    display: inline-block;
    content: "";
    width: 15px;
    height: 16px;
    background-image: url(../images/icon-pen.png);
    margin-right: 12px;
}

.right-side .r-icon {
    display: block;
    width: 100%;
    height: 48px;
    background-position: center center;
    background-repeat: no-repeat;
}

.right-side .r-icon1 {
    background-image: url(../images/icon-service.png);
}

.right-side .r-icon2 {
    background-image: url(../images/icon-phone.png);
}

.right-side .r-icon3 {
    background-image: url(../images/icon-weixin.png);
}

.right-side .r-icon4 {
    background-image: url(../images/arrow-up.png);
    height: 38px;
    background-position: center 18px;
}

.right-side .r-title {
    font-size: 12px;
    color: #fff;
    text-align: center;
}

.right-side .r-item:hover {
    background-color: #1E3485;
}

.right-side .r-item2:hover>.r-sub {
    display: block;
}

.right-side .r-sub {
    display: none;
    width: 255px;
    border: 1px solid #e3e3e3;
    position: absolute;
    left: -257px;
    top: 0;
    background-color: #fff;
    cursor: default;
}

.right-side .r-sub-b1 {
    padding-top: 14px;
    padding-bottom: 13px;
    padding-left: 15px;
    border-bottom: 1px solid #e3e3e3;
    overflow: hidden;
    font-size: 0;
}

.right-side .r-sub-b1 .dt {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    line-height: 22px;
    color: #494949;
}

.right-side .r-sub-b1 .dd {
    display: inline-block;
    vertical-align: top;
    width: 125px;
    font-size: 16px;
    line-height: 22px;
    color: #333;
    font-weight: bold;
}

.right-side .r-sub-b1 .dd>span {
    display: inline-block;
}

.right-side .r-sub-b2 {
    padding: 12px 14px 10px 14px;
}

.right-side .r-sub-b2 .tit {
    font-size: 14px;
    color: #666;
    padding-bottom: 5px;
}

.right-side .r-sub-b2 p {
    font-size: 13px;
    color: #686868;
    line-height: 20px;
}

.right-side .r-code-box {
    width: 100px;
    margin: 5px auto;
}

.right-side .r-code-box img {
    width: 100%;
}

.right-side .r-item3:hover>.r-sub {
    display: block;
}

@media (max-width: 1400px) {
    footer .layout .nav_area dl:not(:last-child){
        margin-right: 50px;
    }
}