BODY {
	FONT-SIZE: 0.875em;
	MARGIN: 0px auto;
	WIDTH: 100%;
	HEIGHT: auto;
	color:#383838;
	font-family:Microsoft YaHei,sans-serif; 
	line-height:24px;
	overflow-x: hidden;
}
*{ margin:0; padding:0}
ul li{list-style:none;
}
A {
	COLOR:#383838;
	TEXT-DECORATION: none
}
A:hover {
	COLOR: #383838;
	TEXT-DECORATION: none
}

.toolbar,.sidebar{display:block;}

.clearfix { clear:both; height:0; font-size: 1px; line-height: 0px;}
.w1200{width:95%;height:auto;margin:0 auto;}
.header{width:100%;min-height:200px;}
/*.logo{width:90%;height:65px;padding:37px 0 0 0;float:left;}
.logo img{max-width:100%;max-height:100%;}*/
.logo{ 
    width: 100%;
	height:50px;  
   margin:0 0 40px 0;
 background:url(../images/logo.jpg) no-repeat;  
 
 background-size:100% 100%;

}

.logo h1{    display: block;
    font-size: 2em;
    -webkit-margin-before: 0.67em;
    -webkit-margin-after: 0.67em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}

.logo h1 a {
    display: block;
    text-indent: -9999px;
    height: 100%;
    width: 100%;
}


.logo h2{    
    display: block;
    font-size: 2em;
    -webkit-margin-before: 0.67em;
    -webkit-margin-after: 0.67em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
	 text-indent: -9999px;
}

.logo h2 a {
    display: block;
    text-indent: -9999px;
    height: 100%;
    width: 100%;
}


.top-right{width:100%;height:80px;margin:0 auto;}
.hotline{width:194px;height:40px;margin:20px 0 0 20px;float:left;}
.code{width:80px;height:80px;float:right;margin:0 20px 0 0 ;}
.code img{max-width:100%;max-height:100%;}
.nav{width:100%;height:35px;background:url(../images/nav.jpg) repeat-x;}
.nav ul{display:none;}
.about_img{max-width:45%;}
.about{width:100%;height:auto;padding:40px 0 40px 0;}
.tit{width:287px;height:40px;margin:0 auto;}
.tit h2{font-size:20px;background:url(../images/tit.png) no-repeat center;text-align:center;}
.tit span{text-align:center;display:block; text-transform:uppercase;}
.box{padding:30px 0 30px 0;}
.box img{float:left;padding-right:20px;}
.menu{width:100%;margin-top:20px;}
.menu a{display:inline-block;border:solid #333 1px;width:110px;height:31px;line-height:31px;text-align:center;margin:0 15px 10px 0;}
.menu a:hover{background:#c41315;color:#fff;}
.product{width:100%;height:100%;background:url(../images/b1.jpg) no-repeat;background-size:cover;padding:40px 0 40px 0;}
.product .tit{color:#fff;}
.product a{color:#fff;}
.proclass,.proclassb{width:100%;margin-top:20px;}
.tits{width:100%;height:40px;line-height:40px;border-bottom:solid #fff 1px;}
.tits h2{font-size:20px;color:#fff;float:left;}
.tits a{float:right;}
.proclass ul,.proclassb ul{margin-top:20px;}
.proclass li,.proclassb li{width:45%; overflow:hidden;height:20px;line-height:20px;display:inline-block;margin-bottom:5px;text-indent:1em;}
.proclass a:hover,.proclassb a:hover{display:block;background:rgba(255,255,255,0.5);}

.news{width:100%;height:450px;}
.news .tits{width:100%;height:40px;margin-top:30px;border-bottom:solid #ccc 1px;}
.news .tits p{font-size:20px;float:left;}
.news .tits a{float:right;}
.news .tits p span{font-size:14px;margin-left:20px;}
.n_b{width:100%;height:30px;line-height:30px;display:block;font-weight:bold;}
.n_c{margin-top:10px;}
.news-one{width:100%;height:auto;}
.news-list{width:100%;height:auto;margin-toP:20px;}
.news_img{width:45%;}

.newstime{display:block;width:64px;height:71px;border:solid #333 1px;float:left;text-align:center;}
.mou{font-size:20px;height:40px;line-height:40px;}
.newstxt{float:right;width:80%;height:71px; overflow:hidden;}
.news-list li{height:71px;margin-bottom:20px;}

.contact{width:100%;height:100%;background:url(../images/b2.jpg) no-repeat;background-size:cover;padding:40px 0 40px 0;color:#fff;margin-top:30px;}
.con{width:90%;display:inline-block;margin:5px auto;}
.con img{max-width:100%;text-align:center;}
.contact .box{padding:60px 0 30px 0;}
.con a:link,.con a:visited{color:#fff;}
.footer{width:100%;height:auto;background:#333;padding:30px 0 30px 0;color:#fff;text-align:center;}
.footer a:link,.footer a:visited{color:#ccc;}
.title{width:100%;height:40px;line-height:40px;border-bottom:solid #ccc 1px;padding:40px 0 10px 0;}
.title p{float:left;font-size:20px;font-weight:bold;}
.title span{float:left;line-height:20px;margin:20px 0 30px 0;width:100%;}
.zenwen{padding:30px 0 30px 0;}
.proclass,#leftnav{display:none;}
#leftnav li{width:100%;height:30px;line-height:30px;float:none;border:solid #ddd 1px;}
#leftnav li a:hover{background:#c41111;color:#fff;}
.rightbox{width:100%;height:auto;float:right;text-align:justify;}
.proclass b{height:60px; background: linear-gradient(-150deg, #db1818, #c41111);display:block;color:#fff;line-height:60px;text-indent:2em;}
.list_pic li{width:90%;height:100%;display:block;text-align:center;margin:0 auto;}
.list_pic li img{max-width:100%;max-height:100%;}
.imgbord{width:100%;height:100%;border:solid #ccc 1px;}
.zw{width:100%;}
.newsti{width:100%;height:20px;display:block;margin-bottom:30px;float:left!important;}
.zw img{max-width:100%;}
.floatleft{float:left;}
.floatright{float:right;}
.news_ot li{height:26px;line-height:26px;}
.newstt{width:100%;height:40px;line-height:40px;}
.newstt font{width:100%; overflow:hidden;display:block;}
.newstlist li{width:100%;margin-bottom:20px;border-bottom:dashed #ccc 1px;}
.zenwen h1{text-align:center;width:100%;margin-bottom:20px;font-size:24px;}
.zhaiy{padding:10px 20px 10px 20px;background:#f4f4f4;}
.zhengw{padding:30px 0 30px 0;}
.proimg{width:40%;height:auto;border:solid #ccc 1px;float:left;}
.proimg img{width:100%;height:100%;}
.prodetail{width:58%;float:right;text-align:left;}
.pro_ot{display:none;}