@charset "utf-8";
/* CSS Document */

/*媒体查询代码，表示只有在屏幕尺寸小于1000像素的时候才会应用下面的样式*/
@media screen and (max-width: 1000px) {
 .top .box {
max-width:720px; /*最大宽度720像素*/
}
 .lobbox .box {
max-width:720px; /*最大宽度720像素*/
}
 .lobbox {
width:100%;
position:static;
padding-top:0px;
padding-bottom:0px;
}
.lobbox .box h1 {
	float:left;
	width:80%;
}
.lk {
    width:20%;
	padding-top:2.2%;
}
.lk2 {
    width:75%;
    padding-top:4.5%;
	padding-left:5%;
	font-size:14px;
}
.lk2 span{
	font-size:16px;
}
 .lobbox .nav {
display:none;/*此元素不会被显示*/
}
 .lobbox2 {
display:none;/*此元素不会被显示*/
}
 .lobbox .naverbox {
display:block; /*此元素将显示为块级元素，表示此元素单独占据位置，前后会带有换行符，其他元素跟他在同一行的会被迫换行，挤到下一行那里去*/
float:right;
margin-top:0px;
}
 .lobbox .naverbox2 {
display:none;/*此元素不会被显示*/
}
 .lobbox .naverbox .btn {
height:60px;
}
 .lobbox .naverbox .btn span {
display: inline-block; /*将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内，允许空格*/
width:60px;
height: 60px;
color: #fff;
background:url(../images/icon.png) no-repeat center;
background-size:70%;
cursor: pointer;
}
.flexslider {
 position:relative;
 margin-top:0px;
 padding-top:0px;
}
 .sidebar-wrapper {
position: relative;
height: 100%;
overflow: auto;
}
 #dowebok {
display:block; /*此元素将显示为块级元素，表示此元素单独占据位置，前后会带有换行符，其他元素跟他在同一行的会被迫换行，挤到下一行那里去*/
background-color: #333;
}
 #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:#333 url(../images/pic20.png) no-repeat center;
}
 #dowebok .naver li p {
border-bottom:1px solid #FFF;
}
 #dowebok .naver li p.you.active span {
width:50px;
height:50px;
background:#333 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:#1478be;
}
 #dowebok .naver li dl {
line-height:40px;
display:none;/*此元素不会被显示*/
}
 #dowebok .naver li dl a {
color:#FFF;
font-size:12px;
display:block; /*此元素将显示为块级元素，表示此元素单独占据位置，前后会带有换行符，其他元素跟他在同一行的会被迫换行，挤到下一行那里去*/
padding:0 20px;
}
 #dowebok .naver li dl a:hover {
color:#FFF;
display:block; /*此元素将显示为块级元素，表示此元素单独占据位置，前后会带有换行符，其他元素跟他在同一行的会被迫换行，挤到下一行那里去*/
background-color:#1478be;
text-decoration:none;
}
 [data-simplersidebar='active'] {
}
 #dowebok .naver li a.currnet {
background-color:#1478be;
}
.ban {
	width:100%;
	margin:0px auto;
	padding-top:0px;
}
.banner {
margin-top:0px;
padding-top:0px;
max-width:100%;
}
 .content {
max-width:720px; /*最大宽度720像素*/
}
.inti span{
    font-size:18px;
}
.inti2 {
    font-size:12px;
}
.inti2 a{
    font-size:14px;
}
.maint {
    width:75%;
	height:405px;
}
.tabk {
    width:25%;
	height:405px;
}
.neir {
	width:100%;
	height:405px;
}
.tabk ul{
	margin-top:5%;
}
.tabk ul li span{
	padding:2%;
	margin-top:1%;
	margin-bottom:1%;
	margin-left:5%;
	margin-right:5%;
	font-size:12px;
}
.nt{
	font-size:14px;
	margin-bottom:5px;
}
.nt2{
	font-size:12px;
	line-height:20px;
}
 .ys {
max-width:720px; /*最大宽度720像素*/
}
.z1 {
    width:98%;
	margin-left:1%;
	margin-right:1%;
	height:auto;
	float:left;
}
.z2 {
    width:98%;
	margin-left:1%;
	margin-right:1%;
	height:auto;
	float:left;
}
.zp2 {
    width:60%;
	height:auto;
	margin-bottom:10px;
	float:left;
}
.zp2 h{
    width:100%;
	height:30px;
	float:left;
	display:block; 
	overflow:hidden; 
	text-overflow:ellipsis; 
	white-space:nowrap;
}
.zp2 h a{
	line-height:30px;
	color:#333;
	font-family:"微软雅黑";
	font-size:16px;
	text-decoration:none;
}
.zp2 h a:hover{
	color:#333;
}
.zp2 span{
    width:100%;
	height:auto;
	margin-bottom:10px;
	font-size: 12px;
	color: #333333;
	font-weight: normal;
	font-family: "微软雅黑";
	line-height: 25px;
	word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 4; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/
	float:left;
}

.ykt1 {
    line-height:150%;
	color:#333;
	font-family:"微软雅黑";
	font-size:18px;
	font-weight:normal;
	text-align:left;
}
.ykt2 {
	line-height:150%;
	color:#333;
	font-family:"微软雅黑";
	font-size:14px;
	font-weight:normal;
	text-align:left;
}
.ykt3 {
	color:#003972;
	font-family:"微软雅黑";
	font-size:25px;
	font-weight:bold;
}
.ykt4 {
	color:#003972;
	font-family:"微软雅黑";
	font-size:18px;
	font-weight:bold;
}

.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像素*/
}
 .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像素*/
}
.san {
	font-size:14px;
}
.anm1 a {
	width:80%;
	padding-left:2%;
	padding-right:2%;
	font-size:12px;
}
.productd .showw .cl {
 width:100%;
 margin-bottom:5%;
}
.productd .showw .cr {
 width:100%;
 height:auto;
 margin-bottom:5%;
 float:right;
 clear:right;
}
.productd .showw .cr h{
 font-size:16px;
}
.productd .showw .cr h2{
 font-size:12px;
}
.productd .showw .cr h3{
 font-size:16px;
}
.productd .ti {
 width:100%;
 height:auto;
 margin-top:3%;
 margin-bottom:3%;
 float:right;
 clear:right;
}
.productd .con {
	font-size:12px;
}
.productd .showw .cll {
display:block;/*此元素将显示为块级元素*/
}
.tsr a {
    font-size: 14px;
	padding: 0 5px;
    margin: 3px 3px;
}
 .con {
max-width:720px;   /*最大宽度720像素*/
}
.con_l2{
display:none;/*此元素不会被显示*/
}
.con_l {
	float:left;
	width:100%;
	background:#FFF;
	margin-bottom:5%;
}
.con_l .box {
    width:99%;
	height:auto;
	border:#ccc solid 1px;
	overflow:hidden;
	clear:left;
}
.con_l .box h2 {
    padding-top:2%;
	padding-bottom:2%;
	font-size:16px;
}
.con_l .box ul {
    width:100%;
	padding:0px;
	float:left;
}
.con_l .box ul li {
    width:45%;
    height:40px;
	margin-right:5%;
	border-bottom:1px solid #ddd;
	float:left;
}
.con_l .box ul li a {
	display:block;
	color:#333;
	line-height:40px;
	font-weight:normal;
	font-size:14px;
	text-decoration:none;
	width:85%;
	padding-left:15%;
	background-color: #fff;
	background-image: url(../images/pic28.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.con_l .box ul li a:hover {
    color:#333;
	background:#fff url(../images/pic29.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
}
.con_l .box ul li a.current {
    color:#333;
	background:#fff url(../images/pic29.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
}

.con_l .box2 {
display:none;/*此元素不会被显示*/
}
 .con_r {
float:none;
width:100%;
}
.con_r .about {
	font-size:14px;
}
.gyt{
    width:80%;
	padding-top:0%;
	line-height:120%;
	font-size:14px;
}
.ti {
	font-size:16px;
}
.ti span{
	display:none;
}
.abl{
	width:100%;
	padding-left:0%;
	padding-right:0%;
}
.abl img{
	width:100%;
}
.abr{
	width:100%;
	padding-left:0%;
	padding-right:0%;
	font-size:12px;
	line-height:200%;
}
.abr h{
	font-size:16px;
	padding-bottom:1%;
	margin-bottom:1%;
	margin-top:1%;
	border-bottom:#ccc 1px dashed;
}
.abr h img{
    width:10%;
}
.abr h2{
	font-size:14px;
}
.news_content .title h2 {
	font-size:16px;
}
.news_content .title p{
	font-size:12px;
}
.news_content .news_nr {
	font-size:12px;
}
.np2 h{
	height:20px;
}
.np2 h a{
    font-size:14px;
	line-height:20px;
}
.np2 h2{
    width:100%;
	height:20px;
	font-size:12px;
	line-height:20px;
	float:left;
}
.np2 h3{
    width:100%;
	height:40px;
	font-size:12px;
	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;
}
.np2 h4{
	height:20px;
}
.np2 h4 a{
    font-size:12px;
	line-height:20px;
}
.np22 h{
	height:20px;
}
.np22 h a{
    font-size:14px;
	line-height:20px;
}
.np22 h2{
    width:100%;
	height:20px;
	font-size:12px;
	line-height:20px;
	float:left;
}
.np22 h3{
    width:100%;
	height:40px;
	font-size:12px;
	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;
}
.np22 h4{
	height:20px;
}
.np22 h4 a{
    font-size:12px;
	line-height:20px;
}
.fp2 h{
	height:25px;
	margin-bottom:2%;
}
.fp2 h img{
	margin-top:0px;
}
.fp2 h a{
    font-size:14px;
	line-height:25px;
}
.fp2 h3{
    width:100%;
	height:50px;
	line-height: 25px;
	word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 2; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/
	float:left;
}
.fp2 h4{
	height:20px;
}
.fp2 h4 a{
	line-height:20px;
}
.fnk span{
	display:block;
	width:17%;
	padding-left:2%;
	padding-right:4%;
	margin-left:0%;
	margin-right:2%;
	margin-bottom:1%;
	text-align:center;
	background-image:url(../images/zx.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	float:left;
}
.fnk a {
	font-size:14px;
}
.jj{
	width:42%;
	padding-left:4%;
	padding-right:4%;
	padding-top:2%;
	padding-bottom:2%;
}
.jj h{
	font-size:14px;
}
.jj h2{
	font-size:12px;
}
.fw{
	width:48%;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:2%;
}
.fw h{
	font-size:14px;
}
.fw h2{
    height:40px;
	font-size:12px;
	line-height:20px;
}
.dz{
	width:23%;
	padding-left:1%;
	padding-right:1%;
	padding-top:2%;
	padding-bottom:2%;
}
.dz h{
	font-size:14px;
}
.xw1{
	width:94%;
	padding:3%;
	margin-bottom:5%;
}
.xw1 h2 a{
	font-size:14px;
}
.xwk{
	width:100%;
}
.xw2 h{
	font-size:14px;
}
.xw2 h2{
	font-size:12px;
}
.xwc1{
	width:75%;
	margin-right:5%;
}
.xwc2{
	width:20%;
}
.xwc2 h{
	font-size:14px;
}
.xwc2 h2{
	font-size:12px;
}
.yu {
    width:98%;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:5%;
}
.yu1 {
    width:100%;
	margin-right:0%;
	margin-bottom:2%;
}
.yug {
    width:10%;
	margin-left:0%;
	padding-top:5%;
	text-align:center;
	float:left;
}
.yug img{
    max-width:60%;
}
.yu2 {
    width:90%;
	padding-top:5%;
	float:left;
}
.yu3 {
    width:90%;
	padding-top:5%;
	float:left;
}
.yu4 {
    width:100%;
	height:auto;
	margin-left:0%;
	float:left;
}
.yu2 h{
    height:30px;
	margin-top:0px;
	margin-bottom:0px;
	font-size:20px;
	line-height:30px;
}
.yu2 span{
	margin-top:0px;
	margin-bottom:0px;
	font-size:16px;
	line-height:30px;
}
.yu3 h{
    height:30px;
	margin-top:0px;
	margin-bottom:0px;
	font-size:20px;
	line-height:30px;
}
.yu3 span{
	margin-top:0px;
	margin-bottom:0px;
	font-size:16px;
	line-height:30px;
}
.sm {
	width:40%;
	padding-left:5%;
	padding-right:5%;
	margin-bottom:5%;
}
.smt h{
	font-size:18px;
}
.smt span{
	font-size:12px;
}
.smt2{
	font-size:12px;
}
.sm h2{
	font-size:12px;
}
.lx {
    width:100%;
	font-size:12px;
}
.lxt {
    width:100%;
	font-size:12px;
}
.lxg {
    width:0%;
}
 .foot {
text-align:center;
}
 .foot .foot_t {
width:100%;
}
.foot .foot_tl {
    float:left;
	width:100%;
	font-size:12px;
	line-height:20px;
}
.foot .foot_tl img{
	max-width:100%;
	margin-top:0%;
}
.foot .foot_tm {
	float:left;
	width:100%;
	margin-bottom:2%;
	margin-left:0%;
	margin-right:0%;
	padding-left:0%;
	padding-right:0%;
	border-left:#299DFC solid 0px;
	border-right:#299DFC solid 0px;
	font-size:12px;
	line-height:25px;
}
.foot .foot_tr {
    float:left;
	width:100%;
	line-height:20px;
	font-size:12px;
}
.foot .foot_tr a{
	line-height:20px;
	font-size:12px;
}
.gun_g li{ width:2.9%; margin:0 0.3% 0 0;}
.gun_g li font{ font-size:12px; margin-bottom:2%;}
.gun2_g li{ width:2.9%; margin:0 0.3% 0 0;}
.gun2_g li font{ font-size:12px; margin:0px;}
}

/*媒体查询代码，表示只有在屏幕尺寸小于720像素的时候才会应用下面的样式*/
 @media screen and (max-width: 720px) {
 .top {
display:block;/*此元素将显示为块级元素*/
}
 .lobbox .box {
max-width:520px;   /*最大宽度520像素*/
}
 .lobbox {
width:100%;
height:60px;
position:static;
}
 .lobbox .box {
border-radius:0;
}
.lobbox .box h1 {
	float:left;
	width:70%;
}
 .dqwz .box {
max-width:520px;   /*最大宽度520像素*/
}
.banner {
margin-top:0px;
padding-top:0px;
max-width:100%; 
}
 .content {
max-width:520px;  /*最大宽度520像素*/
}
.protext2 a{
	font-size:14px;
}
.ztit {
	font-size:22px;
}
 .ys {
display:none;/*此元素不会被显示*/
}
 .ys2 {
display:block;/*此元素将显示为块级元素*/
}

.z1 {
    width:100%;
	height:auto;
	float:left;
}
.z2 {
    width:100%;
	height:auto;
	float:left;
}
.zp2 {
    width:60%;
	height:auto;
	margin-bottom:10px;
	float:left;
}
.zp2 h{
    width:100%;
	height:30px;
	float:left;
	display:block; 
	overflow:hidden; 
	text-overflow:ellipsis; 
	white-space:nowrap;
}
.zp2 h a{
	line-height:30px;
	color:#333;
	font-family:"微软雅黑";
	font-size:16px;
	text-decoration:none;
}
.zp2 h a:hover{
	color:#333;
}
.zp2 span{
    width:100%;
	height:auto;
	margin-bottom:10px;
	font-size: 12px;
	color: #333333;
	font-weight: normal;
	font-family: "微软雅黑";
	line-height: 25px;
	word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 2; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/
	float:left;
}
.hz{
	width:48%;
	height:auto;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:1%;
	float:left;
}
.prowai{
	width:48%;
	height:auto;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:2%;
	float:left;
}
.prowai2{
	width:48%;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:2%;
}
.zs{
	width:48%;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:2%;
}
.zst {
	margin-top:1%;
	margin-bottom:1%;
	font-size:12px;
}
.ts{
	width:31.333333%;
	height:auto;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:4%;
	float:left;
}
.tsp img{
	max-width:60%;
}
.sy{
	width:48%;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:2%;
}
.syt a{
	font-size:12px;
}
.syt2 a{
	font-size:12px;
}
.sy2{
	width:48%;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:2%;
}
.ty{
	width:48%;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:2%;
}
.tyt {
	font-size:16px;
}
.ty2{
	width:48%;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:2%;
}
.ty2t {
	font-size:16px;
}
.ty2t2 {
	width:80%;
	height:120px;
	padding-left:10%;
	padding-right:10%;
	padding-top:5%;
	padding-bottom:5%;
	text-align:center;
	color:#333;
	font-family:"微软雅黑";
	font-size:12px;
	font-weight:normal;
	line-height:20px;
	background-color:#eee;
	float:left;
	word-break: break-word;
    text-overflow: ellipsis;
    display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 6; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/
}
.vs{
	width:96%;
	height:auto;
	margin-left:2%;
	margin-right:2%;
	margin-bottom:4%;
	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%;
}
.yy {
    width:43%;
	height:auto;
	margin:1%;
	padding:2%;
	border:1px solid #ccc;
	box-shadow:0px 0px  9px 3px #ccc;
	float:left;
}
.yy2 h{
	font-size:16px;
}
.yy2 span{
    height:60px;
	font-size:12px;
	line-height:20px;
}
 .con {
max-width:520px;   /*最大宽度520像素*/
}
 .con2_l .box{
display:none;/*此元素不会被显示*/
}
 .con_r {
float:none;
width:100%;
margin-top:3%;
}
.con_r .contact {
 padding:0%;
 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;
}
.rt {
	width:31.333%;
	margin-left:1%;
	margin-right:1%;
}

.rt:nth-child(4) {
	clear: both;/*清除第三个rt栏目的浮动，让它自动换行*/
}
.rt2 {
	width:31.333%;
	margin-left:1%;
	margin-right:1%;
}
.rt h4 {
	color:#fff;
	font-size:14px;
	font-family:"微软雅黑";
	height:40px;
	line-height:40px;
	font-weight:normal;
	padding:0px;
	margin:0px;
	float:left;
	display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.rt2 h4 {
	color:#fff;
	font-size:14px;
	font-family:"微软雅黑";
	height:40px;
	line-height:40px;
	font-weight:normal;
	padding:0px;
	margin:0px;
	float:left;
	display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.yug {
	padding-top:1%;
}
.yu2 {
	padding-top:1%;
}
.yu3 {
	padding-top:1%;
}
.yu2 h{
    height:30px;
	margin-top:5px;
	margin-bottom:0px;
	font-size:16px;
	line-height:30px;
}
.yu2 span{
	margin-top:0px;
	margin-bottom:0px;
	font-size:12px;
	line-height:30px;
}
.yu3 h{
    height:30px;
	margin-top:5px;
	margin-bottom:0px;
	font-size:16px;
	line-height:30px;
}
.yu3 span{
	margin-top:0px;
	margin-bottom:0px;
	font-size:12px;
	line-height:30px;
}
 .foot_b .logo {
display:none;/*此元素不会被显示*/
}
 .foot_b .foot_b_r {
float:none;
width:100%;
padding-top:3%;
}
.vk {
	width:100%;
	height:300px;
}
.maint {
    width:75%;
	height:293px;
}
.tabk {
    width:25%;
	height:293px;
}
.neir {
	width:100%;
	height:293px;
}
.tabk ul{
	margin-top:5%;
}
.tabk ul li span{
	padding:2%;
	margin-top:1%;
	margin-bottom:1%;
	margin-left:5%;
	margin-right:5%;
	font-size:12px;
}
.gun_g li{ width:3.95%; margin:0 0.3% 0 0;}
.gun2_g li{ width:3.95%; margin:0 0.3% 0 0;}
}

/*媒体查询代码，表示只有在屏幕尺寸小于520像素的时候才会应用下面的样式*/
 @media screen and (max-width: 520px) {
.lobbox .box h1 {
	width:80%;
}
.lk {
    width:20%;
	padding-top:4.2%;
}
.lk2 {
    width:75%;
    padding-top:7.5%;
	padding-left:4%;
	font-size:12px;
}
.lk2 span{
	font-size:14px;
}
.banner_pc {
display:none;/*此元素不会被显示*/
}
 .banner_sj {
display:block;/*此元素将显示为块级元素，表示此元素单独占据位置，前后会带有换行符，其他元素跟他在同一行的会被迫换行，挤到下一行那里去*/
}
.banner {
margin-top:0px;
padding-top:0px;
max-width:100%;
}
 .content {
max-width:360px;  /*最大宽度360像素*/
}
 .ys {
display:none;/*此元素不会被显示*/
}
 .ys2 {
display:block;/*此元素将显示为块级元素*/
}
 .qqbox {
display:none;/*此元素不会被显示*/
}
 .dqwz .box {
padding:0 5%;
}
 .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 {
max-width:360px;   /*最大宽度360像素*/
}
.con_r .contact {
 padding:2%;
 font-size:14px;
}
.con_r .contact .pic {
display:none;/*此元素不会被显示*/
}
.top .box1 {
	display:none;/*此元素不会被显示*/
}
.top .box2 {
	width:100%;
}
.cndns-right {
	display:none;/*此元素不会被显示*/
}
.inti2 h{
    font-size:20px;
	height:20px;
	line-height:20px;
}
.yy2 h{
    height:20px;
	margin-top:0px;
	margin-bottom:0px;
	font-size:14px;
	line-height:20px;
}
.yy2 span{
	margin-top:0px;
	margin-bottom:0px;
	font-size:12px;
	line-height:20px;
}
.np2 h3{
    width:100%;
	height:20px;
	line-height: 20px;
	word-break: break-word;
    text-overflow: ellipsis;
    display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 1; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/
	float:left;
}
.np22 h3{
    width:100%;
	height:20px;
	line-height: 20px;
	word-break: break-word;
    text-overflow: ellipsis;
    display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 1; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/
	float:left;
}
.fp2 h3{
    width:100%;
	height:25px;
	line-height: 25px;
	word-break: break-word;
    text-overflow: ellipsis;
    display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 1; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/
	float:left;
}
.lti {
	width:98%;
	margin-left:1%;
	margin-right:1%;
}
.ltit {
	width:98%;
	margin-left:1%;
	margin-right:1%;
	font-size:14px;
}
.ltit a{
	font-size:12px;
	line-height:20px;
}
 .ckt {
max-width:520px;  /*最大宽度520像素*/
}
.vk {
	width:100%;
	height:250px;
}
.yu2 h{
    height:20px;
	margin-top:0px;
	margin-bottom:0px;
	font-size:14px;
	line-height:20px;
}
.yu2 span{
	margin-top:0px;
	margin-bottom:0px;
	font-size:12px;
	line-height:20px;
}
.yug {
	padding-top:0%;
}
.yu2 {
	padding-top:0%;
}
.yu3 {
	padding-top:0%;
}
.yu2 h{
    height:20px;
	margin-top:0px;
	margin-bottom:0px;
	font-size:16px;
	line-height:20px;
}
.yu2 span{
	margin-top:0px;
	margin-bottom:0px;
	font-size:12px;
	line-height:20px;
}
.yu3 h{
    height:20px;
	margin-top:0px;
	margin-bottom:0px;
	font-size:14px;
	line-height:20px;
}
.yu3 span{
	margin-top:0px;
	margin-bottom:0px;
	font-size:12px;
	line-height:20px;
}.maint {
    width:75%;
	height:203px;
}
.tabk {
    width:25%;
	height:203px;
}
.neir {
	width:100%;
	height:203px;
}
.tabk ul{
	margin-top:5%;
}
.tabk ul li span{
	padding:2%;
	margin-top:1%;
	margin-bottom:1%;
	margin-left:5%;
	margin-right:5%;
	font-size:12px;
}
.gun_g li{ width:6.1%; margin:0 0.2% 0 0;}
.gun2_g li{ width:6.1%; margin:0 0.3% 0 0;}
}