body{ margin:0px; padding:0px; font:12px/26px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;color:#333333; 
background:url(http://img.bjp321.com/vip/whhq/images/bj.gif);background-position:center;background-attachment:fixed; }
p,ul,li,img{ margin:0px; padding:0px;}
.clear{ clear:both;}

a{ color:#FFFFFF; font:normal 14px/26px Arial, Helvetica, sans-serif; text-decoration:none;}
a:hover{color:#FFFF99; font:normal 14px/26px Arial, Helvetica, sans-serif; text-decoration:underline;} 
.a1{ color:#339960; font:normal 12px/26px Arial, Helvetica, sans-serif; text-decoration:none; }
.a1:hover{ color:#66CC00; font:normal 12px/26px Arial, Helvetica, sans-serif; }
.a2{ color:#000; font:normal 12px/26px Arial, Helvetica, sans-serif; text-decoration:none; }
.a2:hover{ color: #00F; font:normal 12px/26px Arial, Helvetica, sans-serif; }

.main{ width:960px; margin:0px auto; padding:0px; background:#FFF;}
/*头部导航*/
.topnav{ width:960px; font: 12px/32px;  font-family: PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif; text-align:left; height:32px; margin:0px auto; padding:0px; color:#666666; background:url(http://img.bjp321.com/p/images/bggray1.jpg) repeat-x;}
.topnav a{ color:#CC0000;}
.topnav a:hover{ color:#000000;}
.topnav p{ float:right; margin:0px 10px; padding:0px; line-height:32px; height:32px; display:inline;}
.logo{ width:160px; height:30px; margin:1px 20px 1px 0px; padding:0px; float:left; display:inline;}

/*头部图片*/
.top{ width:960px; margin:0px auto; padding:0px;}

/*公司简介*/
.jianjie_cmp{ width:970px; margin:10px auto 0px; padding:0px; }
.title_cmp{ background:url(http://img.bjp321.com/p/images/a1_blue8_jianjie.jpg) no-repeat;width:970px; height:76px; text-indent:-999em;}
.content_cmp{ width:900px; margin:0px; padding:10px 35px; text-align:left; overflow:hidden;}
.content_cmp p{ line-height:25px; text-indent:2em; text-align:justify;}
.content_cmp1{ display:none;}
.content_cmp2{ display:none;}

/*公告栏*/
.gonggao{width:900px; margin:0px auto;  text-align: center;  overflow:hidden; }

/*滚动图片*/
.gundongpic{  width:900px; margin:10px auto 0px; padding:0px; border:1px solid #018ed6;}
#showpic { width:900px; height:170px; margin:0 auto;padding:10px 0px;}
#showpic img { width:200px; height:150px; margin:0 2px;}
#MyMarqueeX {width: 900px; height: 170px; overflow: hidden; margin: 0 auto 0 auto}
#MyMarqueeX img {width: 200px; height: 150px; padding: 1px; margin: 5px}
#marquePic1 a,#marquePic2 a	{ font-size:12px; color:#000; text-decoration:none;}
#marquePic1 a:hover,#marquePic2 a:hover	{ font-size:12px; color:red; text-decoration:underline;}
#marquePic1{ width:900px; margin:0px auto; padding:0px; }

/*产品展示
.proshow{ margin:10px auto 0px;}
.title_pro{ background:url(http://img.bjp321.com/p/images/a1_blue8_chanpin.jpg) no-repeat; width:970px; height:76px; overflow:hidden; text-indent:-999em; }
.product{ width:970px; margin:0px auto; padding:0px;}
.product ul li{ list-style-type:none; width:960px; margin:5px auto; background:#f1f1f1; background:url(images/bj.jpg) no-repeat; height:597px;}
.side_product1{ display:none;}
.side_product2{ display:none;}
.pic_product{ width:350px; height:263px;overflow:hidden; border:#ccc 1px solid; margin-left:80px; margin-top:150px; padding:0px;float:left; display:inline;}
.about_product{ width:460px; float:right; display:inline; margin-top:150px;padding:0px; margin-right:50px; font-family: PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;}
.name_product{ font:bold 30px/40px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif; color:#7a1616; margin:0px; padding:0px;  }
.name_product:hover{  font:bold 30px/40px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif; color:#7a1616; }
.title1,.title2{ float:left; display:inline; width:110px; height:30px; text-align:left; margin:2px 0px; padding:0px; font:bold 18px/30px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif; }
.content1{ float:right; display:inline; width:460px; text-align:left; margin:0px 0px 2px 0px; padding:0px; height:40px; overflow:hidden; font:bold 18px/30px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif; text-indent:0.5em; letter-spacing:1px;}
.content2{ float:right; display:inline; width:450px; text-align:left; margin:2px 40px 2px 0px; padding:0px; overflow:hidden; font:bold 25px/30px "宋体";   letter-spacing:1px;color:#000000; height:30px;}
.content3{ float:right; display:inline; width:420px; text-align:left; margin:2px 40px 2px 0px; padding:0px;  overflow:hidden; font:bold 25px/35px "宋体"; letter-spacing:1px; color:#000000;}
.content4,.content5{ float:right; display:inline; width:375px; text-align:left; margin:2px 40px 2px 0px; padding:0px; line-height:20px; height:60px; overflow:hidden; }
.button1{ width:400px; float:right; display:inline; margin:0px auto; padding:0px 20px; height:60px; }
a.but1{ float:left; width:117px; height:60px; line-height:29px; margin:0px 20px;text-align: center;display:block; background:url(images/xq.png) no-repeat;text-indent:-999em;}
a.but2{ float:left; width:117px; height:60px; line-height:29px; margin:0px 20px;text-align: center;display:block; background:url(images/dl.png) no-repeat;text-indent:-999em;}
*/



.proshow{ }
.title_pro{width:960px; margin:0 auto; padding:0px; height:55px; background:url(https://img.yaozs.com/p/images/slccp.png) no-repeat; overflow:hidden; text-indent:-999em; margin-bottom:5px;}
.product{ width:960px; margin:0px auto; padding:0px;}
.product ul{ width:960px; margin:0px; padding:0px;}
.product ul li{ list-style-type:none; float:left; display:inline; width:220px; margin:0px 0px 20px 10px; background:#fff; border:4px solid #008feb; overflow:hidden; transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}
.product ul li:hover{transform:translate(0,-10px);
	-webkit-transform:translate(0,-10px);
	-moz-transform:translate(0,-10px);
	-o-transform:translate(0,-10px);
	-ms-transform:translate(0,-10px);
	-webkit-box-shadow:0px 5px 15px #1a9540;
    -moz-box-shadow:0px 5px 15px #1a9540;
    box-shadow:0px 5px 15px #c8c8c8;}
.side_product1{width:220px; height:40px; margin:0 auto 10px; padding:0px; background:#ebebeb; text-align:center; color:#686868; font:bold 14px/40px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.side_product2{width:260px; height:41px; margin:0px; padding:0px; background:url(https://img.yaozs.com/p/images/a2_green3_all_box-foot.jpg) no-repeat; display:none;}
.pic_product{ width:200px; height:150px; overflow:hidden;  margin:0px auto; padding:0; text-align:center; font-size:0px;}
.about_product{ width:250px;  margin:5px 10px; padding:0px;}
.title1{ display:none; float:left;width:72px; height:20px; text-align:left; margin:2px 0px; padding:0px; line-height:20px;}
.content1{ float:right; display:inline; width:280px; text-align:left; margin:2px 0px; padding:0px; line-height:20px; height:20px; overflow:hidden; display:none; }
a.name_product{ font:bold 16px/40px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif; color:#686868; font-weight:bold; margin:0px; padding:0px;  text-decoration:none; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
a.name_product:hover{  font:bold 16px/40px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif; color:#686868;text-decoration:none; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;  }
.title2{ float:left; display:inline; width:72px; height:20px; text-align:left; margin:2px 0px; padding:0px; line-height:20px;}
.content2,.content3{ float:left; display:inline; width:160px; text-align:left; margin:2px 0px; padding:0px; line-height:20px; height:20px; overflow:hidden; }
.content4,.content5{ float:left; display:inline; width:160px; text-align:left; margin:2px 0px; padding:0px; line-height:20px; height:76px; overflow:hidden; }
.button1{ width:220px;  margin:0px auto 20px; padding:0px; height:35px;}
a.but1{  display: block;position: relative; background: #008feb;color: #fff; width: 100px;height: 40px;line-height: 40px;text-align: center; font-family: 'Ubuntu', sans-serif;font-size: 15px;font-weight: bold;text-decoration: none;margin: 5px  ;border-radius: 2px;overflow: hidden;-webkit-transition: all 0.15s ease-in;transition: all 0.15s ease-in; float:left;}
.but1:hover {background: #0072bc;}
.but1:before {content: ' ';position: absolute;background: #fff; width: 25px;height: 50px;top: 0;left: -45px;opacity: 0.3;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;-webkit-transform: skewX(-25deg);transform: skewX(-25deg);}
.but1:hover:before { width: 45px;left: 205px;}

a.but2{  display: block;position: relative; background: #e9b707;color: #fff; width: 100px;height: 40px;line-height: 40px;text-align: center; font-family: 'Ubuntu', sans-serif;font-size: 15px;font-weight: bold;text-decoration: none;margin: 5px  ;border-radius: 2px;overflow: hidden;-webkit-transition: all 0.15s ease-in;transition: all 0.15s ease-in; float:left;}
.but2:hover {background: #967605;}
.but2:before {content: ' ';position: absolute;background: #fff; width: 25px;height: 50px;top: 0;left: -45px;opacity: 0.3;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;-webkit-transform: skewX(-25deg);transform: skewX(-25deg);}
.but2:hover:before { width: 45px;left: 205px;}



/*联系方式*/
.link{ margin:0px auto; width:970px;}
.title_link{ width:970px;height:76px; margin:0px; padding:0px;background:url(http://img.bjp321.com/p/images/a1_blue8_lianxi.jpg) no-repeat;overflow:hidden; text-indent:-999em; }
.attract{ width:900px; margin:0px auto 10px; padding:0px; overflow:hidden;}
.attract ul{ width:900px; margin:5px 0px 0px; padding:0px; border-top: #ddd 1px solid; border-left:#ddd 1px solid; overflow:hidden;}
.attract ul li{ float:left; list-style:none; margin:0px; padding:2px; display:inline; line-height:30px;  border-bottom:#ddd 1px solid; border-right:#ddd 1px solid;}
.attract1,.attract3,.attract5,.attract7,.attract9,.attract11{ width:109px; height:30px; font-weight:bold; overflow:hidden;}
.attract2,.attract4,.attract6,.attract8,.attract10,.attract12{ width:330px; height:30px;  overflow:hidden; text-align:left;}
.tishi{width:900px; margin:5px auto 0px; padding:0px; font:bold 14px/30px '宋体'; color:#f00;}

/*底部导航*/
.subnav{ width:960px; height:30px; background: #018ed6; margin:0px auto;  color:#fff; line-height:30px;}
.subnav a{ color:#fff;}
.copyright{ margin:0px auto; padding:0px; width:960px; height:30px;line-height:30px;}