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

hr {border: 0;border-top:1px solid #ccc;height:0;}

p{margin:0;}



h1,h2,h3,h4{font-size:12px;font-weight:bold;line-height: 1.5}

hr {border: 0;border-top:1px solid #ccc;height:0;}

p{margin:0;}

.wd1200{width:1200px;margin: 0 auto;}





/*滚动*/

#demo{overflow:hidden;width:100%;margin:0 auto;}

#indemo {float: left;width:800%}

#demo1 {float: left;}

#demo2 {float: left;}



#m_demo{overflow:hidden;width:100%;margin:0 auto;}

#m_indemo {float: left;width:800%}

#m_demo1 {float: left;}

#m_demo2 {float: left;}



.dbxx a svg{}

/*头部样式*/

#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(../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;}



/*热门搜索*/

.search{text-align:left;height:24px;background-color:#f8f8f8;padding:5px 10px 5px 10px;}



.hotSearch{width:400px;float:left;height:24px;line-height:24px;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: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(../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;}





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









.w1600{max-width: 1620px; margin: 0 auto; padding: 0 10px;}



.tbwz{

    height: 47px;

    background-color: #f2f2f2;

    line-height: 47px;



}

.tbwzz{

    float: left;

    font-size: 16px;

	font-weight: normal;

	font-stretch: normal;

	letter-spacing: 1px;

	color: #000000;

}

.tbwzy{

    float: right; 

    font-size: 16px;

	font-weight: normal;

	font-stretch: normal;

	letter-spacing: 0px;

	color: rgba(0, 0, 0, 0.8);

}

.tbwzy a{

    color: rgba(0, 0, 0, 0.8);

}









.tbzs{

    height: 175px;

}

.tbzs .x-logo{

    float: left;

    width: 42.3125%;

    line-height: 175px;

}




.tbzs .x-logo img{

    max-width: 100%;

}



.tbtq{float: right;margin-top: 43px;margin-right: 20px;}



.tbss{ float: left;
    
    margin-left: 4%;
}



.tbss #formsearch{margin-top: 4vw;}



.tbss form{}

.tbss form #keyword{

    outline: medium;

    width: 215px;

    height: 33px;

    padding-left: 10px;

    line-height: 38px;

    border: 1px solid #dfdfdf;

    font-size: 14px;

    color: #666;

    font-family: "微软雅黑";

    border-right: 0px;

}

.tbss form #s_btn{

    width: 40px;

    height: 34px;

    position: relative;

    left: -4px;

    background: #805016 url(../images/tbss.png) 0 0 no-repeat;

    font-size: 0;

    background-size: 100%;

    border: none;

}











.tbdh{

    height: 61px;

	background-color: #834607;

}







/* nav */

    .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

    .navBar{position:relative;z-index:1;padding-left:10px;height: 61px;line-height: 61px;color:#333;}

    .nav{position:relative;margin:0 auto;font-family:"Microsoft YaHei",SimSun,SimHei;font-size:14px;max-width: 1600px;}

    .nav a{color:#fff;font-weight:normal;}

    .nav h3{ font-size:18px; font-weight:normal;   }

    .nav .m{float:left;position:relative;z-index:1;width: 9.8%;}
    
    
    
    
    .nav .s{ float:left; width:3px; text-align:center; color:#D4D4D4; font-size:12px; }

    .nav h3 a{display:block;text-align:center;height: 61px;line-height: 61px!important;}

    .nav li{

        line-height: 61px!important;

    }

    .nav .sub{display:none; /*默认隐藏*/position:absolute;left:-3px;top: 61px;z-index:1;width: 104%;border:1px solid #E6E4E3;border-top:0;background:#fff;padding: 8px 0 0;}

    .nav .sub li{text-align:center;padding:0 8px;margin-bottom:-1px;}

    .nav .sub li a{display:block;border-bottom:1px solid #E6E4E3;height: 35px;line-height: 35px;color:#666;font-size:12px;}

    .nav .sub li a:hover{ color:#d99f59;   }

    .nav .block{height: 61px;width: 10.2%;background:#e6821b;position:absolute;left:0;top:0px;overflow:hidden;}





.nav h3.on{color:#fff;text-decoration:none;background-color:#e5821c;}


.bbddh li h3 dd:hover a{
    color: #000;
}







.bb1x{

    margin-top: 23px;

}

.bb1nr{}

.bb1z{

    height: 173px;

    background-color: #8e611a;

    width: 8.25%;

    float: left;

    display: flex;

    flex-wrap: wrap;

    align-content: center;

    justify-content: space-evenly;

    text-align: center;

}

.bb1z .img{

    min-height: 76px;

    line-height: 75px;

}

.bb1z .img img{

    max-width: 100%;

}

.bb1z h2{

    font-size: 20px;

    font-weight: normal;

    font-stretch: normal;

    line-height: 17px;

    letter-spacing: 1px;

    color: #ffffff;

    margin-top: 9px;

}



.bb1y{

    float: right;

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

    width: 90%;

}

.bb1y li{

    width: 8%;

    height: 173px;

    display: flex;

    flex-wrap: wrap;

    align-content: center;

    justify-content: space-evenly;

    text-align: center;

}

.bb1y li .img{

    min-height: 75px;

    line-height: 75px;

    overflow: hidden;

}

.bb1y li .img img{

    max-width: 100%;

}

.bb1y li:hover .img img{

	transform: translateY(-100px);   filter: drop-shadow(#8e611a 0 100px);  

}



.bb1y li h2{

    font-size: 18px;

    font-weight: bold;

    font-stretch: normal;

    line-height: 17px;

    letter-spacing: 1px;

    color: #7d7c7a;

    margin-top: 12px;

}





.bb1y li:hover h2{

    color: #8e611a;

}























.bb2x{

    margin-top: 32px;

}

.bb2nr{}



.bb2z{

    width: 48.31%;

    float: left;

    overflow: hidden;

    position: relative;

}

.bb2z li{}

.bb2z li .img{}

.bb2z li .img img{

    width: 100%;

}

.bb2z li h2{

    height: 48px;

    background-color: rgba(0, 0, 0, 0.3);

    position: absolute;

    bottom: 0;

    width: 100%;

    line-height: 48px;

    padding: 0 11px;

    font-size: 18px;

    font-weight: bold;

    font-stretch: normal;

    letter-spacing: 1px;

    color: #ffffff;

}



.bb2z .swiper-pagination{

    text-align: right;

    margin-right: 12px;

    z-index: 9;

    float: right;

    left: auto;

    right: 0;

    width: 93px;

}



.bb2z .swiper-pagination span{

    width: 31px;

    height: 25px;

    background-color: rgba(0, 0, 0, 0.6);

    float: left;

    border-radius: 0;

    font-size: 18px;

    font-weight: normal;

    font-stretch: normal;

    line-height: 17px;

    letter-spacing: 1px;

    color: #ffffff;

    opacity: 1;

    margin: 0 !IMPORTANT;

    text-align: center;

    line-height: 25px;

}

.bb2z .swiper-pagination .swiper-pagination-bullet-active{

    background-color: #8e611a;

}

















/* css */

.bb2ybd { position: relative; }

.bb2ybd .tt { position: absolute; left: 0; top: 0; z-index: 9; right: 0;}

.bb2ybd .tt { opacity: 0; visibility: hidden; transition: all .5s ease; }

.bb2ybd .tt.on { position: static; opacity: 1; visibility: visible; }





.bb2y{

    width: 49.18%;

    float: right;

   

}

.bb2ys{

    border-bottom: 3px solid #e7e7e7;

}

.bb2yhd{float: left;}

.bb2yhd li{

    width: 158px;

    height: 52px;

    background-color: #e7e7e7;

    float: left;

    text-align: center;

    margin-right: 20px;

    position: relative;

    transform: translateY(3px);

}



.bb2yhd li.on{

	background-color: #8f601a;

	border-bottom: 3px solid #8f601a;

}



.bb2yhd li.on:before{

	content: '';

	width: 19px;

	height: 11px;

	position: absolute;

	background: url(../images/bb2yhdon.png) no-repeat;

	bottom: -13px;

	left: 45%;

}  





.bb2yhd li a{

    font-size: 20px;

    font-weight: bold;

    font-stretch: normal;

    line-height: 52px;

    letter-spacing: 1px;

    color: #000000;

    opacity: 0.8;

}



.bb2yhd li.on a{

    color: #fff;

    opacity: 1;

}





.bb2ygd{

    float: right;

}

.bb2ygd a{

    font-size: 18px;

    font-weight: bold;

    font-stretch: normal;

    line-height: 52px;

    letter-spacing: 1px;

    color: #000000;

}



.bb2ybd{

    margin-top: 30px;

}

.bb2ybd .tt{}

.bb2ybd .tt li{

    padding-left: 13px;

    position: relative;

}

.bb2ybd .tt li:before{content: '';width: 4px;height: 4px;background-color: #000000;opacity: 0.6;position: absolute;left: 0;top: 15px;border-radius: 5px;} 





.bb2ybd .tt li h2{

    font-size: 18px;

    font-weight: normal;

    font-stretch: normal;

    line-height: 35px;

    letter-spacing: 0px;

    color: #000000;

    padding-right: 18%;

    overflow: hidden;

    position: relative;

}

.bb2ybd .tt li h2 s1{

    position: absolute;

    right: 0;

}







.bb2ybd .tt li:hover h2{

    color: #8f601a;

}



.bb2ybd .tt li:hover:before{background-color: #8f601a;} 













/* css */

.bb3bd { position: relative; }

.bb3bd .tt { position: absolute; left: 0; top: 0; z-index: 9; right: 0;}

.bb3bd .tt { opacity: 0; visibility: hidden; transition: all .5s ease; }

.bb3bd .tt.on { position: static; opacity: 1; visibility: visible; }







.bb3x{

    margin-top: 25px;

}

.bb3nr{

    position: relative;

}



.bb3hd{

    height: 49px;

    background-color: #eeeeee;

    position: relative;

}

.bb3hd li{

    height: 48px;

    background-color: #eeeeee;

    width: 121px;

    float: left;

    text-align: center;

}



.bb3hd li.on{

	background-color: #8f601a;

}

.bb3hd li.on a{

	color: #fff;

	opacity: 1;

}



.bb3hd li a{

    font-size: 20px;

    font-weight: bold;

    font-stretch: normal;

    line-height: 48px;

    letter-spacing: 1px;

    color: #000000;

    opacity: 0.8;

}



.bb3gd{

    width: 52px;

    height: 17px;

    background-color: #8f601a;

    border-radius: 3px;

    float: right;

    position: absolute;

    right: 17px;

    top: 16px;

    text-align: center;

}

.bb3gd a{

	font-size: 10px;

	font-weight: normal;

	font-stretch: normal;

	line-height: 16px;

	letter-spacing: 1px;

	color: #ffffff;

	display: block;

}







.bb3bd{

    margin-top: 20px;

}

.bb3bd .tt{

    overflow: hidden;

}

.bb3bd .tt li{}

.bb3bd .tt li .img{}

.bb3bd .tt li .img img{

    width: 100%;

}

.bb3bd .tt li h2{

    font-size: 20px;

    font-weight: bold;

    font-stretch: normal;

    line-height: 23px;

    letter-spacing: 1px;

    color: #000000;

    opacity: 0.8;

    text-align: center;

    margin-top: 9px;

}





















.bb4x{

    margin-top: 35px;

}

.bb4nr{

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}

.bb4nr .tt{

    width: 48.31%;

    margin-bottom: 48px;

}

.bb4hd{

    height: 47px;

    background-color: #eeeeee;

    position: relative;

}

.bb4hd h2{

    height: 48px;

    background-color: #8f601a;

    width: 121px;

    float: left;

    text-align: center;

    font-size: 20px;

    font-weight: bold;

    font-stretch: normal;

    line-height: 48px;

    letter-spacing: 1px;

    color: #fff;

}

.bb4hd h3{

    width: 52px;

    height: 17px;

    background-color: #8f601a;

    border-radius: 3px;

    float: right;

    position: absolute;

    right: 17px;

    top: 16px;

    text-align: center;

}

.bb4hd h3 a{

    font-size: 10px;

    font-weight: normal;

    font-stretch: normal;

    line-height: 16px;

    letter-spacing: 1px;

    color: #ffffff;

    display: block;

}



.bb4bd{

    border: solid 2px #eeeeee;

    padding-top: 14px;

    padding-bottom: 20px;

}

.bb4bd .bb4bdz{width: 30.9%;float: left;text-align: center;}

.bb4bd .bb4bdz img{

}



.bb4bdy{

    float: right;

    width: 69.1%;

    padding-right: 20px;

}

.bb4bdy li{

    position: relative;

    padding-left: 20px;

}

.bb4bdy li:before{content: '';width: 4px;height: 4px;background-color: #000000;opacity: 0.6;position: absolute;left: 0;top: 15px;border-radius: 5px;} 

.bb4bdy li:hover:before{

	background-color: #8f601a;

}



.bb4bdy li h2{

    font-size: 16px;

    font-weight: normal;

    font-stretch: normal;

    line-height: 32px;

    letter-spacing: 0px;

    color: #000000;

    padding-right: 23%;

    overflow: hidden;

    position: relative;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}

.bb4bdy li h2 s1{

    position: absolute;

    right: 0;

}



.bb4bdy li:hover h2{

    color: #8f601a;

}

.bb4bdy li:hover h2 s1{}















/* css */

.bb5bd { position: relative; }

.bb5bd .tt { position: absolute; left: 0; top: 0; z-index: 9; right: 0;}

.bb5bd .tt { opacity: 0; visibility: hidden; transition: all .5s ease; }

.bb5bd .tt.on { position: static; opacity: 1; visibility: visible; }















.bb6x{

    margin-top: 24px;

    padding-bottom: 45px;

}

.bb6x h2{

    font-size: 20px;

    font-weight: bold;

    font-stretch: normal;

    line-height: 17px;

    letter-spacing: 1px;

    color: #292929;

}

.bb6fl{

    margin-top: 39px;

}

.bb6fl li{

    width: 18.5%;

    height: 83px;

    background-color: #ffffff;

    border: solid 1px #8f601a;

    float: left;

    text-align: center;

    margin-right: 30px;

}

.bb6fl li a{

    font-size: 18px;

    font-weight: normal;

    font-stretch: normal;

    line-height: 83px;

    letter-spacing: 1px;

    color: #000000;

}





.bb6fl li:hover{

	background-color: #8f601a;

}

.bb6fl li:hover a{

	color: #fff;

}























.bbdb{

    background-color: #8f601a;

    padding-top: 50px;

    padding-bottom: 35px;

}



.bbdnr{}

.bbdnr {}

.bbddh{

    width: 78.25%;

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

    float: left;

}

.bbddh li{width: 16%;}

.bbddh li h2{

    font-size: 20px;

    font-weight: normal;

    font-stretch: normal;

    line-height: 23px;

    letter-spacing: 1px;

    color: #ffffff;

    position: relative;

}



.bbddh li h2:before{content: '';width: 52px;height: 2px;background-color: #ffffff;opacity: 0.5;position: absolute;bottom: -12px;left: 0;} 



.bbddh li h3{

    margin-top: 26px;

}

.bbddh li h3 dd{}

.bbddh li h3 dd a{

    font-size: 16px;

    font-weight: normal;

    font-stretch: normal;

    line-height: 37px;

    letter-spacing: 1px;

    color: #ffffff;

}

.bbddh .dbdhcp{

    width: 30%;

}

.bbddh .dbdhcp h3{}

.bbddh .dbdhcp h3 dd{

    width: 50%;

    float: left;

}



.bbdlx{

    width: 20.3%;

    float: right;

}

.bbdlx h2{

    font-size: 20px;

    font-weight: normal;

    font-stretch: normal;

    line-height: 23px;

    letter-spacing: 1px;

    color: #ffffff;

    position: relative;

}

.bbdlx h2:before{content: '';width: 52px;height: 2px;background-color: #ffffff;opacity: 0.5;position: absolute;bottom: -12px;left: 0;} 







.bbdlx h3{

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

    margin-top: 34px;

}

.bbdlx h3 li{

    width: 46%;

    font-size: 18px;

    font-weight: normal;

    font-stretch: normal;

    line-height: 48px;

    letter-spacing: 1px;

    color: #ffffff;

    text-align: center;

}

.bbdlx h3 li img{

    max-width: 100%;

}











.dbxx{

    font-size: 16px;

    font-weight: normal;

    font-stretch: normal;

    line-height: 24px;

    letter-spacing: 1px;

    color: #ffffff;

    padding: 25px 0;

    background-color: #8f601a;

    text-align: center;

    border-top: 2px solid rgba(255, 255, 255, 0.3);

}

.dbxx a{

    color: #ffffff;

}















.bbnbt{

    border-bottom: 1px solid #e3e3e3;

    margin-bottom: 30px;

}

.bbnbt h2{

    line-height: 55px;

    font-size: 20px;

    font-weight: bold;

    color: #000;

    float: left;

    position: relative;

}

.bbnbt h2:after{content: '';background: #8f601a;position: absolute;width: 150%;height: 3px;left: 0;bottom: 0;}    





.bbnbt h2 span{

    display: none;

}

.bbnbt h2 img{}

.bbnbt h3{

    float: right;

    line-height: 55px;

    font-size: 18px;

    color: #000;

    font-weight: normal;

}

.bbnbt h3 a{

	    color: #000;

}

















@media (max-width: 1600px) {  



.w1600{max-width: 1420px;}

.nav .m{width: 9.7%;}

.bb1y li h2{font-size: 15px;}



    

}





@media (max-width: 1420px) {  



    .w1600{max-width: 1220px;}

    .nav .m{width: 9.7%;}

    .bb1y li h2{font-size: 12px;}

    .bb1z{height: 130px;}    

    .bb1z .img{

        min-height: 60px;

        line-height: 60px;

    }



    .bb1y li{height: 130px;}

    .bb1y li .img{

        min-height: 60px;

        line-height: 60px;

    }

    .bb1z h2{font-size: 15px;}

    .bb2ybd .tt li h2{

        font-size: 14px;

        line-height: 25px;

    }

    .bb2yhd li{width: 120px;height: 45px;line-height: 45px;margin-right: 12px;}

.bb2yhd li a{

    font-size: 17px;

    line-height: 45px;

}

.bb2ygd a{

    line-height: 45px;

}



.bb4bdy li h2{font-size: 14px;line-height: 32px;}

.bb4bd .bb4bdz img{

    max-width: 100%;

    padding: 0 8%;

}

.bb4hd h2{

    font-size: 17px;

}

.bb3hd li a{

	font-size: 17px;

}

	

        

}











@media (max-width: 1220px) {  



.w1600{max-width: 992px;}

.tbwzz{font-size: 16px;}

.tbwzy{font-size: 16px;}

.tbzs .x-logo{width: 32%;}

.tbss form #keyword{width: 160px;}

.tbzs .x-logo{    

    height: 140px;

    line-height: 140px;

}

.tbtq{margin-top: 24px;}

.tbzs{height: 140px;}

.nav h3{font-size: 14px;}

.nav .m{width: 9.5%;}

.bb1y li .img img{ max-width: 35px;}



.bbddh li h3 dd a{font-size: 14px;}

.bbddh li h2{font-size: 17px;}

.bbdlx h2{font-size: 17px;}

.bbdlx h3 li{font-size: 14px;}

.dbxx{font-size: 14px;}

.bb6fl li{

    width: 18.5%;

    height: 45px;

    line-height: 45px;

}

.bb6fl li a{

    line-height: 45px;

    font-size: 14px;

}





}









@media (max-width: 992px) {  



    .w1600{max-width: 100%; padding: 0 2%;} 

    .bb1z{display: none;}

    .bb1y{width: 100%;}

    .bb1y li{height: 100px; width: 25%;}

    .bb1y li .img{

        min-height: 50px;

        line-height: 50px;

    }

    

    .bb2z{width: 100%;}

    .bb2z li h2{

        font-size: 15px;

        padding-right: 29%;

        overflow: hidden;

        white-space: nowrap;

        text-overflow: ellipsis;

    }

    .bb2y{margin-top: 35px;width: 100%;}

    .bb2yhd li{

        width: 40%;

        height: 35px;

        line-height: 35px;

    }

    .bb2yhd li a{font-size: 12px;line-height: 35px;}

    .bb2yhd{

        width: 60%;

    }

    .bb2ygd a{

        font-size: 14px;

        line-height: 35px;

    }

    

    .bb2ybd .tt li h2{

        font-size: 13px;

    }

    

    

    .bb3hd li{height: 35px;}

    .bb3hd{height: 35px;}



    .bb3hd li a{font-size: 12px; line-height: 35px;}

    .bb3gd{top: 10px; right: 10px;}

    .bb3bd .tt li h2{font-size: 16px; margin-top: 5px;}

    .bb4nr .tt{width: 100%;}

    .bb4hd h2{height: 35px; font-size: 12px; line-height: 35px; }

    .bb4hd{height: 35px; }

    .bb4hd h3{    

        right: 10px;

        top: 10px;

    }

    .bb4bdy li{padding-left: 10px;      }

    .bb4bdy li h2{font-size: 12px; padding-right: 35%; line-height: 27px;}

    .bb4bdy li h2 s1{letter-spacing: -1px;}

    .bb6x{display: none;}

    .bb5x{margin-bottom: 35px;}

    .bbddh{display: none;}

    .bbdlx{width: 100%;}

    .bbnbt h3{font-size: 16px;}

    

    }











/*phone底部导航*/



li {

    list-style: none;

}



.q_d_m {

    float: left;

    width: 100%;

    height: 50px;

}



.pf_down {

    width: 100%;

    float: left;

    position: fixed;

    left: 0;

    bottom: 0;

    height: 50px;

    background: #191919;

    z-index: 999;

    border-top: 1px solid #fff;

}



.pf_down li {

    width: 33.333333%;

    float: left;

    text-align: center;

    padding: 7px 0 4px 0;

    border-right: 1px solid #fff;

}



.pf_down li .ico7 {

    width: 100%;

    float: left;

    height: 20px;

}



.pf_down li .d_name {

    width: 100%;

    float: left;

    margin-top: 4px;

    font-size: 12px;

    color: #fff;

    line-height: 14px;

}



.pf_down li.l1 .ico7 {

    background: url(../images/btn15.png) no-repeat center;

    background-size: 20px 20px;

}





.pf_down li.l2 .ico7 {

    background: url(../images/btn16.png) no-repeat center;

    background-size: 20px 20px;

}



.pf_down li.l3 .ico7 {

    background: url(../images/btn17.png) no-repeat center;

    background-size: 20px 20px;

}



.pf_down li:nth-child(3n) {

    border: none;

}



@media(max-width:767px) {

    body {

        padding-bottom: 50px!important;

    }

}



@media(min-width: 992px){

    .x-logo a img{

        width: 100%;

    }

}




@media (max-width: 1600px) {  
    .bbddh{
        
    }
}


@media (max-width: 1400px) {  
.tbzs .x-logo{    width: 33.3125%;}
}

@media (max-width: 1200px) {  
.tbss{    display: none;}
}








/*页面底部*/

#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(../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;}



.n_banner{width:1000px;margin:0 auto;}

.n_banner img{width:1000px;margin:0 auto}

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