/* CSS Document */

.wow {

	transition-delay: 0.3s;

}

.pc {

	display: block;

}

.wrap{

	width: 100%;

    max-width: 1440px;

    padding: 0 15px;

	margin:0 auto;

}

.to-top{

	position: fixed;

	width: 80px;

	height: 80px;

	background: url(../image/to-top.png) center center no-repeat #0A3D8E;

	right: 0;

	top: 85%;

	/* margin-top: -30px; */

	z-index: 999;

	display: none;

	cursor: pointer;

}

.headBg{

    height: 80px;

}

.header{

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    z-index: 2;

    background-color: #FFFFFF;

    transition: all .3s;

    z-index: 10;

    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.08);

}

.logo{

    height: 80px;

    font-size: 0;

}

.logo a{

    display: block;

}

.logo img{

    width: auto;

    height: 56px;

}

.logoText{

    position: relative;

    height: 80px;

    align-items: flex-start;

    font-size: 14px;

    color: #0A3D8D;

    padding-left: .3rem;

}

.logoText::before{

    display: block;

    content: "";

    width: 1px;

    height: 80%;

    position: absolute;

    left: .15rem;

    top: 10%;

    background-image: linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 30%,rgba(0,0,0,0.1) 70%,rgba(0,0,0,0) 100%);

}

.topRig{

    font-size: 0;

    list-style: none;

    line-height: 80px;

}

.topRig li{

    display: inline-block;

    vertical-align: middle;

    margin-left: .2rem;

    font-size: 16px;

}

.topLink a{

    display: block;

    width: 110px;

    height: 35px;

    line-height: 35px;

    border-radius: 18px;

    background-color: #D61718;

    color: #FFFFFF;

    text-align: center;

}

.topLang a{

    color: #000000;

}

.topLang a:hover{

    color: #0A3D8D;

}

.searchBtn{

    cursor: pointer;

}

.searchBtn i{

    display: block;

    width: 30px;

    height: 30px;

    background: url(../image/searchBtn.png) center center no-repeat;

    background-size: contain;

}

.topRig li.navBtn{

    display: none;

}

.navList{

    display: flex;

    justify-content: center;

    list-style: none;

    line-height: 80px;

    font-size: 16px;

    text-align: center;

}

.navList > li{

    position: relative;

    padding: 0 20px;

}

.navList > li > a{

    position: relative;

    display: block;

    color: #000000;

}

.navList > li > a::before{

    display: block;

    content: "";

    position: absolute;

    left: 50%;

    bottom: 0;

    width: 0;

    height: 2px;

    background-color: #0A3D8D;

    transition: all .3s;

}

.navList > li > a:hover{

    color: #0A3D8D;

}

.navList > li.cur > a,

.navList > li.active > a{

    color: #0A3D8D;

}

.navList > li.cur > a::before,

.navList > li.active > a::before{

    left: 0;

    width: 100%;

}

.navSub{

    position: absolute;

    left: 50%;

    top: auto;

    width: 100%;

    min-width: 166px;

    transform: translateX(-50%);

    background-color: #FFFFFF;

    list-style: none;

    line-height: 28px;

    padding: .3rem .2rem;

    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08) inset,0 2px 2px rgba(0, 0, 0, 0.08);

    display: none;

}

.navSub li{

    margin: 5px 0 10px;

}

.navSub li a{

    position: relative;

    color: #000000;

    transition: all .3s;

}

.navSub li a::after{

    display: block;

    content: "";

    position: absolute;

    left: 50%;

    bottom: -5px;

    width: 0;

    height: 2px;

    background-color: #0048B9;

    transition: all .3s;

}

.navSub li a:hover{

    color: #0048B9;

}

.navSub li a:hover::after{

    left: 0;

    width: 100%;

}

.nav-dropdown{

    position: absolute;

    left: 0;

    top: auto;

    width: 100%;

    height: auto;

    background-color: #FFFFFF;

    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08) inset,0 2px 2px rgba(0, 0, 0, 0.08);

    display: none;

}

.open .nav-dropdown{

    display: block;

}

.nav-box{

    display: flex;

    max-width: 1420px;

    padding: 0;

    margin: 0 auto;

    display: none;

}

.nav-box::before{

    display: block;

    content: "";

    width: 25%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    background-color: #E5E7ED;

}

.nav-box ul{

    position: relative;

    list-style: none;

    max-height: 60vh;

    overflow: hidden;

    overflow-y: auto;

}

.nav-second{

    width: 12%;

    padding: .3rem .2rem .3rem 0;

    background-color: #E5E7ED;

}

.nav-second li{

    line-height: 40px;

}

.nav-second li a{

    position: relative;

    font-size: 14px;

    color: #000000;

    line-height: 24px;

    padding-bottom: 6px;

    transition: all .3s;

}

.nav-second li a::after{

    display: block;

    content: "";

    position: absolute;

    left: 50%;

    bottom: 0px;

    width: 0;

    height: 2px;

    background-color: #0048B9;

    transition: all .3s;

}

.nav-second li:hover a,

.nav-second li.active a{

    color: #0048B9;

}

.nav-second li:hover a:after,

.nav-second li.active a::after{

    left: 0;

    width: 100%;

}

.nav-right{

    display: flex;

    width: 88%;

}

.nav-third{

    width: 20%;

    padding: .3rem 0;

    background-color: #F5F5F6;

}

.nav-third li{

    padding: 0 .3rem 0 .5rem;

    line-height: 40px;

}

.nav-third li a{

    font-size: 14px;

    color: #000000;

    line-height: 24px;

    padding-bottom: 6px;

}

.nav-third li:hover,

.nav-third li.active{

    background-color: #FFFFFF;

}

.nav-third li:hover a,

.nav-third li.active a{

    color: #0048B9;

}

.nav-fourth{

    font-size: 0;

    width: 80%;

    padding: .3rem 0 .3rem .5rem;

    margin: 0 -10px;

    background-color: #FFFFFF;

}

.nav-fourth li{

    font-size: 14px;

    display: inline-block;

    vertical-align: top;

    width: 25%;

    line-height: 30px;

    padding: 0 10px;

    margin-bottom: .15rem;

}

.nav-fourth li a{

    display: block;

    font-size: 14px;

    color: #000000;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}

.nav-fourth li a:hover{

    color: #0048B9;

}

.nav-fourth-tit{

    font-size: 14px;

    color: #0048B9;

    line-height: 20px;

    padding: 10px 0;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}

.nav-only .nav-third{

    display: none;

}

.nav-only .nav-fourth{

    width: 100%;

    margin: 0;

}

.nav-box.case::before{

    display: none;

}

.nav-one{

    display: flex;

    flex-wrap: wrap;

    padding: 30px 0;

    margin: 0 -27px;

}

.nav-one li{

    padding: 5px 27px;

}

.nav-one li a{

    display: block;

    font-size: 14px;

    color: #111111;

    line-height: 1.8;

}

.nav-one li a:hover{

    color: #0048B9;

}





.searchBg{

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0,0,0,0.8);

    z-index: 5;

    padding: 80px 0 0;

    display: none;

}

.search{

    position: relative;

    max-width: 880px;

    margin: 120px auto 80px;

    border-bottom: 1px solid #FFFFFF;

}

.searchInput{

    display: block;

    width: 100%;

    background: none;

    border: none;

    height: 50px;

    padding: 10px 0;

    padding-right: 50px;

    line-height: 30px;

    color: #FFFFFF;

    font-size: 16px;

}

.searchIco{

    position: absolute;

    right: 0;

    top: 0;

    width: 50px;

    height: 50px;

    border: none;

    background: url(../image/searchBtn2.png) right center no-repeat;

    cursor: pointer;

}

.searchH3{

    text-align: center;

    color: #FFFFFF;

    font-size: 26px;

    font-family: PingFang SC;

    font-weight: 400;

    margin: .4rem 0;

}

.searchKay{

    font-size: 0;

    text-align: center;

    margin: 0 -.22rem;

}

.searchKay li{

    display: inline-block;

    vertical-align: middle;

    padding: 0 .22rem;

    margin: .1rem 0;

}

.searchKay li a{

    display: block;

    color: #FFFFFF;

    min-width: 122px;

    border: 1px solid #CCCCCC;

    border-radius: 18px;

    line-height: 35px;

    text-align: center;

    font-size: 16px;

    transition: all .3s;

}

.searchKay li a:hover{

    background-color: #FFFFFF;

    color: #0A3D8D;

}

.mNav{

    position: fixed;

    right: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 1;

    opacity: 0;

    visibility: hidden;

    transform: translateX(100%);

    transition: all .3s;

}

.mNavBg{

    position: absolute;

    right: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0,0,0,0.6);

}

.mNavClose{

    display: block;

    width: 50px;

    height: 45px;

    background: url(../image/close.png) center center no-repeat;

    background-size: 28px auto;

    position: absolute;

    right: 0;

    top: 0;

    z-index: 1;

    cursor: pointer;

}

.mNavList{

    position: absolute;

    right: 0;

    top: 0;

    width: 84%;

    height: 100%;

    background-color: #FFFFFF;

}

.mNav ul{

    list-style: none;

}

.mNav ul li ul{

    margin-top: 1px;

}

.mNav ul li a{

    position: relative;

    display: block;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    font-size: 14px;

    color: #333333;

    padding-right: 50px;

    line-height: 36px;

}

.m-dropdown > a::after{

    display: block;

    width: 50px;

    content: "\f107";

    position: absolute;

    right: 0;

    top: 0;

    font-family: FontAwesome;

    text-align: center;

    transition: all .3s;

}

.m-open > a::after{

    transform: rotate(180deg);

}

.mNav .mNavList{

    height: 100%;

    overflow-y: auto;

}

.mNav .mNavList > li{

    margin-bottom: 1px;

}

.mNav .mNavList > li > a{

    font-size: 16px;

    background-color: #F1F1F1;

    line-height: 45px;

    padding-left: 15px;

}

.mNav .mNavList > li > ul > li > a{

    font-size: 15px;

    padding-left: 30px;

}

.mNav .mNavList > li > ul > li > ul > li > a{

    font-size: 14px;

    padding-left: 45px;

}

.mNav .mNavList > li > ul > li > ul > li > ul > li > a{

    font-size: 13px;

    padding-left: 60px;

}

.mNav .mNavList > li > ul > li > ul >li > ul > li > ul > li > a{

    font-size: 12px;

    padding-left: 75px;

}

.mNav .mNavList > li ul{

    display: none;

}

.mNav.show-on-mobile{

    opacity: 1;

    visibility: visible;

    transform: translateX(0);

}

.mNav-Lang{

    display: none;

}

.mainBg{

    position: relative;

    min-height: 34vh;

    overflow: hidden;

    font-size: 14px;

    color: #000000;

    line-height: 30px;

    background-color: #f4f4f4;

    z-index: 1;

}

.grayBg{

    background-color: #fafafa;

}

.whiteBg{

    background-color: #FFFFFF;

}

.footBg{

    position: relative;

    font-size: 16px;

    color: #FFFFFF;

    line-height: 1.8;

    background-color: #0A1544;

    background-image: url(../image/footBg.png);

    background-position: center bottom;

    background-repeat: no-repeat;

    z-index: 1;

    overflow: hidden;

}

.footBg a{

    color: #FFFFFF;

}

.footBg a:hover{

    text-decoration: underline;

}

.links{

    padding: .3rem 0;

    border-bottom: 1px solid rgba(255, 255, 255, 0.1);

}

.linkTit{

    float: left;

}

.linkList{

    overflow: hidden;

    list-style: none;

    display: flex;

    flex-wrap: wrap;

    margin: 0 -.1rem;

}

.linkList li{

    position: relative;

    display: block;

    padding: 0 .1rem;

    margin-right: .04rem;

}

.linkList li::after{

    display: block;

    content: "|";

    position: absolute;

    left: 100%;

    top: 0;

    color: #242F5A;

}

.linkList li:last-child::after{

    display: none;

}

.linkList li a{

    display: block;

}

.ftTop{

    margin: .5rem 0;

    display: flex;

    justify-content: space-between;

}

.ftNav{

    width: 38%;

    padding-right: 3%;

    list-style: none;

    display: flex;

    flex-shrink: 0;

    border-right: 1px solid rgba(255, 255, 255, 0.1);

}

.ftNav li{

    width: 33.33%;

}

.ftNav li p{

    margin-bottom: .15rem;

}

.ftNav li a{

    display: block;

}

.ftRig{

    width: 62%;

    padding-left: 3.5%;

    overflow: hidden;

}

.ftCon{

    float: left;

    width: calc(100% - 220px);

}

.ftCon p{

    margin-bottom: .04rem;

}

.ftCon p.ftTel{

    font-size: 35px;

}

.wechat{

    float: right;

    width: 220px;

    margin: 0 -.1rem;

    font-size: 0;

    text-align: center;

}

.wechat li{

    display: inline-block;

    vertical-align: top;

    width: 50%;

    padding: 0 .1rem;

    font-size: 14px;

}

.wechat img{

    display: block;

    width: 100%;

    height: auto;

    margin: 0 auto 2px;

}



.ftBot{

    padding: .2rem 0;

    overflow: hidden;

}

.copyRight{

    width: 60%;

}

.ftBot .linkList{

    width: 40%;

    justify-content: flex-end;

}



.page a,

.page span{

    display: inline-block;

    vertical-align: middle;

    width: 26px;

    height: 26px;

    text-align: center;

    line-height: 26px;

    font-size: 14px;

    color: #464646;

    border-radius: 50%;

}

.page a:hover,

.page a.active{

    color: #333333;

}

.page a.prev{

    background: url(../image/prev.png) right center no-repeat;

}

.page a.first{

    background: url(https://www.bjgxhy.com/static/images/first.png) right center no-repeat;

}

.page a.next{

    background: url(../image/next.png) right center no-repeat;

}

.page a.last{

    background: url(https://www.bjgxhy.com/static/images/last.png) right center no-repeat;

}



.banIn{

    position: relative;

    height: 460px;

    overflow: hidden;

	background: #0A357B;

}

.banIn .banImg{

    /* position: fixed;

    left: 0;

    top: 0; */

    width: 100%;

    height: 100%;

}

.flex-box {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-pack: center;

    -webkit-justify-content: center;

    justify-content: center;

    -webkit-box-pack: center;

    -webkit-flex-flow: column wrap;

    -ms-flex-flow: column wrap;

    flex-flow: column wrap;

    align-items: center;

}

.location{

	color: #111111;

	font-size: 16px;

	padding: 30px 0 44px 0;

    padding: 20px 0;

}

.location a{

	color: #111;

}

.location span{

	color: #0A3D8E;

}

.banIn .banner-text{

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

}

.banIn .banner-text .inner-text{

	color: #FFFFFF;

}

.banIn .banner-text .inner-text h4{

	font-size: 42px;

	font-weight: 400;

}

.banIn .banner-text .inner-text p{

	font-size: 22px;

	margin-top: 25px;

}

.pagination{

	display: flex;

	justify-content: center;

	margin: .6rem 0;

}

.pagination a,

.pagination .num span{

	display: inline-block;

	margin: 0 13px;

	width: 32px;

	height: 32px;

}

.pagination .prev{

	background: url(../image/page_left.png) center center no-repeat;

}

.pagination .prev:hover{

	background: url(../image/page_right.png) center center no-repeat;

	transform:scaleX(-1);

}

.pagination .num a,

.pagination .num span{

	background: #E0E0E0;

	border-radius: 50%;

	font-size: 12px;

	color: #333333;

	line-height: 32px;

	text-align: center;

	transition: all .5s;

}

.pagination .num a:hover,

.pagination .num a.active{

	background: #0A3D8E;

	color: #FFFFFF;

}

.pagination .next{

	background: url(../image/page_left.png) center center no-repeat;

	transform:scaleX(-1);

}

.pagination .next:hover{

	background: url(../image/page_right.png) center center no-repeat;

	transform:scaleX(1);

}



.tabBar{

    list-style: none;

    position: fixed;

    left: 0;

    bottom: 0;

    width: 100%;

    z-index: 5;

    background-color: #F4F4F4;

    border-top: 1px solid #999999;

    display: flex;

    text-align: center;

    display: none;

}

.tabBar li{

    flex: 1;

}

.tabBar li a{

    display: block;

    font-size: .16rem;

    color: #999999;

    line-height: .30rem;

    padding: .1rem;

}

.tabBar li a img{

    width: .34rem;

    height: .34rem;

    margin: 0 auto;

}

.tabBar li.on a{

    color: #333333;

}

.tabBar li.on img.show{

    display: none;

}

.tabBar li.on img.hides{

    display: block;

}



.maskBg{

    position: fixed;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    background-color: rgba(0,0,0,0.6);

    z-index: 10;

}

.videoBox,

.maskBox{

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%,-50%);

    background: #FFFFFF;

    border-radius: 5px;

    width: 95%;

    height: auto;

    padding: .5rem .3rem .1rem;

    max-width: 600px;

}

.videoBox{

    max-width: 800px;

    padding: 40px 15px 15px;

}

#video{

    display: block;

    width: 100%;

    height: auto;

}

.maskClose{

    position: absolute;

    right: 10px;

    top: 5px;

    width: 30px;

    height: 30px;

    background: url(../image/close.png) center center no-repeat;

    cursor: pointer;

}

.maskTip{

    text-align: center;

    font-size: 16px;

    line-height: 2;

    color: #666666;

    padding: .1rem 0;

}

.maskCopy{

    display: flex;

    align-items: center;

    display: block;

    text-align: center;

    padding-bottom: .2rem;

}

.maskCopy input{

    flex: 1;

    overflow: hidden;

    border: 1px solid #0A3D8E;

    height: 40px;

    line-height: 38px;

    padding: 0 10px;

}

.maskCopy button{

    display: block;

    width: 100px;

    height: 40px;

    border-radius: 5px;

    color: #FFFFFF;

    background: #0A3D8E;

    border: none;

    margin-left: .1rem;

    cursor: pointer;

}

.maskCopy button:focus{

    outline: none;

}



.onLine{

    list-style: none;

    position: fixed;

    right: 0;

    top: 50%;

    transform: translateY(-50%);

    z-index: 10;

}

.onLine > li{

    position: relative;

    margin: .02rem 0;

}

.onLine > li > a{

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    width: 80px;

    height: 80px;

    background-color: #0A3D8E;

    font-size: 14px;

    color: #FFFFFF;

    line-height: 24px;

}

.onLine > li > a > img{

    width: 44px;

    height: auto;

}

.onText{

    position: absolute;

    right: 0;

    top: 0;

    height: 80px;

    line-height: 80px;

    background-color: #0A3D8E;

    color: #FFFFFF;

    text-align: center;

    min-width: 230px;

    transform: translateX(150%);

    transition: all .3s;

}

.onTel{

    color: #FFFFFF;

    white-space: nowrap;

    font-size: 26px;

}

.onWx{

    right: 100%;

    min-width: 160px;

    font-size: 12px;

    line-height: 1;

}

.onWx ul{

    display: flex;

    justify-content: space-around;

    align-items: flex-end;

    list-style: none;

    height: 100%;

}

.onWx ul li{

    width: 48%;

}

.onWx ul li img{

    display: block;

    max-width: 80%;

    margin: 0 auto 2px;

}

.open .onText{

    transform: translateX(0);

}

.onLine > li.zmessage{

    position: static;

}

.zMessBox{

    position: absolute;

    right: calc(100% + 10px);

    top: 2px;

    width: calc(100vw - 100px);

    max-width: 320px;

    background-color: #FFFFFF;

    box-shadow: 0px .08rem .4rem 0px rgba(0, 0, 0, 0.08);

    display: none;

}

.zTit{

    display: flex;

    justify-content: space-between;

    align-items: center;

    line-height: 46px;

    background: #0A3D8E;

    color: #FFFFFF;

    padding: 0 13px 0 19px;

}

.zClose{

    width: 24px;

    height: 24px;

    background: url(../image/zClose.png) center center no-repeat;

    background-size: contain;

    cursor: pointer;

}

.zList{

    list-style: none;

    padding: 0 .25rem;

    max-height: 340px;

    overflow-y: auto;

}

.zList li{

    margin-top: .2rem;

}

.zLabel {

    font-size: 14px;

    color: #333333;

    display: block;

    margin-bottom: 5px;

}

.zLabel span{

    color: #C02C2C;

    font-weight: bold;

}

.zInput{

    width: 100%;

    height: 30px;

    background: #FFFFFF;

    border: 1px solid #E4E4E4;

    border-radius: 4px;

    line-height: 28px;

    padding: 0 10px;

}

select.zInput{

    height: auto;

    max-height: 200px;

    line-height: 30px;

    background: url(../image/select.png) right .1rem center no-repeat;

}

textarea.zInput{

    height: 66px;

    line-height: 22px;

    padding: 5px 10px;

    resize: none;

}

.zBot{

    padding: .22rem .25rem;

    background: #FFFFFF;

}

.zBtn{

    display: block;

    border: none;

    width: 100%;

    line-height: 36px;

    background: #0A3D8E;

    border-radius: 4px;

    font-size: 14px;

    color: #F7F7F7;

    text-align: center;

}

.open .zMessBox{

    display: block;

}

.shareBg{

    display: none;

}

.bsBox{

    box-sizing: content-box;

}

.empty{

    text-align: center;

    padding: .3rem 0;

    font-size: 16px;

    color: #999999;

}



@media (max-width:1600px) {

    .wrap{

        max-width: 1230px;

    }

    .navList{

        font-size: 15px;

    }

    .navList > li{

        padding: 0 10px;

    }

    .navSub{

        padding: .2rem .1rem;

        line-height: 24px;

        min-width: 140px;

    }

    .nav-box{

        max-width: 1200px;

    }

    .nav-second{

        padding: .3rem .1rem .3rem 0;

    }

    .nav-third li{

        padding: 0 .2rem;

    }

    .nav-fourth{

        padding: .3rem 0 .3rem .2rem;

    }

    .nav-fourth li{

        width: 33.33%;

    }

    .nav-one{

        padding: 20px 0;

    }

    .topRig li{

        font-size: 14px;

    }

    .topLink a{

        width: 80px;

        height: 30px;

        line-height: 30px;

    }

    .searchBtn i{

        width: 25px;

    }

    .searchInput{

        font-size: 14px;

    }

    .searchH3{

        font-size: 22px;

    }

    .searchKay{

        margin: 0 -.1rem;

    }

    .searchKay li{

        padding: 0 .1rem;

    }

    .searchKay li a{

        min-width: 110px;

        line-height: 32px;

        font-size: 14px;

    }

    .footBg{

        font-size: 14px;

    }

    .links{

        padding: .2rem 0;

    }

    .ftNav li p{

        margin-bottom: .1rem;

    }

    .ftCon p.ftTel{

        font-size: 28px;

    }

    .ftTop{

        margin: .4rem 0;

    }

    .location{

        font-size: 14px;

        padding: 15px 0;

    }

    .banIn{

        height: 320px;

    }

    .banIn .banner-text .inner-text h4{

        font-size: 32px;

    }

    .banIn .banner-text .inner-text p{

        font-size: 18px;

        margin-top: 15px;

    }

}

@media (max-width:1400px) {

}

@media (min-width:1201px) {

    .mNav{

        display: none !important;

    }

}

@media (max-width:200px) {

    .headBg{

        height: 60px;

    }

    .logo{

        position: relative;

        z-index: 1;

        height: 60px;

    }

    .logo img{

        height: 40px;

    }

    .logoText{

        height: 60px;

    }

    .topRig{

        position: relative;

        z-index: 1;

        line-height: 60px;

    }

    .topRig li{

        margin-left: .2rem;

    }

    .topRig li.navBtn{

        display: inline-block;

        cursor: pointer;

    }

    .navBtn span{

        display: block;

        width:25px;

        height:30px;

        position:relative;

    }

    .navBtn span b{

        display:block;

        width:100%;

        height:2px;

        background: #4f4f4f;

        position:absolute;

        left:0;

        top:calc((100% - 4px) / 2);

        transition:all .3s;

    }

    .navBtn span b:nth-child(1){

        transform:translateY(8px) rotate(0deg);

    }

    .navBtn span b:nth-child(3){

        transform:translateY(-8px) rotate(0deg);

    }

    .navBtn.active b:nth-child(1){

        transform:translateY(0) rotate(45deg);

    }

    .navBtn.active b:nth-child(3){

        transform:translateY(0) rotate(-45deg);

    }

    .navBtn.active b:nth-child(2){

        opacity:0;

    }

    .navList{

        position: fixed;

        left: 0;

        top: 0;

        width: 100%;

        height: 100%;

        background-color: #FFFFFF;

        transform: translateY(-100%);

        overflow-y: auto;

        padding: 100px 20px 0;

        text-align: right;

        line-height: 28px;

        transition: all .3s;

    }

    .navList.show-on-mobile{

        transform: translateY(0);

    }

    .navList > li{

        float: none;

        padding: 0;

        margin: 0 0 .2rem;

    }

    .navList > li:nth-last-of-type(1){

        font-size: 12px;

    }

    .footBg{

        padding-bottom: calc(.84rem + 1px);

    }

    .ftCon p.ftTel{

        font-size: 24px;

    }

    .tabBar{

        display: flex;

    }

}

@media (max-width:991px) {

	.onLine{

		display: none;

	}

    .ftTop{

        display: block;

    }

    .ftNav{

        width: 100%;

        padding: 0;

        border: none;

        border-bottom: 1px solid rgba(255, 255, 255, 0.1);

        padding-bottom: .2rem;

        display: block;

    }

    .ftNav li{

        width: 100%;

        margin: 0 -.1rem;

    }

    .ftNav li p{

        display: inline-block;

        vertical-align: top;

        padding: 0 .1rem;

    }

    .ftRig{

        width: 100%;

        padding: .3rem 0 0;

    }



    .mainBg{

        font-size: 12px;

        line-height: 24px;

    }

	.location{

		/* padding: 15px 0 20px 0;

		font-size: 14px; */

		display: none;

	}

	.banIn{

		height: 3rem;

	}

	.banIn .banImg{

		height: 100%;

	}

	.banIn .banner-text .inner-text h4{

		font-size: 28px;

	}

	.banIn .banner-text .inner-text p{

		font-size: 18px;

		margin-top: .15rem;

	}

	.pagination a,

	.pagination .num span{

		margin: 0 5px;

		width: 28px;

		height: 28px;

	}

	.pagination .num a,

	.pagination .num span{

		line-height: 28px;

	}

}

@media (max-width:767px) {

}

@media (max-width:640px) {

    .topRig li.topLang{

        display: none;

    }

    .mNav-Lang{

        display: block;

    }

    .logoText{

        display: none;

    }

    .searchInput{

        height: 44px;

        line-height: 24px;

    }

    .searchIco{

        width: 44px;

        height: 44px;

        background-size: 22px auto;

    }

    .searchH3{

        font-size: 18px;

        margin: .3rem 0;

    }

    .searchKay li a{

        font-size: 12px;

        min-width: 90px;

        line-height: 28px;

    }

    .linkTit{

        float: none;

        width: 100%;

    }

    .footBg{

        padding-bottom: calc(.9rem + 1px);

    }

    .ftTop{

        margin: .3rem 0;

    }

    .ftCon{

        float: none;

        width: 100%;

    }

    .ftCon p.ftTel{

        font-size: .32rem;

    }

    .wechat{

        float: none;

        width: 60%;

        max-width: 220px;

        margin: .3rem auto 0;

    }

    .wechat li{

        font-size: 12px;

    }

    .ftBot{

        font-size: 12px;

    }

    .copyRight,

    .ftBot .linkList{

        float: none;

        width: 100%;

        text-align: center;

        justify-content: center;

    }

    .page{

        margin: .2rem 0;

    }

	.banIn .banner-text .inner-text p{

		font-size: 14px;

	}

	.banIn .banner-text .inner-text h4{

		font-size: 20px;

	}

    .tabBar li a{

        font-size: .18rem;

        line-height: .3rem;

    }

    .tabBar li a img{

        width: .4rem;

        height: .4rem;

    }

    .onLine > li > a{

        width: 60px;

        height: 60px;

        font-size: 12px;

        line-height: 20px;

    }

    .onLine > li > a > img{

        width: 30px;

        height: 30px;

    }

    .onText{

        height: 60px;

        line-height: 60px;

        min-width: 160px;

    }

    .onTel{

        font-size: 20px;

    }

    .onWx{

        height: 90px;

        line-height: 1;

    }

    .onWx ul{

        align-items: center;

    }

}

@media (max-width:460px) {

    .headBg{

        height: 50px;

    }

    .logo{

        height: 50px;

    }

    .logo img{

        height: 34px;

    }

    .topRig{

        line-height: 50px;

    }

    .topRig li{

        margin-left: .2rem;

    }

    .footBg{

        padding-bottom: calc(1.1rem + 1px);

    }

    .tabBar li a{

        font-size: .22rem;

        line-height: .36rem;

    }

    .tabBar li a img{

        width: .54rem;

        height: .54rem;

    }

    .page a{

        display: none;

    }

    .page a.first,

    .page a.prev,

    .page a.next,

    .page a.last{

        display: inline-block;

    }

}