@charset "utf-8";

body {margin:0 auto; padding:0; font-size:14px; line-height:1.5;background: #fafafa;font-family:Microsoft YaHei; border-top:2px #e6e6e6 solid;color:#333;}
ol,ul,li,span,h1,h2,h3,h4,h5,div,dl,form{ margin:0; padding:0;}
ul{list-style:none;}
div,td{word-wrap:break-word;}
.clear{ clear:both; font-size:0; line-height:0;}
a{ text-decoration:none; color:#333;}
a:hover{color:#e60000; text-decoration:none;}
img{ border:0px;}
.blank20{ width:100%; clear:both; height:20px; overflow:hidden;}
.blank15{ width:100%; clear:both; height:15px; overflow:hidden;}
.blank10{ width:100%; clear:both; height:10px; overflow:hidden;}
.blank5{ width:100%; clear:both; height:5px; overflow:hidden;}
.fl{ float:left;}
.fr{ float:right;}
img{vertical-align:middle; max-width:100%;}
.h50{ min-height:60px; display:none;}
.h450{ min-height:450px;}

.w100{width:100%;}
.w1000{width:1000px;margin:0 auto;}
.Vimg{ width:100%; height:100%; display:block;}
.Top{  z-index:8888;}
.pagetop{ position:relative;}
.Logo{ padding:20px 0; max-width:500px; overflow:hidden;}
.Logo h1 a{ font-size:24px;}
.toptel{ float:right; color:#EC0A16; margin-top:10px; padding:0px 0 0 40px;font-size:28px; line-height:60px; background:url(images/tel.jpg) left center no-repeat;}
.toptel span{ display:block; text-align:right;font-family:Dinpro,"微软雅黑",Georgia;}

.Nav{background:#000;}
.Navlist{ height:44px; line-height:44px;}
.Navlist ul{ float:left;}
.Navlist li{ display:block; float:left;}
.Navlist li.none em{ display:none;}
.Navlist a,.Navlist em{vertical-align:middle;}
.Navlist a{font-size:16px;color:#fff;display:block;padding:0 30px; text-align:center;}
.Navlist a:hover,.Navlist a.on{ color:#fff; background:#e60000;}
.Navlist li.on a{color:#fff; background:#e60000;}

.meau{ width:28px; height:25px; position:relative; float:left; margin-left:10px; margin-top:12px;}
.meau span{ width:100%;position:absolute;left:0; top:0;background:#e60000;display:block;height:3px;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;vertical-align:top;}
.meau span{transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;-moz-transition:all 0.3s linear 0s;}
.meau .m1{ width:20px;}
.meau .m2{top:11px;}
.meau .m3{top:22px;}

.meauon .m1,.meauon .m2,.meauon .m3{ background:#ccc;}
.meauon .m1{ transform:rotate(45deg); top:9px;width:28px;}
.meauon .m2{opacity:0;-webkit-opacity:0;-moz-opacity:0;filter:alpha(opacity=0);}
.meauon .m3{ transform:rotate(-45deg); top:9px;}

.Tel{ background:url(images/tell2.png) left top no-repeat; width:29px; height:29px; margin-right:10px; display:inline-block; margin-top:10px;}

.meau,.Tel{ display:none;}

.blockindex{ width:980px; margin:0 auto; margin-top:20px; padding:10px; background: #fff; border-top:1px #000 solid;}
.blockindex h2{font-size:16px; color:#333; padding-left:0; height:25px; line-height:25px; width:auto; float:left;}
.blockindex .h2{width:100%; text-align:center;}
.blockindex1{ padding:10px 0;}
.blockindex img{ max-width:100%;}

.ppage{ text-align:center; clear:both; padding:50px 0px; margin:0 auto; width:100%;}
.ppage a{color:#8698B6; border:1px solid #CCCCCC; display:inline-table; padding:2px 10px; margin:0 2px;}
.ppage a:hover{background-color:#e60000; color:#fff;}
.ppage .a1{background-color:#e60000; color:#fff;}

.product{ width:100%; padding:20px 0;}
.product li{ display:inline-block; width:182px; padding:0 6px; height:230px; overflow:hidden; float:left;}
.product .p1{ display:table-cell; height:180px; width:180px; border:1px solid #f6f6f6; overflow:hidden;vertical-align:middle; text-align:center;}
.product img{vertical-align:middle;max-height:180px; max-width:180px;}
.product  .tit{ font-size:14px;  width:180px; text-align:center; height:40px; line-height:20px; overflow:hidden; display:block;}
.product li:hover .p1{ border:1px solid #e60000;}

.news{ width:100%; padding:10px 0;}
.news li{ float:left; width:326px; line-height:30px;}
.news a{ display:block; float:left; padding:0 10px 0 10px; background:url(images/a1.gif) 0 13px no-repeat; height:30px; width:240px; overflow:hidden;}
.news a:hover{background:url(images/a1.gif) 0 -14px no-repeat;}
.news span {float:left;font-size: 14px; color: #4a4a4a; width:50px; display:block; overflow:hidden; font-family:Arial;}
.news li:hover span{color:#e60000;}
.news li.li1{ float:left; width:490px; line-height:30px;}
.news li.li1 a{width:400px; overflow:hidden; }
.new9{ width:100%;  min-height:320px; margin:0 auto; padding:0; border-bottom:1px solid #e6e6e6; margin-bottom:10px; }
.new91{ text-align:center; font-size:12px; padding:10px 0; color:#666;}
.new91 h1{ float:none; font-size:20px; font-family:"微软雅黑";  line-height:28px; color:#e60000; width:100%; margin-bottom:5px; }
.new92{border-top:0px #CCC dashed; padding:15px 0; margin-bottom:0px; font-size:14px;}

.bottom{ clear:both; padding:15px 0; text-align:center; background:#000; color:#fff; line-height:2;}
.bottom span{ margin-right:10px;}
.bottom a{color:#fff;}
.bottom .bproduct{ clear:both;border-top:0px #191919 solid;}
.yqlj{ text-align:left;}

.adv{ padding:10px 0; clear:both; width:100%; text-align:center;}
.adv .img581{ display:none;}

.pagenav{font-size:18px; padding:20px 0; line-height:32px; padding-bottom:12px; border-bottom:0px solid #efefef;}
.pagenav span{ display:block;}
.pagenav dl{ float:left;}
.pagenav dd{ float:left; margin:0 0 10px 10px; display:inline;padding:0 7px;}
.pagenav a{ display:block; padding:3px 15px; background:#f4f4f4;}
.pagenav dd.on a,.pagenav dd:hover a{background:#e60000;color:#fff;}
.pagetxt{ line-height:28px; padding-top:40px; padding-bottom:60px; }
#contentt,#contentb{ width:100%; clear:both;} 

@media screen and (max-width: 1199px) 
{
	.w1000{ width:90%;}
}

@media screen and (max-width: 769px) 
{
    .w1000{ width:100%;}
	.meau,.Tel,.h50{ display:block;}
	.toptel,.yqlj{ display:none;}    
	.Logo {width:80%; text-align:center; height:50px; top:10px;overflow:hidden;zoom:1; margin-right:10px; padding:0; position:absolute; left:15%; margin-left:-17px;}
	.Logo h1 a{ font-size:18px;}
	.Top{ background:#fff; height:50px; padding:10px 0; position:fixed; left:0; top:0; z-index:99999;}
	.Nav{z-index:88888; position:fixed; left:0; box-sizing:border-box; background:url(images/nav.png) left top repeat;top:60px; width:100%;box-shadow:0 2px 3px rgba(9, 9, 9, 0.3); display:none; margin-top:0;}
	.Navlist{ overflow:hidden;zoom:1; padding:0 10px;box-sizing:border-box; height:auto;}
	.Navlist em{ display:none;}
	.Navlist ul{ float:none;}
	.Navlist li{ float:left; text-align:left; padding:0 5px; box-sizing:border-box;border-bottom:1px solid #d2d2d2; width:100%;  line-height:35px; margin-left:0;}
	.Navlist li.on a{background:none;color:#e60000;}
	
	.Navlist a{ font-size:14px; color:#888888; text-align:left; padding:0; }
	.Navlist a:hover{ background:none;color:#e60000;}
	
	.pagenav{ box-sizing:border-box; padding-left:10px; padding-right:10px;}
	.pagenav{ font-size:15px; padding:0 5px; border:none;}
	.pagenav dd,.pagenav dd:hover{background:none;}
	.pagenav dd{ margin:0;  padding:0 5px; box-sizing:border-box; width:33.33%; text-align:center; margin-top:10px;}
	.pagenav dd a{ background:#f4f4f4; display:block; padding:5px 10px;}
	.pagenav dd a:hover{ background:#e60000 ;}	
	.pagenav dl{ float:none;}	
	
	.blockindex{ width:96%; margin:0 auto; margin-top:20px; padding:0px;}
	.blockindex h2{padding-top:10px;}
	.product li{ display:inline-block; width:45%; padding:0 6px; height:230px; overflow:hidden; float:left;}
	.product .tit{width:100%;}
	.news li.li1{ float:left; width:400px; line-height:30px;}
    .news li.li1 a{width:280px; }
    .bottom{ clear:both; padding:15px 10px; text-align:center; background:#000; color:#fff; line-height:2;}
    .bottom span{ float:left; clear:both; width:100%; text-align:left;}
    .bottom .bproduct{ text-align:left;}
    #mapIF{ width:97%; height:250px;}
    
    .adv a{ display:none;}
    .adv .img581{ display:block;}
}