/*头部样式*/
.tophead{
    background: url(img/topbg.jpg) no-repeat center;
    width: 1920px;
    height: 167px;
    overflow: hidden;
    position: relative;
    left: 50%;
    margin-left: -960px
}
.tophead .k1{
    height: 26px;
    line-height: 26px;
    color: #fae4d5
}
.tophead .k1 a{
    color: #fae4d5
}

#header{width: 1200px;margin:0 auto;}
.logo{float:left;margin-top: 4px;}
.container{width: 1200px;margin: 0 auto}

.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(img/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{font-family: "宋体";font-weight: 500;background: url(img/tele.png) no-repeat left;padding-left: 62px;text-align: left;line-height: 24px;padding-top: 8px;margin-top: 8px;}

#menu{margin-top:27px;position: relative;}

/*热门搜索*/
.search{text-align:left;height:24px;background-color:#f8f8f8;padding:5px 10px 5px 10px;}
#formsearch{width: 164px;float:left;position: absolute;right: 0;top: 6px;background: url(img/ss.png) no-repeat center;height: 27px;}
.hotSearch{width:400px;font-weight:normal;}
#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:24px;}
.menu_cate{width:220px;float:left;}
.cate_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(img/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(img/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(img/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;}
/*产品中心*/
.content1{
    width: 1920px;
    background: url(img/bg1.jpg) center;
    position: relative;
    left: 50%;
    margin-left: -960px;
    padding-bottom: 77px;
    padding-top: 50px;
}
.prott{
    width: 638px;
    background: url(img/prott.png) no-repeat center;
    height: 82px;
    margin: 0 auto;
}
.slideGroup{
    margin-top: 27px;
    position:relative
}
.slideGroup .parHd{
    background: url(img/prosortbg.png) no-repeat center;
    width: 1289px;
    height: 93px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 20px  108px 0;
    position: relative
}
.slideGroup .parHd a.sPrev,.slideGroup .parHd a.sNext{
    background: url(img/proleft.png) no-repeat center;
    height: 29px;
    width: 29px;
    position: absolute;
    top: 24px;
    left: 64px;
}
.slideGroup .parHd a.sNext{
    background: url(img/proright1.png) no-repeat center;
    left: auto;
    right: 76px;
}
.slideGroup .parHd a.sPrev:hover{
    background: url(img/proleft1.png) no-repeat center;
}
.slideGroup .parHd a.sNext:hover{
    background: url(img/proright.png) no-repeat center;
}
.slideGroup .parHd li{
    float: left;
    margin: 0 9px;
}
.slideGroup .parHd li a{
    color: #7e2f05;
    font-size: 16px;
    width: 115px;
    height: 38px;
    line-height: 38px;
    display: block;
    text-align:center;
}
.slideGroup .parHd li:hover a,.slideGroup .parHd li.on a{
    background:url(img/prottbg.png) no-repeat center;
    color:#fff
 }
.slideGroup .parBd{
    width: 1200px;
    margin: 0 auto;
    margin-top: 16px
}
.slideGroup .parBd li{
    background: url(img/probg.png) no-repeat;
    width: 276px;
    height: 358px;
    box-sizing: border-box;
    padding-top: 14px;
    float: left;
    margin-right: 32px;
    margin-bottom: 50px;
}
.slideGroup .parBd li a.img{
    display: block;
    width: 236px;
    height: 271px;
    margin: 0 auto;
    position: relative;
}
.slideGroup .parBd li a.img span{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.slideGroup .parBd li a.img span:nth-child(1) img{
    width: 236px;
    height: 271px;
}
.slideGroup .parBd li a.img span:nth-child(2){
    line-height: 240px;
    text-align: center;
    background: rgba(6,6,6,0.5);
    transition: all 0.6s;
    opacity: 0;
}
.slideGroup .parBd li a.img span:nth-child(2) img{
    max-width: 100% 
}
.slideGroup .parBd li:hover a.img span:nth-child(2){
    line-height: 271px;
    transition: all 0.6s;
    opacity: 1
}
.slideGroup .parBd li:nth-child(4n){
    margin-right:0
}
.slideGroup .parBd li h3{
    margin-top: 19px;
    margin-left: 24px;
}
.slideGroup .parBd li h3 a{
    color: #333333;
    font-weight: normal;
    font-size: 15px;
    line-height: 36px;
}
.slideGroup .parBd li a.more{
    color: #999999;
    font-size: 13px;
    display: block;
    background: url(img/arrow1.png) no-repeat right;
    width: 50px;
    float: right;
    margin-right: 19px;
    margin-top: -26px;
}
.slideGroup .parBd li:hover a.more{
    background: url(img/arrow2.png) no-repeat right;
    color:#7e2f05
}
.slideGroup .parBd li:hover h3 a{
    color:#7e2f05
}






/*工程案例*/
.caseinfo{
    margin-top: 4px;
    background: url(img/caseline.png) no-repeat bottom;
    padding-bottom: 81px;
}
.casett{
    height: 92px;
    background: url(img/casett.png) no-repeat center;
    width: 701px;
    margin: 0 auto;
}

/*四大理由*/
.advantages{
    background: url(img/ysbg.jpg) no-repeat center;
    width: 1920px;
    position: relative;
    left: 50%;
    margin-left: -960px;
    height: 698px;
    box-sizing: border-box;
    padding-top: 160px;
}
.advantages li{
    float: left;
    margin-top: 32px;
    margin-bottom: 58px;
    margin-left: 66px;
    margin-right: 27px;
}
.advantages li a.img{
    display: block;
    float: left;
    margin-right: 20px;
    border: 3px solid #ffffff;
}
.advantages li a.img img{
    width: 203px;
    height: 172px;
}
.advantages li h3{
    float: right;
    font-weight: normal;
    width: 278px;
}
.advantages li h3 a{
    color: #ffffff;
    font-size: 22px;
    display: block;
    letter-spacing: 3px;
}
.advantages li h3 span{
    color: #feddcc;
    display: block;
    font-size: 13px;
    letter-spacing: 1.2px;
    line-height: 28px;
    margin-top: 12px;
}


.content2{
    position: relative;
    background: url(img/bg2.jpg) no-repeat center;
    width: 1920px;
    height: 1108px;
    left: 50%;
    margin-left: -960px;
}

/*公司简介*/
.abimg{
    margin-top: 207px;
    width: 530px;
}
.abimg .bd{}
.abimg .bd li{}
.abimg .bd li a{
    display: block
}
.abimg .bd li a img{
    width:530px;
    height: 536px;
}
.abright{
    height: 492px;
    width: 640px;
    margin-top: 232px;
    box-shadow: 10px 10px 18px -4px rgba(53,53,53,0.2);
    background: #ffffff;
    color: #232520;
    box-sizing: border-box;
    letter-spacing: 1.2px;
}
.abcont{
    font-size: 15px;
    line-height: 34px;
    padding: 24px 30px 12px;
}
.abright .img1{
    text-align: center;
    margin-top: 10px;
}
.abright .img1 img{
    display: inline-block;
    margin: 0 10px;
}
.abright a.msg{
    display: inline-block;
    color: #7e2f05;
    width: 119px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border-radius: 8px;
    float: right;
    margin-top: 36px;
    margin-right: 36px;
    font-size: 16px;
    letter-spacing: 4px;
    border: 1px solid #7e2f05
}
.abright a.msg:hover{
    color: #ffffff;
    background: #7e2f05;
}
.aboutlx{
    display: inline-block;
    background: url(img/tele1.png) no-repeat left;
    line-height: 26px;
    padding-left: 56px;
    margin-left: 30px;
    margin-top: 18px;
}

.aboutlist{
    position: relative;
    padding-bottom: 70px;
}
.aboutlist .hd{}
.aboutlist .hd a.prev,.aboutlist .hd a.next{
    position: absolute;
    width: 39px;
    height: 39px;
    background: url(img/cleft.png) no-repeat center;
    left: 557px;
    bottom: 0;
    cursor: pointer;
}
.aboutlist .hd a.next{
    left: auto;
    right: 557px;
    background: url(img/right1.png) no-repeat center;
}
.aboutlist .hd a.prev:hover{
    background: url(img/left1.png) no-repeat center;
}
.aboutlist .hd a.next:hover{
    background: url(img/right.png) no-repeat center;
}
.aboutlist .bd{
    margin-top:56px;
}
.aboutlist .bd .tempWrap{
    margin-left: -4px
}
.aboutlist .bd li{
    float: left;
    margin-left: 9px;
    margin-right: 9px;
}
.aboutlist .bd li a{
    display: block;
    border: 1px solid #e4e4e4;
    padding: 4px;
    overflow: hidden
}
.aboutlist .bd li a img{
    width: 274px;
    height: 172px;
    transition: all .6s
}
.aboutlist .bd li a img:hover{
    transform: scale(1.08);
    transition: all .6s
}


/*新闻中心*/
.newsinfo{
    padding-top: 14px;
    background: #fff;
    padding-bottom: 42px;
}
.newsleft{
    width: 887px;
}
.newsleft .newstt{
    color: #7e2f05;
    font-size: 24px;
    letter-spacing: 2px;
    border-bottom: 1px solid #dddddd;
    position: relative;
    padding-bottom: 6px;
    font-weight: bold;
}
.newsleft .newstt span{
    font-family: 'Mongolian Baiti';
    font-size: 14px;
    text-transform: uppercase;
    color: #999999;
    font-weight: normal;
}
.newsleft .newstt a{
    position: absolute;
    right: 0;
    width: 99px;
    height: 28px;
    background: url(img/newsbg1.png) no-repeat center;
    top: 2px;
}
.newsleft .newstt a:hover{
    background: url(img/more.png) no-repeat center;
}
.newslist1{
    width: 428px;
    position: relative;
    margin-top: 22px;
}
.newslist1 .hd{
    position: absolute;
    right: 12px;
    bottom: 12px;
    z-index: 10;
}
.newslist1 .hd li{
    width: 10px;
    height: 10px;
    border-radius: 8px;
    border: 1px solid #7e2f05;
    display: inline-block;
    margin: 0 3px;
    line-height: 36px;
    overflow: hidden;
    cursor: pointer;
}
.newslist1 .hd li.on{
    background:#7e2f05
}
.newslist1 .bd li{
}
.newslist1 .bd li a.img{}
.newslist1 .bd li a.img img{
    width: 428px;
    height: 273px;
}
.newslist1 .bd h3{
    width: 100%;
    height: 150px;
    background: #fafafa;
    box-sizing: border-box;
    font-weight: normal;
    padding: 12px 16px 0px;
}
.newslist1 .bd h3 a{
    color: #7e2f05;
    font-size: 16px;
}
.newslist1 .bd h3 p{
    color: #777777;
    font-size: 13px;
    line-height: 27px;
    margin-top: 9px;
}
.newslist1 .bd h3 span{
    color: #999999;
    background: url(img/timeicon.png) no-repeat left;
    display: block;
    padding-left: 22px;
    margin-top: 16px;
}
.newslist2{
    width: 428px;
    margin-top: 10px;
}
.newslist2 li{
    border-bottom: 1px solid #eeeeee;
    margin-top: 18px;
    padding-bottom: 15px;
}
.newslist2 li h3{
    font-weight: normal;
    position: relative;
    line-height: 32px;
}
.newslist2 li h3 a{
    color: #333333;
    font-size: 15px;
}
.newslist2 li h3 span{
    background: url(img/newsicon2.png);
    width: 34px;
    height: 14px;
    display: block;
    position: absolute;
    right: 0;
    top: 8px;
}
.newslist2 li .newscont{
    color: #666666;
    font-size: 12px;
    margin-top: 4px;
    line-height: 24px;
}
.newslist2 li .newstime{
    position: relative;
}
.newslist2 li .newstime span{
    color: #999999;
    background: url(img/timeicon.png) no-repeat left;
    display: block;
    padding-left: 22px;
    margin-top: 8px;
}
.newslist2 li .newstime p{
    color: #333333;
    position: absolute;
    right: 0;
    top: 0px;
}
.newslist2 li:hover h3 a{
    color:#7e2f05
}
.newslist2 li:hover h3 span{
    background:url(img/newsicon1.png) no-repeat left;
}
.newsright{
    width: 265px;
    height: 482px;
    background: #f5f5f5 
}
.newsright .newstt{
    color: #7e2f05;
    font-size: 22px;
    text-align: center;
    line-height: 48px
}
.newsright .newstt span{
    font-family: 'Mongolian Baiti';
    font-size: 15px;
    text-transform: uppercase;
    color: #cccccc;
}

.newsimg{
    width: 239px;
    height: 148px;
    margin: 0 auto;
    margin-top: 4px;
    position: relative;
}
.newsimg .hd{
    position: absolute;
    right: 4px;
    bottom: 4px;
    z-index: 10
}
.newsimg .hd li{
    width: 5px;
    height: 5px;
    border-radius: 4px;
    display: inline-block;
    border: 1px solid #fff;
    margin: 0 2px;
}
.newsimg .hd li.on{
    background: #fff;
}
.newsimg .bd{}
.newsimg .bd li{}
.newsimg .bd li a{
    display: block;
}
.newsimg .bd li a img{
    width: 239px;
    height: 148px;
}
.newsimg .bd li h3{
    font-weight: normal;
    font-size: 13px;
    line-height: 24px;
    position: relative;
    margin-top: -24px;
    padding-left: 11px;
}
.newsimg .bd li h3 a{
    color: #ffffff;
}
.newslist3{
    margin-top: 4px;
}
.newslist3 li{
    border-bottom: 1px dashed #cccccc;
    width: 233px;
    margin: 0 auto;
    line-height: 36px;
    padding-top: 4px;
}
.newslist3 li span{
    display:inline-block;
    background: url(img/newsttbg2.png) no-repeat center;
    width: 16px;
    height: 13px;
    text-align: center;
    line-height: 13px;
    color: #ffffff;
    margin-right: 10px;
}
.newslist3 li a{
    color: #333333;
    font-size: 13px;
}
.newslist3 li:hover a{
    color:#7e2f05
}
.newslist3 li:nth-child(1) span,.newslist3 li:nth-child(2) span,.newslist3 li:nth-child(3) span{
    background: url(img/newsttbg1.png) no-repeat center;
}






















/*----- 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(img/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(img/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(img/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(img/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(img/list_dot1.gif) left center no-repeat;padding-left:12px;line-height:27px;color:#555555;}
.list1 li a:hover{color:#7e2f05;text-decoration:none;}
.list1 li span{position:absolute;right:0px;line-height:30px;top:0;color:#999;}




/*友情链接*/
.f_link{width: 1920px;background: url(img/linkbg.jpg) no-repeat center;position: relative;left: 50%;margin-left: -960px;height: 150px;box-sizing: border-box;padding-top: 82px;}
.f_link a{
    font-size: 14px;
    line-height: 28px;
    padding-left: 28px;
}
/*页面底部*/
#footer{position:relative;width: 1920px;left: 50%;margin-left: -960px;background: url(img/foot.jpg) no-repeat top #391807;color: #ebc7b4;font-size: 14px;padding-top: 36px;}
#footer a:hover{color:#ebc7b4;text-decoration:none;}
#footer .container{
    height: 212px;
}
.nav_foot{
    padding-left: 54px;
    width: 336px;
    line-height: 30px
}
.nav_foot a{
    color: #ebc7b4;
    margin-right: 53px
}
.dbtt{
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 2px;
    margin-top: -4px;
    margin-bottom: 12px;
}
.copyright{text-align:center;line-height:24px;color: #a6806b;font-size: 13px;padding-bottom: 12px;padding-top: 16px;}
.copyright a{color: #a6806b;}
.botlogo{
    width: 370px
}
.botlogo a.msg1{
    display: block;
    width: 226px;
    height: 61px;
    background: url(img/msgicon.png) no-repeat center;
    margin-top: 28px;
}
.botcont{
    margin-left: 48px;
    width: 230px;
    line-height: 28px;
    font-size: 15px;
}
.botcont img{
    margin-right:8px
}
.botcont td{
    padding-bottom: 16px;
}
.botcode{
    color: #eacbba;
    font-size: 13px;
    text-align: center;
    line-height: 2;
    margin-top: 24px;
}




/*------------内页-------------------*/
.left {
    width: 214px;
    float: left;
    background: #ffffff;
    padding: 20px;
}
.left .box h3{
    height: 44px;
    line-height: 44px;
    background: #7e2e03;
    padding-left: 26px;
    font-size: 22px;
    color: #fff;
    font-weight: 400;
    position: relative;
    box-sizing: border-box;
    letter-spacing: 2px;
}
.left .box {
    margin-bottom: 16px;
}

.left .box.sort_menu h3 { 
    height: 65px;
    line-height: 24px;
    padding-top: 12px;
}
.left .box.sort_menu h3 span{
    font-size:15px;
    display:block;
    font-family:'Times New Roman';
    font-style: italic;
    letter-spacing: 0;
}

.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:100%;}
.n_banner img{width:100%;}
.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{
    color: #7e2f05;
    font-size: 14px;
}
.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: 923px;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;
}

.sitemp1 {
    border-bottom:1px solid #eee;
    background: url(img/siteline.png) no-repeat left bottom;
    padding-left: 16px;
    margin-top: 16px;
}

.sitemp1 h2 {
    width: 360px;
    float: left;
    line-height: 40px;
    text-align: left;
    font-size: 22px;
    color: #7e2f05;
    font-weight: normal;
}

.sitemp1 .site {
    width: 480px;
    float: right;
    text-align: right;
    line-height: 40px;
    color: #7e2f05;
    font-size: 13px;
}
.sitemp1 .site a{
    color:#7e2f05
}

.right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;}
.sort_album{margin-top: 15px;}