body::-webkit-scrollbar,
html::-webkit-scrollbar,.contact .map-box .map-txt > ul::-webkit-scrollbar {
  width: 3px;
  border-radius: 1.5px;
}
body::-webkit-scrollbar-button,
html::-webkit-scrollbar-button,.contact .map-box .map-txt > ul::-webkit-scrollbar-button {
  display: none;
}
body::-webkit-scrollbar-track,
html::-webkit-scrollbar-track,.contact .map-box .map-txt > ul::-webkit-scrollbar-track {
  background-color: #eee;
}
body::-webkit-scrollbar-thumb,
html::-webkit-scrollbar-thumb,.contact .map-box .map-txt > ul::-webkit-scrollbar-thumb {
  background-color: #97b4d2;
}
.top .logo-box .logo img{height: 40px;}
.top .logo-box .language{color: #4e4e4e;}
.getAppNav{
	font-size: 28px;display: none;z-index: 6;
	position: absolute;width: 70px;height: 50px;line-height: 50px;
	margin: auto;right: 0;text-align: center;cursor: pointer;
}
.getAppNav:before{
	content: '';position: absolute;width: 28px;height: 2px;background-color: #e2e2e2;
	top: 16px;left: 21px;
	transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}
.getAppNav:after{
	content: '';position: absolute;width: 28px;height: 2px;background-color: #e2e2e2;
	bottom: 16px;left: 21px;
	transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}
.appItem{
	position: absolute;background-color: #fff;top: 100%;width: 100%;
	display: none;
	transition: all 0.1s ease-out;
-webkit-transition: all 0.1s ease-out;
-moz-transition: all 0.1s ease-out;
-o-transition: all 0.1s ease-out;
	box-shadow: 0 3px 10px -4px rgba(0,0,0,0.2);
}
.appMask{
	position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;
	background-color: rgba(0,0,0,0.2);display: none;
}
.menuActive:before{
	transform: rotate(40deg);
	transform-origin:50% 50%;
	top: 24px!important;
}
.menuActive:after{
	transform: rotate(-40deg);
	transform-origin:50% 50%;
	bottom: 24px!important;
}
.appItem > li{
	min-height: 50px;line-height: 50px;background-color: #fff;
	display: block!important;
}

.appItem li > a{
	display: inline-block;height: 50px;line-height: 50px;
	width: 100%;text-align: center;font-size: 14px;color: #585858;
}
.about .about-content .article{text-align: left;font-size: 16px;}
.job-detail .info dl{text-align: left;margin-left: 20px;}
.job-detail{margin: auto;padding: 25px 0 10px 0;background-color: #f9f9f9;display: none;width: 100%;}
.job-detail .info dt{font-weight: 500;}
.jobDown{position: relative;width: 40px!important;border-radius: 50%;background-color: transparent!important;border: 1px solid #898989;}
.jobDown.active:after{
	transform: scale(-1);
}
.jobDown.active:before{
	transform: rotate(45deg);
}
.jobDown:hover{background-color: transparent;border-radius: 50%!important;}
.jobDown:after{
	content: '';width: 0px;height: 0px;border-style: solid;border-width: 7px;border-color: #898989 transparent transparent transparent;
	position: absolute;right: 0;left: 0;top: 8px;bottom: 0;margin: auto;transform-origin: 50% 20%;
	transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}
/*.jobDown:before{
	content: '';width: 2px;height: 16px;position: absolute;right: 0;left: 0;top: 0;bottom: 0;margin: auto;background-color:#eee;transform-origin: 50% 50%;opacity:0.5;
	transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
	
}*/
.job-detail label{display: inline-block;margin: 0 20px;padding: 0 10px;vertical-align: text-top;box-sizing: content-box;}

.pop{}
.pop .close{width: 40px;height: 40px;text-align: center;line-height: 40px;font-size: 20px;background: #fff;border-radius: 50%;color: #503629;position: absolute;top: 12px;right: 30px;}
.pop .close:hover{background: #f8efe6;}
.pop .cv{position: fixed;top:0;left:0;width: 100%;height: 100%;background: rgba(0,0,0,0.3);z-index: 99;display: none;}
.pop .cv .close{left:101%;top: 0;width: 30px;height: 30px;line-height: 29px;font-size: 12px;background: none;border:1px solid #fff;color: #fff;font-weight: bold;}
.pop .cv .close:hover{background: #d4273c;border-color: #d4273c;}
.pop .cv .box{width: 300px;height: 150px;padding:25px;background: #fff;border-radius: 3px;position: absolute;top: 0; bottom: 0; left: 0; right: 0;margin: auto;}
.pop .cv .box h5{font-size: 18px;color: #363636;line-height: 1;}
.pop .cv .box .btn{border-radius: 5px;height: 26px;line-height: 26px;font-size: 14px;margin: 15px 0;padding: 0 10px;display: inline-block;width: auto;background: #236fd5;color: #fff;cursor: pointer;}
.pop .cv .box .btn i{float: left;margin-right: 8px;}
.pop .cv .box p{color: #797979;}
.pop .cv .box input{opacity: 0;}
.culture .list ul{width: 100%;}
.copyright{position: absolute;top: 16px;right: 4%;margin: auto;color: inherit;}
.news-list .page .loadMore：hover{background-color: #003686!important;}
.selectBox{
	   padding: 0;
    border: 1px solid #eeeeee;
    width: 240px;
    overflow: hidden;
    font-size: 1.2em;
    background: transparent url(/templates/images/down.png) no-repeat 94% 50%;
    box-shadow: 0 0 37px -12px rgba(0, 0, 0,0.3);
}
#chose{
	padding: 10px 15px;
    cursor: pointer;
    width: 100%;
    color: #5b4c5c;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: 0.01px;
}
.pc{display: block;}
.app{display: none;}

.ga_box{
	text-align: right;padding-right: 4vw
}
.ga_box > a{
	display:inline-block;text-decoration:none;
}
.ga_box img{
	display:inline-block;vertical-align: middle;
	margin-left:5px;
}
.ga_box p{
	display:inline-block;color: inherit;
}
@media screen and (max-width:800px){
    .top .logo-box .logo img{height: 38px;}
	.pc{display: none;}
	.app{display: block;}
	.top{overflow: visible;position: relative;}
	.fixed-head .nav{height: 50px;line-height: 50px;position: relative;}
	.nav-ul{
		display: none;
	}
	.getAppNav{
		display: inline-block;
	}
	.getAppNav > span{
		position: absolute;width: 28px;height: 2px;background-color: #e2e2e2;top: 0;bottom: 0;left: 0;right: 0;margin: auto;
	}
	.ga_box{
		text-align: center;
	}
	.foot .copyright{
		position: relative;
		height: 40px;line-height: 20px;
		top: 0;
		right: 0;
	}
	.index .banner{padding-top: 50px;}
	.logo-list{width: 100%;overflow: hidden;}
	.top .input-box{top: 54px;z-index: 1000;height: 50px;position: absolute;left: 0;width: 80%;}
	.top .input-box input{width: 100%;}
	.top .logo-box .logo{margin-left: 5%;}
	.top .logo-box{margin-right: 0%;}
	.banner li div{width: 100%;margin-top: -180px;}
	.banner li.on div h3::before{right:calc(100% - 8px);}
	.banner li div h3{font-size: 24px;}
	.banner li div p{margin-top: 20px;}
	.p-banner{height: 170px;padding-top: 50px;box-sizing: content-box;}
	.p-banner > div{padding-top: 80px;}
	.p-banner > .picture{background-size: auto 100%!important;-webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);}
	.p-banner > div h3{font-size: 24px;text-align: center;}
	.p-banner > div h3 span{font-size: 20px;}
	.m-auto{width: 100%;}
	.index-tab .tab-title .tab-tt{width: 50%;}
	.index-tab .tab-box ul li:first-child .right,.index-tab .tab-box ul li:first-child .left{width: 100%;height: 33%;}
	.index-tab .tab-box ul li:first-child .right .txt{width: 90%;}
	.index-tab .tab-box ul li:first-child::before{display: none;}
	.index-tab .tab-box ul li:first-child .left img{width: 100%;}
	.index-tab .tab-box ul li:nth-child(1){height: 240px;}
	.index-tab .tab-box ul li:last-child a{padding-top: 15px;}
	.index-tab .tab-box ul li:last-child a h3{margin-bottom: 10px;}
	.index-tab .tab-box ul.on{-webkit-transform: translateY(-240px);
    -ms-transform: translateY(-240px);
    transform: translateY(-240px);}
	.index-tab .tab-box{height: 245px;}
	.index-tab .tab-box ul li:last-child a span{font-size: 20px;}.index-tab .tab-box ul li:last-child a .icon-htbarrowright{margin-top: 0;}
	.logo-list .btn{z-index: 100;}
	.about-content{padding-top: 15px;width: 100%;overflow: hidden;}
	.about-content .m-auto{width: 90%;}
	.about-content h4{margin-bottom: 15px;}
	.about-content h3{font-size: 24px;}
	.m-nav ul{width: 100%;}
	.m-nav ul li a{font-size: 14px;}
	.index-tab .tab-title .tab-tt i{right: 25px;}
	.culture .list ul{margin-top: 80px;}
	.culture .list ul li{width: 100%;padding-bottom: 100px;}
	.culture .list ul li.on p{width: 90%;margin: auto;}
	.culture .list .line-box{display: none;}.culture .list{height: auto;}
	.culture .list .app > img{width: 100%;}
	/*必发bifa88手机版登入*/
	.job-list{width: 100%;}
	.job-list li a{font-size: 13px;}
	.job-list li p ins{float: none;margin-bottom: 5px;}
	.job-list li h3{margin-bottom: 0;}
	.job-list li p ins + ins{font-size: 12px;margin-left: 32px;}
	.job-detail .info dt{margin-bottom: 10px;}
	.job-detail label{margin: 0;width: 85px;height: 34px;line-height: 34px;font-size: 13px;margin-left: 20px;margin-top: 15px;display: inherit;}
	
	/*大事记*/
	.event .event-list,.event .event-list .list-slide{width:100%;}
	.event .event-list .btn{top: 12px;z-index: 1000;}
	.event .event-list .list-slide li p{font-size: 14px;}
	
	/*荣誉*/
	.honor .year-box,.honor .pic-box > div,.news-list{width: 100%;}
	.honor .pic-box .btn.prev,.honor .pic-box .btn.next{transform: translate(0%, -50%); }
	
	/*新闻*/
	.news-list li .info{width: 94%;padding-left: 15px;}
	.page{clear: both;}
	.news-list li .time .day{font-size: 20px;}
	.news-list li .time{width: 100px;}
	.news-list li .pic{width: calc(100% - 100px);}
	.news-list .news-type{display: flex;justify-content: center;align-items: flex-start;flex-wrap: wrap;}
	.news-list .news-type a + a{margin-left: 0;}
	.news-details .title h3{width: 100%;font-size: 16px;}
	.news-details .article{width: 90%;}
	
	/*BIFA官网*/
	.partner-list ul{width: 100%;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;margin-top: 20px;}
	.partner-list li{width: auto;float: none;}
	
	/*必发bf88唯一官网*/
	.contact .title{width: 100%;height: auto;line-height: 50px;}
	.contact .title p{float: none;width: 90%;margin: auto;text-align: left;}
	.contact .p-banner{height: 250px;}
	.contact #container{height: 250px;}
	.contact .map-box{width: 100%;height: auto;position: relative;}
	.contact .map-box .map{position: absolute;width: 90%;height: 320px;left: 5%;top: 0;}
	.contact .map-box .map-txt{width: 90%;float: none;padding-top: 320px;margin: auto;}
}