@charset "utf-8";

/* .aside */
.aside{position: absolute;top: 0px;left: 50%;margin-left: 620px;width: 100px;box-sizing: border-box}
.aside > div{border: 1px solid #ddd;box-sizing: border-box}
.aside > div + div{border-top: none}
.aside .aside_top{width: 100px;height: auto}
.aside .phone_num{margin-top: 4px;padding: 20px 0 16px;background: #c90e58;color: #fff;height: 80px;font-size: 14px;text-align: center;}
.aside .phone_num p:first-child{position: relative;padding-left: 22px;font-weight: 600}
.aside .phone_num p:first-child:before{content: "";position: absolute;width: 20px;height: 20px;top: 0; left: 8px;background: url("../images/main/icon_phone.png") no-repeat center}
.aside .quick a{display: block;width: 100px;height: 100px;text-align: center;padding-top: 14px}
.aside .quick a p{color: #666;font-weight: 500}

/*main titles*/
.main_tit1 {width:280px; margin-bottom:5px; padding: 5px 50px; border-radius:20px;text-align: center}
.main_tit1 h2 {font-size:20px; color:#fff;}
/* .main_tit1 h2:after {content:""; display:block; width:54px; height:1px; background-color:#fff; margin:4px 0 10px;} */
.main_tit1 p {font-size:12px; color:#fff;}
.main_tit1.main_tit1_mint {background-color:#0ac6af;}
.main_tit1.main_tit1_pink {background-color:#f68484;}

.main_tit2:after {content:""; clear:both; display:block;}
.main_tit2 {display:table; width:100%; height:64px; padding:0 5%;}
.main_tit2 h2 {display:table-cell; vertical-align:middle; font-size:20px;}
.main_tit2 .main_tit2_more {display:table-cell; text-align:right; vertical-align:middle;}
.main_tit2_1 {background-color:#7598fc; color:#fff; padding-left:6%;}
.main_tit2_2 {background-color:#9451ee; color:#fff;}
.main_tit2_3 {background-color:#12bdd1; color:#fff;}

.main_tit3 {position:relative; margin-bottom:30px;}
.main_tit3 h2 {width:130px; height:40px; text-align:center; color:#fff; line-height:43px; font-size:18px;}
.main_tit3 .main_tit3_more {position:absolute; right:0; top:10px;}
.main_tit3_1 {border-bottom:1px solid #68b1b1;}
.main_tit3_1 h2 {background-color:#68b1b1;}
.main_tit3_2 {border-bottom:1px solid #2b5be5;}
.main_tit3_2 h2 {background-color:#2b5be5;}


/*main contents layout*/
.main_section1 {padding:40px 0;}
.main_section2 {padding:40px 0; height:580px; background:url(../images/main/bg_world_map.svg) no-repeat center top #f5f5f5; background-size:100%;}
.main_section3 {position:relative; margin-top:40px;}
.main_section5 {margin-top:40px;}
.main_section6 {margin-top:40px;}

.main_reveiw,
.main_recruit {height:316px;background-color:#f1f1f1; overflow:hidden;}
.main_reveiw {float:left; width:60%; padding:30px 2.8%;}
.main_recruit {float:right; width:36%;}

.main_reveiw .review_tab {margin-bottom:20px;}
.main_review_wrap {position:relative;}
.main_review_wrap .review_more {position:absolute; right:0; top:-50px;}
.main_review_box {float:left; width:32%; margin-right:2%; background-color:#fff;}
.main_review_box:last-child {margin-right:0;}
.main_review_box > a {display:block; padding:18px; transition:.2s ease;}
.main_review_box > a:hover {box-shadow:0 0 5px rgba(0,0,0,.25); outline:1px solid #68b1b1;}

.review_box_top:after {content:""; clear:both; display:block;}
.review_box_top .review_box_img {float:left; width:50px; height:50px; border-radius:100px; overflow:hidden;}
.review_box_top .review_box_img img {display:block; width:100%;}
.review_box_top .review_box_name {float:left; width:calc(100% - 50px); padding:12px 0 0 7%;}
.review_box_top .review_box_name p {font-size:14px; color:#666; font-weight:600; line-height:1;}
.review_box_top .review_box_name em {display:-webkit-box;font-size:13px; color:#68b1b1;word-wrap: normal;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp:2; -webkit-box-orient:vertical;padding-top: 5px}
.review_box_text {position:relative; margin-top:20px; height:76px;}
.review_box_text p {font-size:13px; max-height:75px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; white-space:normal; word-wrap:break-word; word-break:break-all; overflow:hidden;}
.review_box_text span {position:absolute; display:block; right:2px; bottom:5px; font-size:12px; color:#c70752; line-height:0.8;}
.review_box_text span:after {content:""; display:block; width:100%; height:1px; background-color:#c70752;}

/*main board*/
.main_board {padding:40px 5%;}
.main_board li {margin-bottom:30px;}
.main_board li:last-child {margin-bottom:0;}
.main_board li > a:after {content:""; clear:both; display:block;}
.main_board li > a > p {float:left; position:relative; width:calc(100% - 150px); font-size:14px; padding-left:10px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.main_board li > a > p:before {content:""; display:block; position:absolute; width:2px; height:2px; left:0px; top:7px; background-color:#222;}
.main_board li > a > p > span {font-size:12px; color:#666; display:inline-block; vertical-align:text-top; margin-left:10px;}
.main_board li > a > span {float:right; font-size:13px; vertical-align:middle; width:150px; text-align:right; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.main_board li > a > p:hover {text-decoration:underline;}
.main_board li > a > span:hover {text-decoration:underline;}

.main_board.main_board_date li > a > p {width:calc(100% - 90px);}
.main_board.main_board_date li > a > span {width:90px;}

.main_board1 {background-color:#f1f1f1;}
.main_board1 li > a > span {color:#7598fc;}
.main_board2,
.main_board3 {background-color:transparent;}
.main_board2,
.main_board3 {padding:0;}
.main_board3 li > a > span {color:#2b5be5}

.main_associate {float:left; width:48%;}
.main_hr {float:right; width:48%;}
.main_board_box {float:left; width:48%; margin-right:4%; padding:25px 2.5%; background-color:#eaf1f1;}
.main_board_box:last-child {margin:0; background-color:#dee7fa;}

.main_link_box {background-color:#f2f2f2; padding:20px 5%; height:220px;} 
.main_link_box.career_box {height:240px;}
.main_link_box > a {position: relative;display:table; width:100%; height:100%;}
.main_link_box.career_box > a{background: url(../images/main/bg_main_career.jpg) no-repeat center right; background-size:cover;}
.main_link_box.hr_box > a{background: url(../images/main/bg_main_hr.jpg) no-repeat center center; background-size:cover;}
.main_link_box .main_hr_cont {display:table-cell; text-align:center; vertical-align:middle; transition:.2s ease;}
.main_link_box .main_hr_cont > p {font-weight:600; margin:20px 0 16px;}
.main_link_box .main_hr_cont > span {display:inline-block; padding:8px 20px 6px; border-radius:100px; background:rgba(0,0,0,0.5); border:1px solid #fff; font-size:15px; color:#fff; transition:.2s ease .1s;}
.main_link_box > a:hover .main_hr_cont {background-color:rgba(0,0,0,.1);}
.main_link_box > a:hover .main_hr_cont > span {transform:translateY(-3px);}

.main_associates {padding:40px 2%;}
.main_associates li {display:table; float:left; width:calc(100% / 6); height:70px;text-align:center;}
.main_associates li span {display:table-cell; vertical-align:middle; text-align:center;}
.main_associates li img {max-width:100%;}


/*tablet*/
@media only screen and (max-width:1600px) {

} 




/*tablet*/
@media only screen and (max-width:1200px) {
    
    /*main contents layout*/
    .main_section2 {height:auto; padding-bottom:15px;}
    
    .main_associates {padding:20px 0;}
    .main_associates li img {max-width:80%;}

} 


/*tablet*/
@media only screen and (max-width:1000px) {

    /*main titles*/
    .main_tit1 {display:inline-block; min-width:220px; width:auto; padding:8px 20px 8px 26px;}
    .main_tit1 h2 {font-size:16px;}
    
    
    
    /*main contents layout*/
    .main_review_box > a {padding:10px;}
    .review_box_top .review_box_img {float:none; width:40px; height:40px;}
    .review_box_top .review_box_name {float:none; width:100%; padding:8px 0 2px;}
    .review_box_top .review_box_name p {font-size:13px;}
    .review_box_text {margin-top:0;}
    
    
    /*main board*/
    .main_board li > a > p {width:100%;}
    .main_board li > a > span {display:block; text-align:left; width:100%; margin-top:2px; padding-left:10px;}
    .main_board.main_board1 {padding-top:25px; padding-bottom:10px}
    .main_board.main_board1 li {margin-bottom:15px;}
    
}




/*Mobile*/ 
@media only screen and (max-width:768px) {
    
    
    /*main title*/
    .main_tit2 h2, 
    .main_tit3 h2 {font-size:16px;}
    
    /*main contents layout*/
    .main_section1,
    .main_section2 {padding:30px 0 10px;}
    .main_section3,
    .main_section5, 
    .main_section6 {margin-top:30px;}
    
    .main_reveiw,
    .main_recruit {float:none; width:100%;}
    .main_recruit {margin-top:30px; height:auto;}

    /*main board*/
    .main_board li > a > p {width:calc(100% - 150px);}
    .main_board li > a > span {display:table-cell; text-align:right; width:150px;}
    
    .main_associate {float:none; width:100%;}
    .main_hr {float:none; width:100%; margin-top:30px;}
    
    .main_board_box {float:none; width:100%; margin-bottom:30px;}    
    
}


@media only screen and (max-width:480px) {
    
    
    .main_associates {padding:0;}
    
    .main_reveiw {height:500spx;}
    .main_review_box {float:none; width:100%; margin-right:0; margin-bottom:10px;}
    .review_box_top .review_box_img {float:left;}
    .review_box_top .review_box_name {float:left; width:calc(100% - 50px); margin-left:10px;}
    .review_box_text {height:56px; margin-top:5px;}
    .review_box_text p {max-height:40px; display:-webkit-box; -webkit-line-clamp:2;}


}