.wh{width: 1200px;margin: 0 auto;}
.pos{position: relative;width: 1920px;left: 50%;margin-left: -960px;}


/*头部样式*/
.top1{height: 30px;color: #797979;line-height: 30px;overflow: hidden;font-size: 14px;border-bottom: 1px solid #c9c9c9;}
.top2{height: 131px;overflow: hidden;}
#header{width:1000px;margin:0 auto;}
.logo{float:left;line-height: 131px;}
.top2 .k2{margin-top: 40px;}

.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(../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 a{color: #797979;}
.topLink .k2{color:#074b91;font-size:14px;font-family:"微软雅黑";}

#menu{background: #ca7e26;}

/*热门搜索*/
.sou{height: 48px;border-bottom: 1px solid #c9c9c9;}
#formsearch{float:right;width: 250px;height: 30px;background: url(../images/ss.png) no-repeat top center;margin-top:9px;}
.hotSearch{float:left;height:48px;line-height:48px;font-weight:normal;}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}


/*搜索和热门搜索*/
.hotSearch a{margin-right:6px;}
#formsearch input{height:30px;background:none;border:none;line-height:22px;}
#formsearch input#keyword{height:30px;line-height:30px;padding-left:15px;color:#a1a1a1;font-size: 14px;width: 190px;}
#formsearch input#s_btn{width:41px;height:30px;line-height:30px;text-align:center;background-color:transparent;color:#fff;border:none;cursor:pointer;}



.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out;}
.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);}



.cpzs{margin-top: 50px;}
.ptt{margin-left: 476px;background: url(../images/men.png) no-repeat left center;padding-left: 106px;font-size: 30px;color: #494949;}
.ptt span{color: #787878;font-size: 14px;text-transform: uppercase;display: block;line-height: 14px;}
.product_list1{margin-top: 32px;}
.product_list1 li{float:left;margin-right:24px;margin-bottom: 28px;position: relative; width: 280px;height: 364px;background-color: #ffffff;border: solid 1px #c9c9c9;}
.product_list1 li:nth-child(4n){margin-right: 0;}
.product_list1 li a.img{display: block;margin: 6px 7px 0 7px;overflow: hidden;width:266px;height:222px;}
.product_list1 li a.img img{width:266px;height:222px;transform: scale(1);transition: .3s;}
.product_list1 li h3{text-align:center;padding-top:5px;}
.product_list1 li h3 a{font-weight:normal;}
.product_list1 li a{display:block;}
.product_list1 li:hover a.img img {
        transform: scale(1.2);
        transition: .3s;
    }
.pcon{text-align: center;}
.jia{padding: 15px 0 13px 0;background: url(../images/line1.png) no-repeat bottom center;}
.pbox{color: #ca7e26;font-size: 16px;line-height: 40px;}
.pbox1{color: #494949;font-size: 16px;line-height: 16px;}
.pbox1 span{display: inline-block;}



.biankuang {
    width: 1px;
    height: 1px;
    position: absolute;
    z-index: 99;
}

.biankuang_1 {
    height: 0px;
    top: -1px;
    left: 0px;
    border-left: 1px solid #ca7e26;
}

.biankuang_2 {
    width: 0px;
    bottom:  -1px;
    left: 0px;
    border-top: 1px solid #ca7e26;
}

.biankuang_3 {
    height: 0px;
    bottom:  -1px;
    right: 0px;
    border-right: 1px solid #ca7e26;
}

.biankuang_4 {
    width: 0px;
    top:  -1px;
    right: 0px;
    border-bottom: 1px solid #ca7e26;
}
.product_list1 li:hover .biankuang_1{
    transition: .2s ;
    height: 100%;
}

.product_list1 li:hover .biankuang_2{
    transition: .2s 0.2s;
    width: 100%;
}

.product_list1 li:hover .biankuang_3{
    transition: .2s;
    height: 100%;
}

.product_list1 li:hover .biankuang_4{
    transition: .2s 0.2s;
    width: 100%;
}





.abouts{background:#fff url(../images/bj2.jpg) no-repeat top center;margin-top: 28px;padding-top: 40px;}
.acon{line-height: 40px;color: #494949;opacity: 0.7;font-size: 16px;text-align: center;margin-top: 43px;}
.aul{margin-top: 40px;}
.aul li a{display: block;width: 299px;text-align: center;border-right:1px solid #5e717e;height: 103px;}
.aul li:last-child a{border-right: none;}
.aul li .mc{color: #494949;font-size: 16px;margin-top: 10px;}

.abox{
	height: 236px;
	background-color: #ffffff;
	margin-top: 44px;
}



.gun{position:relative;}


.l_btn,.r_btn{position:absolute;top:48%;cursor:pointer;width: 30px;height: 30px;}
.l_btn{left:18px;background: url(../images/lt.png) no-repeat top center;}
.l_btn:hover{background: url(../images/lt1.png) no-repeat top center;}
.r_btn{right:18px;background: url(../images/rt.png) no-repeat top center;}
.r_btn:hover{background: url(../images/rt1.png) no-repeat top center;}

.product_list2{margin-top: 29px;}
.product_list2 li{float:left;margin-left:20px;margin-right:20px;padding-bottom:15px;position: relative;}
.product_list2 li a.img{}
.product_list2 li a.img img{width:244px;height:178px;}
.product_list2 li h3{
    text-align:center;
    position: absolute;
    z-index: 999;
    top:0px;
   width: 100%;
   height: 100%;
    background:url(../images/cbj.png) no-repeat top center;
    display: none;
}
.product_list2 li h3 a{
    font-weight:normal;
    color: #fff;
    display: block;
    padding-top: 100px;
    font-size: 16px;
    font-family: "微软雅黑";
}
.product_list2 li a.img{display:block;}
.product_list2 li:hover h3{display: block;}


.xinwen{margin-top: 45px;}
.news_list1{margin-top: 52px;}
.news_list1 li{
	width: 580px;
	height: 230px;
	background-color: #eeeeee;
	margin-bottom: 28px;
}
.news_list1 li:nth-child(2n){float: right;}
.nei{margin-left: 31px;width: 349px;}
.nei a.xa{font-size: 20px;color: #494949;line-height:20px;margin: 26px 0 42px 0;display: block;}
.ntime{color: #a2a2a2;font-size: 14px;line-height: 14px;}
.sumy{color: #494949;font-size: 14px;margin-top: 10px;width: 302px;}
.gd {margin-top: 21px;}
.gd a{color: #fff;font-size: 24px;width: 50px;height: 34px;background-color: #ca7e26;display: block;line-height: 24px;text-align: center;}
.gd a.cur{font-size: 14px;text-transform: uppercase;width: 110px; line-height: 34px;}
.news_list1 li:hover{box-shadow: -4px 4px 7px 0px 
		rgba(8, 2, 4, 0.34);}




.l_btn1,.r_btn1{position:absolute;top:48%;cursor:pointer;width: 30px;height: 30px;}
.l_btn1{left:-44px;background: url(../images/lt.png) no-repeat top center;}
.l_btn1:hover{background: url(../images/lt1.png) no-repeat top center;}
.r_btn1{right:-44px;background: url(../images/rt.png) no-repeat top center;}
.r_btn1:hover{background: url(../images/rt1.png) no-repeat top center;}

.product_list3{margin-top:40px;}
.product_list3 li{float:left;margin-left:10px;margin-right:10px;position: relative;width: 257px;height: 195px;border:1px solid #eeeeee;}
.product_list3 li a.img{display: block;text-align: center;width:251px;height:186px;overflow: hidden;margin: 3px;position: relative;}
.product_list3 li a.img img{width:251px;height:186px;}
.product_list3 li h3{
    text-align:center;
    position: absolute;
    z-index: 999;
    top:0px;
   width: 100%;
   height: 100%;
    background:url(../images/cbj2.png) no-repeat top center;
    display: none;
}
.product_list3 li h3{
    font-weight:normal;
    color: #fff;
    display: block;
    padding-top: 110px;
    font-size: 16px;
    font-family: "微软雅黑";
    display: none;
}
.product_list3 li a.img{display:block;}
.product_list3 li:hover h3{display: block;}
.product_list3 li:hover{border-color: #ca7e26;}





.mend{margin-top: 55px;}




.dao{
	height: 168px;
	margin-top: 52px;
	background-color: #f4f4f4;
}
.dul{padding-top: 42px;}
.dul li{width: 171px;text-align: center;}
.dul li .img{display: block;text-align: center;line-height: 55px;}
.dul li .img2{display: none}
.dul li:hover .img1{display: none;}
.dul li:hover .img2{display: inline-block;}
.dul li h3 a{color: #494949;font-size: 18px;font-weight: normal;margin-top: 10px;display: block;}
.dul li:hover h3 a{color: #ca7e26;}







/*主体样式*/
#container{width:1200px;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(../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(../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(../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(../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(../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(../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(../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(../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: 1200px;margin: 0 auto;}
.f_link,.f_link a{
  font-size:13px;
  line-height:30px;
  color:#333;
}
/*页面底部*/
.foot{background: url(../images/foot.jpg) no-repeat top center;height: 427px;}
.nav_foot{text-align:center;line-height:24px;color:#666;}
.copyright{font-size: 14px;padding-top: 20px;}
.dbt{color: #fff;font-size: 14px;text-indent: 17px;line-height: 40px;background: url(../images/t1.png) no-repeat top center;width: 380px;margin:53px 0 30px 0;}
.er{color: #494949;font-size: 14px;text-align: center;line-height: 30px;}

.ft1 li{float: left;width: 380px;margin-right: 30px;}
.ft1 li:last-child{margin-right: 0;}
.you a{
	text-indent: 7px;color: #494949;font-size: 14px;line-height: 34px;display: block;background: url(../images/lian.png) no-repeat left center;padding-left: 30px;
}
.ft1{height: 328px;overflow: hidden;}
.lx{text-indent: 7px;color: #494949;font-size: 14px;line-height: 34px;}
.lx p{padding-left: 30px;}
.lx p:first-child{background: url(../images/a1.png) no-repeat left center;}
.lx p:first-child+p+p{background: url(../images/a2.png) no-repeat left center;}
.lx p:last-child{background: url(../images/a3.png) no-repeat left center;}
.bq1{color: #fff;line-height: 30px;}
.bq1 a{color: #fff;}
.bq{color: #494949;}


/*------------内页-------------------*/
.left {
   width: 100%;
    height: 60px;
    border-bottom: 1px solid #eeeeee;
}


.left .box {
    margin-bottom: 10px;
}

.left .box h3 {
    line-height: 60px;
    padding-left: 34px;
    background: #3480ce;
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    position: relative
}

.left .box h3::after{
    content:"";
    position: absolute;
    width:5px;
    height:20px;
    top:20px;
    left:15px;
    background: #fff
}

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

.n_banner{width:1920px;margin:0 auto;margin-left:-960px;position:relative;left:50%;
}
.n_banner img{width:1920px;margin:0 auto;margin-left:-960px;position:relative;left:50%;}

.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;}

.right1{width:940px;float:right;padding-bottom:10px;}
.sitemp {
    border-bottom:1px solid #eee;

}

.sitemp h2 {
    width: 340px;
    float: left;
    line-height: 40px;
    text-align: left;
    font-size: 16px;
    color:#333;
}

.sitemp .site {
    width: 380px;
    float: right;
    text-align: right;
    line-height: 40px;
}
.right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;}
.sort_album{margin-top: 15px;}
.news_lista {
        height: auto;
        overflow: hidden;
        padding: 20px;
        width: 100%ï¼›;
    }
    
    .news_lista li {
        height: 159px;
        border: 1px solid transparent;
        margin-bottom: 20px;
        width: 100%;
        position: relative;
        background: #f7f7f7;
        transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
    }
    
    .news_lista li .imgs {}
    
    .news_lista li .imgs img {
        width: 200px;
        height: 130px;
        margin: 15px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.09);
    }
    
    .news_lista li:hover {
        border: 1px solid #efefef;
        box-shadow: 0 6px 10px 5px rgba(0, 0, 0, .08);
    }
    
    .news_lista li .neisx {
        width: 56%;
        float: left;
        margin: 36px 0 28px 34px;
        transition: all .3s ease-out 0s;
    }
    
    .news_lista li:hover .neisx {
        margin: 36px 0 28px 54px;
    }
    
    .news_lista li .neisx h3 a {
        font-size: 16px;
        color: #717171;
        display: block;
        height: 24px;
        overflow: hidden;
        margin-bottom: 20px;
        transition: all .3s ease-out 0s;
    }
    
    .news_lista li .neisx span {
        height: 52px;
        color: #a2a2a2;
        line-height: 24px;
        display: block;
        overflow: hidden;
        transition: all .3s ease-out 0s;
    }
    
    .news_lista li .times {
        float: right;
    }
    
    .news_lista li:hover .times a {
        background: #bfbfbf;
        color: #fff;
    }
    
    .news_lista li .times p {
        float: right;
        font-family: HELVETICANEUELTPRO-THEX, "Microsoft Yahei";
        color: #999;
        padding: 36px 66px 0 0;
        transition: all .3s ease-out 0s;
        height: 26px;
        font-size: 19px;
        font-family: HELVETICANEUELTPRO-THEX, "Microsoft Yahei";
    }
    
    .news_lista li .times a {
        display: block;
        position: absolute;
        top: 100px;
        right: 105px;
        width: 70px;
        height: 35px;
        border-radius: 18px;
        text-align: center;
        border: 1px solid #dedfe1;
        transition: all .5s cubic-bezier(.215, .61, .355, 1) 0s;
        color: #ccc;
        line-height: 35px;
    }



.xypg-product-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0;
}

.xypg-product-list li {
  width: 374px;
  border: none;
  text-align: center;
  padding: 0;
  margin: 0;
  margin-top: 20px;
  box-sizing:border-box;
}

.xypg-product-list li .img {
  border: 1px solid #d2d2d2;
  position: relative;
  display: block;
}

.xypg-product-list li .img img {
  width: 100%;
  height: 100%;
}

.xypg-product-list li .img span {
  display: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
}

.xypg-product-list li .img span b {
  display: block;
  width: 43px;
  height: 43px;
  background-color: #ca7e26;
  color: #fff;
  font-size: 30px;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  font-weight: normal;
}

.xypg-product-list li h3 {
  height: 68px;
}

.xypg-product-list li h3 a {
  display: flex;
  width: 100%;
  height: 100%;
  padding: 0;
  justify-content: center;
  flex-direction: column;
  align-content: center;
}

.xypg-product-list li h3 a span {
  line-height: 1;
}

.xypg-product-list li h3 a span:first-child {
  font-size: 16px;
  color: #000000;
  margin-bottom: 5px;
}

.xypg-product-list li h3 a span:last-child {
  font-size: 14px;
  color: #666666;
  font-weight: normal;
}

.xypg-product-list li:nth-child(3n - 1) {
  margin: 20px 39px 0;
}

.xypg-product-list li:hover {
  border: 1px solid #d2d2d2;
}

.xypg-product-list li:hover .img {
  border: none;
}

.xypg-product-list li:hover .img span {
  display: flex;
}

.xypg-product-list li:hover h3 {
  background-color: #ca7e26;
}

.xypg-product-list li:hover h3 a span {
  color: #fff;
}


#container .content{padding-top: 15px;margin-bottom: 20px;}