
html,body{
    min-width: 1280px;
    font-size:62.5%;
    text-size-adjust: none;
    /* overflow-x: hidden; */
}

/* 公共样式 */
.w1200{
    margin:0 auto;
    width: 1200px;
   
}
.iprbox{
    min-width: 1280px;
    overflow: auto;
}
.con_title{
    color:#333333;
    font-size:36px;
    font-weight: 300;
}
/* 跳转链接样式 */
.jump_link{ 
    display: block;
    margin:0 auto;
    text-align: center;
    font-size:18px;
    color:#333;
}
.jump_link>img{
    height: 10px;
    margin-bottom: 8px;
}

/* 头部  */
.header{
    min-width: 1280px;
    overflow: auto;
    height: 110px;
    background: url(../img/common/header_bg.jpg)  no-repeat center center;
    background-size: 100% 100%;
}
.header_con{
    height: 100%;
    display: flex;
}
.header_con .logo{
    margin-top:16px;
    /* width: 162px; */
    height: 69px;

}
.header_con .tab{
    padding-left:120px;
    flex:1;
    display: flex;
    flex-direction: column;
}
.tab ul{
    margin-top:16px;
    display: flex;
    justify-content: space-between;
    font-size:20px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #333333;
}
.tab ul li{
    position: relative;
}
.tab ul li>a::after{
    content: '';                 /*CSS伪类用法*/
    position: absolute;         /*定位背景横线的位置*/
    top: 40px;
    background: #1A3C79;       /*宽和高做出来的背景横线*/
    width: 0;
    height: 2px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform:translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -moz-transform:translateX(-50%);
}
.tabActive{
    color:#1A3C79;
    font-size:20px;
}
.tabActive::after{
    width: 20px !important;
}
.home .homeActive a,
.service .serviceActive a,
.search .searchActive a,
.business .businessActive a,
.team .teamActive a,
.news .newsActive a,
.about .aboutAcitve a {
    color:#1A3C79;
    font-size:20px;
}
.home .homeActive a::after,
.service .serviceActive a::after,
.search .searchActive a::after,
.business .businessActive a::after,
.team .teamActive a::after,
.news .newsActive a::after,
.about .aboutAcitve a::after {
    width: 20px !important;
}

.login_box{
    min-height: 20px;
    margin-top:10px;
   display: flex;
   justify-content: flex-end;

}
.login_box .register{
    margin-left:20px;
    padding:2px 8px;
    color:#FFFFFF;
    font-size:16px;
    border-radius: 3px;
    background: #1A3C79;
}
.login_box .login{
    font-size:16px;
    color:#666666;
}


/* 尾部 */
.footer{
    min-width: 1280px;
    overflow: auto;
    background: #1C2330;
    color:#FFFFFF;
}
.footer_con{
    display: flex;
    padding:55px 0;
}
.footer_title{
    
    font-size:16px;
}
.footer_tel{
    margin-top:10px;
    font-size:24px;
}
.footer_left{
    width: 320px;
}
.footer_left ul{
    font-size:14px;
    color:#7F8294;
}
.footer_left ul li{
    margin-top:10px;
}
.footer_center{
    padding-right:400px;
    flex:1;
   
 
}
.footer_center .top_box{
   width: 100%;
   display: flex;
   /* justify-content: space-around; */
}
.footer_center dt{
    margin-bottom: 10px;
    font-size:14px;
}
.footer_center dd{
    margin-top:10px;
    font-size:14px;
    color:#7F8294;
}
.footer_center dd:hover>a{
    color:#fff;
}
.footer_center dt>a{
    margin-right:60px;
    color:#fff;
}
.footer_center dd>a{
    color:#7F8294;
}
.slink{
    margin-top:4px;
}
.slink a{
    margin-right:50px;
    color:#ddd;
    font-size:14px;
}
.tip{
    margin-top:28px;
    color:#7F8191;
    font-size:12px;

}
.tip span{
    margin-right:20px;
}
.footer_right{
    width: 110px;
}
.footer_right p{
    margin-top: 16px;
    text-align: center;
    font-size:14px;

}
.footer_right img{
    width: 110px;
    height: 110px;
}
.link{
    padding:19px 0 29px;
    border-top:1px solid #293345;
    border-bottom:1px solid #293345;
}
.link>a{
    display: inline-block;
    margin:10px 20px 0 0;
    color:#66697A;
    font-size:12px;
}
.link>a:hover{
    color:#fff;
}
.copyright{
    margin-top:12px;
    color:#66697A;
    /* text-align: center; */
    vertical-align: middle;
    font-size:12px;
}
.copyright>span{
    margin-right:20px;
}
.copyright a{
    color:#66697A;
}
.header_phone {
    margin-top:10px;
    margin-left:20px;
    /* width: 180px; */
    display: flex;
    align-items: center;
    text-align: right;
    font-size: 2rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
}
.header_phone>img{
    align-items: center;
    margin-right:1rem;
    width: 1.6rem;
    height: 1.8rem;
}

/* 动画 */
.hidden {
    visibility: hidden;
}
@media screen and (max-width: 2560px){ 
    html,body{
        font-size:64.5%;
    }
 }
@media screen and (max-width: 1680px) {
    html,body{
        font-size:54.6%;
    }
}
@media screen and (max-width: 1660px) {
    html,body{
        font-size:54%;
    }
}
@media screen and (max-width: 1440px){ 
    html,body{
        font-size:46.8%;
    }

 }
@media screen and (max-width: 1280px){ 
    html,body{
        font-size:41.6%;
    }
}
