*{margin: 0px;padding: 0px;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, hr{margin: 0px;padding: 0px;}
a{color: #808080;text-decoration: none;}
a:hover{color: #eab051 ;text-decoration: none;}
img{border: 0;}
ul{display: block;}
ul, ul li{list-style: none;}
input, select, textarea{vertical-align: middle;font: 12px "Microsoft Yahei", Verdana, Geneva, sans-serif;border: 1px solid #dedede;}
.left{float: left;}
.right{float: right;}
.mt{margin-top: 10px;}
.mr{margin-right: 10px;}
.mb{margin-bottom: 10px;}
.ml{margin-left: 10px;}
.pt{padding-top: 10px;}
.pt2{padding-top:20px;}
.pt3{padding-top:30px;}
.pt4{padding-top:40px;}
.pt5{padding-top:50px;}
.pt6{padding-top:60px;}
.pt7{padding-top:70px;}
.pt8{padding-top:80px;}
.pt9{padding-top:90px;}
.pt10{padding-top:100px;}
.pr{padding-right: 10px;}
.pb{padding-bottom: 10px;}
.pb2{padding-bottom: 20px;}
.pb3{padding-bottom: 30px;}
.pb4{padding-bottom: 40px;}
.pb5{padding-bottom: 50px;}
.pb6{padding-bottom: 60px;}
.pb7{padding-bottom: 70px;}
.pb8{padding-bottom: 80px;}
.pb9{padding-bottom: 90px;}
.pb10{padding-bottom: 100px;}
.pl{padding-left: 10px;}
.wp{margin: 0px auto;width: 1340px;}
.cls{font-size: 0px;height: 0px;line-height: 0px;clear: both;}
.zsy-img{ width: 100%; overflow: hidden;  height: 100%;position: relative;}
.zsy-img img{ max-width:100%}
    .zsy-img2{

    }
    .zsy-img2 img {
        width: 196px;
        height: 196px;
    }
.zsy-img img.abc {
    position: absolute;
    top: 0; left: 0; 
    bottom: 0; 
    right: 0; 
    display: block;
    text-align: center; 
    margin: auto;
    background: #f6f6f6; 
    transition:all 0.36s ease; 
}

    .zsy-img img.abctu {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 196px;
        height: 196px;
        display: block;
        text-align: center;
        margin: auto;
        background: #f6f6f6;
        transition: all 0.36s ease;
    }
.img-xx{ transition: all 0.36s ease;}




@font-face {
  font-family: 'iconfont2';  /* Project id 2507138 */
  src: url('https://at.alicdn.com/t/font_2507138_5p3ydhkpxgd.woff2?t=1620092401614') format('woff2'),
       url('https://at.alicdn.com/t/font_2507138_5p3ydhkpxgd.woff?t=1620092401614') format('woff'),
       url('https://at.alicdn.com/t/font_2507138_5p3ydhkpxgd.ttf?t=1620092401614') format('truetype');
}

.iconfont2{
    font-family:"iconfont2" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.1px;
    -moz-osx-font-smoothing: grayscale;
	}

.zt{ font-family: 'HelveticaNeueLTPro-ThEx'; font-size: 14px; color: #999999; letter-spacing: 1px;}
/*===============================首页广告banner==========================*/
.ix-banner{width: 100%;height: 640px;position: relative; height: 650px;}
.ib-img{ max-width: 1920px; margin: 0px auto; height: 650px; display: block;}
.ix-banner .swiper-pagination-bullet-active{ background-color: #fff;}
/*===============================header==========================*/
.ix-top{ height: 110px;}
.ix-nav{ height: 60px; width: 100%; background-color: #3b3b3b; line-height: 60px; }
.ix-nav ul{ position: relative;}
.top-logo img{ width: 250px; padding-top: 40px;}
.top-sea-hy{ padding-top: 30px; text-transform: uppercase;}

.top-sea-hy .top-sea input{ width: 370px; padding: 0px 20px; border-radius: 50px 0px 0px 50px; border: solid 1px #dcdcdc; height: 48px; line-height: 48px; font-size: 14px; outline: none;}
    .top-sea-hy .top-sea button {
        width: 90px;
        border-radius: 0px 50px 50px 0px;
        background-color: #08776a;
        border: none;
        vertical-align: middle;
        height: 50px;
        line-height: 50px;
        margin-left: -4px;
        outline: none;
    }
.top-sea-hy .top-sea button i{font-size: 20px; color: #fff;}
.top-sea-hy .top-hy{ padding-top: 10px; padding-left: 40px;}
    .top-sea-hy .top-hy a i {
        display: inline-block;
        padding-right: 10px;
        text-transform:uppercase;
    }
.ix-nav ul li.ab{ padding: 0px 30px; float: left; transition: all 0.36s ease;  height: 60px; z-index: 11;}
.ix-nav ul li.ab:hover{ background-color: #eab051;}
    .ix-nav ul li.ab a {
        font-size: 16px;
        color: #fff;
        text-transform: uppercase;
    }

/*二级*/
.ix-nav ul li .nav2 {
    position: absolute;
    left: 0;
    top: 100px;
    z-index: 11;
    background-color: #585757;
    width: calc(100% - 0px);
    padding: 40px;
    padding-bottom: 10px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.16s ease;
    -moz-column-count: 5; /* Firefox */
    -webkit-column-count: 5; /* Safari and Chrome */
    column-count: 5;
}
.ix-nav ul li:hover .nav2{visibility: visible; opacity: 1; top: 60px;}
.ix-nav ul li .nav2 li{width: 200px; }
.ix-nav ul li .nav2 li.a-menu a{font-size: 16px; font-weight: bold; color: #eab051; text-transform: uppercase; line-height: 150%; padding-bottom: 20px; display: inline-block;}

.ix-nav ul li .nav2 li ul.b-menu{ width: 200px; padding-bottom: 10px;}
.ix-nav ul li .nav2 li ul.b-menu li{ line-height: normal;}
    .ix-nav ul li .nav2 li ul.b-menu li a {
        font-size: 14px;
        color: #fff;
        font-weight: normal;
        text-transform: none;
        line-height: 150%;
        display: inline-block;
        padding-bottom: 12px;
        transition: all 0.36s ease;
        text-transform: uppercase;
    }

.ix-nav ul li .nav2 li ul.b-menu li a:hover{ color: #eab051;}





/*新产品*/
.ix-head{ font-size: 24px; font-weight: bold; color: #333333; text-transform: uppercase;}
.ix-head span{ display:  inline-block; width: 4px; height: 20px; background-color: #eab051; margin-right: 15px;}
.ix-pro ul li{ float: left;}
.ix-pro ul li:nth-child(2){ margin-left: 40px;}
.ix-pro ul li:hover .img-xx{ transform: scale(1.08);}

/*新产品*/
.ix-head{ font-size: 24px; font-weight: bold; color: #333333; text-transform: uppercase;}
.ix-head span{ display:  inline-block; width: 4px; height: 20px; background-color: #eab051; margin-right: 15px;}
.ix-sbc ul.sbc1 li{ float: left;}
.ix-sbc ul.sbc1 li:nth-child(2), .ix-sbc ul.sbc1 li:nth-child(3){ margin-left: 40px;}
.ix-sbc ul.sbc1 li:hover .img-xx{ transform: scale(1.08);}

.sbc2{ width: 650px;}
.sbc3{ width: 690px;}
.sbc3 ul li{ width: 305px; margin-left: 40px; float: left; margin-bottom: 40px;}
.sbc3 ul li:hover .img-xx{ transform: scale(1.08);}
.sbc3 ul li .sbc-tit{ height: 45px; border: solid 1px #dcdcdc; border-top: none; background-color: #f2fcff; padding: 15px; text-align: center;}
.sbc3 ul li .sbc-tit h1{ font-size: 16px; color: #333333;}
.sbc3 ul li .sbc-tit p{ color: #999999;}

/*db-banner*/
.db-banner img{ display: block;}
.db-ban-more{ text-align: right; color: #999999; display: block;}

/*底部*/
.ix-footer {
    text-align: center;
    height: 40px;
    line-height: 40px;
    background-color: #585757;
    color: #fff;
    text-transform: uppercase;
}