@charset "UTF-8";

*{ margin:0; padding:0; font-family:'微软雅黑'; font-size:12px; color:#333;}
a{color:#333;}
.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
li{ list-style:none;}
a{ text-decoration:none;}
img{ border:0;}

.d-inline-block {display: inline-block}

.maheight{ width:100%; height:20px; clear:both;}
.main{ width:1080px;; margin:0 auto;}

.seach{ height:60px; background:#fafafa;}
.shouproducts{ background:#f2f2f2; padding-top:20px;}
.shpro li{ width:30%; float:left;}
.shpro li a{ display:block; padding:5px 5px 8px 4px;}
.shpro li p{ height:40px; line-height:40px; font-size:12px; color:#999;}
.shouprote{ margin-left:5%; margin-right:5%;}
.news{ width:30%; float:left; padding:0 1%;}
.shounews{ margin-left:2%; margin-right:2%;}
.newscon{ padding-top:15px;}
.newscon li{ height:35px; line-height:35px; overflow:hidden; background:url(../images/ma_41.jpg)  no-repeat 0px center; text-indent:15px;}
.newscon li a{ color:#333;}
.newscon li span{ width:90px; float:right; background:#f2f2f2;color:#a4a4a4;}
.hspan1{ width:80px; float:left; display:block; height:40px; border-bottom:2px solid #48466d; font-size:18px;}
.hspan2{ width:164px; float:left; font-size:16px; color:#c6c6c6; display:block; height:41px; border-bottom:1px solid #ccc;}
.hspan3{ width:80px;float:left; display:block; font-size:16px; height:41px; border-bottom:1px solid #ccc;}
.hspan3 a{color:#717171;}
.newswen{ padding-top:20px;}
.newswen li{ padding-bottom:5px; border-bottom:1px dashed #c4c4c4;}
.newswen li img{ width:16px; margin-right:10px;}
.newswen li a{ color:#48466d;}
.daan{ width:298px;

    line-height:25px;}
.slinks{ margin-top:8px; }
.slinks li{ width:10%; margin:10px 0; float:left;}
.slinks li a{ color:#676767;}

.cooperationProcess{
    background:url(../images/hezuo.png);width:1086px;height:126px;display: flex;
}

.cooperationProcess li{width:92px; margin:0 21px; float:left; text-align:center;}
.cooperationProcess li p {font-size: 1.5rem;margin-top:1rem;}

.footer{


    background: #48466d;
}
.index_product_title {color: #ffffff;
    font-size: 2.5rem;
    line-height: 69px;
    display: inline-block;
    text-indent: 2rem;}
 .index_foot_address *{color:#fafafa !important;}
.footnav{ width:840px; margin:0 auto; height:65px; line-height:65px;}
.footnav li{  padding:0 10px; float:left; text-align:center;}
.footnav li a{ color:#FFF; font-weight:bold; font-size:16px;}
.footnav li a:hover{ color:#48466d;}
.fbg{ height:195px;}
.fbg .foot{width:1000px; margin:0 auto; overflow:hidden}
.fbg .foot .flogo{width:220px;}
.fbg .foot .fwenzi{color:#fff; width:470px; padding:20px 0 0 80px; line-height:30px;}




.topbg{position:absolute; top:36px; width:100%}
.topbg .top{
    /*width:1100px;*/
    width:95%;
    margin:0 auto; overflow:hidden;background: #fff;border-radius: 5px;
    display: flex;
    align-items:center;
    justify-content: space-around;
    padding:14px 0;

}
.top_tel{

    display:flex;align-items: center
}
.top_tel span{margin-left:10px;font-size: 22px;}
.multilingual{
    height:30px; line-height:30px; text-align:right;


    /*flex-grow: 1;*/

}
.topbg .top .logo{     display: flex;
    align-items: center;}
.topbg .top .logo img{max-height: 70px;}
.top .logo .commpany_name {display: flex;flex-direction: column;}
.top .logo .commpany_name p{
    /*font-weight: lighter;*/
    text-align: center;
    line-height: 1.9rem;
    font-size: 2rem;
    /*font-size: 1.4rem;*/
    text-indent: 2rem;
}
.topbg .top .nav{
    width:800px;
    /*flex-grow: 3;*/
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.header .nav li{
margin-left:-6px;
}
.header .nav li a{color:#333333; display:block; padding:0 20px; font-size:16px; }
.header .nav li a:hover{color:#48466d;}
.header .nav li dl{display: none;}




#nav{ }
#nav ul{}
#nav ul li{}
#nav ul li a{}
#nav ul li a:hover{ background: #fff;border-radius: 5px;}



#nav ul .hover a{  }


#nav ul dl,#nav ul .hover dl{    transition: 350ms;
    position:absolute;opacity:.8;margin:0px 0 0 0px;_margin:0px 0 0 0px;padding:0;background:#48466d;height: 0;z-index:999; text-decoration:none; }



#nav ul dl a,#nav ul .hover dl a{ color:#FFFFFF;font-size:12px;   text-align:center;background:#48466d;line-height:30px;height:30px;border-bottom:1px solid #8e8e8e;font-family:"Times New Roman", Times, serif; text-decoration:none;}
#nav ul dl a:hover,#nav ul .hover dl a:hover{background:#cd6c37;color:#fff;border-bottom:1px solid #a5a5a5; text-decoration:none;}

#nav ul.nav li:hover dl{

    /*height: 100%;*/
    display: block;

}






article.index_company_profile{
    width:593px; padding-right:10px; float:left;
}
.index_company_profile h3{height:40px;font-size:22px;margin-top:10px; color:#48466d;}
.index_company_profile p{text-indent:2em; max-height:220px; line-height:28px; overflow:hidden; color:#8e8e8e;}
.index_company_profile a {color:#48466d; height:35px; line-height:35px;}




/*about*/
.zhutibg{background:#f2f2f2;border-bottom:1px solid #48466d;}
.zhutibg .zhuti{width:1080px; margin:0 auto; padding-top:20px; overflow:hidden}
.zhutibg .zhuti .fenlei{width:280px;}
.zhutibg .zhuti .fenlei .biaoti{font-size:22px; line-height:60px; height:60px; background:#48466d; color:#fff; text-indent:15px;}
.zhutibg .zhuti .fenlei .leibg{background:#e6e3e3; border:1px solid #48466d;}
.leibg {line-height: 2rem;}
.leibg li{padding:0 15px; height:40px; line-height:40px; border-bottom:1px dashed #999}
.leibg a{font-size:14px; font-family:'微软雅黑';}
.leibg li:hover{text-indent:5px;}
.leibg a:hover{color:#e29200;}




.icla-con {
    padding-bottom: 1px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 1px;
    list-style: none;
}

.icla li {
    transition: all 1s;

    text-align: left;
    text-overflow: ellipsis;
    font: 12px/34px "simsun";
    white-space: nowrap;
    overflow: hidden;
    color: #ffffff;
}

.icla li ul {

    margin: 0;
    padding: 0;
    list-style: none;

    width: 100%; /* 宽度与父元素相同，根据需要调整 */
    height: 0; /* 初始高度为0，实现隐藏效果 */
    overflow: hidden; /* 防止内容溢出显示 */
    opacity: 0; /* 初始透明度为0 */
    transition: opacity 1s ease, height .5s ease;
}

.icla li:hover  ul {
    height: 100%;
    opacity: 1;
}



. li li {
    line-height: 30px;
    text-indent: 22px;
    margin: 0px;
    padding-left: 0px;
    height: 30px;
    list-style: none;
}

.icla li li a {
    border-bottom-style: none;
    border-right-style: none;
    display: inline;
    border-top-style: none;
    background: none transparent scroll repeat 0% 0%;
    color: #676767;
    border-left-style: none
}

.icla li li a:hover {
    border-bottom-style: none;
    border-right-style: none;
    display: inline;
    border-top-style: none;
    background: none transparent scroll repeat 0% 0%;
    color: #48466d;
    border-left-style: none
}

.icla li a {
    display: block;
    padding-left: 10px;
}




.flash{text-align: center;max-width: 100%;}



.zhutibg .zhuti .liebiao{width:780px; }
.liebiao .biaoti{border-bottom:2px solid #48466d; overflow:hidden;}
.liebiao .biaoti .fl{font-size:22px; color:#B7814F; height:30px; line-height:30px;}
.liebiao .biaoti .fr{line-height:46px; height:36px; color:#999;}
.liebiao .biaoti .fr a{color:#999;}
.liebiao .neirong{padding:10px; line-height:20px;}

/*products*/

.liebiao .lie{overflow:hidden;}
.liebiao .lie li{width:240px;margin:10px; text-align:center; float:left;}
.liebiao .lie li span{display:block; height:30px; line-height:30px; background:#48466d; margin-top:2px;color:#fff}
.liebiao .lie li span:hover{background:#B7814F;color:#48466d}
.liebiao .fanye{text-align:center; margin:10px 0;}

/*news*/

.liebiao .nlie li{border-bottom:1px dashed #999;height:44px; line-height:44px; padding:0 10px; overflow:hidden;}
.liebiao .nlie li span{font-size:14px;}

/*xiangqing*/
.neirong h1{font-size:20px; text-align:center;   color:#555;line-height:40px}
.neirong .shijian{text-align:center; line-height:50px; height:50px; border-bottom:1px dashed #999;}
.neirong .tu{text-align:center; margin:20px 0;}




/*
pagination
 */


.pagination-block {
    display: flex;
    justify-content: center;
    margin-bottom: 15px;
}
.pagination {
    margin: 0;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: 0.25rem;
}

.pagination_info {
    margin: 0 10px;
    display: flex;
    align-items: center;
}
.pagination li a,.pagination li span {
    border-radius: 0 !important;
    margin-right: 8px;
    color: #48466d;
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    background-color: #fff;
    border: 1px solid #dee2e6;
}
.pagination li.disabled span {
    cursor: not-allowed;
}
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > li > a:hover {
    color: #fff;
    background: #48466d;
    border: 1px solid transparent;
}