/*初始化样式*/
html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,navs,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#333;position:relative;font:12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}
a:hover,a:active,a:focus{text-decoration:none;outline:none;}

input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}




/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}



.wh1660{/*max-width:1690px;margin:0 auto;padding:0 15px;*/}
.wh1600{/*max-width:1630px;margin:0 auto;padding:0 15px;*/}
.wh1576{max-width:1606px;margin:0 auto;padding:0 15px;}

.wh1660{width:88%;margin:0 auto;}
.wh1600{width:85%;margin:0 auto;}
/*.wh1576{width:82%;margin:0 auto;}*/





.com-img{overflow:hidden;}
.com-img img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}


.flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.flexs {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}



/*头部样式*/
.top2{height:110px;width:100%;position:absolute;left:0;top:0;z-index:9999;}
.logo{line-height:110px;overflow:hidden;width:14.34%;}
.logo img{width:100%;display:block;}




/*热门搜索*/
.sou{margin: 15px 0;}
.hotSearch{float:left;height:24px;line-height:24px;font-weight:normal;color:#0d0d0d;font-size:14px;}
.hotSearch a{margin-right:6px;color:#0d0d0d;}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}






/* 导航样式 */
.x-menu{}
.x-menu > li {
  position: relative;
 text-align:center;
}

.x-menu > li > a {
  display: block;
  font-size: 18px;
  color: #333333;
  line-height:110px;padding:0 2.5vw;
}
.x-menu > li:last-child > a{/*padding-right:0;*/}
.x-menu > li+li{background: url(../image/sx1.png) no-repeat left center;}
.x-menu > li:hover > a {
 /* background: #01b08a;
  color: #fff;*/
}


.x-menu > li.active > a {}

.x-menu > li:hover .x-sub-menu {
  opacity:1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.x-sub-menu {
  position: absolute;
  z-index: 99999;
  width: 80%;
  left: 10%;
  top: 110px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.x-sub-menu > li{border-top:1px solid #666;}
.x-sub-menu > li > a {
  display: block;
  text-align: center;
  font-size: 14px;
  color: #333;
  line-height:40px;
  height:40px;overflow:hidden;
}

.x-sub-menu > li > a:hover {
  /*background: #1cd1aa;*/
}








#product_list1{margin-top:38px;}
#product_list1 li{float:left;margin-right:57px;margin-bottom:28px;}
#product_list1 li:nth-child(4n){margin-right:0;}
#product_list1 li img{width:257px;height:293px;}
#product_list1 li h3{text-align:center;font-weight:normal;color:#3f3f3f;font-size:20px;background:#fff;height:56px;line-height:56px;overflow:hidden;}


/*主体样式*/
.box1{margin:5vw 0;overflow:hidden;}
.bt{text-align:center;}
.bt h3{color:#333333;font-size:32px;line-height:40px;}
.bt sup{top:-20px;}
.bt h4{color:#333333;font-size:48px;text-transform:uppercase;font-weight:200;margin-top:1vw;}
.ads{margin-top:2.5vw;}
.ads li{width:24%;position:relative;overflow:hidden;}
.ads li .img img{width:100%;display:block;}
.ads li .mask{background:rgba(0,0,0,.5);width:100%;height:100%;position:absolute;left:0;top:0;display:block;}
.ads li .nr{display:flex;align-items: center;justify-content: center;flex-direction:column;height:100%;}
.ads li h3{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#fff;font-size:36px;}
.ads li h2{background:#fff;width:16px;height:2px;margin:13px auto 8px;}
.ads li h4{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#fff;font-size:24px;}
.ads li .mask2{background:rgba(0,0,0,.6);width:100%;height:100%;position:absolute;left:0;top:0;display:none;}
.ads li .nr2{display:flex;align-items: center;justify-content: center;flex-direction:column;height:100%;}
.ads li p+p{background: url(../image/hx1.png) no-repeat top center;}
.ads li p{line-height:3;color:#fff;font-size:24px;text-align:center;}
.ads li:hover .mask{display:none;}
.ads li:hover .mask2{display:block;}



.box2{overflow:hidden;position:relative;margin-top:2vw;overflow:hidden;}
#prod{position:relative;}
#prod li{outline:none;border:none;position:relative;}
#prod .slick-slide{position:relative;}
#prod li .img{width:70.6%;}
#prod li .img img{width:100%;display:block;}
#prod li .det{width:32.95%;position:absolute;right:0;bottom:0;background:rgba(255,255,255,.9);z-index:999;height:95%;}
#prod li .nr{width:84%;margin:0 auto;display:flex;justify-content: center;flex-direction:column;height:100%; }
#prod li h5{color:#333333;font-size:42px;line-height:1.3;}
#prod li h3{color:#333333;font-size:16px;margin:2vw 0 6vw;}
#prod li a.mo{width:76%;border:1px solid #000000;padding:0 5%;line-height:48px;color:#333333;font-size:18px;background: url(../image/mo.png) no-repeat 95% center;}
#prod .slick-dots{width:100%;left:58%;bottom:30px;position:absolute;z-index:9999;}
#prod .slick-dots li{background:#fff;text-indent:-10000px;overflow:hidden;width:12px;height:12px;margin: 0 7px!important;border-radius:50%;border:none;outline:none;display:inline-block;opacity:0.3;cursor:pointer;}
#prod .slick-dots li.slick-active{background:#f2941a!important;opacity:1;}
#prod .slick-dots li button{display: none;}



#prod2{position:relative;margin-top:4vw;}
#prod2 li{outline:none;border:none;position:relative;}
#prod2 .slick-slide{position:relative;}
#prod2 li .img{width:70.6%;}
#prod2 li .img img{width:100%;display:block;}
#prod2 li .det{width:32.95%;position:absolute;left:0;bottom:0;background:rgba(255,255,255,.9);z-index:999;height:95%;}
#prod2 li .nr{margin-left:26.33%;display:flex;justify-content: center;flex-direction:column;height:100%;}
#prod2 li h5{color:#333333;font-size:42px;line-height:1.3;}
#prod2 li h3{color:#333333;font-size:16px;margin:2vw 0 6vw;}
#prod2 li a.mo{width:84%;border:1px solid #000000;padding:0 5%;line-height:48px;color:#333333;font-size:18px;background: url(../image/mo.png) no-repeat 95% center;}
#prod2 .slick-dots{width:100%;left:34%;bottom:30px;position:absolute;z-index:9999;}
#prod2 .slick-dots li{background:#fff;text-indent:-10000px;overflow:hidden;width:12px;height:12px;margin: 0 7px!important;border-radius:50%;border:none;outline:none;display:inline-block;opacity:0.3;cursor:pointer;}
#prod2 .slick-dots li.slick-active{background:#f2941a!important;opacity:1;}
#prod2 .slick-dots li button{display: none;}




#prod3{position:relative;margin-top:4vw;}
#prod3 li{outline:none;border:none;position:relative;}
#prod3 .slick-slide{position:relative;}
#prod3 li .img{width:70.6%;}
#prod3 li .img img{width:100%;display:block;}
#prod3 li .det{width:32.95%;position:absolute;right:0;bottom:0;background:rgba(255,255,255,.9);z-index:999;height:95%;}
#prod3 li .nr{width:84%;margin:0 auto;display:flex;justify-content: center;flex-direction:column;height:100%; }
#prod3 li h5{color:#333333;font-size:42px;line-height:1.3;}
#prod3 li h3{color:#333333;font-size:16px;margin:2vw 0 6vw;}
#prod3 li a.mo{width:76%;border:1px solid #000000;padding:0 5%;line-height:48px;color:#333333;font-size:18px;background: url(../image/mo.png) no-repeat 95% center;}
#prod3 .slick-dots{width:100%;left:58%;bottom:30px;position:absolute;z-index:9999;}
#prod3 .slick-dots li{background:#fff;text-indent:-10000px;overflow:hidden;width:12px;height:12px;margin: 0 7px!important;border-radius:50%;border:none;outline:none;display:inline-block;opacity:0.3;cursor:pointer;}
#prod3 .slick-dots li.slick-active{background:#f2941a!important;opacity:1;}
#prod3 .slick-dots li button{display: none;}


#prod4{margin-top:4vw;}
#prod4 li{position:relative;}
#prod4 li .img img{width:100%;display:block;}
#prod4 li .det{width:100%;position:absolute;left:0;top:33%;height:100%;text-align:center;}
#prod4 li h5{color:#fff;font-size:48px;}
#prod4 li h3{color:#fff;font-size:24px;margin:2vw 0 7vw;}
#prod4 li a.mo{width:344px;border:1px solid #fff;line-height:48px;color:#fff;font-size:18px;background: url(../image/mo2.png) no-repeat 95% center;text-align:left;height:48px;display:block;margin:0 auto;text-indent:5%;}


#LoutiNav{width:6%;position: absolute; top:0;left:0px; display: none;height:100vh;display:block;}
#LoutiNav li{width:100%;height:100%;padding:20px 38%;line-height:20px; text-align: center; cursor: pointer;writing-mode:horizontal-tb;color:#fff;position:absolute;left:0px;top:0px;}
#LoutiNav li h3{display:flex;justify-content: center;flex-direction:column;/*height:100%;*/opacity:0;transform: translate3d(40px, 0, 0);  transition-delay: transform 1s, opacity 0s;transition-duration: 1s;}
#LoutiNav li i{font-style:normal;font-size:18px;border-top:2px solid #fff;padding:10px 0;}
#LoutiNav li span{font-size:18px;display:block;}
#LoutiNav li p{font-size:18px;margin-top:24px;}
#LoutiNav li a{color:#fff;}
#LoutiNav li i{color:#fff;border-color:2px solid #000;}
#LoutiNav li.active{background:#f2941a;color:#000000;z-index:9999;}
#LoutiNav li.active h3{opacity:1;transform: translate3d(0, 0px, 0);}
#LoutiNav li.active i{border-color:2px solid #000;}
#LoutiNav li p.af{margin-bottom:5vw;}



#LoutiNav li.active.aaaa{background:#fff;color:#000000;z-index:9999;padding-top:100px;}
#LoutiNav li.active.aaaa h3{opacity:1;transform: translate3d(0, 0px, 0);}
#LoutiNav li.active.aaaa i{border-color:#000;color:#000;}
#LoutiNav li.active.aaaa a{color:#000;}




.box3{overflow:hidden;background: url(../image/bj3.jpg) no-repeat;background-size:100% 100%;margin-top:5vw;padding:3vw 0 1.5vw;}
.bt3{text-align:center;color:#111111;font-size:48px;}
.cmo{margin:2vw auto;width:344px;border:1px solid #000000;}
.cmo a{width:88%;margin:0 auto;height:50px;}
.cmo h3{color:#333333;font-size:18px;}
.case66 li{width:47%;}
.case66 li .img img{width:100%;display:block;}




.link{padding:3vw 0;color:#333;font-size:14px;line-height:24px;padding:3vw 0;}
.link a{color:#333;padding:0 5px;}
.k1 a{padding:0;}

/*页面底部*/
.foot{background:#000000;color:#fff;padding:3vw 0;overflow:hidden;}
.foot a{color:#fff;}
.foot1{width:50.94%;}
.flogo img{max-width:100%;display:block;}
.fname{font-size:12px;margin:22px 0 12px;}
.lx{font-size:14px;line-height:28px;}
.lx1{width:45%;}
.lx2{width:55%;border-right:1px solid #fff;}

.foot2{width:17.12%;margin-left:7.81%;margin-top:10px;}
.ftt{font-size:18px;}
.fnav{margin-top:50px;}
.fnav li{font-size:14px;line-height:28px;width:50%;float:left;}


.wems{width:14.12%;float:right;margin-top:90px;}
.codes{width:42%;text-align:center;}
.codes img{width:100%;display:block;}



/*手机底部*/
@media (max-width:768px){
 .db{display:block!important;}
}



.dbb{height:50px;}

/* 页脚 */
.footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99999;
  background:#000000;
}

.footer ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  color: #ffffff;
  line-height: 30px;padding:10px 0;
  font-size: 0;
}

.footer ul li.active {
  background: #da251c;
}

.footer ul li a {
  display: block;color:#fff;
}

.footer ul li .iconfont {
  font-size: 18px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

.footer ul li span {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;color:#fff;
}


.footer li .icon-home{ background: url(../image/a1.png) no-repeat;width:20px;height:20px;}
.footer li .icon-home2{ background: url(../image/a2.png) no-repeat;width:20px;height:20px;}
.footer li .icon-phone{ background: url(../image/a3.png) no-repeat;width:20px;height:20px;}
.footer li .icon-contact{ background: url(../image/a4.png) no-repeat;width:20px;height:20px;}

.footer li .icon-phone:before{font-size:0;}
.footer ul li a{border-right:1px solid #fff;}
.footer ul li:last-child a{border-right:none;}



/*内页左侧样式*/
.page-product-inquiry a{color: #fff;}


@media (max-width:1440px) {
  #LoutiNav li i{padding:10px 0;}
  #LoutiNav li span{margin-top:10px;}
  #LoutiNav li p{margin-top:10px;}
}




@media (max-width:1024px) {
 .x-menu > li > a{font-size:16px;}
 .bt h3{font-size:28px;}
 .bt sup{top:-18px;}
 .bt h4{font-size:40px;}
 .ads li h3{font-size:28px;}
 .ads li h4{font-size:18px;}
 .ads li p{font-size:18px;}
 .bt3{font-size:38px;}
 .cmo{width:300px;}
 .cmo a{height:44px;}
 .cmo h3{font-size:16px;}
 .wems{display:none;}
 .foot2{float:right;width:22%;margin-left:0;}
 .foot1{width:75%;}
 #prod li h5{font-size:30px;}
 #prod2 li h5{font-size:30px;}
 #prod3 li h5{font-size:30px;}
 #prod li h3{font-size:14px;}
 #prod2 li h3{font-size:14px;}
 #prod3 li h3{font-size:14px;}
 #prod li a.mo{font-size:16px;line-height:42px;}
 #prod2 li a.mo{font-size:16px;line-height:42px;}
 #prod3 li a.mo{font-size:16px;line-height:42px;}
 #prod4 li h5{font-size:38px;}
 #prod4 li h3{font-size:20px;}
 #prod4 li a.mo{width:310px;line-height:45px;font-size:16px;height:45px;}
  #LoutiNav li i{font-size:16px;padding:5px 0;}
  #LoutiNav li span{font-size:16px;margin-top:5px;}
  #LoutiNav li p{font-size:16px;margin-top:10px;}
}


@media (max-width:996px) {
 #LoutiNav{display:none!important;}
}




@media (max-width: 768px) {
 .x-banner{margin-top:60px;}
 .page-banner{margin-top:60px;}
 .xypg-right-content p img{max-width:100%!important;width:auto!important;height:auto!important;}
 .bt h3{font-size:22px;}
 .bt sup{top:-16px;}
 .bt h4{font-size:32px;}
 .ads li h3{font-size:20px;}
 .ads li h4{font-size:16px;}
 .ads li p{font-size:16px;}
 .bt3{font-size:30px;}
  .cmo{width:275px;}
 .cmo a{height:40px;}
 .foot1{width:100%;}
 .foot2{display:none;}
 .lx{font-size:13px;}
 .lx1{width:50%;}
 .lx2{border:none;width:50%;}
 #prod li h5{font-size:23px;}
 #prod2 li h5{font-size:23px;}
 #prod3 li h5{font-size:23px;}
 #prod li h3{font-size:12px;}
 #prod2 li h3{font-size:12px;}
 #prod3 li h3{font-size:12px;}
 #prod li a.mo{font-size:14px;line-height:36px;}
 #prod2 li a.mo{font-size:14px;line-height:36px;}
 #prod3 li a.mo{font-size:14px;line-height:36px;}
 #prod3 .slick-dots{left:53%;}
 #prod .slick-dots{left:53%;}
 #prod4 li .det{top:28%;}
 #prod4 li h5{font-size:28px;}
 #prod4 li h3{font-size:18px;}
 #prod4 li a.mo{width:275px;line-height:44px;font-size:14px;height:44px;}

}




.xymob-left-close-btn .icon-close:before{font-size:0;}

@media (max-width:640px) {
    .page-product-detail-effect {
        pointer-events: none;
    }
}


@media (max-width:425px) {
    .page-product-detail-effect {
        pointer-events: none;
    }
     .bt h3{font-size:18px;}
     .bt sup{top:-11px;}
     .bt img{max-width:2%;}
     .bt h4{font-size:24px;}
     .ads li h3{font-size:16px;}
     .ads li h4{font-size:13px;}
     .ads li p{font-size:14px;}
    .ads li{width:48%;}
    .ads li:nth-child(n+3){margin-top:15px;}
     .bt3{font-size:22px;}
    .cmo{width:140px;}
   .cmo a.flex{height:30px;text-align:center;margin:0 auto;display:block;}
   .cmo h3{font-size:14px;line-height:30px;}
   .cmo h4 {display:none;}
    .lx1{width:100%;}
    .lx2{border:none;width:100%;}
    .lx{font-size:12px;line-height:24px;}
    .link{font-size:12px;}
    .fname{margin:10px 0 5px;}
     #prod li h5{font-size:15px;}
    #prod2 li h5{font-size:15px;}
    #prod3 li h5{font-size:15px;}
    #prod .slick-dots{bottom:15px;}
    #prod2 .slick-dots{bottom:15px;}
    #prod3 .slick-dots{bottom:15px;}
    #prod .slick-dots li{width:8px;height:8px;margin:0 4px!important;}
    #prod2 .slick-dots li{width:8px;height:8px;margin:0 4px!important;}
    #prod3 .slick-dots li{width:8px;height:8px;margin:0 4px!important;}
     #prod4 li .det{top:20%;}
     #prod4 li h5{font-size:22px;}
    #prod4 li h3{font-size:16px;margin:2vw 0 4vw;}
    #prod4 li a.mo{width:241px;line-height:35px;font-size:14px;height:35px;}
}


@media (max-width:320px) {
   #prod4 li h5{font-size:18px;}
   #prod4 li h3{font-size:14px;} 
   #prod4 li a.mo{width:100px;background:none;text-indent:0;text-align:center;height:30px;line-height:30px;}
}