@charset "utf-8";
/* CSS Document */
/*媒体查询代码，表示只有在屏幕尺寸小于1200像素的时候才会应用下面的样式*/
@media screen and (max-width:1200px) {
 .gun_g li {
width:2.9%;
margin:0 0.24% 0 0;
}
 .gun2_g li {
width:2.9%;
margin:0 0.24% 0 0;
}
 .gun3_g li {
width:2.9%;
margin:0 0.24% 0 0;
}
 .gun4_g li {
width:2.9%;
margin:0 0.24% 0 0;
}
 .gun5_g li {
width:2.9%;
margin:0 0.24% 0 0;
}
}


/*媒体查询代码，表示只有在屏幕尺寸小于1000像素的时候才会应用下面的样式*/
@media screen and (max-width: 1000px) {
 .top .box {
max-width:720px; /*最大宽度720像素*/
}
 .lobbox .box {
max-width:720px; /*最大宽度720像素*/
height:45px;
background-color:#fff;
}
 .lobbox {
width:100%;
position:static;
}
 .lobbox .nav {
display:none;/*此元素不会被显示*/
}
 .lobbox2 {
display:none;/*此元素不会被显示*/
}
 .lobbox .naverbox {
display:block; /*此元素将显示为块级元素，表示此元素单独占据位置，前后会带有换行符，其他元素跟他在同一行的会被迫换行，挤到下一行那里去*/
float:right;
}
 .lobbox .naverbox2 {
display:none;/*此元素不会被显示*/
}
 .lobbox .naverbox3 {
display:block;
width:70px;
top:0px;
left:50%;
z-index:999999;
position:absolute;
padding-top:0px;
padding-bottom:0px;
}
 .lobbox .naverbox3 .z1 {
display:none;/*此元素不会被显示*/
}
.lobbox .naverbox3 .z2 {
 padding-top:0px;
}
 .lobbox .naverbox .btn {
height:45px;
padding-top:0px;
}
 .lobbox .naverbox .btn span {
display: inline-block; /*将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内，允许空格*/
width:60px;
height: 45px;
color: #333;
background:url(../images/icon.png) no-repeat center;
cursor: pointer;
}
.lobbox .box h1 {
 float:left;
 padding-top:0px;
 padding-bottom:0px;
 padding-left:2%;
 width:19%;
 height:auto;
}
.lobbox .box h1 img {
 width:100%;
}
.flexslider {
 position:relative;
 margin-top:0px;
 padding-top:0px;
}
 .sidebar-wrapper {
position: relative;
height: 100%;
overflow: auto;
}
 #dowebok {
display:block; /*此元素将显示为块级元素，表示此元素单独占据位置，前后会带有换行符，其他元素跟他在同一行的会被迫换行，挤到下一行那里去*/
background:#0D0D0D;
}
 #dowebok .naver {
}
 #dowebok .naver li {
position:relative;
}
 #dowebok .naver li p.active span, #dowebok .naver li p.you span {
position:absolute;
right:0px;
top:0px;
width:50px;
height:50px;
background:#0D0D0D url(../images/pic20.png) no-repeat center;
}
 #dowebok .naver li p {
border-bottom:1px solid #333;
}
 #dowebok .naver li p.you.active span {
width:50px;
height:50px;
background:#0D0D0D url(../images/pic21.png) no-repeat center;
}
 #dowebok .naver li p {
line-height: 50px;
}
 #dowebok .naver li p a {
display: block;
padding: 0 20px;
color: #fff;
text-decoration: none;
}
 #dowebok .naver li p:hover {
background-color:#0D0D0D;
}
 #dowebok .naver li dl {
line-height:40px;
display:none;/*此元素不会被显示*/
}
 #dowebok .naver li dl a {
color:#ccc;
display:block; /*此元素将显示为块级元素，表示此元素单独占据位置，前后会带有换行符，其他元素跟他在同一行的会被迫换行，挤到下一行那里去*/
padding:0 40px;
text-decoration:none;
}
 #dowebok .naver li dl a:hover {
color:#fff;
display:block; /*此元素将显示为块级元素，表示此元素单独占据位置，前后会带有换行符，其他元素跟他在同一行的会被迫换行，挤到下一行那里去*/
background:#E8892A;
text-decoration:none;
}
 [data-simplersidebar='active'] {
}

/*二级分类*/
 #dowebok .naver li dd ul {
display:none;/*此元素不会被显示*/
background-color:#333;
}
 #dowebok .naver li dd:hover ul {
display:block; /*此元素将显示为块级元素*/
}
 .ban {
 width:100%;
 margin:0px auto;
 padding-top:0px;
}
.banner {
margin-top:0px;
padding-top:0px;
max-width:100%;
}
 .hock {
 width:100%;
 height:480px;
 float:left;
}
 .cnt {
max-width:720px; /*最大宽度720像素*/
}
 .content {
max-width:720px; /*最大宽度720像素*/
}
.inc1 {
 width:98%;
 margin-left:1%;
 margin-right:1%;
 font-size:12px;
 text-align:left;
}
.prowai6 {
 width:23%;
 height:auto;
 margin-left:1%;
 margin-right:1%;
 margin-bottom:1%;
 float:left;
}
.protext6 {
 width:100%;
 height:normal;
 margin-top:0%;
 margin-bottom:10%;
 text-align:center;
 line-height:normal;
 color:#fff;
 font-family:"微软雅黑";
 font-size:30px;
 font-weight:normal;
}
.protext66 {
 width:100%;
 height:normal;
 text-align:center;
 line-height:30px;
 color:#fff;
 font-family:"微软雅黑";
 font-size:14px;
 font-weight:normal;
}
.ink1 {
display:none;/*此元素不会被显示*/
}
.ink2 {
width:100%;
}
 .dyip .dyip_l {
float:none;
width:100%;
}
 .dyip .dyip_r {
float:none;
width:100%;
margin-top:2%;
}
 .dyip .dyip_f {
float:none;
width:100%;
margin-top:2%;
}
.dyip .dyip_f .box li .boxli {
 border:0px solid #CCC;
 padding:2%;
 margin-bottom:10%;
}
.dyip .dyip_f .box li .nr {
 line-height:24px;
 height:48px;
 overflow:hidden;
 padding-top:2%;
 padding-right: 0;
 padding-bottom:2%;
 padding-left: 0;
}
.product .show li .showli {
 border:1px solid #CCC;
 padding:2%;
 margin-bottom:10%;
 width:100%;
}
.product .show li .nr {
 line-height:24px;
 height:24px;
 overflow:hidden;
 padding-top:2%;
 padding-right: 0;
 padding-bottom:2%;
 padding-left: 0;
}
 .derp .derp_l {
float:none;
width:100%;
}
 .derp .derp_r {
float:none;
width:100%;
margin-top:2%;
}
 .derp .derp_r .box .r_l {
display:none;/*此元素不会被显示*/
}
 .derp .derp_r .box .r_r {
float:none;
width:100%;
border-left:0 none;
padding-left:0%;
}
 .derp .derp_r .box .r_f_l {
float:none;
width:100%;
height:auto;
border-left:0 none;
padding:0%;
}
 .derp .derp_r .box .r_f_r {
float:none;
width:100%;
border-left:0 none;
padding:0%;
}
 .dqwz .box {
max-width:720px;  /*最大宽度720像素*/
}
 .dqwz2 .box {
max-width:720px;  /*最大宽度720像素*/
}
 .dqwz3 .box {
max-width:720px;  /*最大宽度720像素*/
}
.dqwz3 .box a {
 width:21%;
 padding-left:5%;
 margin-left:2%;
 float:left;
 display:block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.dqwz3 .box a:hover {
 width:21%;
 padding-left:5%;
 margin-left:2%;
 float:left;
}
 .dyip .box {
max-width:720px;  /*最大宽度720像素*/
}
 .derp {
max-width:720px;  /*最大宽度720像素*/
}
 .derp li {
float:none;
width:100%;
margin:1% 0;
}
 .dsanp {
max-width:720px;  /*最大宽度720像素*/
}
 .dsanp li {
width:48%;
}
 .dsip {
max-width:720px;  /*最大宽度720像素*/
}
 .con {
max-width:720px;  /*最大宽度720像素*/
}
.productd .showw .cl {
display:none;/*此元素不会被显示*/
}
.productd .showw .cr {
 width:100%;
 height:auto;
 float:right;
 clear:right;
}
.productd .ti {
 width:100%;
 height:auto;
 margin-top:3%;
 margin-bottom:3%;
 float:right;
 clear:right;
}
.case .ti {
 width:100%;
 height:auto;
 margin-top:3%;
 margin-bottom:3%;
 float:right;
 clear:right;
}
.productd .showw .cll {
display:block;/*此元素将显示为块级元素*/
}
 .foot {
text-align:center;
}
 .foot .foot_t {
width:100%;
}
.foot .foot_tl {
 float:left;
 width:100%;
}
.foot .foot_tm {
 width:60%;
 float:left;
}
.foot .foot_tr {
 width:40%;
 float:left;
}
.ft1 {
 width:100%;
 text-align:center;
}
.ft2 {
 width:100%;
 text-align:center;
}
.rt {
 width:23%;
 padding-left:2%;
 float:left;
}
.rt2 {
 width:90%;
 padding-left:5%;
 padding-right:5%;
}
.inz1 span h {
 color:#fff;
 font-family:"微软雅黑";
 font-size:20px;
 font-weight:normal;
 line-height:200%;
 display:block;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
}
.inz1 p {
 color:#FFFFCC;
 font-family:"微软雅黑";
 font-size:16px;
 font-weight:normal;
 line-height:100%;
 display:block;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
}
.abl {
 width:100%;
 height:auto;
 margin:0px auto;
}
.abl img {
 width:100%;
}
.abr {
 width:90%;
 padding-left:5%;
 height:auto;
 margin:0px auto;
}
.k1 {
 width:98%;
 height:auto;
 margin-left:1%;
 margin-right:1%;
 float:left;
}
.k2 {
 width:98%;
 height:auto;
 margin-left:1%;
 margin-right:1%;
 float:left;
}
.kp2 {
 width:60%;
 height:130px;
 margin-bottom:10px;
 float:left;
}
.kp2 h {
 width:100%;
 height:30px;
 float:left;
}
.kp2 span {
 width:100%;
 height:100px;
 float:left;
}
.sn {
 width:46%;
 margin:2%;
 height:auto;
}
.sn1 {
 width:100%;
}
.sn1 h {
 width:100%;
 height:auto;
 font-family: "微软雅黑";
 font-size:26px;
 color: #333;
 text-decoration: none;
 font-weight: bold;
 line-height:normal;
 text-align:center;
 display:block;
 float:left;
}
.sn1 h2 {
 width:100%;
 height:auto;
 font-family: "微软雅黑";
 font-size: 16px;
 color: #999;
 text-decoration: none;
 font-weight: normal;
 line-height:normal;
 text-align:center;
 display:block;
 float:left;
}
.sn2 {
 width:90%;
 height:auto;
 margin-left:5%;
 margin-right:5%;
 float:left;
}
.sn2 h {
 width:100%;
 height:auto;
 margin-top:0px;
 margin-bottom:0px;
 float:left;
}
.sn2 a h {
 width:100%;
 font-family: "微软雅黑";
 font-size: 14px;
 color: #333;
 text-decoration: none;
 font-weight: bold;
 line-height:30px;
 display:block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.sn2 a:hover h {
 color: #ff0000;
}
.sn2 h2 {
 width:100%;
 height:40px;
 margin-bottom:10px;
 font-size: 14px;
 color: #666;
 font-weight: normal;
 font-family: "微软雅黑";
 line-height: 20px;
 word-break: break-all;
 text-overflow: ellipsis;
 display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/
 -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
 -webkit-line-clamp: 2; /** 显示的行数 **/
 overflow: hidden;  /** 隐藏超出的内容 **/
 float:left;
}
.sw {
 width:100%;
 height:auto;
 padding-bottom:2%;
 border-bottom:#ccc dashed 1px;
 margin-bottom:4%;
 float:left;
}
.swp {
 width:36%;
 height:auto;
 float:left;
}
.swp img {
 width:100%;
}
.swp img:hover {
 opacity:0.8;
}
.swt {
 width:62%;
 margin-left:2%;
 height:auto;
 float:left;
}
.swt1 {
 width:100%;
 height:24px;
 text-align:left;
 display:block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
 float:left;
}
.swt1 a {
 color:#000;
 font-family:"微软雅黑";
 font-size:14px;
 line-height:24px;
 font-weight:normal;
 text-decoration:none;
}
.swt1 a:hover {
 color:#ff0000;
}
.swt2 {
 color:#666;
 font-family:"微软雅黑";
 font-size:12px;
 line-height:18px;
 font-weight:normal;
 float:left;
}
.swt3 {
 width:100%;
 color:#333;
 font-family:"微软雅黑";
 font-size:12px;
 text-align:left;
 line-height:18px;
 word-break: break-all;
 text-overflow: ellipsis;
 display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/
 -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
 -webkit-line-clamp: 1; /** 显示的行数 **/
 overflow: hidden;  /** 隐藏超出的内容 **/
 float:left;
}
.swt4 {
 width:100%;
 height:20px;
 text-align:left;
 float:left;
}
.swt4 a {
 color:#ff0000;
 font-family:"微软雅黑";
 font-size:12px;
 line-height:20px;
 font-weight:normal;
 text-decoration:none;
}
.swt4 a:hover {
 color:#ff0000;
}
.tna {
 max-width:720px;  /*最大宽度720像素*/
}
.tna1 {
 display:none;/*此元素不会被显示*/
}
.tna2 {
 width:100%;
}
.fz1 .kk2 h {
 width:100%;
 height:auto;
 color:#333;
 font-family:"微软雅黑";
 font-size:16px;
 font-weight:bold;
 line-height:normal;
 display:block;
 float:left;
}
.fz1 .kk2 h2 {
 width:100%;
 height:auto;
 color:#333;
 font-family:"微软雅黑";
 font-size:12px;
 font-weight:normal;
 line-height:20px;
 float:left;
 word-break: break-all;
 text-overflow: ellipsis;
 display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/
 -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
 -webkit-line-clamp: 1; /** 显示的行数 **/
 overflow: hidden;  /** 隐藏超出的内容 **/
}
.fz2 .fk h {
 width:100%;
 height:auto;
 color:#333;
 font-family:"微软雅黑";
 font-size:16px;
 font-weight:bold;
 line-height:normal;
 display:block;
 float:left;
}
.fz2 .fk h2 {
 width:100%;
 height:auto;
 color:#333;
 font-family:"微软雅黑";
 font-size:12px;
 font-weight:normal;
 line-height:20px;
 float:left;
 word-break: break-all;
 text-overflow: ellipsis;
 display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/
 -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
 -webkit-line-clamp: 1; /** 显示的行数 **/
 overflow: hidden;  /** 隐藏超出的内容 **/
}
.gun_g li {
width:2.9%;
margin:0 0.25% 0 0;
}
 .gun2_g li {
width:2.9%;
margin:0 0.25% 0 0;
}
 .gun3_g li {
width:2.9%;
margin:0 0.25% 0 0;
}
 .gun4_g li {
width:2.9%;
margin:0 0.25% 0 0;
}
 .gun5_g li {
width:2.9%;
margin:0 0.25% 0 0;
}
}

/*媒体查询代码，表示只有在屏幕尺寸小于720像素的时候才会应用下面的样式*/
 @media screen and (max-width: 720px) {
 .top {
display:block;/*此元素将显示为块级元素*/
}
 .lobbox .box {
max-width:520px;   /*最大宽度520像素*/
background-color:#fff;
}
 .lobbox {
width:100%;
position:static;
}
 .lobbox .box {
border-radius:0;
}
.lobbox .box h1 {
 float:left;
 padding-top:0px;
 padding-bottom:0px;
 padding-left:2%;
 width:25%;
 height:auto;
}
.lobbox .box h1 img {
 width:100%;
}
.prowai1 {
 width:48%;
 height:auto;
 margin-left:1%;
 margin-right:1%;
 margin-bottom:4%;
 float:left;
}
.prowai10 {
 width:94%;
 height:auto;
 padding:2%;
 margin-left:1%;
 margin-right:1%;
 margin-bottom:4%;
 float:left;
}
.protext10 h {
 width:100%;
 text-align:left;
 line-height:250%;
 color:#333;
 font-family:"微软雅黑";
 font-size:22px;
 font-weight:bold;
 display:block;
 float:left;
 display:block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.protext10 h2 {
 width:100%;
 height:auto;
 margin-bottom:5%;
 text-align:left;
 line-height:20px;
 color:#333;
 font-family:"微软雅黑";
 font-size:14px;
 font-weight:normal;
 word-break: break-all;
 text-overflow: ellipsis;
 display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/
 -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
 -webkit-line-clamp: 2; /** 显示的行数 **/
 overflow: hidden;  /** 隐藏超出的内容 **/
 float:left;
}
.anl {
 width:50%;
 height:auto;
 float:left;
}
.anl:hover p {
 display:block;
 position:absolute;
 top:0;
 left:0;
 width:80%;
 height:100%;
 padding-left:10%;
 padding-right:10%;
 padding-top:30%;
 font-size:14px;
 text-align:center;
 line-height:200%;
 display:block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.xwp {
display:none;/*此元素不会被显示*/
}
.xwp2 {
width:100%;
}
.con_a .about .pic {
display:none;/*此元素不会被显示*/
}
.qiang {
display:none;/*此元素不会被显示*/
}
.prowai6 {
 width:23%;
 height:auto;
 margin-left:1%;
 margin-right:1%;
 margin-bottom:1%;
 float:left;
}
.protext6 {
 width:100%;
 height:normal;
 margin-top:0%;
 margin-bottom:10%;
 text-align:center;
 line-height:normal;
 color:#fff;
 font-family:"微软雅黑";
 font-size:30px;
 font-weight:normal;
}
.protext66 {
 width:100%;
 height:normal;
 text-align:center;
 line-height:30px;
 color:#fff;
 font-family:"微软雅黑";
 font-size:14px;
 font-weight:normal;
}
.intii2 {
 font-size:16px;
 color:#fff;
 font-family:"微软雅黑";
 text-align:center;
 width:100%;
 height:auto;
 line-height:200%;
 margin-bottom:2%;
}
.inz1 {
 width:50%;
 height:auto;
 float:left;
 position:relative;
}
 .dqwz .box {
max-width:520px;   /*最大宽度520像素*/
}
 .dqwz2 .box {
max-width:520px;   /*最大宽度520像素*/
}
 .banner {
margin-top:0px;
padding-top:0px;
max-width:100%;
}
.tna {
 max-width:520px;  /*最大宽度520像素*/
}
.tna2 span {
 width:100%;
 text-align:left;
}
.tna2 span a {
 width:27%;
 height:30px;
 padding-left:1.5%;
 padding-right:1.5%;
 padding-top:1%;
 padding-bottom:1%;
 margin-left:1%;
 margin-right:1%;
 margin-bottom:1%;
 text-align:center;
 display:inline-block;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
}
 .cnt {
max-width:520px;  /*最大宽度520像素*/
}
 .content {
max-width:520px;  /*最大宽度520像素*/
}
.prowai {
 width:96%;
 height:auto;
 margin-left:2%;
 margin-right:2%;
 margin-bottom:4%;
 float:left;
}
.cp {
 width:21%;
 height:auto;
 margin-left:4%;
 margin-right:4%;
 margin-bottom:5%;
 padding:2%;
 float:left;
}
.zs {
 width:46%;
 height:auto;
 margin-left:2%;
 margin-right:2%;
 margin-bottom:4%;
 float:left;
}
.zs2 {
 width:46%;
 height:auto;
 margin-left:2%;
 margin-right:2%;
 margin-bottom:4%;
 float:left;
}
.rd {
 width:46%;
 height:auto;
 margin-left:2%;
 margin-right:2%;
 margin-bottom:4%;
 float:left;
}
.hj {
 width:46%;
 height:auto;
 margin-left:2%;
 margin-right:2%;
 margin-bottom:2%;
 float:left;
}
.hj2 {
 width:46%;
 height:auto;
 margin-left:2%;
 margin-right:2%;
 margin-bottom:2%;
 float:left;
}
.hj3 {
 width:46%;
 height:auto;
 margin-left:2%;
 margin-right:2%;
 margin-bottom:2%;
 float:left;
}
.sf {
 width:98%;
 height:auto;
 margin-left:1%;
 margin-right:1%;
 margin-bottom:2%;
 float:left;
}
.prowais {
 width:48%;
 height:auto;
 margin-left:1%;
 margin-right:1%;
 margin-bottom:2%;
 float:left;
}
.prowai2 {
 width:46%;
 height:auto;
 margin-left:2%;
 margin-right:2%;
 margin-bottom:2%;
 float:left;
}
.prowai6 {
 width:48%;
 height:auto;
 margin-left:1%;
 margin-right:1%;
 margin-bottom:5%;
 float:left;
}
.protext6 {
 width:100%;
 height:normal;
 margin-top:0%;
 margin-bottom:10%;
 text-align:center;
 line-height:normal;
 color:#fff;
 font-family:"微软雅黑";
 font-size:30px;
 font-weight:normal;
}
.protext66 {
 width:100%;
 height:normal;
 text-align:center;
 line-height:30px;
 color:#fff;
 font-family:"微软雅黑";
 font-size:12px;
 font-weight:normal;
}
.prowai8 {
 width:48%;
 height:auto;
 margin-left:1%;
 margin-right:1%;
 margin-bottom:2%;
 float:left;
}
 .dyip .dyip_r .box li {
float:left;
width:97%;
margin:1.5%;
}
 .dyip .dyip_f .box li {
float:left;
width:97%;
margin:1.5%;
}
.dyip .dyip_f .box li .boxli {
 border:1px solid #CCC;
 padding:2%;
 margin-bottom:1%;
}
.product .show ul {
}
.product .show li {
float:left;
width:45%;
margin-left:2%;
margin-right:2%;
margin-bottom:1%;
}
.product .show .show li .showli {
 border:1px solid #CCC;
 padding:2%;
 margin-bottom:1%;
}
 .con {
max-width:520px;   /*最大宽度520像素*/
}
 .con_l {
float:none;
width:100%;
}
 .con2_l {
float:none;
width:100%;
}
 .con_r {
float:none;
width:100%;
margin-top:3%;
}
.con_r .contact {
 padding:5%;
 line-height:24px;
}
.con_r .contact .pic {
 float: right;
 padding: 0 10px 0px 0;
 max-width:150px;
}
.con_r .contact .pic img {
 box-shadow: 0px 0px 0px #ccc;
 width:150px;
}
.col-sm-1 {
 width:50%;
 float:left;
}
.rt {
 width:48%;
 padding-left:2%;
}
.rt:nth-child(3) {
 clear: both;/*清除第三个rt栏目的浮动，让它自动换行*/
}
.rt2 {
 width:90%;
 padding-left:5%;
 padding-right:5%;
}
 .foot_b .logo {
display:none;/*此元素不会被显示*/
}
 .foot_b .foot_b_r {
float:none;
width:100%;
padding-top:3%;
}
.lobbox .naverbox3 .z2 {
 padding-top:0px;
}
 .lobbox .naverbox .btn {
height:45px;
padding-top:0px;
}
.k1 {
 width:100%;
 height:auto;
 float:left;
}
.k2 {
 width:100%;
 height:auto;
 float:left;
}
.kp2 {
 width:60%;
 height:130px;
 margin-bottom:10px;
 float:left;
}
.kp2 h {
 width:100%;
 height:30px;
 float:left;
}
.kp2 span {
 width:100%;
 height:100px;
 float:left;
}
.ti1 h{
	font-size:18px;
}
.ti2 {
	font-size:18px;
}
.w1 {
 width:100%;
}
.w2 {
 width:100%;
 font-size:16px;
}
.w21{
    width:100%;
}
.w22{
    width:100%;
}
.w22 h {
 font-size:18px;
}
.g1 {
 width:100%;
}
.g2 {
 width:100%;
 font-size:16px;
}
.g2 h {
 font-size:16px;
}
.ry1 {
 width:100%;
 font-size:14px;
}
.ry2 {
 width:100%;
}
.st1 {
	font-size:22px;
}
.st2 {
	font-size:14px;
}
.st3 {
    width:100%;
	padding-left:0%;
	padding-right:0%;
	font-size:14px;
}
.sk1 {
    width:98%;
	padding-left:1%;
	padding-right:1%;
	margin-bottom:4%;
	font-family: "微软雅黑";
	font-size:14px;
	color: #666;
	text-decoration: none;
	font-weight: normal;
	line-height: 150%;
	text-align:left;
	float:left;
}
.sk1 h{
    font-size:20px;
	color: #000;
}
.fz1 .kk2 h {
 width:100%;
 height:auto;
 color:#333;
 font-family:"微软雅黑";
 font-size:12px;
 font-weight:bold;
 line-height:normal;
 display:block;
 float:left;
}
.fz2 .fk h {
 width:100%;
 height:auto;
 color:#333;
 font-family:"微软雅黑";
 font-size:12px;
 font-weight:bold;
 line-height:normal;
 display:block;
 float:left;
}
.gun_g li {
width:3.95%;
margin:0 0.25% 0 0;
}
 .gun2_g li {
width:3.95%;
margin:0 0.25% 0 0;
}
 .gun3_g li {
width:3.95%;
margin:0 0.25% 0 0;
}
 .gun4_g li {
width:3.95%;
margin:0 0.25% 0 0;
}
 .gun5_g li {
width:3.95%;
margin:0 0.25% 0 0;
}
}

/*媒体查询代码，表示只有在屏幕尺寸小于520像素的时候才会应用下面的样式*/
 @media screen and (max-width: 520px) {
.lobbox .box h1 {
 float:left;
 padding-top:0px;
 padding-bottom:0px;
 padding-left:2%;
 width:30%;
 height:auto;
}
.lobbox .box h1 img {
 width:100%;
}
 .banner_pc {
display:none;/*此元素不会被显示*/
}
 .banner_sj {
display:block;/*此元素将显示为块级元素，表示此元素单独占据位置，前后会带有换行符，其他元素跟他在同一行的会被迫换行，挤到下一行那里去*/
}
.banner {
margin-top:0px;
padding-top:0px;
max-width:100%;
}
 .intii2 {
 font-size:14px;
 color:#fff;
 font-family:"微软雅黑";
 text-align:center;
 width:100%;
 height:auto;
 line-height:200%;
 margin-bottom:2%;
}
 .dqwz .box {
padding:0 5%;
}
.prowai3 {
 width:100%;
 height:auto;
 float:left;
}
 .dyip .box {
padding:5%;
}
.dyip .dyip_f .box li .boxli {
 border:1px solid #CCC;
 padding:2%;
 margin-bottom:1%;
}
.product .show li {
float:left;
width:93%;
margin-bottom:-5px;
}
.product .show ul {
}
.product .show li {
float:left;
width:93%;
margin-bottom:1%;
}
.product .show .show li .showli {
 border:1px solid #CCC;
 padding:2%;
 margin-bottom:1%;
}
 .derp {
padding:5%;
}
 .dsanp {
padding:5%;
}
 .dsanp li {
float:left;
width:100%;
margin:1% 0;
}
 .dsip {
padding:5%;
}
 .dsip li {
float:left;
width:48%;
}
 .con {
padding:5%;
}
.con_r .contact {
 padding:5%;
 line-height:24px;
}
.con_r .contact .pic {
 float: right;
 padding: 0 10px 0px 0;
 max-width:100px;
}
.con_r .contact .pic img {
 box-shadow: 0px 0px 0px #ccc;
 width:100px;
}
.col-sm-1 {
 width:100%;
 float:left;
}
.hock {
 width:100%;
 height:240px;
 float:left;
}
.hockk {
 display:none;/*此元素不会被显示*/
}
.hock1 {
 width:50%;
 height:240px;
 float:left;
}
.hock1 img {
 max-width:100%;
 height:240px;
 border:0px;
}
.hock1 img:hover {
 -webkit-filter:opacity(0.8);
}
.hock2 {
 width:50%;
 height:240px;
 background-color:#183D81;
 float:left;
}
.hock2 h {
 width:80%;
 margin-top:10%;
 margin-left:10%;
 margin-right:10%;
 color:#fff;
 font-family:"微软雅黑";
 font-size:16px;
 font-weight:normal;
 text-align:center;
 line-height:200%;
 float:left;
}
.hock2 p {
 width:80%;
 margin-left:10%;
 margin-right:10%;
 color:#fff;
 font-family:"微软雅黑";
 font-size:12px;
 font-weight:normal;
 text-align:center;
 line-height:120%;
 float:left;
}
.hock2 span {
 width:80%;
 margin-left:10%;
 margin-right:10%;
 text-align:center;
 float:left;
}
.hock2 span a {
 color:#A7C2EF;
 font-family:"微软雅黑";
 font-size:14px;
 font-weight:normal;
 text-align:center;
 line-height:300%;
}
.rt {
 width:48%;
 padding-left:2%;
}
.rt2 {
 width:90%;
 padding-left:5%;
 padding-right:5%;
}
.cndns-right {
display:none;/*此元素不会被显示*/
}
.kp2 {
 width:60%;
 height:80px;
 margin-bottom:10px;
 float:left;
}
.kp2 h {
 width:100%;
 height:30px;
 float:left;
}
.kp2 span {
 width:100%;
 height:50px;
 float:left;
}
.innewd {
 font-size: 12px;
}
.inti h {
 font-size:20px;
}
.inc {
 width:98%;
 margin-left:1%;
 margin-left:1%;
}
.inti h2 {
 font-size:14px;
 margin-top:1%;
 margin-bottom:1%;
}
.foot_t {
display:none;/*此元素不会被显示*/
}
.fz1 .kk2 h {
 width:100%;
 margin-bottom:10%;
 height:auto;
 color:#333;
 font-family:"微软雅黑";
 font-size:12px;
 font-weight:bold;
 line-height:normal;
 display:block;
 float:left;
}
.fz2 .fk h {
 width:100%;
 margin-bottom:10%;
 height:auto;
 color:#333;
 font-family:"微软雅黑";
 font-size:12px;
 font-weight:bold;
 line-height:normal;
 display:block;
 float:left;
}
.gun_g li {
width:6.1%;
margin:0 0.15% 0 0;
}
 .gun2_g li {
width:6.1%;
margin:0 0.15% 0 0;
}
 .gun3_g li {
width:6.1%;
margin:0 0.15% 0 0;
}
 .gun4_g li {
width:6.1%;
margin:0 0.15% 0 0;
}
 .gun5_g li {
width:6.1%;
margin:0 0.15% 0 0;
}
}