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;}
}