/*头部样式*/
.head-bg{
    background: url(../images/head.jpg) repeat-x top center;
    height: 185px;
}

.wel{
    line-height: 35px;
    color: #fff;
}


.k1{
    line-height: 35px;
    color: #fff;
}

.k1 a{
    line-height: 35px;
    color: #fff;
}

.lxff1 img{width: 100%;
    height: 44px;}
#header{width:1200px;margin:0 auto;}
.logo{float:left;line-height: 105px;}

.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{line-height:32px;padding-top:5px;}
.topLink .k2{
    margin-top: 22px;
}



/*热门搜索*/
.ss{background: #f0f0f0;height: 48px;}
.search{width:1200px;margin: 0 auto;}
#formsearch{width:287px;float:right;background: url(../images/sou.png) no-repeat top center;height: 31px;margin-top: 8px;}
.hotSearch{width:400px;float:left;height:48px;line-height:48px;font-weight:normal;color: #e60012;font-size: 13px;background: url(../images/hot.png) no-repeat left center;padding-left: 20px;}
.hotSearch a{color: #666666;}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}




.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.5s ease-in 0s; -webkit-transition:all 0.5s ease-in 0s; -moz-transition:all 0.5s ease-in 0s; -o-transition:all 0.5s ease-in 0s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}


/*主体样式*/
#container{width:1200px;margin:0 auto;margin-top:25px;}
.container{width:1200px;margin:0 auto;}


.bj1{
    background: url(../images/bj1.jpg) no-repeat top center;
    height: 399px;
    overflow: hidden;
}

.wen1{
    padding-top: 60px;
}
.wen1-left{
    width:566px;
    height: 332px;
    margin-left: 5px;
    margin-top:10px;
}
.wen1-right{
    width:615px;
}

.wz1{
    font-size: 15px;
    color: #333333;
    font-weight: bold;
    line-height: 30px;
}
.wz-list{
    margin: 0 -8px;
}
.wz-list li{
    float: left;
    border:1px solid #dddddd;
    margin: 0 8px;
    padding: 7px;
    padding-bottom: 0;
}
.wz-list li img{
    width:178px;
    height: 126px;
}
.wz-list li p{
    font-size: 14px;
    color: #333333;
    line-height: 26px;
    text-align: center;
}

.wz3{
    margin-top: 15px;
}



.bj2{
    background: url(../images/bj2.jpg) no-repeat top center;
    height: 786px;
    overflow: hidden;
    margin-top: 80px;
}

.ad-title{
    text-align: center;
}

.ad1{
    width:525px;
    margin-top: 80px;
}

.ad1-title{
    font-size: 26px;
    color: #333333;
    background: url(../images/t1.jpg) no-repeat left center;
    padding-left: 60px;
}
.ad1-title i{
    font-size: 14px;
    display: block;
    font-weight: normal;
    color: #dddddd;
    text-transform: uppercase;
}

.ad1-content{
    font-size: 14px;
    color: #333333;
    font-weight: bold;
    background: url(../images/t2.png) no-repeat left 8%;
    padding-left: 18px;
    margin-top: 20px;
    line-height: 30px;
}
.ad1-content p img{
    margin-top: 20px;
}

.ad2{
    margin-top: 45px;
    width:425px;
}
.ad2-title{
    background: url(../images/t2.jpg) no-repeat left center;
}

.ad2-content{
    font-size: 14px;
    color: #333333;
    line-height: 24px;
    font-weight: bold;
    margin-top: 20px;
}
.ad2-content p{
    background: url(../images/t2.png) no-repeat left 20%;
    padding-left: 18px;
    margin-bottom: 30px;
}


.case-index{
    margin-top: 15px;
}

.case-content{
    margin-top: 52px;
}

.list4 li{
    position: relative;
    float: left;
    margin: 0 16px;
}

.list4 li a.img{
    display: block;
    overflow: hidden;
}

.list4 li a.img img{
    width: 378px;
    height: 302px;
    transition-duration: .8s;
}
.list4 li h3 {
    width: 378px;
    height: 302px;
    color: #fff;
    box-sizing: border-box;
    padding-top: 122px;
    background: rgba(0, 0, 0, 0.55);
    text-align: center;
    position: absolute;
    z-index: 111;
    bottom: -100%;
    transition-duration: .8s;
}

.list4 li h3 a {
    line-height: 50px;
    font-size: 18px;
    color: #fff;
    font-weight: normal;
}

.list4 li h3 .ck {
    margin: 0 auto;
    font-weight: 500;
    width: 121px;
    height: 31px;
    line-height: 31px;
    font-size: 13px;
    border-top: 1px solid #b1b1b1;
    border-bottom: 1px solid #b1b1b1;
    color: #fff;
}

.list4 li:hover h3 {
    bottom: 0;
}
.list4 li:hover a.img img {
    transform: scale(1.1);
}







.bj3{
    background: url(../images/bj3.jpg) no-repeat left center;
    height: 400px;
    margin-top: 50px;
}


.shili{
    width:458px;
    margin-left: 26px;
}
.shili p:nth-of-type(1){
    background: none;
    padding-left: 0;
}
.shili p:nth-of-type(2){
    background: url(../images/t2.png) no-repeat left 14%;
}
.shili p{
    font-size: 14px;
    color: #333333;
    background: url(../images/t2.png) no-repeat left 18%;
    padding-left: 18px;
    margin-bottom: 20px;
    line-height: 26px;
}




.bj4{
    background: url(../images/bj4.jpg) no-repeat left center;
    height: 519px;
    margin-top: 35px;
}

.about-index{
    padding-top: 72px;
}

.about-left{
    width:570px;
}

.about-right{
    width:575px;
    margin-right: 16px;
}

.about-title{
    font-size: 30px;
    color: #333333;
}

.about-title span{
    font-weight: normal;
    font-size: 16px;
}

.about-content{
    margin-top: 60px;
    font-size: 15px;
    color: #555555;
    line-height: 36px;
    text-align: justify;
}

.about-more{
    width: 180px;
    height: 42px;
    background: #e60012;
    margin-top: 26px;
}

.about-more a{
    display: block;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 42px;
}

.about-more:hover{
    background: #c70615;
}



.bj5{
    background: url(../images/bj5.jpg) no-repeat left center;
    height: 1058px;
    overflow: hidden;
}

.product-index{
    padding-top: 56px;
}



.bj6{
    background: url(../images/bj6.jpg) no-repeat left center;
    height:742px;
    overflow: hidden;
}

.news-index{
    padding-top: 60px;
}

.video{
    width:425px;
    background: #fff;
    padding: 0 20px;
    
}


.video-title{
    background: url(../images/t5.png) no-repeat left bottom;
    font-size: 20px;
    color: #222222;
    font-weight: normal;
    height: 52px;
    line-height: 52px;
    padding-top: 10px;
    margin-bottom: 18px;
}
.video-title a{
    float: right;
    font-size: 13px;    
    line-height: 52px;
    color: #444444;
}

.video-content{
    font-size: 16px;
    color: #222222;
    line-height: 50px;
}


.ct{
    background: #fff;
    padding: 0 20px;
    padding-bottom: 20px;
    margin-top: 15px;
}

.news-right{
    width:665px;
    padding: 0 20px;
    background: #fff;
    padding-bottom: 2px;
}
.news_list1 li{
    margin-bottom: 24px;
}
.news_list1 li .n-img{
    width:227px;
    height: 122px;
}
.news_list1 li .n-wen{
    width:390px;
    margin-left: 15px;
}
.news_list1 li .n-wen a{
    display: block;
    font-size: 16px;
    color: #222222;
    padding-top: 5px;
}
.news_list1 li h2{
    font-weight: normal;
    font-size: 14px;
    color: #555555;
    line-height: 28px;
}
.news_list1 li span{
    display: block;
    font-size: 13px;
    color: #999999;
    padding: 5px 0;
}
.news_list1 li .n-wen a:hover{
    color: #d90516;
}





.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:1145px;margin:0 auto;background: url(../images/link.png) no-repeat top center;height: 50px;overflow: hidden;margin-top: 24px;margin-bottom: 10px;}
.f_link a{line-height: 70px;color: #444444;font-size: 13px;}
/*页面底部*/
.foot-bg2{
    background: #271616;
    padding: 20px 0;
}
#footer{position:relative;width:1200px;margin:0 auto;text-align:center;color: #8e8e8e;}
#footer a{color:#8e8e8e;}
#footer a:hover{color:#e87518;text-decoration:none;}
.copyright{text-align:center;line-height:24px;}



.foot-bg{
    background: #342a2a;
    padding: 44px 0;
}
.foot1{
    width:394px;
}


.foot2{
    margin-left: 80px;
}
.foot2 a{
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    background: url(../images/t6.png) no-repeat left center;
    padding-left: 12px;
    margin-right: 40px;
}

.foot3{
    width:320px;
    margin-left: 20px;
}
.foot3 p{
    color: #fff;
    padding-left: 30px; 
    line-height: 30px;
    font-size: 13px;
}
.foot3 p:nth-of-type(1){
    background: url(../images/p1.png) no-repeat left center;
}
.foot3 p:nth-of-type(2){
    background: url(../images/p2.png) no-repeat left center;
}
.foot3 p:nth-of-type(3){
    background: url(../images/p3.png) no-repeat left center;
}
.foot3 p:nth-of-type(4){
    background: url(../images/p4.png) no-repeat left center;
}

.erq{
    text-align: center;
    font-size: 12px;
    color: #fff;
    line-height: 30px;
}



/*------------内页-------------------*/

.left {
    width: 245px;
    float: left;
    background: #fafafa;
    padding: 15px;
}

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

.left .box h3 {
    line-height: 48px;
    padding-left: 46px;
    background: #e0051f;
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    position: relative
}

.left .box h3::after{
    content:"";
    position: absolute;
    width:30px;
    height:27px;
    top:8px;
    left:8px;
    background: url(../images/tt1.png) no-repeat left center;
}

.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;font-size: 13px;color: #555555;}

.right{width:895px;float:right;padding-bottom:10px;margin-top: 15px;}
.sitemp {
    background: url(../images/nav1.png) no-repeat left bottom;
    height: 43px;
    line-height: 43px;
    
}

.sitemp h2 {
    width: 416px;
    float: left;
    line-height: 43px;
    text-align: left;
    font-size: 20px;
    color: #333333;
    font-weight: normal;
    padding-left: 43px;
}

.sitemp .site {
    width: 380px;
    float: right;
    text-align: right;
    line-height:43px;
    color: #999999;
}
.right .content{padding-top:30px;overflow:hidden;line-height: 24px;}
.sort_album{margin-top: 15px;}