/**/
html,body,div,span,applet,object,iframe,h1,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;font:inherit;font-size:100%;vertical-align:baseline;} 
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:;font-weight:;}
ol,ul,li{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
caption,th{text-align:left;}

q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000;}
body{line-height:1;}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;}
a,button{cursor:pointer;}

body{ margin:0px; padding:0px; background: #0076AE; text-align:center; font:12px/20px    "\5FAE\8F6F\96C5\9ED1"; color:#333;}
p,ul,li,img{ margin:0px; padding:0px;}
.clear{ clear:both;}

a{ color:#FFFFFF; font:  14px/25px  "\5FAE\8F6F\96C5\9ED1"; text-decoration:none;}
a:hover{color:#FFFF99; font:  14px/25px  "\5FAE\8F6F\96C5\9ED1"; text-decoration:underline;} 
.a1{ color:#339900; font:  12px/25px  "\5FAE\8F6F\96C5\9ED1"; text-decoration:none; }
.a1:hover color:#66CC00; font:  12px/25px  "\5FAE\8F6F\96C5\9ED1"; }
.a2{ color:#000; font:  12px/25px  "\5FAE\8F6F\96C5\9ED1"; text-decoration:none; }
.a2:hover{ color:#000; font:  12px/25px  "\5FAE\8F6F\96C5\9ED1"; }

.main{ width:900px; margin:0px auto; padding:0px; background:#fff;}
/*头部导航*/
.topnav{ width:100%; font:  12px/32px  "\5FAE\8F6F\96C5\9ED1"; text-align:left; height:32px; margin:0px auto; padding:0px; color:#666; background:url(http://img.bjp321.com/p/images/bggray1.jpg) repeat-x;}
.topnav a{ color:#c00;}
.topnav a:hover{ color:#000;}
.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:100%; margin:0px auto; padding:0px;}

/*about*/
.jianjie_cmp{ width:900px; margin:10px auto 0px; padding:0px;}
.title_cmp{ width:850px; margin:0px; padding:0px 0px 0px 50px; height:32px;font: bold 16px/32px  "\5FAE\8F6F\96C5\9ED1";background:url(http://img.bjp321.com/p/images/a1_blue2banner.jpg) no-repeat; color:#FF6; text-align:left; overflow:hidden;}
.content_cmp{ width:860px; margin:5px auto; padding:10px;border:#1886ff 1px solid; }
.content_cmp p{text-indent:2em; line-height:32px; font-size:18px; text-align:justify;}

/*公告栏*/
.gonggao{ margin:10px auto 10px; padding:0px; width:880px;line-height:30px; text-align:center;border:#1886ff 1px solid;}
.gonggaocontent{ text-align:left; line-height:24px; padding:0px 10px 10px;}
/*滚动图片*/
.gundongpic{  width:880px; margin:10px auto 0px; padding:0px;}
#showpic { width:870px; height:150px; margin:0 auto;padding:10px 0px;}
#showpic img { width:200px; height:150px; margin:0px 2px;}
#MyMarqueeX {width: 870px; height: 150px; overflow: hidden; margin: 0px 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:870px; margin:0px auto; padding:0px; }

/*产品展示*/
.proshow{ margin:0px auto;}
.title_pro{ width:850px; margin:0px; padding:0px 0px 0px 50px; height:32px;font: bold 16px/32px  "\5FAE\8F6F\96C5\9ED1";background:url(http://img.bjp321.com/p/images/a1_blue2banner.jpg) no-repeat; color:#FF6; text-align:left; overflow:hidden;}
.product{ width:900px; margin:0px auto; padding:0px; background:url(http://img.bjp321.com/p/images/a1_bluekj_bgproduct.jpg) repeat-y}
.product ul li{ list-style-type:none; width:860px; margin:0px auto; background:url(http://img.bjp321.com/p/images/a1-blue2pro2.jpg);}
.side_product1{width:860px; height:27px; margin:0px auto; padding:0px; background:url(http://img.bjp321.com/p/images/a1-blue2pro1.jpg) no-repeat; text-indent:-999em;}
.side_product2{width:860px; height:27px; margin:0px auto; padding:0px; background:url(http://img.bjp321.com/p/images/a1-blue2pro3.jpg) no-repeat; }
.pic_product{ width:300px; height:225px; overflow:hidden; border:#ccc 0px solid; margin:10px 0px 0px 23px !important; margin:5px 0px 0px 23px;padding:0px; float:left; display:inline; 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;}
.pic_product: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 #afafaf;
    -moz-box-shadow:0px 5px 15px #afafaf;
    box-shadow:0px 5px 15px #afafaf;}
.about_product{ width:510px; float:right; display:inline; margin-top:15px !important; margin-top:8px;padding:0px;}
.name_product{ font:bold 15px/30px  "\5FAE\8F6F\96C5\9ED1"; color:#f00; margin:0px; padding:0px; }
.name_product:hover{  font:bold 15px/30px  "\5FAE\8F6F\96C5\9ED1"; color:#090; }
.title1,.title2{ float:left; display:inline; height:20px; text-align:left; margin:2px 0px; padding:0px; line-height:20px;}
.title3{ float:left; display:inline; width:600px; height:30px; text-align:left; padding:0px;}
.content1,.content2,.content3{ float:right; display:inline; width:415px; text-align:left; margin:2px 20px 2px 0px; padding:0px; line-height:20px; height:20px; overflow:hidden; }
.content4,.content5{ float:right; display:inline; width:415px; text-align:left; margin:2px 20px 2px 0px; padding:0px; line-height:20px; height:60px; overflow:hidden; }
.button1{ width:395px; float:right; display:inline; margin:0px auto 20px; padding:0px 20px; height:33px;}
a.but2{ float:left; width:115px; height:33px; line-height:30px; margin:0px; padding:3px 0px 0px 35px; text-align:left;display:block; background:url(http://img.bjp321.com/p/images/a1_bluekj_butxq.jpg) no-repeat; font-weight:bold; color:#fff; font-size:14px;}

/*联系方式*/
.link{ margin:0px auto; width:900px;}
.title_link{ width:850px; margin:0px; padding:0px 0px 0px 50px; height:32px;font: bold 16px/32px  "\5FAE\8F6F\96C5\9ED1";background:url(http://img.bjp321.com/p/images/a1_blue2banner.jpg) no-repeat; color:#FF6; text-align:left; overflow:hidden;}
.attract{ width:900px; margin:0px; padding:0px; overflow:hidden;}
.attract ul{ width:880px; margin:5px auto 5px; padding:0px; border-top: #1268C7 1px solid; border-left:#1268C7 1px solid; overflow:hidden;}
.attract ul li{ float:left; list-style:none; margin:0px; padding:2px; display:inline; line-height:30px; color:#000; font:  14px/22px  "\5FAE\8F6F\96C5\9ED1"; border-bottom:#1268C7 1px solid; border-right:#1268C7 1px solid;}
.attract1,.attract3,.attract5,.attract7,.attract9,.attract11{ width:120px; height:22px; font-weight:bold; overflow:hidden;}
.attract2,.attract4,.attract6,.attract8,.attract10,.attract12{ width:309px; height:22px;  overflow:hidden; text-align:left;}
.tishi{width:800px; margin:0px auto; padding:0px; font:bold 14px/24px '宋体'; color:#f00;}

/*底部导航*/
.subnav {  margin:2px auto; width:900px; height:25px; background: #2366C0; color:#fff; line-height:25px;}
.subnav a{color:#fff;}
.copyright{ margin:0px auto; padding:0px; width:900px; height:25px; color:#000; line-height:25px;}

.w-page1 {
    overflow: hidden;
}
.w-page2 {
    z-index: 2;
    position: relative;
    width: 1100px;
    min-width: 1100px;
    zoom: 1;
    overflow: visible;
    margin: 0 auto;
}
.wdiv {
    display: block;
    position: relative;
    overflow: hidden;
    width: 1920px;
    left: 50%;
    top: 0;
    margin-left: -960px;
}
