a {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

.contain {
    width: 100%;
    height: 100%;
    background: #ffffff;
}

/*banner*/
.banner_box {
    width: 100%;
    height: 480px;
    background: url("../../uploads/introduct/company-banner.png") no-repeat;
    background-size: 100% 100%;
}

.banner {
    box-sizing: border-box;
    margin: 0 auto;
    padding-top: 140px;
    width: 1200px;
    height: 500px;
}

/*nav*/
.intro_nav_box {
    width: 100%;
    height: 60px;
    background: #F8F9FA;
}

.intro_nav {
    width: 508px;
    height: 60px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.intro_nav_tip {
    width: 100px;
    height: 58px;
    line-height: 60px;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    cursor: default;
}

.current {
    border-bottom: 1px solid #4DB7DD;
    width: 100px;
}


/*公司概况*/
.overview_box {
    width: 100%;
    max-height: 2000px;
    background: #ffffff;
}

/*了解汉得*/
.know {
    background-color: #fff;
}

.know .title_txt {
    margin: 20px auto 0;
    width: 1200px;
    text-align: left;
}

.know_tit {
    margin-top: 60px;
    width: 100%;
    text-align: center;
    height: 33px;
    font-weight: 500;
    font-size: 24px;
    color: rgba(9, 15, 33, 1);
    line-height: 33px;
}

.know_txt {
    margin-top: 20px;
    width: 100%;
    text-align: center;
    font-weight: 400;
    opacity: .5;
    font-size: 14px;
    color: rgba(9, 15, 33, 1);
    line-height: 20px;
}

.title_txt {
    margin-top: 20px;
    width: 1200px;
    font-weight: 400;
    font-size: 14px;
    color: rgba(9, 15, 33, 1);
    line-height: 30px;
}

.know_img {
    position: relative;
    margin: 40px auto 0 auto;
    width: 991px;
    height: 480px;
    background: url("../../uploads/introduct/map.png") no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
}

.know_dialog {
    display: block;
    position: absolute;
    top: -44px;
    left: -205px;
    width: 172px;
    height: 186px;
    box-sizing: border-box;
    padding: 20px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 4px 14px 0 rgba(12, 37, 91, 0.1);
    transition: .3s all ease-out;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px);
}

.know_dialog h2 {
    font-size: 16px;
    font-weight: 500;
    color: rgba(9, 15, 33, 1);
    line-height: 22px;
    text-align: left;
    margin-top: 0;
    text-indent: 0;
}

.know_dialog p{
    text-align: left;
    font-size:14px;
    font-weight:400;
    color:rgba(9,15,33,1);
    line-height:30px;
    margin-top: 10px;
}
.know_dialog_nation{
    width: 42px;
    float: left;
}
.know_dialog span {
    display: inline-block;
    width: 98px;
    /*margin: 3px 5px 0 0;*/
    margin-left: 0;
    font-size: 14px;
    font-weight: 400;
    color: rgba(9, 15, 33, 0.4);
    line-height: 30px;
    text-align: left;
}

/*.know_dialog span:nth-child(2n) {*/
/*    margin: 3px 0 0 15px;*/
/*}*/

.know_item {
    display: flex;
    align-items: center;
    width: 200px;
}

.know_item:hover::after, .know_item.clicked1::after {
    content: '';
    display: block;
    position: absolute;
    left: -2px;
    top: 1px;
    width: 24px;
    height: 24px;
    box-shadow: inset #4DB7DD 0 0 5px;
    border-radius: 50%;
    animation: loopzoom 2s ease-out 0s infinite;
}

.know_item:hover::before, .know_item.clicked1::before {
    content: '';
    display: block;
    position: absolute;
    left: -2px;
    top: 1px;
    width: 24px;
    height: 24px;
    opacity: 0;
    box-shadow: inset #4DB7DD 0 0 5px;
    border-radius: 50%;
    animation: loopzoom 2s ease-out 1s infinite;
}

.know_item:nth-child(1) {
    position: absolute;
    top: 166px;
    left: 165px;
}

.know_item:nth-child(2) {
    position: absolute;
    top: 134px;
    left: 523px;
}

.know_item:nth-child(3) {
    position: absolute;
    top: 174px;
    left: 702px;
}

.know_item:nth-child(4) {
    position: absolute;
    top: 267px;
    left: 506px;
}

.know_item:nth-child(5) {
    position: absolute;
    top: 350px;
    left: 840px;
}

.know_item_circle {
    width: 12px;
    height: 12px;
    background: rgba(77, 183, 221, 1);
    margin: 4px;
    border-radius: 50%;
}

.know_item_circle::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 3px;
    width: 20px;
    height: 20px;
    box-shadow: inset #4DB7DD 0 0 5px;
    border-radius: 50%;
}

.know_item:hover .know_item_circle, .know_item.clicked1 .know_item_circle {
    background: rgba(77, 183, 221, 1);
    /* border: 8px solid rgba(192, 238, 255, 1); */
}

.know_item:hover .know_dialog, .know_item.clicked1 .know_dialog {
    z-index: 200;
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.item-name {
    margin-left: 16px;
    font-size: 18px;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    line-height: 25px;
}

.compete_box {
    position: relative;
    height: 285px;
    z-index: 2;
    overflow: hidden;
}

.img-compete1 {
    top: 0;
    left: 0;
    width: 364px;
}

.img-compete2 {
    top: 0px;
    left: 93px;
    width: 227px;
}

.img-compete3 {
    top: -65px;
    left: 874px;
    width: 127px;
}

.img-compete4 {
    right: 0;
    bottom: -84px;
    width: 149px;
}

.compete_tips {
    width: 1120px;
    height: 165px;
    padding-top: 60px;
}

.title_txt-more {
    color: #4DB7DD;
    cursor: pointer;
}


/*发展历程*/
.develop {
    background-color: #fff;
}

.develop .icon-description {
    text-align: center;
}

.develop .title_txt {
    margin: 20px auto 0;
    width: 1200px;
    font-size: 14px !important;
    font-weight: 400;
    color: rgba(9, 15, 33, 1);
    line-height: 30px;
}
.honour-icon-box .icon-description{
    line-height: 24px;
}


/*服务能力*/
.service_ov__box {
    background: #ffffff;
}

/*服务能力概况*/
.service_box {
    width: 100%;
    background: #F8F9FA;
}

.service {
    width: 1200px;
    margin: 0 auto;
}

.title_txt span {
    color: #4DB7DD;
    cursor: pointer;
}


.service_ov__box .swiper-container .swiper-slide {
    justify-content: flex-start;
    align-items: center;
    padding: 0 0 0 40px;
    width: 890px;
    height: 330px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 6px 20px 0 rgba(12, 37, 91, 0.1);
}

.service_ov__box .function-swiper .swiper-button {
    top: 150px;
}

.company-slide1 {
    display: flex;
}

.company-slide1 .slide-left {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.blue-div {
    box-sizing: border-box;
    padding: 9px 0;
    width: 110px;
    height: 40px;
    text-align: center;
    background: rgba(77, 183, 221, 1);
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    color: rgba(255, 255, 255, 1);
    line-height: 20px;
}

.slide-left > .service-add-img {
    width: 12px;
    height: 12px;
    margin: 20px auto;
}


.company-slide1 .slide-center > div {
    width: 361px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
}

.slide-center > h1 {
    margin: 0 0 30px;
    font-size: 16px;
    font-weight: 400;
    color: rgba(9, 15, 33, 1);
    line-height: 22px;
    text-align: center;
}


.company-slide1 .icon-contain {
    margin: 0 32px 36px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.icon-contain:nth-child(5n) {
    margin-right: 0;
}

.icon-contain img {
    width: 44px;
    height: 44px;
}

.icon-contain p {
    margin-top: 14px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(9, 15, 33, 0.5);
    line-height: 20px;
}


.company-slide1 .slide-right > div {
    justify-content: space-between;
    width: 146px;
}

.slide-right > div > .icon-contain {
    margin: 0 0 36px 0;
}


.double-arrow {
    margin: 0 40px 0 30px;
    width: 24px;
    height: 24px;
}

.double-arrow:last-child {
    margin: 0 43px 0 35px;
}

.service_ov__box .swiper-container .company-slide2 {
    flex-direction: column;
}


.company-slide2 > div {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.icon-contain > img {
    width: 44px;
    height: 44px;
}

.company-slide2 > h1 {
    margin-top: 30px;
    font-size: 16px;
    font-weight: 500;
    color: rgba(9, 15, 33, 1);
    line-height: 22px;
}

.company-slide2 .icon-contain .icon-content {
    display: flex;
    align-items: center;
}

.company-slide2 .icon-contain {
    margin-top: 20px;
    width: 280px;
}

.icon-contain .icon-content h2 {
    margin-left: 10px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(9, 15, 33, 1);
    line-height: 20px;
    letter-spacing: 0;
}

.company-slide2 .icon-contain p {
    text-align: left;
    margin-top: 0;
    margin-left: 54px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(9, 15, 33, .4);
    line-height: 20px;
}

.service_ov__box .swiper-container .company-slide3 {
    flex-direction: column;
}

.company-slide3 > div > img {
    width: 353px;
    height: 219px;
}

.company-slide3 .company-slide3-content {
    margin-left: -20px;

}

.company-slide3 .company-slide3-content p {
    text-align: left;
    margin-top: 14px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(9, 15, 33, 1);
    line-height: 20px;
}

.company-slide3-content p:first-child {
    margin-top: 0;
}

.ml15 {
    margin-left: 15px;
}

.ml50 {
    margin-left: 50px;
}

.swiper-pagination-bullets{
    bottom: 50px !important;
}


/*解决方案*/
.solution {
    position: relative;
    background-color: #fff;
}

.solution .title_txt {
    margin: 20px auto 40px;
}

.solution_contain {
    margin: 40px auto 0;
    width: 1200px;
    height: 424px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.solution_tip {
    background: rgba(255, 255, 255, 1);
    transition: all 0.3s;
    cursor: default;
    width: 595px;
    height: 110px;
}

.solution_tip:hover {
    box-shadow: 0 4px 14px 0 rgba(12, 37, 91, 0.1);
    transition: all 0.3s;
}

.solution_tip_left {
    float: left;
    width: 44px;
    height: 44px;
    margin: 34px 30px 0 20px;
}

.solution_tip_right {
    margin-top: 28px;
    float: left;
}

.solution_tip_tit {
    font-size: 16px;
    font-weight: 500;
    color: rgba(9, 15, 33, 1);
    line-height: 22px;
}

.solution_tip_txt {
    margin-top: 12px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(9, 15, 33, .4);
    line-height: 20px;
}

.solution_tip_txt a {
    margin-left: 0;
}

.solution_tip_txt a:hover {
    color: #4DB7DD;
}

.solution_banner_box {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 260px;
    background: #F8F9FA;
    padding: 50px 0;
    overflow: hidden;
    z-index: 2;
}

.solution_banner {
    position: relative;
    z-index: 99;
    width: 1100px;
    height: 194px;
    margin: auto;
}

.solution_banner .see-more {
    margin-top: 20px;
}

.solution_banner_tit {
    position: relative;
    z-index: 99;
    font-weight: 400;
    text-align: center;
    font-size: 30px;
    color: rgba(9, 15, 33, 1);
    line-height: 42px;
}

.solution_banner_txt {
    position: relative;
    z-index: 99;
    width: 1100px;
    font-weight: 400;
    text-align: center;
    margin-top: 20px;
    font-size: 14px;
    color: rgba(9, 15, 33, 1);
    line-height: 24px;
}

.solution_banner .know-more {
    color: rgba(9, 15, 33, 1);
    margin-top: 26px;
    width: 154px;
    height: 40px;
    border: 1px solid rgba(9, 15, 33, 1);
}

.know-more img {
    width: 32px;
}

.link-li-content > .content-span:hover{
    color: rgba(9, 15, 33, .4);
}

/*自主产品*/
.product_box {
    position: relative;
}

.product {
    margin: 0 auto;
    padding: 60px 0 0;
    width: 1200px;
    background: #ffffff;
}

.product .title {
    padding: 0;
}

.product_contain {
    width: 1200px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 20px;
}

.product_tip {
    width: 360px;
    height: 148px;
    padding: 30px 0 62px 40px;
    transition: all .3s;
}

.product_tip_img,product_tip_img img{
    width: 60px;
    height: 60px;
}

.product_tip h3{
    width:244px;
    font-size:20px;
    font-weight:500;
    color:rgba(9,15,33,1);
    line-height:28px;
    text-align: left;
    margin-top: 20px;
}

.product_tip_txt{
    margin-top: 10px;
    /*width: 244px;*/
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
}

.product_tip_txt a{
    height:20px;
    font-size:14px;
    font-weight:400;
    color:rgba(51,51,51,.5);
    line-height:20px;
    margin-top: 10px;
    transition: all .3s;
    cursor: pointer;
}

.product_tip_txt a:nth-child(2n-1){
    margin-right: 20px;
}

.product_tip_txt a:hover,.product_tip:hover a:hover{
    color:rgba(77,183,221,1);
    cursor: pointer;
}

.product_tip:hover{
    box-shadow:0px 4px 14px 0px rgba(12,37,91,0.1);
    transition: all .3s;
}

.product_tip:hover a{
    color:rgba(51,51,51,1);
    transition: all .3s;
}

/*客户案例*/
.case_box {
    width: 100%;
    background: #F8F9FA;
}

.case_box .see-more {
    margin: 40px auto 0;
}

.case {
    box-sizing: border-box;
    width: 1200px;
    margin: 60px auto 0;
    padding-bottom: 0;
    height: 610px;
}

.case > .title {
    padding-top: 0;
}

.case_contain {
    width: 1200px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 50px;
    text-align: left;
}

.case_contain-left h1 {
    margin-top: 10px;
    font-size: 24px;
    font-weight: 500;
    color: rgba(9, 15, 33, 1);
    line-height: 24px;
}

.case_contain-left p {
    margin-top: 20px;
    width: 645px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(9, 15, 33, 1);
    line-height: 30px;
}

.apply-type {
    margin-top: 20px;
}

.apply-type span:first-child {
    font-size: 14px;
    font-weight: 400;
    color: rgba(9, 15, 33, 1);
    line-height: 20px;
}

.apply-type span{
    color: rgba(132, 135, 144, 1);
    font-size:14px;
}

.apply-type span a:hover{
    color: rgba(77, 183, 221, 1);
}

.case_contain-right {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    width: 510px;
}

.logo-contain {
    margin-left: 30px;
    width: 240px;
    height: 100px;
    background: rgba(255, 255, 255, 1);
}

.logo-contain:nth-child(1), .logo-contain:nth-child(3) {
    margin-left: 0;
}

.logo-contain:nth-child(3), .logo-contain:nth-child(4) {
    margin-top: 30px;
}

.clicked {
    box-shadow: 0 4px 14px 0 rgba(12, 37, 91, 0.1);
}

.logo-contain-line{
    width:240px;
    height:2px;
    opacity: 0;
    background:rgba(77,183,221,1);
    transition: all .3s;
}

.line-clicked{
    opacity: 1;
    transition: all .3s;
}

.logo-contain-txt{
    margin-top: 37px;
    width: 240px;
    height: 22px;
    position: relative;
    text-align: center;
    vertical-align:middle;
}

.case-logo{
    width: 240px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}

.case-logo img{
    text-align: center;
    vertical-align: middle;
    display: inline-block;
}

.logo-unchecked{
    display: none;
}

.logo-contain-txt p{
    display: inline-block;
    font-size:16px;
    font-weight:500;
    color:rgba(9,15,33,1);
    line-height:20px;
    text-align: center;
    vertical-align:middle;
}
/*!*客户案例*!*/
/*.case{*/
/*    padding-bottom: 0;*/
/*    height: 610px;*/
/*}*/

/*.case-logo{*/
/*    width: 240px;*/
/*    height: 100px;*/
/*    text-align: center;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    margin: 0;*/
/*}*/

