@charset "utf-8";
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
*{margin:0px;padding:0px;box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box;}
body { margin:0; background: #fff; font-family:"微软雅黑"; font-size:14px; color: #333; line-height: 24px;  overflow:scroll;overflow-x:hidden;min-width: 1200px;}
ul, li, h1, h2, h3, h4, h5, p, dl, dd, form, ol, img { margin: 0; padding: 0; list-style: none; border:none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
img { border: none; margin:0px; padding:0px; }
input{ border:0px; font-family:"微软雅黑";}
a img { border: 0 }
a { text-decoration: none; color:#333; }
.clear { clear: both; height: 0px; overflow: hidden; }
a:hover { text-decoration: none; color:rgb(0, 113, 191);}
.clear { clear: both; font-size: 1px; height: 0px; line-height: 0px; }
.clearfix { clear: both; *zoom:1;}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: "."; clear: both; height: 0; line-height: 0; overflow: hidden }
.w{width:100%; margin:0px auto;}
.m{width:100%;max-width:1200px; margin:0px auto;}
.tran{transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;-webkit-transition:all 0.3s;}
.fl{float:left;}
.fr{float:right;}
.tx-over{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.dis-table{display:table; width:100%; height:100%;}
.dis-tab-cell{display:table-cell; vertical-align:middle;}
*:focus { outline: none; }
input.text{text-align:center}
::-webkit-input-placeholder {color:#ccc;text-align:center}
:-moz-placeholder {color:#ccc; text-align:center}
::-moz-placeholder {color:#ccc;opacity:1; text-align:center}
:-ms-input-placeholder {color:#ccc !important; text-align:center}

header{height:90px; width:1200px; margin: 0 auto;}
.logo{float: left;height: 90px;width: 500px;}
.nav{height: 30px;font-size: 16px;font-weight: 800;margin-top: 30px;float:right;}
.nav ul li{float: left;width:90px;line-height: 30px;text-align: center;}
.nav ul li:hover,.navon{background-color: #006fc3;color: #FFFFFF;}
.nav ul li:hover a,.navon a{background-color: #006fc3;color: #FFFFFF;}
.banner {
    margin: 90px auto 0;
}
.w.banner {
    overflow: hidden; /* 隐藏超出屏幕的部分 */
    position: relative; /* 定位上下文 */
}

/* swiper容器固定宽度并居中 */
#swiper1.swiper-container {
    width: 100%; /* 保持图片原始宽度 */
    margin: 0 auto; /* 小屏幕居中 */
    position: relative; /* 保持swiper功能 */
}

/* 幻灯片设置最小宽度 */
#swiper1 .swiper-slide {
    height: 402px; /* 保持比例 */
}

/* 图片自适应容器 */
#swiper1 .swiper-slide img {
    width: 100%;
    height: auto;
    display: block; /* 消除底部间隙 */
}

/* 优化导航按钮位置（可选） */
#swiper1 .swiper-button-prev,
#swiper1 .swiper-button-next {
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    color: #fff;
}

@media (min-width: 1200px) {
    #swiper1  .swiper-button-prev {
        left: calc(50% - 600px); /* 1200px 的一半 */
    }
    #swiper1    .swiper-button-next {
        right: calc(50% - 600px);
    }
}
/* 屏幕宽度 < 1200px 时（可选自定义样式） */
@media (max-width: 1199px) {
    #swiper1   .swiper-button-prev {
        left: 20px; /* 小屏左侧间距 */
    }
    #swiper1  .swiper-button-next {
        right: 20px; /* 小屏右侧间距 */
    }
}


.companytitle{margin: 0 auto;width:870px;height: 210px;padding-top: 80px;text-align: center;}
.company ul {margin: 0 auto;width:870px;}
.company ul li{width:270px;height:520px;float: left;display: block;}
.combg1{background: url(../images/com_bg00.jpg) no-repeat center top; margin-right: 30px;padding:310px 40px 40px 40px;}
.combg2{background: url(../images/com_bg11.jpg) no-repeat center top;padding:80px 40px 40px 40px;color: #ffffff;}
.combg3{background: url(../images/com_bg22.jpg) no-repeat center top;margin-left: 30px;padding:310px 40px 40px 40px;}
.wenhua{background: url(../images/wenhua_bg.jpg) no-repeat center top;height: 585px;max-width: 1920px;
    margin: 90px auto 0;
}
.wenhualist{width:1257px;margin: 0 auto;}
.wenhualist ul li{width:419px;float: left;color: #ffffff;text-align: center;font-size: 28px;line-height: 50px;padding-top: 339px;}
.producttitle{height: 190px;margin: 0 auto;padding-top: 90px;width:870px;float: left}
.productline{height: 2px;
    margin: 0 auto;
    float: right;
    padding-top: 110px;
    padding-right: 100px;}
.dianmianshow{background: url(../images/dianmian_bg.jpg) no-repeat center top;max-width:1920px;margin: 0 auto;height: 672px;margin-top: 70px;}
#swiper2{width:1174px;height: 430px;overflow: hidden;}
.external-btn {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    position: absolute;
    background: url(../images/btn_left.png) no-repeat center center;
    transform: translateY(-50%);
    text-align: center;
    font-size: 30px;
    top: 120px;
    right: 50px;
}
.external-btn:last-child {
    left: auto;
    right: 0;
    background: url(../images/btn_right.png) no-repeat center center;
    color: #FFF;
}
.external-btn:first-child {
    left: 20px;
}
.mdcontent{padding: 20px;}

.newstitle{margin: 0 auto;margin-top: 80px;width:875px;height: 160px;}
.newsbg{background: url(../images/news_bg.jpg) no-repeat center top;min-height: 550px;}
.newslist{width:900px;margin: 0 auto;}
.newslist ul li{width:50%;float: left;padding: 30px;}
.newslist ul li img{width:100%;height: auto;}
.newslist ul li h1{font-size: 14px;font-weight: 600;}
.newslist ul li span{font-size: 12px;color: #9d9d9d;}
.newstime{text-align: right;border-bottom: solid 1px #cecece;line-height: 40px;color: #9d9d9d;font-size: 12px;}

.footer{background-color: #006fc3;height: 167px;color: #fff;}
.footer ul{width:1200px;margin: 0 auto;}
.foot_logo{margin-top: 50px;float: left;width:160px;}
.foot_address{margin-top: 30px;float: left;}
.foot_weixin{margin-top: 22px;float: right;text-align: right;width:500px;}
.foot_weixin img{float: right;}
.foot_weixin div{width:500px;}
.foot_weixin span{width:500px;display: block;color: #fff;padding-top: 50px;}
.wx_box {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    overflow-y: auto;
    z-index: 999999
}

.video_box {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    overflow-y: auto;
    z-index: 999999
}

.video_main {
    width: 50%;
    margin: 10vh auto 0;
}

.wx_main {
    width: 90%;
    margin: 10vh auto 0;
    text-align: center;
}

.video_main video {
    width: 100%;
    height: auto;
    z-index: 9999;
    object-fit: fill;
}

.v_close {
    position: fixed;
    font-size: 20px;
    color: #fff;
    top: 5vh;
    right: 5%;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #b82121;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
    box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.2);
}