/*1rem=10px*/
html{
    font-size: 10px;
    box-sizing: border-box;
}

*{
    font-size: 1.4rem;
}

@media screen and (min-width: 768px) {
    html{font-size: 4px;}
}

@media screen and (min-width: 960px) {
    html{font-size: 4.5px;}
}

@media screen and (min-width: 1024px) {
    html{font-size: 5px;}
}
@media screen and (max-width: 1024px) {
    .main-head .head-r .head-nav{width: 135rem;}
}

@media screen and (min-width: 1280px) {
    html{font-size: 6px;}
}

@media screen and (min-width: 1366px) {
    html{font-size: 6.5px;}
}

@media screen and (min-width: 1440px) {
    html{font-size: 7px;}
}

@media screen and (min-width: 1680px) {
    html{font-size: 8px;}
}
@media screen and (max-width: 1680px) {
    html{font-size: 8px;}
    .main-head .head-r .head-nav{width: 100rem;}
}

@media screen and (min-width: 1920px) {
    html{font-size: 10px;}
}

@media screen and (min-width: 2048px) {
    html{font-size: 10.5px;}
}

@media screen and (min-width: 2560px) {
    html{font-size: 13px;}
}

@media screen and (min-width: 3840px) {
    html{font-size: 19px;}
}

@media screen and (min-width: 4096px) {
    html{font-size: 20px;}
}

/*样式初始化*/
a{
    color: #333;
}
a:hover, a:focus {
    text-decoration: none;
}
body{
    min-width: 150rem;
}
.main-div{
    width: 150rem;
    margin: 0 auto;
}
/*页头*/
.main-head{
    padding: 0 5.7rem;
    height: 9rem;
    line-height: 9rem;
    border-bottom: 0.1rem solid #f1f1f1;
}
.main-head .head-l{
    padding: 2.5rem 0;
}
.main-head .head-l img{
    width: 100%;
    height: 4rem;
}
.main-head .head-r{

}
.main-head .head-r .head-nav{
    width: 85rem;
    margin-right: 5rem;
    font-size: 1.6rem;
}
.main-head .head-r .head-nav .nav-item{
    text-align: center;
    height: 9rem;
}
/* .main-head .head-r .head-nav .nav-item a{
    height: 7.5rem;
} */
.main-head .head-r .head-nav .nav-item span{
    height: 0.3rem;
    /*background-color: #217fc4;*/
    margin: -1rem 0;
}
.main-head .head-r .head-nav .nav-item.active a:hover{
    color: #217fc4;
}
.main-head .head-r .head-nav .nav-item.active span{
    width: 100%;
    background-color: #217fc4;
}
.main-head .head-r .head-nav .nav-item .dropdown-menu{
    min-width: 10rem;
    border: 0.1rem solid #f1f1f1;
}
.dropdown-menu{
    padding: 0;
    margin: 0;
    border: 0;
}

/* .main-head .head-r .head-nav .nav-item .dropdown-menu>li, .main-head .head-r .head-nav .nav-item .dropdown-menu>li>a{
    height: 3rem;
}
.main-head .head-r .head-nav .nav-item .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{
    height: 3rem;
} */
.main-head .head-r .lang{
    width: 6.6rem;
    font-size: 1.4rem;
}

.main-head .head-r .lang a{
    color:#a0a1a2;
}

.main-head .head-r .lang a.active{
    color: #217fc4;
}

.main-head .head-r .lang span{
    color: #7492c4;
    height: 1.5rem;
    margin-top: 3.8rem;
    border-right: .1rem solid #7492c4;
}

/*页面信息*/
.main-info{
    margin-top: 4rem;
    margin-bottom: 2.5rem;
    color: #343c48;
}

.main-info .title{
    font-size: 4.4rem;
}
.main-info .desc{
    font-size: 2.5rem;
    letter-spacing: .2rem;
}

/*页面横幅*/
.main-banner img{
    width: 100%;
}

/*页面内容*/
.main-content{
    background: #f4f8fb url("../image/background_3.png")  no-repeat;
    /*background: url("../image/background_3.png")  no-repeat;*/
    background-size: cover;
    background-position: top center;
}
.main-content .breadcrumb{
    padding: 1rem 0;
    background-color: unset;
    margin-bottom: 1rem;
}

.main-content .title{
    text-align: center;
    padding: 7rem 0 5rem 0;
}
.main-content .title .title-cn{
    font-size: 2.4rem;
}
.main-content .title .title-en{
    color: #b9bdbf;
}

/*页脚*/
.main-foot{
    background: #f4f8fb url("../image/foot_background.png")  no-repeat;
    background-size: cover;
}
.main-foot .info{
    /*border-bottom: 0.1rem solid #dcdcdc;*/
    padding: 7rem 0 3rem;
}
.main-foot .info .foot-link{
    /* margin-left: 6rem; */
    width: 100rem;
}
.main-foot .info .foot-link ul li{

}
.foot-logo>a>img{
    height: 3rem;
}
.justify-between>li>img{
    width: 12rem;
}
.main-foot .info .foot-link .head-link{
    font-weight: bold;
    margin-bottom: 2rem;
}

.main-foot .info .foot-link .child-link{
    color: #7c7c7c;
}

.main-foot .info .foot-link .child-link li{
    margin-bottom: 1.5rem;
}

.main-foot .info .foot-link .child-link li a{
    color: #7c7c7c;
}

.main-foot hr {
    margin-top: 2rem;
    margin-bottom: 2rem;
    border: 0;
    border-top: 1px solid #dcdcdc;
}

.main-foot .info .foot-qrcode{
    width: 27rem;
    text-align: center;
    color: #7c7c7c;
}
.main-foot .copyright, .main-foot .copyright a{
    color: #7c7c7c;
    text-align: center;
}
.main-foot .copyright img{
    width: 2rem;
    display: inherit;
}
/*面包屑导航*/
.breadcrumb{background: #ffffff;}

#onlineMsgFrom .name .form-control{
    height: auto;
    padding: .6rem 1.2rem;
    font-size: 1.4rem;
}



.QRcode_pic {
    background-image: url("../image/recruit.png");
    margin-top: 30rem;
    width: 33.5rem;
    height: 26rem;
}
.QRcode_text{color: #ffffff; font-size: 1.5rem;padding: .5rem; text-align: center;}
.items-center{
    align-items: center;
}
.items-center .dropdown-menu{
    left: auto;
    text-align: center;
}