@charset "utf-8";
/* ============================================
   oxxuuh.com 头部底部独立样式
   基于 333.html 样式(style(1).css)
   ============================================ */

* { margin: 0; padding: 0; }

body { width: 100%; height: 100%; font-family:"Microsoft Yahei","微软雅黑",Tahoma,Arial,sans-serif,Simsun; font-size: 16px; line-height: 1.6; color:#333; text-align: justify;}
a { color:#333; text-decoration: none;}
ul,li { list-style: none;}
li.left { margin: 0 20px 20px 0;}
img { border: 0; display: block;}
.left { float: left;}
.right { float: right;}
.block { display: block;}
.hidden { display: none;}
.clearfix:after { content: " "; display: block; clear: both; height: 0;}
.clearfix { zoom: 1;}
.auto { margin: 0 auto;}
.width { width: 100%;}
.content { width: 1200px; margin: 0 auto;}
.content1 { width: 1080px; margin: 0 auto;}

/*头部样式*/
#head { width: 100%; height: 130px; background: #fff; overflow: hidden;}
#head img { height: 50px; width: auto; margin: 20px 0; float: left;}
#head h1 { float: left; line-height: 90px; margin-left: 15px; display: inline-block;}
#head .tel { font-size: 24px; font-weight: bold; color: #c1c1c1; line-height: 30px; margin: 30px 0;}
#head .tel:before { content: " "; display: block; width: 30px; height: 35px; float: left; background: url(../images/icon.png) no-repeat 0 3px; margin-right: 5px;}
#head .tel span { color: #2e64f4;}

/*导航栏*/
#nav { width: 100%; background: rgba(0,0,0,.5); position: relative; z-index: 2; margin-bottom: 20px;}
#nav a { line-height: 50px; color: #fff; font-size: 18px; padding: 0 45px; display: inline-block;}
#nav a:hover{ background: #2e64f4;}
#nav li { display: inline-block; margin-right: 16px; float:left}
#nav li:nth-last-child(1) { margin-right: 0;}
#nav li.active { background: #2e64f4;}

/*底部导航*/
#footer { background: #222; border-top: 5px solid #2e64f4; font-size: 14px; padding: 30px 0 10px; margin-top: 50px;}
#footer .content1.clearfix {}
#footer .content1 li{ float: left;width: 25%; padding: 0 2%; box-sizing:border-box}
#footer p { color: #fff; line-height: 2; margin-bottom: 5px}
#footer a { color: #fff; display: block; line-height: 2;white-space:nowrap;overflow: hidden;text-overflow:ellipsis; }
#footer a:hover,#copyright a:hover { color: #2e64f4; transition-duration: .3s;}

/*版权信息*/
#copyright { background: #000; text-align: center; font-size: 14px; line-height: 40px; margin-bottom: 80px; color:#999}
#copyright a { color:#999; margin: 0 5px;}

/*响应式*/
@media screen and (max-width: 1440px){
    .content, .content1 { width: 950px; margin: 0 auto;}
    #nav a { padding: 0 24px;}
    #nav li { margin-right: 21px;}
    #nav li:nth-last-child(1) { margin-right: 0;}
    #footer .content1 li{ width: 25%; padding: 0 2%;}
}

@media screen and (max-width: 960px){
    #footer .content1 li{ width: 50%; margin-bottom: 20px;}
}

@media screen and (max-width: 640px){
    #footer .content1 li{ width: 100%;}
    #copyright { font-size: 12px;}
}
/* LOGO和公司名称样式 */
.oxxuuh-logo-box {
    display: flex;
    align-items: center;
    gap: 15px;
}
.oxxuuh-logo-img {
    width: 100px !important;
    height: 100px !important;
    border-radius: 10px !important;
    object-fit: cover !important;
}
.oxxuuh-company-name {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    white-space: nowrap;
}