/*头部样式*/
#header{width:1000px;margin:0 auto;}
.logo{float:left;}

.topLink{float:right;text-align:right;position: relative;z-index: 9999;}
.translate{width:100px;position: absolute;left: 0;top:10px;z-index: 9999;}
.tran-in{left:120px;}
.translate li{border: 1px dashed #cccccc;line-height: 26px;text-align: left;background: #fff;}
.translate li a{display: block;padding-left: 10px;background: url(/template/default/images/dot4.png) no-repeat 88% 11px;}
.translate li a:hover{text-decoration: none;color:#275cea;cursor: pointer;}
.translate-en{display: none;padding: 6px;padding-top:0px;}
.translate li .translate-en a{padding-left: 0px;text-align: center;background: #fff;border-bottom: 1px solid #cccccc;}
.translate li .translate-en a:hover{font-weight: bold;}

.topLink .f_count{color:#ff0000;font-size:13px;font-weight:bold;}
.topLink .k1{line-height:32px;padding-top:5px;}
.topLink .k2{color:#074b91;font-size:14px;font-family:"微软雅黑";}

#menu{margin-top:5px;}

/*热门搜索*/

#formsearch{
  margin-right: 20px;
  /* background-color: rgba(255, 255, 255, 0.37); */
  border-radius: 20px;
  transition: .5s;
}
#formsearch input{
  border: none;
  background: none;
  height: 40px;
  line-height: 40px;
  outline: none;
}
#formsearch input#keyword{
  padding-left: 20px;
  width: 195px;
  display: none;
  color: #fff;
  font-size: 14px;
  transition: .5s;
  border-radius: 20px;
}
#formsearch input#s_btn{
  width: 50px;
  background: url(/template/default/images/ss.png) center no-repeat;
  font-size: 0;
  cursor: pointer;
}
#formsearch:hover{background-color: rgba(255, 255, 255, 0.37);}
#formsearch:hover input#keyword{
  display: inline-block;
}

/*主体样式*/
#container{width:1000px;margin:0 auto;margin-top:10px;}
.menu_cate{width:220px;float:left;}
.cate_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(/template/default/images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.about{width:460px;float:left;margin-left:12px;padding-bottom:5px;}
.about_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(/template/default/images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.about .content{padding:5px;padding-bottom:12px;text-indent:20px;}
.navigation{float:right;width:100px;}

.index-title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(/template/default/images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.index-table td{border:solid #add9c0; border-width:0px 1px 1px 0px; padding:10px 5px;}
.index-table{border:solid #add9c0; border-width:1px 0px 0px 1px;margin-top:10px;}

/*----- 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;}

/*首页新闻*/
.news_company{width:280px;float:right;}
.news1_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(/template/default/images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.news_company .content{padding:5px;}

/*首页左侧联系我们*/
.contact{width:218px;float:left;padding-bottom:5px;margin-top:10px;}
.contact_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(/template/default/images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.contact .content{padding:5px;padding-left:8px;}

/*工程案例*/
.case{width:460px;float:left;margin-left:12px;padding-bottom:5px;margin-top:10px;}
.case_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(/template/default/images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.case .content{padding:5px;padding-bottom:12px;text-indent:20px;}

.news2_company{margin-top:10px;}

/*产品推荐*/
.recommend_product{margin-top:10px;width:692px;float:left;}
.recommend_product .title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";background:url(/template/default/images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.recommend_product .content{padding-top:15px;padding-bottom:14px;}
.roll_product li{padding-bottom:0px;}

/*品牌列表*/
.brand-list{margin: 20px 0px;display: flex;display: -webkit-flex;flex-wrap: wrap;}
.brand-list li{margin: 5px 8px;}
.brand-list li:hover{box-shadow: 2px 1px 5px;}
.brand-list li img {width: 150px;height: 120px;}

/*前台多页签*/
.news{width:1000px;float:left;margin-top: 10px;}
.tab{position:relative;}
.tab li{float:left;width:100px;height:30px;display:block;line-height:30px;border:1px solid #ccc;margin-right:8px;text-align:center;color:#333;font-size:12px;cursor: pointer;}
.tab li.cur{color:#fff;text-decoration:none;font-size:12px;background:#3a78c1;border-color: #3a78c1;}

.tt{display: none;}
.list1{padding:8px 10px;}
.list1 li{line-height:27px;position:relative;vertical-align: middle;}
.list1 li a{background:url(/template/default/images/list_dot1.gif) left center no-repeat;padding-left:12px;line-height:27px;color:#555555;}
.list1 li a:hover{color:#e87518;text-decoration:none;}
.list1 li span{position:absolute;right:0px;line-height:30px;top:0;color:#999;}




/*友情链接*/
.f_link{width:1000px;margin:0 auto;margin-top:15px;line-height:30px;line-height:30px;background-color:#ececec;text-indent:20px;}

/*页面底部*/
#footer{position:relative;width:1000px;margin:0 auto;text-align:center;margin-bottom:10px;padding-top:8px;border-top:2px solid #eee;margin-top:15px;}
#footer a{color:#666;}
#footer a:hover{color:#e87518;text-decoration:none;}
.nav_foot{text-align:center;line-height:24px;color:#666;}
.copyright{text-align:center;line-height:24px;}


/*------------内页-------------------*/
.left .box{margin-bottom:10px;}
.left .box h3{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(/template/default/images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.left .box .content{padding:5px 0px;}

.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;}

.left{width:225px;float:left;}
.sort_menu h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.sort_product{margin-top:10px;}
.sort_product h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}

.n_contact{margin-top:10px;}
.n_contact h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.n_contact .content{padding:5px;line-height:24px;}

.right{width:760px;float:right;padding-bottom:10px;}
.sitemp{line-height:31px;height:31px;overflow:hidden;padding-right:10px;background:url(/template/default/images/nav.png) no-repeat 0% 100%;}
.sitemp h2{width:340px;float:left;line-height:31px;text-align:center;text-align:left;text-indent:15px;font-size:14px;}
.sitemp .site{width:380px;float:right;text-align:right;line-height:30px;}
.right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;}
.sort_album{margin-top: 15px;}



/**/
/*right-menu*/
.right-menu { position: fixed; right: 40px; top: 50%; transform: translateY(-50%); z-index: 998; }
.right-menu li { margin: 3px 0; position: relative; }
.right-menu li a { display: block; width: 55px; height: 55px; border-radius: 50%; background: #737e86; color: #ffffff; text-align: center; box-sizing: border-box; border: 1px solid transparent; }
.right-menu li a .icon { display: block; line-height: 35px; }
.right-menu li a .icon img { max-width: 100%; }
.right-menu li a .text { display: block; font-size: 12px; margin-top: -4px; }
.right-menu li .out-box { font-size: 14px; color: #fff;  position: absolute; background: #3B9DD8; padding: 5px; right: 73px; top: 50%; transform: translateY(-50%); display: none; white-space: nowrap; }
.right-menu li .out-box img { width: 108px; }
.right-menu li .out-box:after { content: ''; position: absolute; right: -20px; top: 50%; margin-top: -10px; border-style: solid; border-width: 10px; border-color: transparent transparent transparent #3B9DD8; }
.right-menu li:hover .out-box { display: block; }
.right-menu li:hover a { background: #3b9dd8; border-color: #fff; }
@media (max-width: 1024px) { .right-menu { display: none; } }


/*.pc source{*/
/*    width: 100%;*/
/*    height: auto;*/
/*}*/
/**/



.pc-banner{
  position: relative;
}
.pc-banner img{
  width: 100%
}
.pc-banner-pagination{
  position: absolute;
  bottom: 45px !important;
  width: 100%;
  left: 0;
  text-align: center;
  z-index: 20;
}
.pc-banner-pagination span{
  width: 10px;
  height:10px;
  border:1px solid #fff;
  margin:0 4px;
  border-radius: 100%;
  background: none;
  opacity: 1;
}
.pc-banner-pagination span.swiper-pagination-bullet-active{
  background: #fff;
}


.pc-pagination{
  position: fixed;
  z-index: 200;
  left: 35px;
  width: 52px;
}
.pc-pagination span{
  width: 14px;
  height: 2px;
  background-color: #fff;
  margin-bottom: 14px;
  opacity: 1;
  border-radius: 0;
  transition: .5s;
}
.pc-pagination span.swiper-pagination-bullet-active{
  width: 52px;
  background-color: #ffbf00;
}

/* z2 */
.z2{
  width: 100%;
  height: 100%;
}
.z2 ul{
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
}
.z2 ul li{
  width: 25%;
  height:100%;
  position: relative;
  overflow: hidden;
}
.z2 ul li img{
  height: 100%;
  width: auto;
  transition: .8s;
}
.z2 ul li::before{
  content: "";
  position: absolute;
  z-index: 10;
  left: 0;top: 0;right: 0;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.z2 ul li:nth-child(2n)::before{
  top: auto;bottom: 0;
}
.z2 ul li a{
  position: absolute;
  z-index: 20;
  width: 100%;
  text-align: center;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #fff;
  transition: .8s;
}
.z2 ul li a h3{
  font:32px/1 "微软雅黑";
}
.z2 ul li a h3 span{
  display: block;
  text-transform: uppercase;
  font:12px/56px "微软雅黑";
}
.z2 ul li a b{
  display: block;
  width: 112px;
  text-align: center;
  margin:5vh auto 0;
  border: 1px solid #fff;
  font:12px/32px "微软雅黑";
  border-radius: 20px;
}
.z2 ul li:hover img{transform: scale(1.2);}
.z2 ul li:hover::before{
  transition: .8s;
  height: 0;
  opacity: 0;
}
.z2 ul li:hover a{
  opacity: 0;
}


/* z3 */
.z3{
  width: 100%;
  height: 100%;
  background: url(/template/default/images/z3.jpg) center;
  background-size: cover;
  position: relative;
}

.z3-main{
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  position: relative;
  z-index: 10;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  overflow: hidden;
}
.z3-left{
  width: 68%;
  float: left;
}
.z3-left ul{
  display: flex;
  flex-wrap: wrap;
}
.z3-left ul li{
  width: 50%;
  padding-left: 10%;
  border:1px solid #797673;
  transition: .5s
}
.z3-left ul li:hover{
  padding-left: 8%;
}
.z3-left ul li h3{
  font:bold 18px/2 "微软雅黑";
  margin: 0
}
.z3-left ul li h3::before{
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 4px;
  background-color: #ffbf00;
  vertical-align: middle;
  margin-right: 10px;
}
.z3-left ul li p{
  font:12px/20px "微软雅黑";
}

@media (min-width:991px) {
  .z3-left ul li:nth-child(1),.z3-left ul li:nth-child(2){
    padding-top:6vh;
    padding-bottom:3vh;
  }
  .z3-left ul li:nth-child(3),.z3-left ul li:nth-child(4){
    padding-bottom:6vh;
    padding-top:3vh;
    margin-top: -1px;
  }
  .z3-left ul li:nth-child(2n){margin-left: -1px;}
}


.z3-right{
  width: 20%;
  float: right;
}
.z3-right h1{
  font:36px/1 "微软雅黑"
}
.z3-right h1 span{
  display: block;
  font:18px/40px "微软雅黑"
}
.z3-code{
  margin-top: 5vh;
}
.z3-code img{max-width: 100%}
.z3-bottom{
  position: absolute;
  z-index: 20;
  left: 0;
  width: 100%;
  bottom: 0;
  background: rgba(255,255,255,.07);
}
.foot-main{
  width: 100%;
  max-width: 1400px;
  margin:0 auto;
  color: #fff;
  font:12px/20px "微软雅黑";
  padding: 8px 0;
}
.foot-main a{
  color: #fff;
}

@keyframes fadeInLeft {
  from{
    opacity: 0;
    transform: translateX(-100%);
  }
  to{
    opacity: 1;
    transform: none;
  }
}
@keyframes fadeInRight {
  from{
    opacity: 0;
    transform: translateX(100%);
  }
  to{
    opacity: 1;
    transform: none;
  }
}

.swiper-slide-active .z3-left{
  animation: fadeInLeft 2s;
}
.swiper-slide-active .z3-right{
  animation: fadeInRight 2s;
}

@media (max-width:991px) {
  .pc-banner-pagination{
    bottom: 35px !important;
  }
  .z2 ul li{
    width: 50%;
    height: 50%;
  }
  .z2 ul li img{
    width: 100%;
    height: auto;
  }
  .z2 ul li a h3{
    font-size: 22px;
  }
  .z2 ul li a h3 span{
    line-height: 2;
  }
  .z3-left{
    float:none;
    width: 100%;
  }
  .z3-left ul{
    justify-content: center;
  }
  .z3-left ul li{
    width: 49%;
    padding-left: 5%;
  }
  .z3-left ul li+li{
    margin-top: 0px;
  }
  .foot-main{
    padding: 8px;
  }
}

@media (max-width:767px){.hidden-xs{display:none!important}}
@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}

.clk{
  position: fixed;
  z-index: 10;
  bottom: 4%;
  left: calc(50% - 35px);
  animation:jump 1.6s linear infinite alternate;
  cursor: pointer;
}

@keyframes jump{
  from{transform:translateY(20px)}
  to{transform:translateY(0)}
}


.ny-foot-bg{
  background-color: #041329;
}

.foot-wrap{
  padding: 30px 0;
  overflow: hidden;
}
.f-code{
  width: 20%;
  float: left;
}
.f-nav{
  width: 70%;
  float: right;
}
.f-nav ul{
  display: flex;
  justify-content:space-between;
  flex-wrap:wrap;
}
.f-nav ul li{
  width:calc(100% / 7);
  /*flex:1;*/
}
.f-nav ul li>a{
  display: block;
  font:bold 16px/2 "微软雅黑";
  color: #fff;
}
.ny-menu >a{
  display: block;
  font:12px/2.4 "微软雅黑";
  color: #fff;
  opacity: .46;
}
.ny-menu >a:before{
  content: ">";
  margin-right: 5px;
}
.copyright,.copyright a{
  color: #999;
}

@media (max-width: 991px) {
  .f-nav{
    width: 100%;
    float: none;
  }
  .float-kf{
    display: none !important;
  }
}
@media (max-width:760px){
  .f-nav ul li{
    width:calc(100% / 3);
  }
}

.template-wrap{
  background: url(/template/default/images/nyBg.jpg) center;
}


@media(max-width:500px){
    .pc .swiper-slide{
        background:none;
    }
    .pc {
        background:url(/template/default/images/videox.jpg) no-repeat 50% bottom;
        background-size:100% auto;
    }
}