@charset "utf-8";
/* CSS Document */
*{margin: 0; padding: 0;list-style: none;}
body { font-family: "Microsoft YaHei"; overflow-x: hidden; }
h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: bold;}
a { color: inherit; }
a:hover { color: inherit; text-decoration: none; }
a:focus { text-decoration: none; outline: 0; }
:focus { outline: 0; }
.navbar-brand { height: auto; }
ul, li { margin: 0; padding: 0; list-style: none; }
.container { position: relative; }
img{
 max-width:100%;
}
p{
  margin:0;
}
#mMain{
    overflow: visible !important;
}
@media (max-width: 996px){
.logo-left h1{
font-size: 18px;
    color: #fff;
    margin-top: 0px;
    display: inline-block;
}
}
 .logo-left>.logo{float: left;
    vertical-align: middle;margin-right:15px;}
.box5059_-6508{
  width: 100%;
    height: 110px;
    top: 0;
    left: 0;
    z-index: 999;
    background: url(../images/x.jpg) no-repeat top center #fff;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
position: fixed;
}


.box5059_-6508:hover .headTab .Tabwidth .flextab .naver > ul > li{
    color:#333333;
}
.box5059_-6508:hover .headTab .Tabwidth .flextab .tool a{
   color:#333333;
}
.box5059_-6508:hover .headTab .Tabwidth .flextab .tool{
border-left: 0;
}
body.hides, html.on { overflow: hidden; }
.box5059_-6508 .hide, html.on { overflow: hidden; }
.box5059_-6508 .headTab .icon { width: 22px; height: 22px; vertical-align: -0.15em; fill: currentColor; overflow: hidden; }
.box5059_-6508 .headTab img { max-width: 100%; vertical-align: middle; }
.box5059_-6508 .headTab { width: 100%; line-height: 110px; }
.box5059_-6508 .headTab .Tabwidth { max-width: 1400px; margin: 0 auto; padding: 0 0px; }
.box5059_-6508 .headTab .Tabwidth .flextab { display: flex; align-items: center; justify-content: space-between; }
.box5059_-6508 .headTab .Tabwidth .flextab .logoimg { transition: all ease .3s; }
.box5059_-6508 .headTab .Tabwidth .flextab .naver { 
padding: 0;
height: 100%;
flex: 1;
display: inline-flex;
justify-content: right;
}
.box5059_-6508 .headTab .Tabwidth .flextab .naver > ul { display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-around;
    margin: 0 auto;}
.box5059_-6508 .headTab .Tabwidth .flextab .naver > ul > li {
    list-style: none;
    padding: 0;
    color: #333;
    height: 100%;
    position: relative;
    text-align: center;
 }
.box5059_-6508 .headTab .Tabwidth .flextab .naver > ul > li.active>a{
color: #1968b3;
}

.box5059_-6508 .headTab .Tabwidth .flextab .naver > ul > li > a {
    font-size: 18px;
padding: 0 10px;
    text-decoration: none;
    color: inherit; 
position: relative;
    display: inline-block;
    transition: all ease .3s;
}
.box5059_-6508 .headTab .Tabwidth .flextab .naver > ul > li > a::before{
content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 3px;
    background-color: #1968b3;
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
}
.box5059_-6508 .headTab .Tabwidth .flextab .naver > ul > li.active > a::before,.box5059_-6508 .headTab .Tabwidth .flextab .naver > ul > li:hover > a::before{
   width: 100%;
    height: 3px;
    background-color: #1968b3;
    opacity: 1;
}
.box5059_-6508 .headTab .Tabwidth .flextab .naver > ul > li:hover > a { color: #1968b3; }
.box5059_-6508 .headTab .Tabwidth .flextab .naver .menu { z-index: 10;
    position: absolute;
   left: 50%;
    top: 100%;
    transform: translate(-50%, 0);
    opacity: 0;
    visibility: hidden;
    width: 150%;
    box-shadow: 5px 5px 10px -5px rgba(0,0,0,0.12);
    background: rgba(255, 255, 255, 0.85);
    padding-top: 1px;
    border-bottom: none;
    margin-top: 30px;
    max-height: none;
    overflow: visible;
    -webkit-transition: all ease .5s;
    transition: all ease .5s; }
.box5059_-6508 .headTab .Tabwidth .flextab .naver .menu ul { min-height: 0px; box-shadow: 0 0 10px rgba(0,0,0,0.12); }
.box5059_-6508 .headTab .Tabwidth .flextab .naver .menu li { list-style: none; position: relative; }
.box5059_-6508 .headTab .Tabwidth .flextab .naver .menu li a { position: relative; display: block; line-height: 40px; padding: 0px 15px; color: #000; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; text-decoration: none; }
.box5059_-6508 .headTab .Tabwidth .flextab .naver .menu li a:hover { color: #dd0001; }

.box5059_-6508 .headTab .Tabwidth .flextab .naver > ul > li:hover .menu { margin-top: 0px; opacity: 1; visibility: visible; }
.box5059_-6508 .headTab .Tabwidth .flextab .naver .menu > ul > li:hover .Menu_box { display: block; }
.box5059_-6508 .headTab .Tabwidth .flextab .naver .menu li .Menu_box { display: none; position: absolute; left: 100%; z-index: 10; top: 0; }

.box5059_-6508 .headTab .Tabwidth .flextab .tool { display: flex; align-items: center;flex-direction: row-reverse;    padding-left: 15px;border-left: 0; }

.box5059_-6508 .headTab .Tabwidth .flextab .tool a { color: #333;    display: flex;
    align-items: center;width: 24px;
    height: 24px;
    }


.box5059_-6508 .headTab .Tabwidth .flextab .tool .tool-phone { display: none; }
.box5059_-6508 .headTab .Tabwidth .flextab .tool .tool-phone a { padding-left: 40px; padding-right: 0; margin-left: 15px; font-size: 20px; font-weight: bold; line-height: 30px; background: url(/mFile/3021/images/phone.png) no-repeat left center; }


/* 语言弹出框 */
.box5059_-6508 .div_mask { width: 100%; height: 100%; overflow: hidden; position: fixed; top: 0px; left: 0px; background: rgb(0, 0, 0); opacity: 0.6; z-index: 90; display: none; }

.box5059_-6508 .tool_menu { display: none; }




/* 移动端弹出栏目 */
.box5059_-6508 .nav_side_menu { width: 75%; max-width: 400px; background-color: #fff; position: fixed; top: 0; bottom: 0; left: 0; margin: auto; z-index: 10020; -webkit-transform: -webkit-translateX(-100%); transform: translateX(-100%); -webkit-transition: all .4s; transition: all .4s; visibility: hidden; }
.box5059_-6508 .nav_side_menu.active { -webkit-transform: -webkit-translateX(0); transform: translateX(0); visibility: visible; }
.box5059_-6508 .nav_side_menu .menu_list { padding: 10px; }
.box5059_-6508 .nav_side_menu .menu_list .item_hr { border-color: #ddd; height: 38px; line-height: 38px; overflow: hidden; }
.box5059_-6508 .nav_side_menu .menu_list .item_hr a { display: block; overflow: hidden; margin-left: 0.3125rem; font-size: 14px; color: #5f5f5f; text-decoration: none; }
.box5059_-6508 .nav_side_menu .menu_list .item_hr .item_icon { display: none; }
.box5059_-6508 .nav_side_menu .menu_list .item_hr.son > .item_icon { display: block; }
.box5059_-6508 .nav_side_menu .menu_list .item_hr.son { position: relative; }
.box5059_-6508 .nav_side_menu .menu_list .item_hr.son > a { display: inline-block; width: 83%; text-overflow: ellipsis; white-space: nowrap; }
.box5059_-6508 .nav_side_menu .menu_list .item_hr.son .item_icon { width: 40px; height: 100%; position: absolute; top: 0; right: 0; text-align: center; color: #666; cursor: pointer; }
.box5059_-6508 .menu_divide { height: 8px; background-color: #eee }
.box5059_-6508 .menu_lange { padding: 0 10px; }
.box5059_-6508 .clearboth { width: 100%; display: none; }
.box5059_-6508 .category_side { width: 100%; max-width: 400px; background-color: #fff; position: fixed; top: 0; bottom: 0; left: 0; margin: auto; z-index: 10020; -webkit-transform: -webkit-translateX(-100%); transform: translateX(-100%); -webkit-transition: all .4s; transition: all .4s; visibility: hidden; }
.box5059_-6508 .category_side.active { -webkit-transform: -webkit-translateX(0); transform: translateX(0); visibility: visible; }
.box5059_-6508 .category_side .return_pop a { background-color: #f0f0f0; height: 55px; line-height: 55px; margin: 0 !important; padding: 0 10px; display: flex !important; align-items: center; }
.box5059_-6508 .category_side .return_pop a span { display: inline-block; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.box5059_-6508 .m_inquiry { display: none; }
.box5059_-6508 .tool_inquiry_btn.m_inquiry { width: 65px; height: 55px; color: #fff; background: #fcbc03; text-align: center; line-height: 50px; position: fixed; bottom: 70px; right: 15px; border-radius: 6px; z-index: 10; cursor: pointer; }
.box5059_-6508 .tool_inquiry_btn.m_inquiry .icon { vertical-align: middle; }
.box5059_-6508 .tool_inquiry_btn .m_inquiry_flex { display: flex; flex-direction: column; align-items: center; height: 100%; justify-content: center; }
.box5059_-6508 .tool_inquiry_btn .m_inquiry_flex p { display: block; line-height: 20px; color: #fff; font-size: 12px; }
.box5059_-6508 .nav_side_menu > .menu_list:nth-of-type(1) { overflow: auto; max-height: calc(100vh - 70px); }
.box5059_-6508 .category_side .pop_up_con > .menu_list { overflow: auto; max-height: calc(100vh - 70px); }
@media (max-width:1330px) {
.box5059_-6508 .headTab .Tabwidth .flextab .naver{
  padding-right:10px;
}
.box5059_-6508 .headTab .Tabwidth .flextab .naver > ul > li{
      width: auto;
}

}
@media (max-width:1200px) {
.box5059_-6508 .headTab .Tabwidth .flextab .naver > ul > li > a{
    font-size: 16px;
    padding:0 10px;
}


}
@media (max-width:1050px) {
    .box5059_-6508 .headTab .Tabwidth .flextab .naver > ul > li > a { padding: 0 12px; }
}

@media (max-width:995px) {
.box5059_-6508{
background-color: #fff;
box-shadow: 0px 1px 10px #bab9b9;
}
.box5059_-6508 .headTab .Tabwidth .flextab .tool{
 border:none !important;
}
.box5059_-6508{
  height:60px;
}
.box5059_-6508 .headTab{
  line-height: normal;
}
.box5059_-6508 .headTab .Tabwidth .flextab .tool{
    flex-direction: row;
}

 .box5059_-6508 .headTab .Tabwidth .flextab .naver { display: none; }
    .box5059_-6508 .headTab .Tabwidth { position: fixed; top: 0; left: 0; width: 100%; }
    .box5059_-6508 .clearboth { display: block; height: 60px; }
    .box5059_-6508 .headTab .icon { vertical-align: middle; }
    .box5059_-6508 .tool_menu { display: block; margin-right: 15px; }
    .box5059_-6508 .headTab .Tabwidth .flextab { height: 60px; padding: 0 10px;-webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;}
    .box5059_-6508 .headTab .Tabwidth .flextab .tool a { padding: 0;color:#333 }
    .box5059_-6508 .headTab .Tabwidth .flextab .logoimg { width: 330px; padding: 0; }


.fixed .box5059_-6508{
box-shadow: 0 0 10px #ddd;
top:-6px;
background: url(../images/x.jpg) no-repeat top center rgba(255,255,255,0.9);
}
.fixed .box5059_-6508 .headTab{
    line-height: 110px;
}
.fixed .box5059_-6508 .headTab .Tabwidth .flextab .naver > ul > li{
  color:#333333;
}
.fixed .box5059_-6508 .headTab .Tabwidth .flextab .tool a{
 color: #333333;
}
.fixed .box5059_-6508 .headTab .Tabwidth .flextab .tool{
border-left: 0;
}

@media(max-width:995px){
.fixed .box5059_-6508 .headTab {
    line-height: normal;
}
.fixed .box5059_-6508 .headTab .Tabwidth .flextab .tool{border-left:none;}

    .fixed .box5059_-6508 .headTab .Tabwidth .flextab {
        height: 54px;
    }
}


/*首页产品*/

@media(max-width:995px){
.zx_bt {width:90%;}
.zx_bt h4 {font-size:30px;}
.zx_bt i{font-size:42px;top:-25px;}
.zx_bt p {font-size:15px;}
}
@media(max-width:768px){
.zx_bt{margin-top:50px;}
}
.box3035_-5172{background:#ffffff;margin-top:25px;padding-bottom:80px;}
.box3035_-5172 .container{ max-width:1400px;width:100%;padding:0;}
.box3035_-5172 .container .row{
  margin:0;
}
.box3035_-5172 .pro-title{position:absolute;top:40px;font-size:32px;color:#333;font-weight:700}

.box3035_-5172 .pro-container .pro-item{ background: transparent;}
.box3035_-5172 .pro-item .img{overflow:hidden;position:relative;    border: none;
    border-radius: 10px;}
.box3035_-5172 .pro-item .img img{-webkit-transition:all ease .3s;transition:all ease .3s}
.box3035_-5172 .pro-item .caption{
width: 100%;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    padding: 30px 12px;
    border-radius: 10px;
    box-shadow: 0 3px 2px rgb(148 172 194 / 30%);
}
.box3035_-5172 .pro-item .caption .title{
display: block;
    color: #333;
    font-size: 24px;
    line-height: 30px;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
}
.box3035_-5172 .pro-item .caption .title::before{
content: '';
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background: url(/ufile/122953/newdir1/icon-pro.png) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin: -1px 10px 0 0;
}
.box3035_-5172 .pro-tabs .item.active,.box3035_-5172 .pro-tabs .item:hover{background-color:#dd0001;}
.box3035_-5172 .pro-tabs .item.active a,.pro-tabs .item:hover a{color:#fff}
.box3035_-5172 .pro-item:hover .img img{-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}
.box3035_-5172 .pro-item:hover .caption{background:none;}
.box3035_-5172 .pro-container .pro-item {margin-bottom: 15px;}
.box3035_-5172 a:hover {text-decoration: none;}
.box3035_-5172 .col-md-3 {width: 25%;padding:0 8px;}
@media(max-width:767px){.box3035_-5172 .pro-title{position:relative;font-size:24px;text-align:center;margin-bottom:20px}
.box3035_-5172 .pro-tabs{text-align:center}
.box3035_-5172 .pro-tabs .item{width:49%;margin:0}
.box3035_-5172 .pro-tabs .item a{padding:10px}
.box3035_-5172 .pro-item .caption{line-height: 40px;
        padding: 15px 5px;}
.box3035_-5172 .pro-item .caption .title{font-size:16px; margin-bottom: 0;}
}


@media(max-width:767px){
.box3035_-5172 .container {width: 95%;}
.box3035_-5172 .pro-tabs .item a{font-size: 16px;}
.box3035_-5172 .pro-tabs .item {margin-bottom: 1%;}

.box3035_-5172 .col-md-3 {width: 50%;}
.box3035_-5172 .pro-item .caption .title {font-size: 14px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.box3035_-5172 .swiper-slide  .row .col-md-3:nth-child(5){display:none;}
.box3035_-5172 .swiper-slide  .row .col-md-3:nth-child(6){display:none;}
.box3035_-5172 {padding-bottom: 40px;}
}

@media(max-width:430px){
.box3035_-5172 .col-md-3{
width: 100%;
}
}