@charset "utf-8";
html{-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
body,h1,h2,h3,h4,h5,h6,hr,div,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;font-family:"微软雅黑";}/*外边距，内边距都为0*/
body{font:14px/1.5 \5b8b\4f53,Arial,sans-serif;background:#fff;}/*字体大小为14px*/
button,input,optgroup,select,textarea {margin: 0;font: inherit;color: inherit;}/*表单类标签外边距，字体及颜色继承父元素的字体系列样式*/
img{border:none}/*图片不显示边框兼容IE浏览器*/
h1,h2,h3,h4,h5,h6{font-size:100%}/*这些元素本身不会继承父体的字体大小，设置了font-size:100%后就能自动继承。*/
input,label,img,th{vertical-align:middle}/*把此元素放置在父元素的中部*/
ul,ol,li{list-style:none}/*去点实心圆或数字*/
a{text-decoration:none;}/*去掉a标签的下划线*/
a{outline: none;}
a:active {star:expression_r(this.onFocus=this.blur());}
a:focus { outline:0; }
input:focus { outline:0; }
textarea:focus { outline:0; }
filter:alpha(opacity=100);
audio,canvas,progress,video {display: inline-block;vertical-align: baseline}/*定义为行内块级元素将支持 valign特性的对象的内容与基线对齐*/
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer}/*类似按钮的，hover，mousedown,mouseup的效果及鼠标滑过为手指势*/
textarea {overflow: auto}/*多行文本中如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。*/
table{border-collapse:collapse;border-spacing:0}/*默认值。边框会被分开。不会忽略 border-spacing 和 empty-cells 属性。*/
input,textarea,select{background:#fff;}/*背景为白色*/
/*通用样式*/
.clearfix{*zoom:1;}/*兼容IE清除浮动*/
.clearfix:after{content:"\200B";height:0;display:block;visibility:hidden;clear:both;}/*清除浮动*/
.pull-right{float:right}/*向右浮动*/
.pull-left{float:left}/*向左浮动*/
.fr{float:right}/*向右浮动*/
.fl{float:left}/*向左浮动*/
.hide{display:none}/*隐藏*/
.show{display:block}/*显示块级元素*/
.invisible{visibility:hidden}/*元素是不可见的。*/
.hidden{display:none;visibility:hidden}/*隐藏及元素是不可见的。*/
.container{
width:1200px;
margin:0 auto;
}
.con img{display: block;width: 100%;}
.banner img{display: block;width: 100%;height: 600px;}
.header{
width:100%;
position: absolute;
top: 0;
height: 120px;
z-index: 200;
background:url(../images/123.png) repeat-x bottom;
}
.header .logo{
margin-top: 26px;
}
.header .nav{
padding-top: 38px;
margin-left: 40px;
}
.header .nav ul{
height: 56px;
}
.header .nav ul li{
float: left;
text-align: center;
line-height: 56px;
color: #ffffff;
padding: 0 30px;
font-size: 16px;
}
.header1{
width:100%;
z-index: 200;
}
.header1 .logo{
margin-top: 24px;
}
.header1 .nav{
background-color: #fcfcfc;
line-height: 50px;
height: 50px;
}
.header1 .nav ul{
height: 48px;
}
.header1 .nav ul li{
float: left;
text-align: center;
line-height: 48px;
color: #000000;
margin: 0 20px;
padding:0 12px;
font-size: 20px;
letter-spacing: 2px;
}
.header1 .nav ul li:hover,.header1 .nav ul li.active{
border-bottom: 2px solid #112f7c;
color: #112f7c;
}
.banner{
overflow: hidden;
position: relative;
width:1200px;height: 600px;
}
.bannerx{ width:874px;height: 402px; position:relative; font-size:0;}
.bannerxList li { width:100%; font-size:0; }
.bannerxList img {
width: 100%; }
.bannerxBton{
z-index:10;
}
.bannerxBton li{
cursor:pointer;
width:8px;
height:8px;
margin:0 6px;
background:#ffffff;
border-radius: 50%;
display: inline-block;
}
.bannerxBton li.up{
background:#0dd3db;
}
.sousuo {
width: 290px;
height: 35px;
border-radius: 20px;
border:1px solid #e5e5e5;
margin-right: 14px;
margin-top: 54px;
}
.sousuo #key{
width: 224px;
margin-left: 14px;
color: #767676;
font-size: 16px;
line-height: 32px;
height: 32px;
border:none;
}
.sousuo .anniu{
width: 50px;
height: 35px;
line-height: 35px;
text-align: center;
background-color: #0072d3;
border-top-right-radius:12px;
border-bottom-right-radius:12px;
}
.foot{
width: 100%;
background: #ffffff;
color: #b2b2b2;
padding:20px 0;
font-size: 18px;
text-align: center;
}
.foot .a1{
width: 162px;
}
.foot .a1 .p1,.foot .a1 .p2{
margin-bottom: 12px;
}
.foot .a1 .p1{
color: #ffffff;
font-weight: bold;
}
.foot .a1 .p2,.foot .a1 .p3{
color: #ffffff;
}
.foot_right{
width:380px;
}
.foot_right img{
width: 84px;
height: 84px;
}
.foot_right div{
color: #ffffff;
margin-left:94px;
}
.foot .bots{
border-top: 1px solid #454545;
padding: 10px 0;
text-align: center;
color: #999999;
margin-top: 10px;
}
#GoTop{
display: block;
width: 50px;
height: 50px;
z-index: 200;
}
#GoTop img{
width: 100%;
}
#dianhua{
position: fixed;
right: 15px;
bottom: 170px;
z-index: 200;
}
/* 上下片 */
.page1 a{
display: block;
margin-top: 20px;
color: #333333;
font-size: 14px;
}
.page1 a:hover{
color: #0072d3;
}
/* 页码 */
.page{
line-height: 50px;
padding-top: 20px;
padding-bottom: 30px;
text-align: center;
}
.page a{
line-height: 36px;
padding: 7px 14px 7px 14px;
color: #333333;
background-color: #fff;
font-size: 14px;
border:1px solid #cccccc;
margin-right: 5px;
margin-bottom: 10px;
}
.page a:hover{
color: #0072d3;
border:1px solid #0072d3;
}
/* 产品分类 */
.procate{
width: 254px;
}
.procate .p0{
background-color: #277ec3;
padding: 16px 10px 10px;
}
.procate .p1{
color: #ffffff;
font-size: 28px;
text-align: center;
}
.procate .p2{
color: #ffffff;
font-size: 20px;
text-align: center;
margin-bottom: 10px;
}
.procate .p3{
background-color: #ffffff;
padding: 18px 6px 15px;
}
.procate .p3 li{
line-height: 42px;
background-color: #eaeaea;
margin-bottom: 5px;
font-size: 16px;
}
.procate .p3 li a{
color: #333333;
display: block;
padding-left: 26px;
}
.procate .p3 li a:hover{
background-color: #f8ad00;
color: #ffffff;
}
.procate .p4{
margin-top: 14px;
width: 234px;
background-color: #ffffff;
border:10px solid #277ec3;
padding-top: 18px;
}
.procate .p5{
width: 220px;
background: url(../images/b1.jpg) no-repeat;
text-align: center;
font-size: 26px;
color: #277ec3;
font-family: "Impact";
padding: 13px 0 10px;
margin: 0 auto;
}
.procate .p6{
color: #666666;
padding-left: 10px;
margin-top: 10px;
}
.procate .p7{
padding-left: 10px;
color: #666666;
padding-bottom: 10px;
line-height: 32px;
}
.procate .p8{
}
.procate .p9{
width: 170px;
}