.top_out{

    /* background: url(./upload/images/2020/10/13/top_bg.png); */

    width: 100%;

    height: 150px;

    margin: 0 auto;

    background-size: cover;

}

.top{

    height: 150px;

    width: 90%;

    max-width: 1200px;

    margin: 0 auto;

}

.top>img{   

    margin-left: -30px;

    margin-top: 30px;

    float: left;

    width: 622px;

    height: 101px;

}

/* 顶栏：中文/英文各一张图占一行，随语言只显示当前语言（ceatec-header-lang.js） */
.top > .site-top-logo-wrap {
    margin-left: -30px;
    margin-top: 30px;
    float: left;
    width: 622px;
    min-height: 101px;
}
.site-top-logo-wrap .site-top-logo-line img {
    display: block;
    width: 622px;
    height: auto;
    max-height: 101px;
    object-fit: contain;
}
.site-top-logo-wrap.top-logo-mode-zh .site-top-logo-en {
    display: none;
}
.site-top-logo-wrap.top-logo-mode-en .site-top-logo-zh {
    display: none;
}

.search{

    width: 300px;

    float: right;

}

.search input{

    width: 246px;

    height: 30px;

    border: 1px solid #d0cfce;

    padding-left: 5px;

}

.header{

    background: url(/assets/images/back.png);

    width: 100%;

    height: 50px;

    margin: 0 auto;

}

.header li{

    width: 150px;

    text-align: center;

    float: left;

    position: relative;

}

.header li:hover{

    background-color: #e60012;

}

.header a{

   

    color: #FFFFFF;

    font-size: 16px;

    font-weight: 400;

    line-height: 50px;

}

.header ul li p{width:100%;display:none;position:absolute;left:0px;top:50px;padding:10px 0 5px;background-color: #DFDFDE;font-size:14px; border-bottom:3px solid #db3126; z-index:1000;}

.header ul li p a{width:100%;height:30px;line-height:30px;display:block;text-align:center;font-weight:normal;color:#444; font-size:14px;}

.header ul li p a:hover{background:#db3126;color:#fff;font-weight:bold;}

.cur{

    background-color: #e60012;

}

.banner{

    display: block;

    margin-top: 10px;

    margin-bottom: 10px;

}

/* 首页横幅：中英文各一图，随语言只显示一张（ceatec-header-lang.js + top-logo-mode-*） */
.home-banner-wrap {
    display: block;
}
.home-banner-wrap .home-banner-line .banner {
    width: 100%;
    height: auto;
}
.home-banner-wrap.top-logo-mode-zh .home-banner-en {
    display: none;
}
.home-banner-wrap.top-logo-mode-en .home-banner-zh {
    display: none;
}

/* 未配置对应语言图时整块隐藏（与 JS .home-banner-off、html[lang] 双保险） */
#homeBannerWrap.home-banner-off,
#homeBannerLink.home-banner-off {
    display: none !important;
}
html[lang="en"] #homeBannerLink[data-home-has-en="0"],
html[lang="en"] #homeBannerWrap[data-home-has-en="0"] {
    display: none !important;
}
html[lang="zh"] #homeBannerLink[data-home-has-zh="0"],
html[lang="zh"] #homeBannerWrap[data-home-has-zh="0"] {
    display: none !important;
}

.swiper1 .swiper-slide,
.swiper1-zh .swiper-slide,
.swiper1-en .swiper-slide {

    position: relative;

    height: 100%;

    box-sizing: border-box;

}

/* 轮播区固定 660×390：完整显示图片（留白边），避免拉伸或裁切 */
.swiper1 .swiper-slide > a,
.swiper1-zh .swiper-slide > a,
.swiper1-en .swiper-slide > a {
    display: block;
    height: 100%;
    position: relative;
}

.swiper1 .swiper-slide img,
.swiper1-zh .swiper-slide img,
.swiper1-en .swiper-slide img {

    display: block;

    width: 100%;

    height: 100%;

    object-fit: contain;

    object-position: center center;

    background-color: #e8e8e8;

}

.swiper1 .swiper-slide div,
.swiper1-zh .swiper-slide div,
.swiper1-en .swiper-slide div {

    position: absolute;

    left: 0px;

    bottom: 0px;

    font-size: 16px;

    font-weight: 500;

    color: #FFFFFF;

    background-color:rgba(1,1,1,0.3);

    width:100%;

    height:40px;

    line-height:40px;

    padding-left:5px;

    box-sizing: border-box;

}

#indexSliderBox .swiper-container,
#indexSliderBox .swiper-wrapper {
    height: 100%;
}

.my-bullet{

    width: 20px;

    height: 20px;

    background: #FFFFFF;

    display:inline-block;

    text-align: center;

    font-weight: 500;

    color: #673402;

    font-size: 16px;

    line-height: 20px;

    margin-right: 10px;

    cursor:pointer;

}

.my-bullet-active{

    background-color: #673402;

    color: #FFFFFF;

}

.box li{

    float: none;

    border-bottom: 3px dotted #DFDFDE;

    list-style-position:inside;

    /* list-style-image: url(./upload/images/2020/10/6/one_left.png); */

}

.box .sec li{

    list-style-image: url(../upload/images/2020/10/6/stock.png);

}

.box .sec li:hover{

    list-style-image: url(../upload/images/2020/10/6/color_stock.png);

}

.box li:hover a{

    color: #000000;

}

.box li a{   

    font-size: 16px;

    font-weight: 500;

    color: #000000;

    line-height: 40px;

}

.box li a:hover{

  color:red;

}

.box li:hover span{

    color: #000000;

}

.box li>span{

    font-size: 14px;

    font-weight: 500;

    color: #666666;

    line-height: 40px;

    float: right;

  margin-right: 10px;

}

.box {

    background-color: #ebeef0;

    height: 50px;

    width: 520px;

}

.box_title{

    width: 153px;

    background: #f37e0c; 

    font-size: 20px;

    font-weight: 500;

    color: #FFFFFF;

    line-height: 50px;

    text-align: center;

    float: left;

}

.more{

    float: right;   

    font-size: 19px;

    font-weight: 400;

    color: #666666;

    margin-right: 16px;

    line-height: 50px;

    cursor: pointer;

}

.news li{

    float: left;

    width: 360px;

}

.news dt{

    margin-top: 22px;

    padding-left: 23px;

}

.news dt a{

    font-size: 28px;

    font-weight: 500;

    color: #673402;

    line-height: 72px;

    height: 72px;

    display: inline-block;

}

.news dt a:hover{

    color:#fe7800;

}

.news dt img{

    margin-right: 10px;

    vertical-align: text-bottom;

}

.news dd{

    list-style-position:inside;

    display: list-item;

    border-bottom: 3px dotted #DFDFDE;

    list-style-image: url(../upload/images/2020/10/6/stock.png);

    overflow: hidden;

}

.news dd:hover{

    list-style-image: url(../upload/images/2020/10/6/color_stock.png);

}

.news dd:hover a{

    color: red;

}

.news dd a{

    font-size: 16px;

    font-weight: 500;

    color: #000000;

    line-height: 50px;

    display: block;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}

.news_small li{

    width: 571px;

}

.link{

    float: left;

}

.link li{

    float: left;

    width: 184px;

    text-align: center;

    border-bottom: none;

    margin-right: 30px;

    padding-top: 0px;

    height:50px;

    line-height:50px;

}

.link li:last-child{

    margin-right: 0;

}

.link a{

    font-size: 20px;

    font-weight: 500;

    color: #FFFFFF;

}

.footer1{

    width: 100%;

    min-height: 150px;

    height: auto;

    background-color: #36a4ef;

    color: #fff;

    margin: 34px auto 0;

    padding-bottom: 20px;

    box-sizing: border-box;

}

.footer1 .w {

    overflow: hidden;

}

/* 首页页脚标题：限制中间栏宽度，英文放大时可自动换行，避免顶到右侧二维码 */
#footer1TitleBilingual {

    max-width: 520px;

    overflow-wrap: break-word;

    word-wrap: break-word;

    word-break: normal;

}

#footer1TitleBilingual p {

    white-space: normal;

    margin: 0;

    line-height: 1.35;

}

#footer1TitleBilingual p + p {

    margin-top: 6px;

}

.footer2{

    margin: 2px auto 0;

    width: 100%;

    min-height: 96px;

    height: auto;

    background-color: #36a4ef;

    color: #fff;

    text-align: center;

    font-weight: 500;

    padding-top: 10px;

  

    padding-bottom: 10px;

    box-sizing: border-box;

}

.footer2 p{

    font-size: 14px;

}

/* 首页双语页脚：避免固定高度与负 margin 造成行重叠；中英文各占一行块级 */
#footer2Bilingual > p {
    margin: 6px 0;
    line-height: 1.65;
}

#footer2Bilingual .lang-zh,
#footer2Bilingual .lang-en {
    display: block;
    overflow: hidden;
}

#footer2Bilingual .footer-filing {
    margin-top: 8px;
}

#footer2Bilingual .footer-filing a {
    height: auto;
    min-height: 20px;
    line-height: 1.5;
    vertical-align: middle;
}

#footer2Bilingual .footer-filing img {
    float: left;
    margin-right: 5px;
}

#footer2Bilingual .footer-filing a + a {
    margin-left: 0.75em;
}

.swiper2{

    padding: 15px;

    float: left;

    position: relative;

}

.swiper2 img{

    width: 270px;

    height: 236px;

}

.swiper2_text{

    position: absolute;

    bottom:0px;

    line-height: 34px; 

    text-align: center; 

    color:#ffffff;

    background-color: rgba(1,1,1,0.3);

    width: 270px;

    height: 34px;

}

.swiper2 .swiper-slide {

        text-align: center;

        font-size: 16px;

        background: #fff;

  

        /* Center slide text vertically */

        display: -webkit-box;

        display: -ms-flexbox;

        display: -webkit-flex;

        display: flex;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        -webkit-justify-content: center;

        justify-content: center;

        -webkit-box-align: center;

        -ms-flex-align: center;

        -webkit-align-items: center;

        align-items: center;

}

.swiper-container{

    --swiper-navigation-color: #FFFFFF;/* 单独设置按钮颜色 */

}

.shadow:hover{

    box-shadow:2px 2px 5px #000;

}

.guanggao:hover{

    box-shadow:2px 2px 5px #000;

}

.banner:hover{

    box-shadow:2px 2px 5px #000;

}

.sec{

  margin-top:18px;

  }

/* 通知公告：标题单行，超出省略 */
#noticeNewsBox ul.sec li {
  overflow: hidden;
}
#noticeNewsBox ul.sec li a {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* 商情发布：标题单行，超出省略 */
#tradeNewsBox ul.sec li {
  overflow: hidden;
}
#tradeNewsBox ul.sec li a {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}