.am-topbar-btn{margin-top: 40px}
@media screen and (min-width: 640px){
    #wrapper_tabs{padding-top: 40px;font-size:16px}
    .contact_left{float:left;padding:50px;line-height:36px}
    .contact_right{float:right;width:600px;padding:50px 0}
    #map_container{width:550px;height:400px}
    .main{min-width: 1050px}
}
@media screen and (max-width: 640px){
    .wrapper>div{z-index: 6;}
    #wrapper_tabs{background-color: #F8F8F8;}
    .contact_left{padding:20px;line-height:36px}
    #map_container{width:100%;height:400px}
}
.contact_box{overflow: hidden;margin-bottom: 20px;}
.contact_left h1{margin-top: 0}
.contact_left p{font-size:16px}
.header{width: 100%;min-width: 1200px;height: 80px;background: #fff;opacity: 0.98;box-shadow: 0 0 14px 0 rgba(193, 174, 170, 0.3);font-size: 16px;border-bottom: 1px solid #eee;overflow: hidden}
/*.logo img{height: 60px;margin-top: 10px;}*/
.navbar{margin-left: 15px}
.navbar li{float: left}
.navbar a{font-size: 16px;display: inline-block;padding: 40px 10px 0 10px;color: #333}
.navbar a.active, .navbar a:hover{color: #ff622b}
.toolbar{padding: 30px 50px 0 0;float: right}
.reg_btn{font-size: 16px;margin: 0 20px}
.reg_btn:hover{color: #ff622b}
.login_btn{margin-right: 25px;padding: 7px 30px;border-radius: 16px;color: #fff;background-color: #ff622b;border-color: #ff4f12;display: inline-block;margin-bottom: 0;text-align: center;cursor: pointer;font-size: 18px;user-select: none;}
.login_btn:hover{color: #fff}
.footer{background: #1F1F24;height: 400px;padding-top: 50px;color: #fff;min-width: 1200px}
.qrcode{float: left;text-align: center;font-size: 16px;line-height: 25px}
.contact_us{float: left;margin-left: 50px;text-align: center}
.contact_us h2{font-size: 28px;margin-bottom: 20px}
.contact_us p{font-size: 16px;margin-bottom: 20px;}
.footer_qq{border-radius: 6px;display: inline-block;margin-bottom: 20px;text-align: center;font-size: 14px;width: 190px;height: 40px;line-height: 40px;user-select: none;color: #fff;background-color: #ff622b;}
.footer_qq:hover{opacity: .8}
.link_list{float: left;margin-left: 50px}
.link_item{float: left;width: 125px;height: 100%;border-right: 1px solid #2a2a2f;line-height: 40px;margin-left: 35px}
.link_item h3{font-size: 18px}
.link_item a{color: #999}
.beian{border-top: 1px solid #36363a;margin-top: 20px;padding-top: 20px;color: #888}
.beian a{color: #888}
.fixed_box{position: fixed;bottom: 20%;right: 0;z-index: 666;width: 130px;border: 1px solid #ccc;padding: 5px;background: #fff}
.fixed_box p{padding: 5px;font-size: 10px}

.pages{width:100%;position: relative;}
.contxt{width:1200px;margin:auto;position: relative;}
.companyPro{width:100%;height:500px;background:url(./index/about/banner_about_us_1.png) center center no-repeat;background-color: #00a4ff;}
.joinUs{width:100%;height:500px;background:url(./index/about/banner_about_us_1.png) center center no-repeat;}
.contactUs{width:100%;height:500px;background:url(./index/about/banner_about_us_1.png) center center no-repeat;}
.privacy{width:100%;height:500px;background:url(./index/about/banner_about_us_1.png) center center no-repeat;}
.tabs{width:100%;height:60px;background-color:rgba(0,0,0,0.3);position:absolute;left:0;bottom:0;}
.tabs .contxt{display:flex;}
.tabs .contxt .tabs-btn{flex:1;height:60px;line-height:60px;text-align: center;font-size:20px;color:#fff;cursor: pointer;}
.tabs .contxt .current{background-color:rgba(0,0,0,0.4);}
.tabcontent{width:100%;padding-top:60px;padding-bottom:80px;}
.tabcontent h4.title{text-align:center; color: #373232;font-size:32px;margin-bottom:40px;}
.tabcontent .profile{padding-bottom:100px;color: #373232;font-size:16px;line-height:2;}
.tabcontent .fetures{width:100%;display:flex;}
.tabcontent .fetures .unit{display:flex;flex:1;flex-direction:column;text-align:center;}
.tabcontent .fetures .unit img{width:130px;margin:auto;}
.tabcontent .fetures .unit .texts{color: #373232;font-size:16px;margin-top:16px;line-height:2;}
.advJobList{border-top:1px solid #e7e7e7;padding-top:10px;}
.advJobList .item{border-bottom:dashed 1px #e7e7e7;padding-bottom:24px;}
.advJobList .item .titleBox{display: flex;}
.advJobList .item .titleBox .advName{flex:1;padding-top:24px;}
.advJobList .item .titleBox .advName h5{margin-bottom:20px;font-size:30px;color:#333;}
.advJobList .item .titleBox .advName .info span{margin-left:10px;margin-right:25px;}
.advJobList .item .titleBox .slideBtn{flex:0 0 100px;display:flex;align-items: flex-end;justify-content:flex-end;cursor: pointer;}
.advJobList .item .advContent h6{margin-top:20px;margin-bottom:20px;font-size:16px;color:#333;}
.advJobList .item .advContent .ppTxt{color:#888;font-size:14px;line-height:2;}
.noAdv{width:100%;display:flex;justify-content:center;align-items:center;}
.contactus .topBox{display:flex;margin-bottom:51px;}
.contactus .topBox .box{flex:1;text-align:center;}
.contactus .topBox .box img{margin-bottom:36px;}
.contactus .topBox .box .texts{display:flex;flex-direction:column;align-items:center;height:50px;justify-content:center;line-height:1.8;}
.contactus .topBox .box .texts div>span:nth-of-type(2){margin-left:40px;}
.contactus .addressMap{width:100%;position:relative;}
.contactus .addressMap img{width:100%;}
.contactus .addressMap .addressTxt{width:440px;height:200px;background-color: #ffffff;position:absolute;top:50%;margin-top: -100px;right:10%;padding:44px 44px;}
.contactus .addressMap .addressTxt h6{font-size:32px;color:#000;margin-bottom:30px;}
.contactus .addressMap .addressTxt p{color: #555555;font-size:16px;line-height:2;}
.article_content img{max-width:1200px;margin:auto;}
.article_content h2{font-size:20px;color:#333;margin-top:30px;margin-bottom:10px;}
.article_content P{font-size:14px;color:#666;line-height:2;}
.article_content .tips{font-size:16px;color:#333;}
.callme{text-align:center;font-size:16px;color:#000;margin-top:20px;}
.callme a{display:block;width: 180px;height: 40px;line-height:40px;border-radius: 3px;border: solid 1px #2d8bcb;text-align:center;margin:auto;color: #2d8bcb;font-size:16px;margin-top:10px;}
