/*doc global*/
.doc_sidebar  .panel-heading {padding: 6px 15px;}
.doc_sidebar .panel-title{  font-size:12px; font-weight:normal;}
.doc_sidebar .current { border-left:4px solid #4bacff !important; color:#4bacff !important; padding-left:11px !important;}
.doc_sidebar .list-group-item i{ width:16px; text-align:center; margin-right:8px;}
.doc_content h2{border-bottom: 1px solid #ddd;padding-bottom: 10px;}
.doc_content h3{padding-left: 10px;position: relative;font-size: 14px;margin-bottom: 15px;}
.doc_content h3:before{content:"";width: 4px;height: 14px;background-color: #4bacff;position: absolute;left: 0;top: 1px;}

/*about*/
.doc_about .video_3kj{width: 60%;margin: 0 auto 30px;height: auto;}
.doc_about .slogan{margin: 0 auto 30px; font-size: 24px;text-align: center;}
.doc_about .content{margin: 0;padding: 0;list-style-type: none;font-size: 20px;}
.doc_about .content li{margin: 0;list-style-type: none;padding:20px 0; text-align: center;}
.doc_about .content li p{display: inline-block;font-style: italic;}
.doc_about .content li b{padding: 0 10px;color: #3286cf;}
.doc_about .content li i{font-size: 12px;color: #999;vertical-align: top;font-style: italic;padding: 0 5px;}

/*news*/
.doc_news .list{ margin:0; padding:0;}
.doc_news .list li{ margin:0;  list-style-type:none;}
.doc_news .list li a{ display:block;padding:10px 5px 10px 65px; min-height:70px; position:relative;border-bottom:1px solid #eee; }
.doc_news .list li a:hover{ background-color:#f9f9f9;}
.doc_news .list li a .pic{width:50px; height:50px; position:absolute; top:10px; left:5px;}
.doc_news .list li a p{ color:#999; margin-bottom:8px;}
.doc_news .list li a h4{font-weight:normal; font-size:16px; color:#444;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin:5px 0 0;}

/*contact*/
.doc_contact .regular{margin-bottom: 50px;}
.doc_contact .regular .tel{ font-weight:bold; color:#4bacff;}
.doc_contact .regular .tip{margin-left:10px; font-size:12px; color:#999;}
.doc_contact .site_info{font-size: 12px;}
.doc_contact .site_info .map_container{ width:100%; max-width:500px; height:300px; border:1px solid #ddd;}
.doc_contact .site_info a{color: #3286cf;margin-left: 5px;}
.doc_contact .base{margin-bottom: 40px;}
.doc_contact .branches .branch{margin-bottom: 15px;}
.doc_contact .branches .branch h4{font-size: 14px;font-weight: normal;border-bottom: 1px dotted #ddd;padding-bottom: 6px;}
.map_modal .map_container{ width:100%; height:400px; border:1px solid #ddd;}
.map_container .BMap_bubble_title{font-weight: bold;font-size: 14px;}
.map_container .BMap_bubble_content{font-size: 12px;line-height: 1.6em;}

/*jobs*/
.doc_jobs .forward_txt{font-size: 12px;font-style: italic;color: #666;margin-bottom: 30px;}
.doc_jobs .forward_txt p{margin-bottom: 20px;}
.doc_jobs .video_3kj{width: 60%;margin: 0 auto 30px;height: auto;}
.doc_jobs .company,.doc_jobs .pay{margin-bottom: 30px;}
.doc_jobs .send_cv p{margin-top: 20px;font-size: 12px;}


/* download */
.doc_download .list{margin:0; padding:0; margin-bottom:40px;}
.doc_download .list li{ margin:0 0 10px;list-style-type:none;}
.doc_download .list li a{ display:block; padding:15px 40px 15px 15px; background-color:#f3f3f3;border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; position:relative;}
.doc_download .list li a:hover{ background:#4bacff; color:#fff;}
.doc_download .list li a:hover p{ color:#fff;}
.doc_download .list li h4{ margin-top:0; margin-bottom:4px; line-height:1.2em; height:20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.doc_download .list li p{ color:#666; margin-bottom:0;}
.doc_download .list li i{ position:absolute; font-size:24px; right:10px; top:50%; margin-top:-12px;color: #ccc;}

/*faq*/
.doc_faq h3{ margin-top:0;}
.doc_faq p,.doc_faq ol li{font-size:14px; color:#666; line-height:1.6em;}
.doc_faq ul>li{ padding:30px 10px;}
.doc_faq ul>li:nth-of-type(even){ background-color:#f6f6f6;}
.doc_faq ol{ padding-left:20px;}

/* city join */
.doc_city .banner{ margin-bottom:20px; background:url(/assets/images/docs/join/city_banner.jpg) no-repeat top center; height:240px; background-size:auto 100%; position:relative; }
.doc_city .banner .box{ position:absolute; right:0; bottom:30px; background-color:rgba(0,0,0,.7); background-color:#333 \9;padding:20px; color:#fff; font-size:14px; z-index:20; text-align:right;}
.doc_city .banner .box h3{ font-size:24px; margin-bottom:20px;}
.doc_city .banner .box a{ display:inline-block; border:2px solid #fff; padding:5px 20px; color:#fff; font-size:16px;-webkit-transition: all 0.4s;  -moz-transition: all 0.4s;  transition: all 0.4s;}
.doc_city .banner .box a:hover{ background-color:#fff; color:#222;}
.doc_city .banner .box p{ color:#ccc; font-size:12px; margin: 10px 0 0;}
.doc_city .banner .box p b{color: #4bacff;}

/* leader join */
.leader_join .banner{ margin-bottom:20px; background:url(/assets/images/docs/join/join_banner.jpg) no-repeat top center; height:240px; background-size:auto 100%; position:relative; }
.leader_join .banner .box{ position:absolute; right:0; bottom:30px; background-color:rgba(0,0,0,.7);background-color:#333 \9;padding:20px; color:#fff; font-size:14px; z-index:20; text-align:right;}
.leader_join .banner .box h3{ font-size:24px; margin-bottom:20px;}
.leader_join .banner .box a{ display:inline-block; border:2px solid #fff; padding:5px 20px; color:#fff; font-size:16px;-webkit-transition: all 0.4s;  -moz-transition: all 0.4s;  transition: all 0.4s;}
.leader_join .banner .box a:hover{ background-color:#fff; color:#222;}
.leader_join .banner .box p{ color:#ccc; font-size:12px; margin: 10px 0 0;}
.leader_join .content{ margin-bottom:30px;}
.leader_join .content h3{ font-size:28px; font-weight:normal; letter-spacing:2px; margin-bottom:30px; text-align:center; position:relative;}
.leader_join .content h3:before{ content:""; position:absolute; border-top:1px solid #ddd; left:0; right:0; top:50%; z-index:1;}
.leader_join .content h3 span{ background-color:#fff; padding:0 40px; position:relative; z-index:2; }
.leader_join .content .row>.col-sm-4{ min-height:160px;}
.leader_join .content .adv{ text-align:center; display:block;}
.leader_join .content .adv .icon{ width:100px; height:100px; background-color:#3897E8; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; display:inline-block; -webkit-box-shadow: 0 7px 0 #2A7EC8, 0 8px 3px rgba(0, 0, 0, 0.4);-moz-box-shadow: 0 7px 0 #2A7EC8, 0 8px 3px rgba(0, 0, 0, 0.4);box-shadow: 0 7px 0 #2A7EC8, 0 8px 3px rgba(0, 0, 0, 0.4); position:relative;top:0;-webkit-transition: all 0.1s;  -moz-transition: all 0.1s;  transition: all 0.1s;}
.leader_join .content .adv:hover .icon{ background-color:#4bacff;}
.leader_join .content .adv:active .icon{-webkit-box-shadow: 0 2px 0 #2268A4, 0 3px 3px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 2px 0 #2268A4, 0 3px 3px rgba(0, 0, 0, 0.2);  box-shadow: 0 2px 0 #2268A4, 0 3px 3px rgba(0, 0, 0, 0.2); top:5px;}  
.leader_join .content .adv:hover h4{color:#222;}
.leader_join .content .adv .icon i{background-image:url(../images/docs/join/join_value.png); background-repeat:no-repeat; width:100px; height:100px; display:block;}
.leader_join .content .adv.join .icon i{ background-position:0 0;}
.leader_join .content .adv.offer .icon i{ background-position:-100px 0;}
.leader_join .content .adv.quality .icon i{ background-position:-200px 0;}
.leader_join .content .adv.customer .icon i{ background-position:-300px 0;}
.leader_join .content .adv.panorama .icon i{ background-position:-400px 0;}
.leader_join .content .adv.consultant .icon i{ background-position:-500px 0;}
.leader_join .content .adv.manage .icon i{ background-position:-600px 0;}
.leader_join .content .adv.career .icon i{ background-position:-700px 0;}
.leader_join .content .adv.apply .icon i{ background-position:-800px 0;}
.leader_join .content .adv  h4{ color:#666; line-height:1.5em;font-weight:normal;}
.leader_join .content .adv  h4 .fa{ margin-left:6px;}
.leader_join .action{ text-align:center; margin-bottom:30px;}
.leader_join .action .apply_btn{ min-width:280px;}

.leader_join .join_form .form-control-feedback{ font-size:16px; height:20px; line-height:20px; top:10px;}
.leader_join .join_form .form-group .alert{ border-radius:0; border:0; margin-bottom:0;}
.leader_join .join_form .verify{ padding-right:120px;}
.leader_join .join_form .verify .verify_img{ cursor:pointer; position:absolute; right:10px;top:0; width:100px; height:42px; border:1px solid #ddd; }
.leader_join .join_form .verify .form-control-feedback{right:120px;}
.leader_join .join_form .smscode{ padding-right:160px;}
.leader_join .join_form .smscode .btn{ width:140px; position:absolute; right:10px;top:0;}
.leader_join .join_form .smscode .form-control-feedback{right:160px;}

.leader_join .join_contract_title{ text-align:center; margin:0 auto 20px;}
.leader_join .join_contract{ border:1px solid #ddd; padding:20px; height:600px; overflow-y:auto; margin-bottom:30px;}
.leader_join .join_contract .contract_label{ display:inline-block; width:20%;text-align:justify;}
.leader_join .join_contract .contract_fill{display:inline-block; width:75%;border-bottom:1px solid #444;}

.leader_join .app_download{ margin-bottom:30px;}
.leader_join .app_download .choose{ text-align:center; margin-bottom:20px; font-size:24px;}
.leader_join .app_download .nav-tabs{ text-align:center; border-bottom:0;}
.leader_join .app_download .nav-tabs>li{ display:inline-block; float:none; margin-bottom:0;}
.leader_join .app_download .nav-tabs li a{ background-color:#f3f3f3; border:1px solid #ddd; position:relative; padding-left:50px; text-align:left; color:#444;}
.leader_join .app_download .nav-tabs li a>.fa{ position:absolute; font-size:30px; top:50%; margin-top:-20px; left:10px;}
.leader_join .app_download .nav-tabs li a:hover{ background-color:#fff;}
.leader_join .app_download .nav-tabs li.active a{ color:#4bacff; background-color:#fff; border-top:2px solid #4bacff; border-bottom:1px solid #fff;}
.leader_join .app_download .nav-tabs li p{ font-size:12px; color:#666;}
.leader_join .app_download .tab-pane{ border-top: 1px solid #ddd;}
.leader_join .app_download .study{ padding:30px 20px; border-bottom:1px solid #ddd;}
.leader_join .app_download .study:last-child{ border-bottom:0;}
.leader_join .app_download .study h3{ margin:0 0 20px;}
.leader_join .app_download .study h4{ margin-top:0;}
.leader_join .app_download .study p{ color:#666;}
.leader_join .app_download .study .study_step{ margin-bottom:20px;}
.leader_join .app_download .study .study_step:last-child{ margin-bottom:0;}
.leader_join .app_download .study .study_step .img-responsive{ border:1px solid #ccc; max-height:400px;}
.leader_join .app_download .study p .next{ color:#4bacff;}

.leader_join .app_download .code p{ padding-left:18px; margin-top:5px; font-size:12px;}
.leader_join .app_video{ margin-bottom:30px;}
.leader_join .app_video h3{ border-bottom:1px solid #ddd; font-weight:normal; padding:10px; margin-top:0;}
.leader_join .app_video h3 .fa{ font-size:20px; margin-right:6px;}
.leader_join .app_video .iframe{ text-align:center;}
.leader_join .app_video .iframe iframe{ height:360px; width:500px;}
.leader_join .options h4{ margin-bottom:20px;}
.leader_join .options ul{padding:0; margin:0;}
.leader_join .options li{ margin-bottom:15px; list-style-type:none;}
.leader_join .options li .fa{ font-size:20px; margin:0 4px; width:20px; text-align:center;}
/*leader_train*/
.leader_train .banner {margin-bottom: 20px;background:url(../images/train/train_banner.jpg) no-repeat top center;height: 240px;background-size: auto 100%;position: relative;}
.leader_train .banner .box {position: absolute;right: 0;bottom: 30px;background-color: rgba(0,0,0,.5);padding: 20px;
color: #fff;font-size: 14px;z-index: 20;text-align: right;}  
.leader_train .banner .box h3 {font-size: 24px;margin-bottom: 20px; text-align:left;font-weight: normal}  
.leader_train .banner .box p {color: #ccc;font-size: 12px;margin: 10px 0 0;}  
.leader_train .content {margin-bottom: 30px;}
.leader_train .content .intro{ margin-bottom:50px;}
.leader_train .content .intro .train_time{ width:280px; margin:0 auto;}  
.leader_train .content h3 {font-size: 28px;font-weight: normal;letter-spacing: 2px;margin-bottom: 30px;text-align: center;position: relative;}
.leader_train .content h3:before {content: "";position: absolute;border-top: 1px solid #ddd;left: 0;right: 0;top: 50%;
z-index: 1;}   
.leader_train .content h3 span {background-color: #fff;padding: 0 40px; position: relative;z-index: 2;}  
.leader_train .content .logo{ margin:10px 0;}
.leader_train .content .intro .jump{color:#4bacff;}
.leader_train .content ul{ padding-left:18px;}
.leader_train .content  li{ padding:5px 0;}  
.leader_train .content h4{ width:108px; height:76px; background:#009DD9; color:#fff; font-size:26px; font-weight:normal; text-align:center; line-height:76px; margin:0 auto;}	.leader_train .content .intro .item_block{ margin-bottom:30px;}
.leader_train .content .intro .item_block .item_info{ margin:10px 0; text-align:center; color: #888;font-size: 12px;}
 
.leader_train .content .weak h4{ background:#009471;} 
.leader_train .content .line{ background:url(../images/train/train_line.png) no-repeat top center; width:167px; height:112px; margin:0 auto;}
.leader_train .content p span{ padding:0 10px;}
.leader_train .content .weak p span{ padding:0 26px;}



/***   Step bar   ***/
.ui-step{color:#aaa;padding:0 60px;margin:10px auto 30px;position:relative; overflow-x:hidden;}
.ui-step:after{display:block;content:"";height:0;font-size:0;clear:both;overflow:hidden;visibility:hidden;}
.ui-step li{float:left;position:relative;list-style:none outside none; min-height:54px;}
.ui-step li a:hover{ }
.ui-step .step-end{width:120px;position:absolute;top:0;right:-60px;}
.ui-step-line{height:6px;background-color:#eee;margin-top:12px;}
.step-end .ui-step-line{display:none;}
.ui-step-cont{width:120px;position:absolute;top:0;left:-15px;text-align:center;}
.ui-step-cont-number{display:inline-block; *zoom:1;position:absolute;left:0;top:0;width:36px;height:36px;line-height:28px;color:#fff;background:url(/assets/images/center/ui-step_cover_30x30.png) center no-repeat\9; border-radius:50%;border:4px solid #fff;font-family:Georgia;font-size:16px;background-color:#aaa;}
.ui-step-cont-number i{ width:16px; height:16px; text-align:center; line-height:16px;}
.ui-step-cont-text{position:relative;top:34px;left:-42px;font-size:12px; color:#aaa;}
.ui-step-4 li{width:33.33%;}
.step-done .ui-step-cont-number{background-color:#59b200; }
.step-done .ui-step-cont-text{color:#59b200; }
.step-done .ui-step-line{background-color:#59b200;}
.step-active .ui-step-cont-number{background-color:#F1992D;}
.step-active .ui-step-cont-text{color:#F1992D;font-weight:bold;}
.step-active .ui-step-line{background-color:#eee;}

/*privacy*/
.privacy .banner{ margin-bottom:30px; background:url(../images/docs/privacy_banner.jpg) no-repeat top center; height:240px; background-size:auto 100%; position:relative; }
.privacy .banner .box{ position:absolute; left:0; bottom:30px; background-color:rgba(0,0,0,.7);padding:20px; color:#fff; font-size:16px; z-index:20;}
.privacy .banner .box h3{ font-size:24px; margin:0 0 10px;}
.privacy .banner .box p{ margin-bottom:6px;}
.privacy .banner .box p{ font-size:12px;}
.privacy .content{ line-height:1.8em;}
.privacy .content h4{ margin:40px 0 20px; font-weight:normal; font-size:20px;}
.privacy .content ul{ padding-left:20px;}




@media (max-width: 480px) {
	.about_section{ font-size:10px;}
	#map_container{ height:400px;}
	.video_3kj{width: 100%;}
}