/*初始化样式*/
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;}


/*滚动*/
#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%!important;}
#demo1 {float: left;}
#demo2 {float: left;}

#m_demo{overflow:hidden;width:92%;margin:0 auto;}
#m_indemo {float: left;width:800%!important;}
#m_demo1 {float: left;}
#m_demo2 {float: left;}



.pos{position: relative;width:1920px;left:50%;margin-left:-960px;}
.wh{max-width:1433px;margin:0 auto;padding:0 15px;}
.wh2{max-width:1316px;margin:0 auto;padding:0 15px;}
.wh3{max-width:1270px;margin:0 auto;padding:0 15px;}
.boxx{max-width:1820px;margin:0 auto;}





.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.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);}



.roll_product {float: left;}



.langus{
    position: absolute;
    top: 0;
    right: 16%;
    line-height: 32px;

}

.langus a{
        font-size: 14px;
    color: #000;
    font-weight: 500;
}


/*热门搜索*/
.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;}


/*头部样式*/
.top1{background:#e6e6e6;color:#595959;height:27px;line-height:27px;overflow:hidden;font-size:14px;}
.top1 a{color:#595959;}



.top2{height:132px;position: relative;background: url(../images/tp.jpg) no-repeat 21% center;}
.logo{float:left;line-height:120px;height:132px;overflow:hidden;}



/* 导航样式 */
.x-menu {width:75%;float:right;margin-top:33px;height:99px;}

.x-menu > li {
  position: static;
  text-align:center;
  padding:0 2%;
  float:left;
}
.x-menu > li.kx{position:relative;}
.x-menu > li+li{background: url(../images/x1.png) no-repeat left center;}
.x-menu > li > a {
  display: block;
  font-size: 16px;
  color: #000000;
  line-height:99px;
}

.x-menu > li:hover > a {
  color: #e73739;background:url(../images/jt.png) no-repeat center bottom;
}

.x-menu > li.active > a {

}

.x-menu > li:after {
  content: '';
  position: absolute;
  z-index: 100;
  width: 100%;
  left: 0;
  height: 40px;
  opacity: 0;
  top: 100%;
}

.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: 150%;
  left: -25%;
  top: 99px;
  background: #fff;
  border-radius: 5px;
  padding: 10px 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.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: #e9eaeb;
}




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

.x-sub-menu2 {
  position: absolute;
  z-index: 99999;
  width: 100%;
  left: 0;
  top: 132px;
  padding: 2% 0;
  background:rgba(255,255,255,.95);
  border-top:1px solid #c3c3c3;
  opacity:0;
  visibility: hidden;
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}



.x-sub-menu2 > li > a {
  display: block;
  text-align: center;

  font-size: 14px;
  color: #333;
  line-height:40px;
 height:40px;overflow:hidden;
}




.sort66{width:58%;}
.sort66 li{width:20%;float:left;text-align:center;margin-bottom:25px;}
.sort66 li .img{width:55%;margin:0 auto;}
.sort66 li .img img{width:100%;display:block;}
.sort66 li h3{color:#3c3c3c;font-size:16px;font-family:"黑体";margin-top:10px;}
.sort66 li:hover h3{color:#e7373a;}

.tuijian{width:40%;max-width:530px;}
.tuijian li{width:100%;position:relative;border: 1px solid #5f5f5f;}
.tuijian li .img{width:100%;display:block;}
.tuijian li img{width:100%;display:block;}
.tuijian li h3{color:#ffffff;font-size:14px;background:#5f5f5f;line-height:29px;position:absolute;left:0;top:12%;text-align:center;width:150px;height:29px;overflow:hidden;}










/*主体样式*/
.box1{background:#f9f9f9;padding:3% 0;}
.titles{color:#000000;font-size:36px;font-weight:bold;letter-spacing:5px;line-height:39px;background: url(../images/x2.png) no-repeat right center;}
.titles a{color:#fff;font-size:16px;background: url(../images/pt.png) no-repeat;font-weight:normal;background-size:100% 100%;display:inline-block;letter-spacing:0;width:236px;line-height:39px;text-align:center;margin-left:38px;}

.conts{margin-top:4%;display:flex;justify-content:space-between;}
.prod{width:47%;}
.prod li{width:100%;position:relative;}
.prod li img{width:100%;display:block;}
.prod li .det{width:100%;position:absolute;left:0;bottom:0;background:rgba(0,0,0,.5);padding:5% 0;}
.prod li h3{width:82%;margin:0 auto;line-height:24px;color:#fff;font-size:16px;text-indent:20px;}


.product_list1{display: flex; justify-content: space-between;flex-wrap: wrap;width:45%;}
.product_list1 li{float:left;margin-bottom:1vh;width:41%;}
.product_list1 li img{width:100%;display:block;}
.product_list1 li h3{text-align:center;font-weight:normal;color:#484848;font-size:16px;border-top:1px solid #626262;padding-top:15px;
/*overflow:hidden;white-space:nowrap;text-overflow:ellipsis;*/
    
}



.box2{margin-top:3%;}
.titles2{text-align:right;background: url(../images/x2.png) no-repeat left center;}
.titles2 a{margin-right:38px;}


.box11{margin-top:3%;}




.box3{background:#f9f9f9;padding:3% 0;margin-top:5%;}
.video{max-width:1236px;margin:0 auto;}
.video img{width:100%;margin:0 auto;display:block;}



.box4{padding:3% 0;background: url(../images/bj4.jpg) no-repeat;background-size:100% 100%;}
.cases{width:42%;margin-right:4%;}
.ctt{color:#fff;letter-spacing:5px;font-size:36px;}
.ctt p{margin-top:10px;}
.sort1{display: flex; justify-content: space-between;flex-wrap: wrap;padding:5% 0;}
.sort1 li{margin-top:3%;width:47%;background:rgba(255,255,255,.4);line-height:114px;overflow:hidden;}
.sort1 li:nth-child(3){width:73%;}
.sort1 li:hover{background:#e7373a;}
.sort1 li h3{color:#fff;font-size:18px;line-height:114px;float:left;}
.sort1 li .img{line-height:114px;float:left;margin:0 8%;}





.box5{margin-top:5%;}
.xtt{color:#181818;letter-spacing:5px;font-size:36px;text-align:center;}
.xtt p{margin-top:7px;}
.xw{display:flex;justify-content:space-between;margin-top:2%;}
.xlist1{width:64%;}
.xlist1 li{width:100%;background:#f7f7f7;padding:3%;}
.xlist1 li img{width:100%;display:block;}
.xlist1 li h3{color:#3b3b3b;font-size:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:15px 0;}
.xlist1 li span{color:#b2b2b2;font-size:14px;line-height:18px;height:36px;overflow:hidden;display:block;}
.xlist1 li h4{color:#e7373a;font-size:14px;text-align:right;margin-top:7px;}



.xw2{width:34.7%;background:#f7f7f7;}
.prolist ul{display:flex;justify-content:space-between;}
.prolist li{line-height:75px;width:33.3%;color:#fff;font-size:18px;cursor:pointer;background:#454545;text-align:center;}
.prolist li+li{border-left:1px solid #b8b8b8;}
.prolist li.cur{color:#000000;background:#f7f7f7;}


.proimg{width:90%;margin:0 auto;display:none;margin-top:2%;padding-bottom:2%;}
.proimg.clicked{display:block;}
.proimg li{float:left;position:relative;padding:1.5vh 0;}
.proimg li+li{border-top:1px dashed  #a0a0a0;}
.proimg li .img{width:45%;}
.proimg li .img img{width:100%;display:block;}
.proimg li .det{width:53%;}
.proimg li h3{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#000000;font-size:18px;margin:15px 0 10px;}
.proimg li span{overflow:hidden;color:#b8b8b8;font-size:14px;display:block;line-height:18px;height:36px;}
.proimg li:hover h3{color:#e7373a;}





/*页面底部*/
.foot{background:#ebebeb;margin-top:6%;padding:4% 0;}
.f_nav{width:55%;margin-left:3%;float:left;}
.f_nav dl{float:left;width:24%;}
.f_nav dt{margin-bottom:5px;font-size:16px;color:#181818;font-weight:normal;}
.f_nav dd a{line-height:24px;color:#949494;height:24px;overflow:hidden;}
.f_nav dl.cc a{width:50%;float:left;}

.lx{border-left:1px solid #cecece;border-right:1px solid #cecece;height:100%;padding:0 4.5%;}
.lxtt{margin-bottom:5px;font-size:16px;color:#181818;font-weight:normal;}
.lxwz{line-height:24px;color:#949494;}

.cd{width:12%;margin-top:12px;}
.cd img{width:100%;display:block;}



.foot .cont{margin-top:3%;}
.f_link{margin-left:3%;color:#949494;font-size:12px;line-height:24px;}
.f_link a{color:#949494;}
.copyright{text-align:right;line-height:24px;color:#949494;font-size:12px;}
.copyright a{color:#949494;}







/*内页左侧样式*/
.container{width: 1200px!important;margin: 0 auto;padding: 0;}
.page-product-inquiry a{color: #fff;}


@media (max-width:1440px) {
  .langus{
    position: absolute;
    top: 0;
    right: 4%;
    line-height: 32px;

}
.logo{
    padding-left:9%;
}

}


@media (max-width:1280px) {
  .langus{
    position: absolute;
    top: 0;
    right: 6%;
    line-height: 32px;

}


}




@media (max-width:1024px) {
   .titles{font-size:28px;background-size:58%;}
   .titles a{width:200px;}
   .product_list1 li h3{font-size:16px;}
   .prod li h3{font-size:14px;}
   .ctt{font-size:28px;}
   .ctt img{width:58%;}
   .sort1 li h3{font-size:16px;line-height:100px;}
   .sort1 li .img{margin:0 5%;line-height:100px;}
   .sort1 li{line-height:100px;}

   .xlist1 li h3{font-size:16px;}
   .proimg li h3{font-size:16px;margin:10px 0;}
   .prolist li{font-size:16px;}
   .f_nav{width:100%;margin:0%;float:none;margin-bottom:20px;}
   .lx{padding:0;border:none;width:60%;}
   .f_link{margin-left:0;}
   .cd{width:20%;}
    .x-banner{margin-top:60px;}
   .page-banner{margin-top:60px;}

}





@media (max-width: 768px) {

 .xypg-right-content img{max-width:100%!important;width:auto!important;height:auto!important;}
 .titles{background-size:43%;}
 
 .xw{flex-wrap: wrap;}
 .xlist1{width:100%;}
 .xw2{width:100%;margin-top:20px;}
 .cd{width:25%;}
 .cases{width:90%;margin:0 auto;float:none;}
 .ctt{text-align:center;}
 .ctt img{width:30%;}
 .sort1 li{background:#878787;}


}


@media (max-width:640px) {
    .titles{font-size:22px;background:none;}
    .titles a{display:none;}
    .conts{flex-wrap: wrap;}
    .prod{width:100%;}
    .prod22{margin-top:15px;}
    .product_list1{width:100%;}
    .product_list1 li h3{font-size:14px;}
    .prod li h3{font-size:12px;}
     .box4{background-size:cover;}
    .ctt{font-size:20px;}
    .ctt img{width:68%;}
    .cases{}
    .sort1 li h3{font-size:14px;line-height:80px;}
    .sort1 li .img{margin:0 5%;line-height:80px;}
   .sort1 li{line-height:80px;}
    .xtt{font-size:22px;}
   .xtt img{width:22%;}
   .xlist1 li h3{font-size:16px;}
   .xlist1 li span{font-size:12px;}
   .xlist1 li h4{font-size:12px;}
   .prolist li{font-size:16px;line-height:60px;}
   .proimg li h3{font-size:14px;}
   .proimg li span{font-size:12px;}
   .cd{width:30%;}
   .f_nav dl{width:50%;margin-bottom:15px;min-height:150px;}
   .f_link{width:100%;float:none;}
   .copyright{width:100%;float:none;text-align:left;}
   .f_nav dt{font-size:14px;}
   .lxtt{font-size:14px;}

}