.main{
    position: relative;
    width: 100%;
    height: 100%;
    background: #f7f7f7;
}
.main_content{
    width: 100%;
    height: auto;
    min-height: 600px;
    background-color: #fbfbfb;
    position: relative;
}
.main_content_conter{
    max-width: 1400px;
    width: 100%;
    height: auto;
    min-height: 600px;
    padding: 50px 20px;
    padding-bottom: 100px;
    box-sizing: border-box;
    margin: 0 auto;
    position: relative;
}

.banner-wrapper .banner-component{
    position: relative !important;
}

/* main_content_title */
.main_content_title{
    width: 100%;
    height: auto;
    box-sizing: border-box;
    border-bottom: 3px solid #1373c5;
    margin-bottom: 50px;
    padding: 20px 0;
}
.main_content_title h2{
    width: 100%;
    height: auto;
    font-size: 26px;
    color: #333;
    line-height: 30px;
    font-weight: 500;
    box-sizing: border-box;
    text-transform: uppercase;
}
.main_content_title span {
    display: inline-block;
    font-size: 20px;
    color: #666;
    margin-left: 10px;
}

/* content_side */
.content_side{
    width: 210px;
    height: auto;
    position: absolute;
    top: 0px;
    left: 0px;
}
.content_side h2{
    width: 100%;
    height: auto;
    font-size: 24px;
    color: #333;
    line-height: 40px;
    font-weight: normal;
    margin-bottom: 20px;
}
.content_side_list{
    width: 100%;
    height: auto;
}
.content_side_list ul li{
    float: left;
    width: 100%;
    height: auto;
    padding: 25px 0;
    box-sizing: border-box;
    border-bottom: 1px solid #ddd;
}
.content_side_list ul li:first-child{
    border-top: 1px solid #ddd;
}
.content_side_list ul li a{
    display: block;
    width: 100%;
    height: auto;
    padding-left: 90px;
    box-sizing: border-box;
    font-size: 18px;
    color: #666;
    line-height: 40px;
    font-weight: 500;
    position: relative;
}
.content_side_list ul li svg{
    display: block;
    width: 36px;
    height: 36px;
    position: absolute;
    top: 2px;
    left: 30px;
}
.content_side_list ul li a svg path{
    fill: #888;
}
.content_side_list ul li a:hover svg path{
    fill: #1373c5;
}
.content_side_list ul li a:hover{
    color: #1373c5;
}
.content_side_list ul li a.active svg path{
    fill: #1373c5;
}
.content_side_list ul li a.active{
    color: #1373c5;
}

/* content_container */
.content_container{
    width: 100%;
    height: auto;
    padding-left: 90px;
    box-sizing: border-box;
}
.main_content_container{
    width: 100%;
    height: auto;
    min-height: 500px;
    position: relative;
    padding-left: 210px;
    box-sizing: border-box;
}

.main_content_container_case{
    padding-left: 0;
}
.main_content_container_case .content_container{
    padding-left: 0;
}


/* about */
.about{
    width: 100%;
    height: auto;
}
.about .article{
    width: 100%;
    height: auto;
    box-sizing: border-box;
    margin-bottom: 50px;

    font-size: 15px;
    color: #666;
    line-height: 36px;
    text-align: justify;
}
.about .article strong{
    font-size: 16px;
    color: #1373c5;
}
    .about .article p { 
        margin-bottom:15px;
    }

.about_pic{
    width: 100%;
    height: auto;
    margin-bottom: 70px;
}
.about_pic img{
    display: block;
    width: 100%;
    height: auto;
}

.about_video_box {
    width:100%;
    height:auto;
    box-shadow:0 0 15px 0 #ddd;
    border-radius:15px;
    overflow:hidden;
}
.about_video_box video {
    display:block;
    width:100%;
    height:auto;
}

.about_branch_list{
    width: 100%;
    height: auto;
}
.about_branch_list ul li{
    float: left;
    width: 100%;
    height: auto;
    margin-bottom: 30px;
}
.about_branch_list ul li .title_box{
    width: 100%;
    height: auto;
    border: 1px solid #eee;
    box-sizing: border-box;
    padding: 16px 30px;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
    border-radius: 6px;

    background: #e9e9e9;
}
.about_branch_list ul li .title_box h2{
    font-size: 18px;
    color: #333;
    line-height: 30px;
    font-weight: 500;
}
.about_branch_list ul li .title_box .down_icon{
    width: 40px;
    height: 40px;
    background: url('../images/recruitment_text_box_icon.png') no-repeat center center;
    position: absolute;
    top: 15px;
    right: 30px;
    cursor: pointer;
}
.about_branch_list ul li.active .title_box{
    background: #1373c5;
}
.about_branch_list ul li.active .title_box h2{
    color: #fff;
}
.about_branch_list ul li.active .title_box .down_icon{
    background: url('../images/recruitment_text_box_icon_hover.png') no-repeat center center;
}

.about_branch_list ul li:hover .title_box{
    background: #1373c5;
}
.about_branch_list ul li:hover .title_box h2{
    color: #fff;
}
.about_branch_list ul li:hover .title_box .down_icon{
    background: url('../images/recruitment_text_box_icon_hover.png') no-repeat center center;
}


.about_branch_list ul li .text_box{
    width: 100%;
    height: auto;
    background: #fff;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    display: none;

    box-shadow: 0 0 5px 0 #eee;

}
.about_branch_list ul li .text_box .article{
    margin-bottom: 0;
    text-align: justify;
    padding: 20px 30px;
    box-sizing: border-box;
}



/* corporate_culture */
.corporate_culture{
    width: 100%;
    height: auto;
}

.corporate_culture_container{
    width: 100%;
    height: auto;
    box-sizing: border-box;
}
.corporate_culture .article{
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    font-size: 15px;
    color: #666;
    line-height: 36px;

    box-sizing: border-box;
}

.corporate_culture .article p strong{
    color: #1373c5;
    font-size: 20px;
}

.corporate_culture_title{
    width: 100%;
    height: auto;
    margin-bottom: 15px;
}
.corporate_culture_title h3{
    font-size: 15px;
    color: #888;
    line-height: 40px;
    font-weight: 500;
    padding-left: 45px;
    box-sizing: border-box;
    position: relative;
    text-transform: uppercase;
}
.corporate_culture_title h3 strong{
    font-size: 20px;
    color: #1373c5;
    margin-right: 10px;
    font-weight: 500;
}
.corporate_culture_title h3 svg{
    display: block;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 4px;
    left: 0;
}
.corporate_culture_title h3 svg path{
    fill: #1373c5;
}

.corporate_culture_section{
    width: 100%;
    height: auto;
    margin-bottom: 60px;
}
.corporate_culture_pic{
    width: 100%;
    height: auto;
    margin-top: 30px;
}
.corporate_culture_pic img{
    display: block;
    width: 100%;
    height: auto;
}
.corporate_culture_sec3{
    margin-bottom: 0;
}


.corporate_culture_list { 
    width: 100%; 
    height: auto; 
    margin-top: 30px;
}
.corporate_culture_list ul li { 
    float: left; 
    width: 18.5%; 
    height: auto; 
    padding-top: 53px; 
    box-sizing: border-box; 
    padding-right: 10px;
    margin-right: 1.5%;
}
.corporate_culture_list ul li:nth-of-type(1) { 
    background: url('../images/corporate_culture_pic1.png') repeat-x top left; background-size: contain; 
}
.corporate_culture_list ul li:nth-of-type(2) { 
    background: url('../images/corporate_culture_pic2.png') repeat-x top left; background-size: contain; 
}
.corporate_culture_list ul li:nth-of-type(3) { 
    background: url('../images/corporate_culture_pic3.png') repeat-x top left; background-size: contain; 
}
.corporate_culture_list ul li:nth-of-type(4) { 
    background: url('../images/corporate_culture_pic4.png') repeat-x top left; background-size: contain; 
}
.corporate_culture_list ul li:nth-of-type(5) { 
    background: url('../images/corporate_culture_pic5.png') repeat-x top left; background-size: contain; 
}

.corporate_culture_list ul li .title { 
    width: 100%; 
    height: auto; 
    font-size: 18px;
    color: #1373c5;
    line-height: 30px;
    padding-left: 5px;
    box-sizing: border-box;
    margin-bottom: 15px; 
}
.corporate_culture_list ul li .text_box { 
    width: 100%; 
    height: auto; 
    font-size: 15px;
    color: #666;
    line-height: 30px;
}


/* company_qualification */
.company_qualification{
    width: 100%;
    height: auto;
}
.company_qualification .article{
    width: 100%;
    height: auto;
    margin-bottom: 60px;
    font-size: 15px;
    color: #666;
    line-height: 36px;
    box-sizing: border-box;
}
.company_qualification .article p {
    margin-bottom: 15px;
}
.company_qualification .article p strong{
    color: #1373c5;
    font-size: 16px;
}

.company_qualification_list{
    width: 100%;
    height: auto;
}
.company_qualification_list ul li{
    float: left;
    width: 33.333333%;
    height: auto;
    margin-bottom: 50px;
}
.company_qualification_list ul li .pic{
    max-width: 250px;
    width: 100%;
    height: auto;
    margin: 0 auto;

    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.company_qualification_list ul li .pic img{
    display: block;
    width: 100%;
    height: auto;
}
.company_qualification_list ul li a{
    display: block;
}


.company_qualification_list ul li:hover .pic{
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(120, 120, 120, 0.3);
}


/* service_page */
.service_page{
    width: 100%;
    height: auto;
}
.service_page_item{
    width: 100%;
    height: auto;
    margin-bottom: 40px;
}
.service_item_title{
    width: 100%;
    height: auto;
    margin-bottom: 25px;
}
.service_item_title h3{
    font-size: 15px;
    color: #888;
    line-height: 40px;
    font-weight: 500;
    padding-left: 45px;
    box-sizing: border-box;
    position: relative;
    text-transform: uppercase;
}
.service_item_title h3 strong{
    font-size: 20px;
    color: #1373c5;
    margin-right: 10px;
    font-weight: 500;
}
.service_item_title h3 svg{
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 5px;
    left: 0;
}
.service_item_title h3 svg path{
    fill: #1373c5;
}

.service_list{
    width: 100%;
    height: auto;
}
.service_list ul {
    margin: 0 -1.5%;
}
.service_list ul li{
    float: left;
    width: 47%;
    height: auto;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    margin: 0 1.5%;
    margin-bottom: 3%;

    border-radius: 10px;
    /* overflow: hidden; */

    position: relative;
}
.service_list ul li a{
    display: block;
    box-sizing: border-box;
    position: relative;
    z-index: 9;
}
.service_list ul li .pic{
    display: block;
    width: 100%;
    height: auto;
    border-radius: 10px;
    overflow: hidden;
}
.service_list ul li .pic img{
    display: block;
    width: 100%;
    height: auto;

    transition: transform 1.5s;
    -webkit-transition: -webkit-transform 1.5s;
    -moz-transition: -moz-transform 1.5s;
    -o-transition: -o-transform 1.5s;
}
.service_list ul li:hover .pic img{
    -webkit-transform:scale(1.2,1.2);
    -moz-transform:scale(1.2,1.2);
    -o-transform:scale(1.2,1.2);
    transform:scale(1.2,1.2);
}
.service_list ul li .text_box{
    width: 100%;
    height: 200px;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 10px;
    overflow: hidden;
}
.service_list ul li .text_box .title{
    width: 100%;
    height: auto;
    font-size: 18px;
    color: #333;
    line-height: 30px;
    font-weight: 500;
    margin-bottom: 10px;
}
.service_list ul li .text_box .article{
    width: 100%;
    height: auto;
    font-size: 15px;
    color: #666;
    line-height: 30px;
    margin-bottom: 20px;
}
.service_list ul li .text_box h3{
    width: 100%;
    height: auto;
    font-size: 15px;
    color: #333;
    line-height: 30px;
}
.service_list ul li .more{
    font-size: 16px;
    color: #1373c5;
    line-height: 30px;
}

.service_list ul li .more .icon{
    display:inline-block;
    width:0;
    height:10px;
    background:url(../images/news_more.png) no-repeat center center;
    transition:all .4s;
    opacity:0;
}
.service_list ul li:hover .more .icon{
    width:25px;
    opacity:1;
}
.service_list ul li .more strong{
    font-weight:500;
    transition:all .4s;
}


.service_list ul li:after{
    position:absolute;
    left:0;
    top:0;
    content:'';
    display:block;
    width:100%;
    height:100%;
    background: #f8f8f8;
    transition:all .6s;
}
.service_list ul li:hover:after{
    box-shadow:0 15px 15px rgba(0,0,0,.1);
}
.service_list ul li:hover:after {
    transform:scale(1.035);
}

.service_page_item_list{
    width: 100%;
    height: auto;
}
.service_page_item_list ul li{
    float: left;
    width: 100%;
    height: auto;
    margin-bottom: 15px;
}
.service_page_item_list ul li a{
    display: block;
}
.service_page_item_list ul li p{
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #333;
    line-height: 30px;
}
.service_page_item_list ul li:hover p{
    color: #1373c5;
}


.service_page_section {
    width:100%;
    height:auto;
}
.service_page_section .article {
    width:100%;
    height:auto;
    font-size: 16px;
    color: #333333;
    line-height: 36px;
    text-align: justify;
}
.service_page_section .pic_box {
      width:100%;
    height:auto;
    padding:20px 0;
    box-sizing:border-box;
}
.service_page_section .pic_box img {
    display:block;
    max-width:100%;
    height:auto;

}

/* service_details_page */
.service_details_page{
    width: 100%;
    height: auto;
}
.service_details_page .title_box{
    width: 100%;
    height: auto;
    padding-bottom: 30px;
    box-sizing: border-box;
}
.service_details_page .title_box h3{
    font-size: 20px;
    color: #333;
    line-height: 30px;
    text-align: center;
    font-weight: 500;
}

.service_details_page .title_warp{
    width: 100%;
    height: auto;
    font-size: 15px;
    color: #333;
    line-height: 32px;
    text-align: justify;
    margin-bottom: 30px;
}
.service_details_page .title_box h4{
    font-size: 16px;
    color: #333;
    line-height: 32px;
    text-align: center;
    font-weight: 500;
}

.service_details_page .text_box{
    width: 100%;
    height: auto;
    font-size: 15px;
    color: #666;
    line-height: 32px;
    text-align: justify;
}
.service_details_page .text_box p{
    margin-bottom: 20px;
}

.service_details_page .service_wrap_box{
    width: 100%;
    height: auto;
    padding: 50px 0;
    padding-bottom: 10px;
    box-sizing: border-box;

}
.service_details_page .service_wrap_box p{
    font-size: 15px;
    color: #333;
    line-height: 32px;
    position: relative;
    padding-left: 65px;
    box-sizing: border-box;
}
.service_details_page .service_wrap_box p span{   
    width: 65px;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
}
.service_details_page .service_wrap_box p a{
    width: 100%;
    height: auto;
    font-size: 15px;
    color: #1373c5;
    line-height: 32px;

}
.service_details_page .service_wrap_box p a:hover{
    color: #e50003;
}









/* talent_recruitment */
.talent_recruitment{
    width: 100%;
    height: auto;
}
.talent_recruitment_section{
    width: 100%;
    height: auto;
    padding: 40px 50px;
    padding-bottom: 10px;
    box-sizing: border-box;
    background-color: #f1f1f1;
    border-radius: 5px;
    margin-bottom: 50px;
}
.talent_recruitment_section .article{
    width: 100%;
    height: auto;
    font-size: 15px;
    color: #333333;
    line-height: 30px;
    margin-bottom: 30px;
}
.talent_recruitment_section .article p{
    margin: 5px 0;
}

.talent_recruitment_title{
    width: 100%;
    height: auto;
    margin-bottom: 25px;
}
.talent_recruitment_title h3{
    font-size: 15px;
    color: #888;
    line-height: 40px;
    font-weight: 500;
    padding-left: 45px;
    box-sizing: border-box;
    position: relative;
    text-transform: uppercase;
}
.talent_recruitment_title h3 strong{
    font-size: 20px;
    color: #1373c5;
    margin-right: 10px;
    font-weight: 500;
}
.talent_recruitment_title h3 svg{
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 5px;
    left: 0;
}
.talent_recruitment_title h3 svg path{
    fill: #1373c5;
}

.talent_recruitment_list{
    width: 100%;
    height: auto;
}
.talent_recruitment_list ul li{
    float: left;
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}
.talent_recruitment_list ul li .title_box{
    width: 100%;
    height: auto;
    border: 1px solid #eee;
    padding: 16px 30px;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
    border-radius: 6px;
    background: #e9e9e9;
}
.talent_recruitment_list ul li .title_box h2{
    font-size: 18px;
    color: #333;
    line-height: 30px;
    font-weight: 500;
}
.talent_recruitment_list ul li .title_box .down_icon{
    width: 40px;
    height: 40px;
    background: url('../images/recruitment_text_box_icon.png') no-repeat center center;
    position: absolute;
    top: 12px;
    right: 30px;
    cursor: pointer;
}

.talent_recruitment_list ul li.active .title_box{
    background: #1373c5;
}
.talent_recruitment_list ul li.active .title_box h2{
    color: #fff;
}
.talent_recruitment_list ul li.active .title_box .down_icon{
    background: url('../images/recruitment_text_box_icon_hover.png') no-repeat center center;
}

.talent_recruitment_list ul li:hover .title_box{
    background: #1373c5;
}
.talent_recruitment_list ul li:hover .title_box h2{
    color: #fff;
}
.talent_recruitment_list ul li:hover .title_box .down_icon{
    background: url('../images/recruitment_text_box_icon_hover.png') no-repeat center center;
}


.talent_recruitment_list ul li .text_box{
    width: 100%;
    height: auto;
    background: #fff;

    display: none;

}
.talent_recruitment_list ul li .text_box_con{
    width: 100%;
    height: auto;
    padding: 40px;
    box-sizing: border-box;
}
.talent_recruitment_list ul li .text_box p{
    font-size: 15px;
    color: #666;
    line-height: 30px;
    margin-bottom: 5px;
}
.talent_recruitment_list ul li .text_box strong{
    color: #1373c5;
    font-size: 16px;
    font-weight: 500;
}
.talent_recruitment_list ul li .text_box_sec1{
    width: 100%;
    height: auto;
    margin-bottom: 30px;
}
.talent_recruitment_list ul li .text_box_sec1 p{
    display: inline-block;
    margin-right: 40px;
}


/* staff_development */
.staff_development{
    width: 100%;
    height: auto;
}
.staff_development_article{
    width: 100%;
    height: auto;
    font-size: 15px;
    color: #333333;
    line-height: 30px;
    margin-bottom: 40px;
}

.staff_development_container{
    width: 100%;
    height: auto;
    position: relative;
}
.staff_development_container .staff_development_slider {
    width: 100%;
    height: auto;
}
.staff_development_container .caroufredsel_wrapper .slide_item{
    float: left;
    width: 320px !important; 
    height: 320px; 
    box-sizing: border-box; 
    padding: 10px; 
}
.staff_development_container .caroufredsel_wrapper .slide_item .pic_box {
    width: 300px;
    height: 300px;
    overflow: hidden;

    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
}



/* news_page */
.news_page{
    width: 100%;
    height: auto;
}
.news_page_list{
    width: 100%;
    height: auto;
}
.news_page_list ul li{
    float: left;
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}
.news_page_list ul li a{
    display: block;
}
.news_page_list ul li .title_box{
    width: 100%;
    height: auto;
    border: 1px solid #eee;
    padding: 16px 30px;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
    border-radius: 6px;
    background: #e9e9e9;

    padding-right: 100px;
}
.news_page_list ul li .title_box h2{
    font-size: 18px;
    color: #333;
    line-height: 30px;
    font-weight: 500;

    overflow: hidden;
    white-space: nowrap;  
    text-overflow: ellipsis; 
}
.news_page_list ul li:hover .title_box{
    background: #1373c5;
}
.news_page_list ul li:hover .title_box h2{
    color: #fff;
}
.news_page_list ul li .title_box .time{
    width: 100px;
    height: auto;
    position: absolute;
    top: 16px;
    right: 30px;

    font-size: 15px;
    color: #666;
    line-height: 30px;
    text-align: right;
}
.news_page_list ul li:hover .title_box .time{
    color: #fff;
}

.news_page_section{
    width: 100%;
    height: 300px;
    margin-bottom: 50px;
    padding-left: 500px;
    box-sizing: border-box;
    position: relative;
}
.news_page_section .news_pic{
    width: 450px;
    height: 300px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;


    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;

}
.news_page_section .text_box{
    width: 100%;
    height: 300px;
    box-sizing: border-box;
    border-bottom: 1px solid #ddd;
}
.news_page_section .text_box .title{
    width: 100%;
    height: auto;
    font-size: 18px;
    color: #333;
    line-height: 30px;
    font-weight: 500;
    margin-bottom: 10px;
}
.news_page_section .text_box .time{
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #666;
    line-height: 30px;
    margin-bottom: 20px;
}
.news_page_section .text_box .article{
    width: 100%;
    height: auto;
    max-height: 90px;
    font-size: 15px;
    color: #666;
    line-height: 30px;
    text-align: justify;
    overflow: hidden;
    margin-bottom: 30px;
}

.news_page_section .text_box .more{
    font-size: 16px;
    color: #1373c5;
    line-height: 30px;
}
.news_page_section .text_box .more a{
    display: block;
}
.news_page_section .text_box .icon{
    display:inline-block;
    width:0;
    height:10px;
    background:url(../images/news_more.png) no-repeat center center;
    transition:all .4s;
    opacity:0;
}
.news_page_section .text_box .more:hover .icon{
    width:25px;
    opacity:1;
}
.news_page_section .text_box .more strong{
    font-weight:500;
    transition:all .4s;
}


/* news_details_page */
.news_details_page{
    width: 100%;
    height: auto;
}
.news_details_page .title_box{
    width: 100%;
    height: auto;
    padding-bottom: 30px;
    box-sizing: border-box;
}
.news_details_page .title_box h3{
    font-size: 20px;
    color: #333;
    line-height: 30px;
    text-align: center;
    font-weight: 500;
}
.news_details_page .text_box{
    width: 100%;
    height: auto;
    font-size: 15px;
    color: #666;
    line-height: 32px;
    text-align: justify;
}
.news_details_page .text_box p{
    margin-bottom: 20px;
}

.news_wrap_box{
    width: 100%;
    height: auto;
    padding: 50px 0;
    padding-bottom: 10px;
    box-sizing: border-box;

}
.news_wrap_box p{
    font-size: 15px;
    color: #333;
    line-height: 32px;
    position: relative;
    padding-left: 65px;
    box-sizing: border-box;
}
.news_wrap_box p span{   
    width: 65px;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
}
.news_wrap_box p a{
    width: 100%;
    height: auto;
    font-size: 15px;
    color: #1373c5;
    line-height: 32px;


}
.news_wrap_box p a:hover{
    color: #e50003;
}



/* contact_page */
.contact_page{
    width: 100%;
    height: auto;
}
.contact_page_container{
    width: 100%;
    height: 570px;
    padding-right: 490px;
    box-sizing: border-box;
    position: relative;
    margin-bottom:30px;
}
.contact_page_container .contact_map{
    width: 100%;
    height: 570px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    padding: 15px;
    border-radius: 10px;
    overflow: hidden;
}
.contact_page_container .contact_map #map{
    display: block;
    width: 100%;
    height: 538px;
}

.contact_page_container .contact_map #dituContent{
    display: block;
    width: 100%;
    height: 538px;
}



.contact_map #map .BMap_Marker.BMap_noprint {
    display: block;
    width: 50px !important;
    height: 50px !important;
    background: url('../images/contact_map_active.png') no-repeat center center !important;
    background-size: 30px !important;
    z-index: 9;
}


.contact_map #dituContent .BMap_Marker.BMap_noprint {
    display: block;
    width: 50px !important;
    height: 50px !important;
    background: url('../images/contact_map_active.png') no-repeat center center !important;
    background-size: 30px !important;
    z-index: 9;
}

.contact_page_container .contact_right_box{
    width: 460px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;

    border-radius: 10px;
    overflow: hidden;

    background: -moz-linear-gradient(top, #69b1ef 0%, #1373c5 100%);
    background: -webkit-linear-gradient(top, #69b1ef 0%,#1373c5 100%);
    background: -o-linear-gradient(top, #69b1ef 0%,#1373c5 100%);
    background: -ms-linear-gradient(top, #69b1ef 0%,#1373c5 100%);
    background: linear-gradient(to bottom, #69b1ef 0%,#1373c5 100%);

    padding: 40px;
    box-sizing: border-box;
}
.contact_page_container .talent_recruitment_title h3 strong{
    color: #fff;
}
.contact_page_container .talent_recruitment_title h3 svg path{
    fill: #fff;
}


.contact_right_box h2{
    font-size: 22px;
    color: #fff;
    line-height: 40px;
    font-weight: 300;
    letter-spacing: 1px;
    margin-bottom: 25px;
}
.contact_right_list{
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}
.contact_right_list ul li{
    float: left;
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 20px;

    padding-left: 60px;
    box-sizing: border-box;
}
.contact_right_list ul li h3{
    font-size: 18px;
    color: #fff;
    line-height: 30px;
    font-weight: 300;
}
.contact_right_list ul li p{
    font-size: 16px;
    color: #fff;
    line-height: 30px;
    font-weight: 300;
}

.contact_right_list ul li svg{
    display: block;
    width: 36px;
    height: 36px;
    position: absolute;
    top: 12px;
    left: 0;
}

.contact_right_code{
    width: 300px;
    height: auto;
    margin: 0 auto;
}
.contact_right_code .item{
    float: left;
    width: 120px;
    height: auto;
    margin: 0 15px;
}
.contact_right_code .item img{
    display: block;
    width: 120px;
    height: auto;
    margin: 0 auto;
}
.contact_right_code .item p{
    font-size: 15px;
    color: #fff;
    line-height: 30px;
    text-align: center;
    padding-top: 5px;
    box-sizing: border-box;
}




@media screen and (max-width: 1600px) {
    .main_content_conter { 
        max-width: 1300px;
    }
}



@media screen and (max-width: 1440px) {
     .main_content_conter { 
        max-width: 1140px;
        padding:30px 15px;
        padding-bottom:80px;
        box-sizing:border-box;
    }
}



@media screen and (max-width: 1366px) {
     .main_content_conter { 
        max-width: 1100px;
    }
    .content_container { 
        padding-left:70px;
    }
    .service_list ul li .text_box { 
        height:220px;
    }
    .service_list ul li .text_box .article { 
        line-height:26px;
    }

    .news_page_section .news_pic { 
        width:350px;
        height:250px;
    }
    .news_page_section { 
        height:250px;
        margin-bottom:40px;
        padding-left:400px;
    }
    .news_page_section .text_box { 
        height:250px;
    }

    .news_page_section .text_box .article { 
        height:78px;
        line-height:26px;
        margin-bottom:20px;
    }
    .news_page_section .text_box .title { 
        font-size:16px;
    }
        .news_page_section .text_box .time { 
            margin-bottom:15px;
        }



}


@media screen and (max-width: 1040px) {
    .main_content_container { 
        padding-left:0;
    }
    .main_content_conter { 
        padding-top:20px;
    }
    .content_side { 
        width:100%;
        position:inherit;
        padding-bottom:40px;
        box-sizing:border-box;
    }
    .content_side_list ul li {
        float: left;
        width: 33.333333%;
        padding: 25px 0;
        padding-bottom:15px;
    }
    .content_side_list ul li:first-child { 
        border-top:none;
    }
    .main_content_title { 
      margin-bottom:0px;
    }
    .content_container { 
        padding-left:0;
    }

    .content_side_list ul li a { 
        font-size:15px;
        padding:0 5px;
        text-align:center;
    }
    .content_side_list ul li svg { 
        position:inherit;
        top:0;
        left:0;
        margin:2px auto;
    }

    .main_content_title h2 { 
        font-size:22px;
    }
    .main_content_title span { 
        font-size:16px;
    }
    .about .article { 
        line-height:32px;
        margin-bottom:40px;
    }
    .about_pic { 
        margin-bottom:50px;
    }

    .about_branch_list ul li { 
        margin-bottom:20px;
    }
    .about_branch_list ul li .title_box h2 { 
        font-size:16px;
    }
    .about_branch_list ul li .title_box { 
        padding:12px 20px;
        padding-right:55px;
    }
    .about_branch_list ul li .title_box .down_icon { 
        top: 8px;
        right: 10px;
    }
    .about_branch_list ul li .text_box .article { 
        padding:15px 20px;
    }


    .corporate_culture_title { 
        margin-bottom:10px;
    }
    .corporate_culture .article { 
        line-height:32px;
        text-align:justify;
    }
    .corporate_culture_title h3 { 
        font-size:14px;
        padding-left:35px;
    }
    .corporate_culture_title h3 strong { 
        font-size:18px;
    }
    .corporate_culture_title h3 svg { 
        width:24px;
        height:24px;
        top:9px;
    }
    .corporate_culture_section { 
        margin-bottom:35px;
    }

    .corporate_culture_list ul li { 
        width:46%;
        height:150px;
        margin-right:0;
        margin:0 2%;
        padding-top:47px;
    }
    .corporate_culture_list ul li .title { 
        font-size:16px;
        margin-bottom:7px;
    }
        .corporate_culture_list ul li .text_box { 
            line-height:24px;
            font-size:14px;
        }
    .company_qualification .article { 
        line-height:32px;
        margin-bottom:40px;
    }

    .company_qualification_list ul li .pic { 
        max-width:200px;
    }

    /*.content_side_list ul li:nth-of-type(4) { 
        width:50%;
    }
     .content_side_list ul li:nth-of-type(5) { 
        width:50%;
    }*/


    .service_item_title h3 { 
        font-size:13px;
        padding-left:35px;
        line-height:36px;
    }
    .service_item_title h3 strong { 
        font-size:18px;
    }
    .service_item_title h3 svg { 
        width:24px;
        height:24px;
        top:9px;
    }
    .service_item_title h3 span { 
        display:block;
        line-height:20px;
    }


    .news_page_list ul li .title_box { 
        padding: 12px 20px;
        padding-right:120px;
    }
    .news_page_list ul li .title_box h2 { 
        font-size:16px;
    }
    .news_page_list ul li .title_box .time { 
        right:20px;
        top:13px;
    }

      .talent_recruitment_title h3 { 
        font-size:13px;
        padding-left:35px;
        line-height:36px;
    }
    .talent_recruitment_title h3 strong { 
        font-size:18px;
    }
    .talent_recruitment_title h3 svg { 
        width:24px;
        height:24px;
    }
    .staff_development_article { 
       text-align:justify;
    }


   .content_side_development  .content_side_list ul li { 
        width:50%;
    }

      .talent_recruitment_title { 
        margin-bottom:15px;
    }
    .talent_recruitment_list ul li .title_box { 
        padding:12px 20px;
    }
    .talent_recruitment_list ul li .title_box h2 { 
        font-size:16px;
        padding-right:60px;
    }
        .talent_recruitment_list ul li .title_box .down_icon { 
            right:10px;
            top:8px;
        }
    .talent_recruitment_list ul li .text_box_con { 
        padding:20px;
    }
    .talent_recruitment_list ul li .text_box_sec1 { 
        margin-bottom:20px;
    }
    .talent_recruitment_list ul li .text_box p { 
        line-height:26px;
    }


    .contact_page { 
        padding-top:50px;
    }

}


@media screen and (max-width: 768px) {
     .company_qualification_list ul li { 
        width:50%;
        padding:10px;
        box-sizing:border-box;
        margin-bottom:5px;
    }

    .service_list ul li { 
        width:97%;
        margin-bottom:30px;
    }
    .service_list ul li .text_box { 
        height:auto;
        padding:15px 20px;
    }

    .news_page_section { 
        width:100%;
        height:auto;
        padding-left:0;
        margin-bottom:30px;
    }
    .news_page_section .news_pic { 
         width:100%;
         position:inherit;
         margin-bottom:15px;
    }
        .news_page_section .text_box { 
            height:auto;
            padding-bottom:15px;
            box-sizing:border-box;
        }
    .news_wrap_box { 
        padding-top:20px;
    }
    .news_details_page .title_box h3 { 
        font-size:16px;
    }
    .service_details_page .title_box h3 { 
        font-size:16px;
    }

    .talent_recruitment_section { 
        padding:15px 20px;
        padding-bottom:5px;

        margin-bottom:30px;
    }
    .talent_recruitment_section .article { 
        margin-bottom:20px;
         font-size:14px;
        line-height:26px;
    }

    .contact_page {
        padding-top:35px;
    }
    .contact_page_container { 
        height:auto;
        padding-right:0;
    }
    .contact_page_container .contact_right_box { 
        width:100%;
        height:auto;
        position:inherit;
        margin-bottom:30px;
        padding:25px;
       
    }
    .contact_page_container .contact_map { 
         height: 360px;
    }
    .contact_page_container .contact_map #map { 
        height: 328px;
    }
    .contact_right_box h2 { 
        font-size:18px;
        margin-bottom:20px;
    }
    .contact_right_list ul li h3 { 
        font-size:15px;
        line-height:26px;
    }
    .contact_right_list ul li p { 
        font-size:14px;
         line-height:26px;
    }
    .contact_right_list ul li svg { 
        width:30px;
        height:30px;
        top:11px;
    }
    .contact_right_list ul li { 
        padding-left:50px;
        margin-bottom:15px;
    }

    .contact_right_code { 
        width:260px;
    }
    .contact_right_code .item{
        width: 100px;
    }
    .contact_right_code .item img{
        width: 100px;
    }


    .main_content_conter {
        padding-bottom:60px;
    }

    .main_content_title h2 {
        font-size:18px;
    }
    .main_content_title span {
        font-size:14px;
    }
    .main_content_title {
        padding:12px 0;
        border-bottom: 2px solid #1373c5;
    }
    .content_side_list ul li svg {
        width:30px;
        height:30px;
    }
    .content_side_list ul li a {
        line-height:36px;
    }
    .content_side {
        padding-bottom:30px;
    }
    .about .article {
        font-size:14px;
        line-height:26px;
    }
    .about .article strong {
        font-size:14px;
    }
    .about .article {
        margin-bottom:30px;
    }
    .about_pic {
        margin-bottom:40px;
    }
    .about_branch_list ul li .title_box h2 {
        font-size:15px;
        line-height:28px;
    }
    .about_branch_list ul li .title_box .down_icon {
        background: url('../images/recruitment_text_box_icon.png') no-repeat center center;
        background-size:22px;

        top: 7px;
        right: 5px;
    }
    .about_branch_list ul li.active .title_box .down_icon {
        background: url(../images/recruitment_text_box_icon_hover.png) no-repeat center center;
         background-size:22px;
    }


    .corporate_culture_title h3 {
        font-size:12px;
    }
    .corporate_culture_title h3 strong {
        font-size:16px;
    }
     .corporate_culture_title h3 svg { 
        width:22px;
        height:22px;
        top:10px;
    }
    .corporate_culture_section { 
        margin-bottom:25px;
    }
    .corporate_culture_title {
        margin-bottom:5px;
    }
    .corporate_culture .article {
        font-size:14px;
        line-height:26px;
    }

    .corporate_culture_list ul li { 
        width:44%;
        height:140px;
        margin-right:0;
        margin:0 3%;
        padding-top:40px;
    }
    .corporate_culture_list ul li .title {
        font-size:15px;
        margin-bottom:5px;
    }
      .corporate_culture_list ul li .text_box { 
            line-height:22px;
            font-size:12px;
        }

    .company_qualification .article {
        font-size:14px;
        line-height:26px;
    }
    .company_qualification .article p strong {
         font-size:14px;
    }


     .service_item_title h3 { 
        font-size:12px;
        padding-left:35px;
        line-height:32px;
    }
    .service_item_title h3 strong { 
        font-size:16px;
    }
    .service_item_title h3 svg { 
        width:22px;
        height:22px;
        top:10px;
    }
    .service_item_title h3 span { 
        display:block;
        line-height:20px;
    }

    .service_list ul li .text_box .title {
        font-size:15px;
        line-height:28px;
        margin-bottom:5px;
    }
    .service_list ul li .text_box .article {
        font-size:14px;
        line-height:24px;
        margin-bottom:10px;
    }
    .service_list ul li .more {
        font-size:15px;
    }
    .service_list ul li {
        margin-bottom:20px;
    }
    .service_item_title {
         margin-bottom:20px;
    }
    .service_page_item_list ul li p {
        font-size:15px;
    }
    .service_page_item_list ul li {
        margin-bottom:10px;
    }
    .service_page_item {
        margin-bottom:25px;
    }
    .service_details_page .text_box ,.service_details_page .title_warp{
        font-size:14px;
        line-height:26px;
    }
    .service_details_page .service_wrap_box {
        padding-top:20px;
    }

    .news_page_section .text_box .title {
        font-size:15px;
        margin-bottom:5px;
    }
    .news_page_section .text_box .article {
        font-size:14px;
    }
    .news_page_section .text_box .more {
        font-size:15px;
    }
    .news_page_section .text_box .time {
        margin-bottom:10px;
    }
    .news_page_section .text_box .article {
        margin-bottom:15px;
    }

    .news_page_list ul li .title_box h2 {
        font-size:15px;
        line-height:28px;

        overflow: auto;
        white-space: normal; 
        text-overflow: ellipsis;
    }
    .news_page_list ul li .title_box .time {
         font-size:14px;
    }

    .news_details_page .text_box {
        font-size:14px;
        line-height:26px;
    }
    .news_details_page .title_box h3 {
         font-size:15px;
        line-height:28px;
    }
    .talent_recruitment_title h3 strong {
        font-size:16px;
    }
    .staff_development_article {
         font-size:14px;
        line-height:26px;
        margin-bottom: 30px;
    }
    .talent_recruitment_title h3 svg {
        width: 22px;
        height: 22px;

        top:7px;
    }



    
      .talent_recruitment_title h3 { 
        font-size:12px;
        padding-left:35px;
        line-height:36px;
    }
    .talent_recruitment_title h3 strong { 
        font-size:16px;
    }
    .talent_recruitment_title h3 svg { 
        width:22px;
        height:22px;
    }
    .talent_recruitment_list ul li .title_box h2 {
           font-size:15px;
        line-height:28px;
    }

    .talent_recruitment_list ul li .title_box .down_icon{
        background: url('../images/recruitment_text_box_icon.png') no-repeat center center;
        background-size:22px;
    }
    .talent_recruitment_list ul li.active .title_box .down_icon{
        background: url('../images/recruitment_text_box_icon_hover.png') no-repeat center center;
        background-size:22px;
    }
    .talent_recruitment_list ul li:hover .title_box .down_icon{
        background: url('../images/recruitment_text_box_icon_hover.png') no-repeat center center;
        background-size:22px;
    }

    .talent_recruitment_list ul li .text_box p {
           font-size:14px;
        line-height:26px;
    }
    .talent_recruitment_list ul li .text_box strong {
         font-size:15px;
    }
    .talent_recruitment_list ul li .text_box_con {
        box-shadow:0 0 5px 0 #f2f2f2;
    }


}