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

/*媒体查询代码，表示只有在屏幕尺寸小于1700像素的时候才会应用下面的样式*/
@media screen and (max-width: 1700px) {
.gu {
	width:90%;
	padding-left:5%;
	padding-right:5%;
	margin:0px auto;
}
.lobbox2 .box .nav .m{
	margin-left:3.2%;
}
.lobbox2 .box .nav .m .sub{
	position:absolute;  /*加绝对定位！*/
	top:100px;  /*顶部距离*/
	left:-10%;   /*左侧零距离！*/
	z-index:1;
	width: 120%; /* width: calc(var(--vw) * 100); */ 
    text-align:center;   /*菜单居中！*/
    display:none;  /*菜单初始隐藏*/
	padding-top:30px;
	padding-bottom:30px;
	border-top:#ddd solid 1px;
	border-bottom:#ddd solid 3px;
	background:rgba(255,255,255,1.0);
    background:#fff 100;/*CSS Hack,只能对ie9以下浏览器ie6,ie7,ie8有效，否侧ie10,FF,Cherome会失去透明效果*/  
    filter:Alpha(opacity=100);/*只对ie7,ie8有效*/ 
}
.lobbox2 .box .nav h3 a{
	font-size:18px;
}
.content {
	max-width:90%;
}
.con {
	max-width:90%;
}
.ck {
	max-width:90%;
}
.bank o{
    width:90%;
}
.bank2 o{
    width:90%;
}
.abl {
	font-size: 20px;
	line-height: 170%;
}
.np2 h{
	height:auto;
}
.xwk2{
	padding-bottom:1%;
	margin-bottom:2%;
}
.fen {
	max-width:74%;
}
.fen2 {
	max-width:74%;
}
.fen2 a {
    width: 46%;
    height:50px;
    margin-left: 2%;
    margin-right: 2%;
    font-size: 20px;
    line-height:25px;
    padding-bottom:0.5%; 
	margin-bottom:0.5%; 
}

}

/*媒体查询代码，表示只有在屏幕尺寸小于1600像素的时候才会应用下面的样式*/
@media screen and (max-width: 1600px) {
.abl {
	font-size: 20px;
	line-height: 140%;
}
.wy p span{
	margin-top:1%;
}
.wy img{
	height:250px;
}

.xwk2{
	padding-bottom:2%;
	margin-bottom:3%;
}
.xwc1{
	width:67%;
	margin-left:3%;
}
.xw2{
	margin-bottom:2%;
}
.xw2 h{
	margin-top:2%;
	margin-bottom:2%;
	font-size:20px;
	line-height:25px;
}
.xw2 h2{
	height:50px;
	font-size:18px;
	line-height:25px;
    -webkit-line-clamp: 2;
}

}

/*媒体查询代码，表示只有在屏幕尺寸小于1550像素的时候才会应用下面的样式*/
@media screen and (max-width: 1550px) {
.xwk2{
	padding-bottom:1%;
	margin-bottom:2%;
}

}

/*媒体查询代码，表示只有在屏幕尺寸小于1500像素的时候才会应用下面的样式*/
@media screen and (max-width: 1500px) {
.lobbox .box h1{
	width:14%;
}
.lobbox .naverbox2{
	width:86%;
}
.lobbox2 .box .nav{
    display: flex;
    justify-content: flex-end;
}
.lobbox2 .box .nav .m {
    margin-left: 3.2%;
}
.lobbox2 .box .nav h3 a{
	font-size:16px;
}

.yy p{
	font-size:25px;
}
.yy p span{
	font-size:18px;
	width:90%;
}
.yy2 p{
	font-size:25px;
	top:24%;
}
.yy2 p span{
	font-size:18px;
}
.yy3 p{
	font-size:25px;
	top:18%;
}
.yy3 p span{
	font-size:18px;
}

.abl {
	font-size: 20px;
	line-height: 120%;
}
.abl h{
	font-size:40px;
}
.abl h2{
	font-size:20px;
	line-height:45px;
}
.abr {
	width:50%;
}
.sbl {
	width:55%;
	margin-right:5%;
}
.sbl h{
	font-size:40px;
}
.sbl h2{
	font-size:20px;
	line-height:45px;
}
.sbr {
	width:40%;
}

.wy img{
	height:260px;
}
.xwk2{
	padding-bottom:3%;
	margin-bottom:3%;
}
.xwc1{
	width:67%;
	margin-left:3%;
}
.xw2{
	margin-bottom:1%;
}
.xw2 h{
	margin-top:0%;
	margin-bottom:1%;
	font-size:20px;
	line-height:25px;
}
.xw2 h2{
	height:50px;
	font-size:18px;
	line-height:25px;
    -webkit-line-clamp: 2;
}

.gun_k .pre{ left:-50px;}
.gun_k .next{ right:-50px;}
}
/*媒体查询代码，表示只有在屏幕尺寸小于1450像素的时候才会应用下面的样式*/
@media screen and (max-width: 1450px) {
.xwk2{
	padding-bottom:0%;
	margin-bottom:2%;
}    
}
/*媒体查询代码，表示只有在屏幕尺寸小于1400像素的时候才会应用下面的样式*/
@media screen and (max-width: 1400px) {
.lobbox .box h1{
	margin-top:0.5%;
}
.abl {
	font-size: 18px;
	line-height: 120%;
}
}

/*媒体查询代码，表示只有在屏幕尺寸小于1300像素的时候才会应用下面的样式*/
@media screen and (max-width: 1300px) {
.abl {
	font-size: 18px;
	line-height: 120%;
}
}

/*媒体查询代码，表示只有在屏幕尺寸小于1200像素的时候才会应用下面的样式*/
@media screen and (max-width: 1200px) {
.lobbox2 .box .nav h3 a{
	font-size:14px;
}
.lobbox .box h1{
	margin-top:1.5%;
}
.abl {
	font-size: 18px;
	line-height: 115%;
}
.xwk2{
	padding-bottom:2%;
	margin-bottom:3%;
}
.xwc1{
	width:67%;
	margin-left:3%;
}
.xw2{
	margin-bottom:1%;
}
.xw2 h{
	margin-top:0%;
	margin-bottom:1%;
	font-size:16px;
	line-height:20px;
}
.xw2 h2{
	height:40px;
	font-size:16px;
	line-height:20px;
    -webkit-line-clamp: 2;
}
.xw2 h3{
	font-size:16px;
	margin-bottom:5px;
}

}


/*媒体查询代码，表示只有在屏幕尺寸小于1100像素的时候才会应用下面的样式*/
@media screen and (max-width: 1100px) {
.abl {
	font-size: 18px;
	line-height: 100%;
}

}

/*媒体查询代码，表示只有在屏幕尺寸小于1050像素的时候才会应用下面的样式*/
@media screen and (max-width: 1050px) {
.xwk2{
	padding-bottom:2%;
	margin-bottom:3%;
}
.xwc1{
	width:67%;
	margin-left:3%;
}
.xw2{
	margin-bottom:1%;
}
.xw2 h{
	margin-top:0%;
	margin-bottom:1%;
	font-size:16px;
	line-height:20px;
}
.xw2 h2{
	height:40px;
	font-size:16px;
	line-height:20px;
    -webkit-line-clamp: 2;
}
.xw2 h3{
	font-size:16px;
	margin-bottom:5px;
}

}

/*媒体查询代码，表示只有在屏幕尺寸小于1000像素的时候才会应用下面的样式*/
@media screen and (max-width: 1000px) {
.top a{
	font-size: 14px;
}
 .top .box {
max-width:720px; /*最大宽度720像素*/
}
 .lobbox .box {
max-width:720px; /*最大宽度720像素*/
height:auto;
}
.lobbox .box h1 {
    margin-top:0%;
	padding-left:5px;
	padding-top:0px;
	width:30%;
	height:auto;
}
 .lobbox {
width:100%;
position:static;
}
 .lobbox .nav {
display:none;/*此元素不会被显示*/
}
 .lobbox2 {
display:none;/*此元素不会被显示*/
}
 .lobbox .naverbox {
display:block; /*此元素将显示为块级元素，表示此元素单独占据位置，前后会带有换行符，其他元素跟他在同一行的会被迫换行，挤到下一行那里去*/
float:right;
}
 .lobbox .naverbox .btn {
height:45px;
padding-top:15px;
}
 .lobbox .naverbox .btn span {
display: inline-block; /*将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内，允许空格*/
width:60px;
height: 45px;
color: #333;
background:url(../images/icon.png) no-repeat center;
background-size: 60px 45px;
cursor: pointer;
}
.flexslider {
 position:relative;
 margin-top:0px;
 padding-top:0px;
}
 .sidebar {
display:none;
}
 .sidebar-wrapper {
position: relative;
height: 100%;
overflow: auto;
}
 #dowebok {
display:block; /*此元素将显示为块级元素，表示此元素单独占据位置，前后会带有换行符，其他元素跟他在同一行的会被迫换行，挤到下一行那里去*/
}
 #dowebok .naver {
}
 #dowebok .naver li {
position:relative;
background:#1E35CD;
}
 #dowebok .naver li p.active span, #dowebok .naver li p.you span {
position:absolute;
right:0px;
top:0px;
width:50px;
height:50px;
background:#1E35CD 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:#999 url(../images/pic21.png) no-repeat center;
}
 #dowebok .naver li p {
line-height: 50px;
}
 #dowebok .naver li p img{
vertical-align: middle;
}
 #dowebok .naver li p a {
display: block;
padding: 0 20px;
color: #fff;
text-decoration: none;
text-transform: uppercase;
}
 #dowebok .naver li p:hover {
color: #333;
background-color:#999;
}
 #dowebok .naver li dl {
line-height:normal;
display:none;/*此元素不会被显示*/
}
 #dowebok .naver li dl a {
color:#fff;
display:block; /*此元素将显示为块级元素，表示此元素单独占据位置，前后会带有换行符，其他元素跟他在同一行的会被迫换行，挤到下一行那里去*/
text-decoration:none;
margin-top:10px;
margin-bottom:10px;
padding-left:10px;
padding-right:10px;
padding-top:5px;
padding-bottom:5px;
}
 #dowebok .naver li dl a:hover {
color:#333;
display:block; /*此元素将显示为块级元素，表示此元素单独占据位置，前后会带有换行符，其他元素跟他在同一行的会被迫换行，挤到下一行那里去*/
background:#ccc;
text-decoration:none;
}
 [data-simplersidebar='active'] {
}
.ban {
	width:100%;
	padding-top:50px;
	margin-top:0px;
	margin-bottom:3%;
	margin-left: auto;
	margin-right: auto;
}
.banner {
margin-top:0px;
padding-top:70px;
max-width:100%;
}
.banner p{
	bottom:28%;
}
.bank {
	padding-top:70px;
	position: static;
}
.bank img {
	width:0%;
}
.bank o{
    width:100%;
	position: static;
	float:left;
	top:0%; /** 位移居中 **/
	left:0%; /** 位移居中 **/
	-webkit-transform: translate(-0%, -0%); /** 位移居中 **/
    transform: translate(-0%, -0%); /** 位移居中 **/
}
.bank2 {
	padding-top:70px;
	position: static;
}
.bank2 o{
    width:100%;
	position: static;
	float:left;
	top:0%; /** 位移居中 **/
	left:0%; /** 位移居中 **/
	-webkit-transform: translate(-0%, -0%); /** 位移居中 **/
    transform: translate(-0%, -0%); /** 位移居中 **/
}

.bt1{
	font-size:18px;
}
.bt2{
	font-size:14px;
}
.hock{
	width:100%;
	height:480px;
	float:left;
}
.yy p span{
	width:50%;
}
 .content {
max-width:720px; /*最大宽度720像素*/
}
 .cbt {
max-width:720px; /*最大宽度720像素*/
display: flex;
flex-direction: row; /* 水平排列 */
flex-wrap: wrap-reverse; /* 倒序排列 */
}
 .ck {
max-width:720px; /*最大宽度720像素*/
}
 .cf {
max-width:720px; /*最大宽度720像素*/
}
.mi {
	font-size:14px;
}
.mi a{
	font-size:14px;
}
.mi span{
	font-size:14px;
}
.inti{
	margin-top:5%;
}
.inti h{
	font-size:18px;
}
.inti h2{
    width:100%;
	font-size:14px;
}
.inti o{
	font-size:18px;
}
.ati h{
	font-size:16px;
}
.ati h2{
	font-size:14px;
}
.abl {
	width:100%;
	margin-right:0%;
	margin-bottom:5%;
	font-size:14px;
}
.abl h{
    margin-top:6%;
	margin-bottom:2%;
	font-size:18px;
}
.abl h2{
    min-height:auto;
    margin-bottom:2%;
	font-size:14px;
	line-height:20px;
}
.abr {
	width:100%;
	background-image: url(../images/cbg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% 100%;
}

.csl {
	width:100%;
	margin-right:0%;
	margin-bottom:2%;
}
.csl h{
	margin-top:0%;
	margin-bottom:2%;
	line-height:120%;
	font-size:14px;
}
.csl h2 span a{
	font-size:14px;
}
.csr {
	width:100%;
}

.kav {
	width:100%;
	margin-right:0%;
	margin-bottom:2%;
    position: static;
}
.kav h{
	margin-top:0%;
	margin-bottom:2%;
	line-height:120%;
	font-size:14px;
}
.kav h2 span{
	width:50%;
	height:40px;
}
.kav h2 span a{
	font-size:14px;
}
.content-container {
	width:100%;
}

.sbl {
	width:100%;
	margin-right:0%;
	margin-bottom:5%;
}
.sbl h{
    margin-top:6%;
	margin-bottom:2%;
	font-size:18px;
	color:#333;
}
.sbl h2{
    margin-bottom:2%;
	font-size:14px;
	color:#666;
	line-height:20px;
}
.whl {
	width:100%;
	margin-right:0%;
	margin-bottom:5%;
	padding-top:0%;
}
.whl h{
	font-size:14px;
	margin-bottom:1%;
}
.whl h o{
	font-size:14px;
}
.whr {
	width:100%;
}
.js {
	width:100%;
}
.js h{
	font-size:14px;
}
.js h2{
	font-size:14px;
	line-height:150%;
}
.bank3 {
	display: flex;
    justify-content: center;  /* 水平居中 */
}
.bank3 img {
	width:800px;
    max-height:50%;
}
.bank3 o{
	top:5%;
	left:0%;
}
.jbl {
	width:90%;
}
.jbl h{
	padding-bottom:4%;
	margin-bottom:2%;
	font-size:18px;
	color:#fff;
}
.jbl h2{
    color:#fff;
	font-size:14px;
	line-height:15px;
    -webkit-line-clamp: 100; /** 显示的行数 **/
}

.sm {
	width:33.333333%;
	margin-bottom:2%;
}
.smt h{
	font-size:18px;
}
.smt span{
	font-size:14px;
}
.smt2{
	font-size:14px;
}
.xl{
	width:98%;
	padding:0.5%;
	margin-left:0.5%;
	margin-right:0.5%;
	margin-bottom:2%;
}
.xlt h{
	font-size:16px;
}
.xlt h2{
	font-size:14px;
}
.xlt h3{
    height:80px;
	line-height:20px;
	font-size:14px;
}
.tj{
	width:44%;
	padding:2%;
	margin:1%;
}
.tjt {
	font-size:14px;
}
.inz{
	width:100%;
}
.inz span h{
	font-size:16px;
	margin-bottom:0%;
}
.tabk {
	margin-bottom:2%;
}
.tabk ul li {
    width:31.333333%;
	margin-left:1%;
	margin-right:1%;
	padding-bottom:1%;
    font-size:14px;
}
.xw{
	width:48%;
	margin:1%;
}
.xwt h{
    margin-top:2%;
	margin-bottom:2%;
	padding-bottom:1%;
	font-size:14px;
}
.xwt h2{
	width:100%;
	height:20px;
	margin-bottom:2%;
	text-align:left;
	line-height:20px;
	color:#666;
	font-family:"微软雅黑";
	font-size:14px;
	text-decoration:none;
	float:left;
	word-break: break-word;
    text-overflow: ellipsis;
    display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 1; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/
}
.xwt h3{
	font-size:14px;
}
.xw2{
	width:96%;
	margin-left:2%;
	margin-right:2%;
	margin-bottom:4%;
}
.xw2t h{
    margin-top:2%;
	margin-bottom:2%;
	padding-bottom:1%;
	font-size:14px;
}
.xw2t h2{
	width:100%;
	height:20px;
	margin-bottom:2%;
	text-align:left;
	line-height:20px;
	color:#666;
	font-family:"微软雅黑";
	font-size:14px;
	text-decoration:none;
	float:left;
	word-break: break-word;
    text-overflow: ellipsis;
    display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 1; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/
}
.xw2t h3{
	font-size:14px;
}
.sw{
	width:48%;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:2%;
	float:none;
	display:inline-block;
}
.swt h{
	height:auto;
	margin-bottom:0%;
	line-height:20px;
	font-size:14px;
	font-weight:normal;
	-webkit-line-clamp: 5; 
}
.swt h2{
	font-size:14px;
}
.zs{
	width:46%;
	margin-left:2%;
	margin-right:2%;
	margin-bottom:4%;
}
.zst h{
    margin-top:2%;
	margin-bottom:2%;
	padding-bottom:1%;
	font-size:14px;
}
.zst h2{
	width:100%;
	height:20px;
	margin-bottom:2%;
	text-align:left;
	line-height:20px;
	color:#999;
	font-family:"微软雅黑";
	font-size:14px;
	text-decoration:none;
	float:left;
	word-break: break-word;
    text-overflow: ellipsis;
    display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 1; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/
}
.re{
    width:48%;
	margin:0.4%;
	border:#fff solid 1px;
}
.re:hover p{
	padding-top:35%;
	font-size:14px;
}
.kh{
    width:29.6%;
}
.pp{
    width:20%;
	margin-left:15%;
	margin-right:15%;
	margin-bottom:4%;
}
.pp h{
	margin-top:0%;
}
.pp h a{
    font-size:14px;
}
.ybl {
	width:100%;
	margin-right:0%;
	margin-bottom:1.4%;
}
.ybr {
	width:100%;
}
.ybg {
	width:100%;
	height:8px;
}

.wy{
    width:97%;
	margin:1.5%;
}
.wy p{
    width:92%;
    padding:4%;
	font-size:14px;
}
.wy p span{
	font-size:14px;
	font-weight:normal;
	line-height:15px;
	margin-top:2%;
}
.zp {
    width:48%;
	margin-left:1%;
	margin-right:1%;
}
.zpg {
    width:0%;
}
.zpp p{
	padding:2%;
	font-size:14px;
}
.zpp img{
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}
.zpt{
    width:90%;
	padding:5%;
}
.zpt h{
	margin-bottom:3%;
	font-size:14px;
}
.zpt h2{
	margin-bottom:3%;
}
.zpt h2 a{
	height:40px;
	font-size: 14px;
	line-height: 20px;
    -webkit-line-clamp: 2; 
}
.zpt h2 a:hover{
	color:#1E35CD;
}
.zpt h3{
	height:80px;
	font-size:14px;
	line-height:20px;
	margin-bottom:3%;
    -webkit-line-clamp:4;
}
.zpt h4{
	padding-top:3%;
}
.zpt h4 a{
	font-size:14px;
}
.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像素*/
}
 .dqwz2 {
font-size:20px;
}

 .dqwz3 .box {
max-width:720px;  /*最大宽度720像素*/
}
.dqwz3 .box a{
	width:26.33333%;
	padding-left:5%;
	margin-left:2%;
	float:left;
}
.dqwz3 .box a:hover{
	width:26.33333%;
	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像素*/
}
.tsr a {
    font-size: 14px;
    line-height: 30px;
	margin-left:5%;
	margin-right:5%;
}
.er_list_nr a {
	font-size:14px;
	line-height:30px;
}
.er_list_nr a:hover {
	font-size:14px;
	line-height:30px;
}
.er_list_nr a.on {
	font-size:14px;
	line-height:30px;
}
.cy{
	width:100%;
}
.cy h{
    width:98%;
	margin:1%;
}
.cy h o{
	font-size:14px;
	line-height:30px;
}
.cy h2{
	width:98%;
	margin:1%;
}
.cy h2 o{
	font-size:14px;
	line-height:30px;
}
.cy h2 a{
    width:100px;
	height:30px;
	line-height:30px;
	font-size:14px;
}
.cy h2 o3{
    width:100px;
	height:30px;
	line-height:30px;
	font-size:14px;
}
.sr{
	font-size:14px;
	line-height:30px;
	margin-bottom:2%;
}
.sr2{
	font-size:14px;
	line-height:30px;
	margin-bottom:2%;
}

 .con {
max-width:720px;  /*最大宽度720像素*/
}
 .con_l {
float:none;
width:100%;
}
.con_l .box h2 {
    width:95%;
	padding-left:5%;
	padding-top:2%;
	padding-bottom:2%;
	font-size:14px;
}
.con_l .box ul {
    width:100%;
	padding:0px;
	float:left;
}
.con_l .box ul li {
    width:48%;
    height:30px;
	margin-right:2%;
	border-bottom:1px solid #ddd;
	background-color:#008CD6;
	float:left;
}
.con_l .box ul li a {
	color:#666;
	line-height:30px;
	font-weight:normal;
	font-size:14px;
	text-decoration:none;
	width:90%;
	padding-left:10%;
	background-color:#fff;
	display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.con_l .box2 {
	display:none;
}
 .con2_l {
float:none;
width:100%;
}
 .con_r {
float:none;
width:100%;
margin-top:3%;
clear:left;
}
.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;
}
.nti {
	font-size:14px;
}
.nti a {
	font-size:14px;
}
.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_t2 {
	font-size:14px;
}
.foot_t2 a{
	font-size:14px;
}
 .foot .foot_t {
width:100%;
}
.foot .foot_tl {
    float:left;
	width:100%;
}
.foot .foot_tm {
	width:80%;
	float:left;
}
.foot .foot_tr {
	width:20%;
	float:left;
}
.ft1 {
	width:100%;
	text-align:center;
}
.ft2 {
	width:100%;
	text-align:center;
}
.yk1 {
	width:100%;
}
.ykt1 {
	font-size:16px;
}
.ykt2 {
	font-size:14px;
}
.con_a  {
	font-size: 0px;
}
.con_a .about {
	font-size: 14px;
	line-height:150%;
}
.hp table td{font-size: 12px!important;}

.gti span{
	line-height:30px;
	font-size:14px;
}
.gg table td{font-size:14px!important; line-height:20px!important;}

.sx{
    width:49%;
	margin-top:0.5%;
	margin-bottom:0.5%;
	margin-left:0.5%;
	margin-right:0.5%;
	padding-top:0.5%;
	padding-bottom:0.5%;
	border-radius:50px;
	font-size: 14px;
}

.tx1 {
	font-size:14px;
}
.tx2 {
	font-size:14px;
}
.tx3 {
	font-size:14px;
}

.tix1 {
	font-size: 16px;
}
.lx1{
    width:100%;
	margin-right:0%;
	margin-bottom:2%;
}
.lx1 h{
	font-size: 16px;
	margin-bottom:2%;
}
.lx1 h2{
	margin-bottom:2%;
}
.lx1 h2 o2{
	font-size:14px;
	line-height:30px;
}
.lx2{
    width:100%;
}
.zc1{
    width:100%;
	margin-bottom:4%;
}
.zc1 h{
	font-size: 18px;
}
.zc1 h2{
	font-size: 14px;
}
.zc1 h3{
	font-size: 14px;
}
.zc1 h4{
	font-size: 14px;
}
.zc2{
    width:100%;
	font-size: 16px;
}
.zcg{
    width:0%;
}
.xw1:nth-child(2){
	display:none;
}
.xw1:nth-child(3){
	display:none;
}
.xw1{
	width:100%;
	margin-left: 0%;
	margin-right: 0%;
	margin-bottom:2%;
}
.xw1 h a{
    height:auto;
	font-size:16px;
}
.xw1 h2{
	font-size:14px;
}
.xw1 h3{
	font-size:14px;
}
.xwk{
	width:100%;
}
.xwk2{
	padding-bottom:1%;
	margin-bottom:3%;
	border-bottom:#ddd solid 0px;
}
.xwk2:nth-child(1) {
	display:none;
}
.xwk2:nth-child(2) {
	display:none;
}
.xwk2:nth-child(3) {
	display:none;
}
.xwc1{
	width:100%;
	margin-left:0%;
}
.xwc2{
	width:100%;
	margin-bottom:4%;
}
.xw2 h{
    margin-top:0%;
	font-size:14px;
	line-height:20px;
	margin-bottom:0%;
}
.xw2 h2{
    height:40px;
    text-align:left;
	font-size:14px;
	line-height:20px;
	 -webkit-line-clamp: 2;
}
.xw2 h3{
    height:20px;
    margin-bottom:0px;
	font-size:14px;
	line-height:20px;
}
.np {
	border-bottom:#ccc dashed 0px;
	padding-bottom:1%;
	margin-bottom:5%;
}
.np1 {
    width:100%;
	margin-right:0%;
	margin-bottom:3%;
}
.np2 {
    width:100%;
}
.np2 h{
	height:auto;
	margin-bottom:1%;
}
.np2 h a{
    font-size: 14px;
	line-height:20px;
}
.np2 h2{
    width:100%;
	height:20px;
	margin-bottom:1%;
	font-size: 14px;
	line-height:20px;
	float:left;
}
.np2 h3{
    width:100%;
	height:40px;
	margin-bottom:1%;
	text-align:left;
	font-size: 14px;
	line-height: 20px;
	word-break: break-word;
    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: 14px;
	line-height:20px;
}

.mp {
	margin-bottom:5%;
}
.mp1 {
    width:100%;
	margin-right:0%;
	margin-bottom:2%;
}
.mp2 {
    width:100%;
}
.mp2 h{
	height:auto;
	margin-top:0%;
	margin-bottom:1%;
}
.mp2 h a{
    height:auto;
    text-align:left;
    font-size: 14px;
	line-height:20px;
	-webkit-line-clamp: 100;
}
.mp2 h2{
    width:100%;
	height:20px;
	margin-bottom:1%;
	font-size: 14px;
	line-height:20px;
	float:left;
}
.mp2 h3{
    width:100%;
	height:40px;
	margin-bottom:1%;
	font-size: 14px;
	line-height: 20px;
	word-break: break-word;
    text-overflow: ellipsis;
    display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 2; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/
}
.mp2 h4{
	height:20px;
}
.mp2 h4 a{
    font-size: 14px;
	line-height:20px;
}
.news_content {
    width:100%;
}
.news_content .title h2 {
	font-size:16px;
}
.news_content .title p {
	font-size:14px;
}
.news_content .news_nr {
	font-size:14px!important;
}
.news_content .news_nr p{
	font-size:12px!important;
}
.news_content .news_nr span{
	font-size:12px!important;
}
.anm a{
    width:100px;
	height:30px;
	line-height:30px;
	font-size: 14px;
}
.anm2 a{
    width:100px;
	height:30px;
	line-height:30px;
	font-size: 14px;
}

.productd .showw .cr h{
	font-size:18px;
}
.productd .showw .cr h2{
	font-size:14px;
}
.productd .showw .cr h3{
	font-size:16px;
}
.rt {
	width:46%;
	margin-left:0%;
	margin-right:4%;
	margin-bottom:5%;
	display:none;
}
.rt:nth-child(4) {
	clear: both;/*清除第三个rt栏目的浮动，让它自动换行*/
}
.rt:nth-child(3) ul{
	display:none;
}
.rt h4 a{
	font-size:16px;
}
.rt ul li a{
	font-size: 14px;
	line-height:25px;
}
.rt2 {
	width:46%;
	margin-right:4%;
	margin-bottom:5%;
}
.rt2 ul li{
	font-size: 14px;
	line-height:20px;
}
.rt2 ul li a{
	font-size: 14px;
	line-height:25px;
}
.rt2 h4 a{
	font-size:14px;
}
.rt3 {
	width:100%;
	margin-right:0%;
	margin-bottom:6%;
}
.rt3 ul img{
    max-width:30%;
}
.rt3 ul span o img{
	margin-top:6%;
}
.rt3 ul span o2{
    height:auto;
	font-size: 14px;
	line-height:20px;
}
.rt3 ul span o2 a{
	font-size: 14px;
	line-height:20px;
}
.rt ul li{
	font-size: 12px!important;
	line-height:25px;
}
.rt ul li a{
	font-size: 14px;
	line-height:25px;
}

.f_x {
	width:46%;
	margin-left:2%;
	margin-right:2%;
	margin-bottom:4%;
	float:left;
}
.f_x ul li a {
	font-size:14px;
	line-height:30px;
}
.f_x:nth-child(3) {
	clear: both;
}
.lx1{
    width:100%;
	margin-right:0%;
	font-size: 14px;
	margin-bottom:2%;
}
.lx2{
    width:100%;
	font-size: 16px;
	margin-bottom:2%;
}
.lx3{
	width:96%;
	padding:2%;
	font-size: 14px;
	margin-bottom:2%;
}
.cs{
	width:100%;
}
.cst h{
    margin-top:0%;
	font-size:14px;
}
.cst h2{
	font-size:14px;
	line-height:20px;
}
a.r4:link {
	font-size: 14px;
}
.lie table td{font-size:12px!important;}
.dat1 {
	font-size:14px;
}
.dat2 {
	font-size:14px;
}

.gun_g li{ width:48%; margin-left:1%; margin-right:1%;}
.gun_k .pre{ left:-0px;opacity:0.8;}
.gun_k .next{ right:-0px;opacity:0.8;}
.gun_g li h{ font-size:14px; line-height:20px; height:60px; -webkit-line-clamp:3;}
.gun_g li h2{ width:100%; padding-left:0%; padding-right:0%; font-size:14px; line-height:20px; -webkit-line-clamp: 2;}
.gun_g li h3{ font-size:14px;}
.gun_g li h4{ font-size:14px; line-height:20px; height:60px; -webkit-line-clamp: 3;}

.gun2_g li{ width:31.333333%; margin-left:1%; margin-right:1%;}
.gun2_k .pre2{ left:-0px;opacity:0.8;}
.gun2_k .next2{ right:-0px;opacity:0.8;}
.gun2_g li h{ font-size:14px;}
.gun2_g li h2{ width:100%; padding-left:0%; padding-right:0%; font-size:14px; line-height:20px; -webkit-line-clamp: 2;}
.gun2_g li h3{ font-size:14px; line-height:20px; height:60px; -webkit-line-clamp: 3;}
.gun2_g li h4{ font-size:14px;}
}

/*媒体查询代码，表示只有在屏幕尺寸小于720像素的时候才会应用下面的样式*/
 @media screen and (max-width: 720px) {
 .top {
display:block;/*此元素将显示为块级元素*/
}
 .ss {
display:none;
}
 .lobbox .box {
max-width:520px;   /*最大宽度520像素*/
background-color:#fff;
}
 .lobbox {
width:100%;
position:static;

}
 .lobbox .box {
border-radius:0;
}
.lobbox .box h1 {
	padding-left:5px;
	padding-top:0px;
	width:28%;
}
.prowai1{
	width:48%;
	height:auto;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:1%;
	float:left;
}
.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;
}
 .dqwz .box {
max-width:520px;   /*最大宽度520像素*/
}
 .dqwz2 .box {
max-width:520px;   /*最大宽度520像素*/
}
 .dqwz3 .box {
max-width:520px;   /*最大宽度520像素*/
}
.dqwz3 .box a{
	width:43%;
	padding-left:5%;
	margin-left:2%;
	float:left;
}
.dqwz3 .box a:hover{
	width:43%;
	padding-left:5%;
	margin-left:2%;
	float:left;
}
.banner {
margin-top:0px;
padding-top:50px;
max-width:100%;
}
.banner p{
	bottom:25%;
}
.bank {
margin-top:0px;
padding-top:50px;
max-width:100%;
}
.bank2 {
margin-top:0px;
padding-top:50px;
max-width:100%;
}
 .content {
max-width:520px;  /*最大宽度520像素*/
}
 .cbt {
max-width:520px;  /*最大宽度520像素*/
}
 .ck {
max-width:520px;  /*最大宽度520像素*/
}
 .cf {
max-width:520px;  /*最大宽度520像素*/
}
.prowai{
	width:96%;
	height:auto;
	margin-left:2%;
	margin-right:2%;
	margin-bottom:4%;
	float:left;
}
.prowais{
	width:48%;
	height:auto;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:1%;
	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:14px;
	font-weight:normal;
}
.prowai8{
	width:48%;
	height:auto;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:2%;
	float:left;
}
.ns{
	width:48%;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:2%;
}
.nst a{
	line-height:30px;
	font-size:14px;
}
.ms{
	width:48%;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:2%;
}
.mst{
	font-size:14px;
}
.mst a{
	font-size:14px;
}
.mst2{
	height:45px;
	line-height:15px;
	font-size:14px;
}
.mst3 {
	margin-top:4%;
}
.mst3 a{
	font-size:14px;
}
.ys{
	width:98%;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:2%;
}
.yst{
	font-size:14px;
	margin-top:2%;
	margin-bottom:2%;
}
.ks{
	width:48%;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:2%;
}
.kst a{
	font-size:14px;
}
.kst2{
	font-size:14px;
}
.kst3 {
	margin-top:4%;
}
.kst3 a{
	font-size:14px;
}
.ds{
	width:96%;
	padding-top:1%;
	padding-left:1%;
	padding-right:1%;
	padding-bottom:3%;
	margin-top:2%;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:2%;
}
.dst h o{
    width:8%;
    margin-right:2%;
	height:40px;
}
.dst h o2{
    width:90%;
    height:40px;
	font-size:15px;
	line-height:20px;
}
.dst h2{
    height:auto;
	font-size:14px;
	line-height:20px;
	-webkit-line-clamp: 100;
}
.dst h3{
	display:none;
}
.ds2{
	width:94%;
	padding-top:1%;
	padding-left:3%;
	padding-right:1%;
	padding-bottom:3%;
	margin-top:2%;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:2%;
}
.ds2p {
	width:15%;
	margin-right:5%;
}
.ds2t{
    width:100%;
}
.ds2t h{
    margin-top:0%;
}
.ds2t h o{
    width:8%;
    margin-right:2%;
	height:40px;
}
.ds2t h o2{
    width:90%;
    height:40px;
	font-size:15px;
	line-height:20px;
}
.ds2t h2{
    min-height:auto;
	font-size:14px;
	line-height:15px;
	-webkit-line-clamp: 100;
}
.ds2t h3{
    display:none;
}

.th{
	width:31.333333%;
	height:auto;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:2%;
	float:left;
}
.tht a{
	line-height:30px;
	font-size:14px;
}
 .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像素*/
}
.col-sm-1 {
	width:50%;
	float:left;
}
 .lobbox .naverbox .btn {
height:45px;
padding-top:0px;
}
.gun_g li{ width:48%; margin-left:1%; margin-right:1%;}
.gun2_g li{ width:48%; margin-left:1%; margin-right:1%;}
}

/*媒体查询代码，表示只有在屏幕尺寸小于520像素的时候才会应用下面的样式*/
 @media screen and (max-width: 520px) {
.top h{
	display:none;/*此元素不会被显示*/
}
.lobbox .box h1 {
	padding-left:5px;
	padding-top:0px;
	width:40%;
}
 .banner_pc {
display:none;/*此元素不会被显示*/
}
 .banner_sj {
padding-top:49px;
display:block;/*此元素将显示为块级元素，表示此元素单独占据位置，前后会带有换行符，其他元素跟他在同一行的会被迫换行，挤到下一行那里去*/
}
.banner {
margin-top:0px;
padding-top:50px;
max-width:100%;
}
.banner p{
	bottom:20%;
}
.bank {
margin-top:0px;
padding-top:50px;
max-width:100%;
}
.bank2 {
margin-top:0px;
padding-top:50px;
max-width:100%;
}
.bank3 {
	overflow-x:hidden;
}
.bank3 img {
	width:auto;
    height:450px;
}
 .content {
max-width:90%;  /*最大宽度360像素*/
}
 .cbt {
max-width:90%;  /*最大宽度360像素*/
}
 .ck {
max-width:90%;  /*最大宽度360像素*/
}
 .cf {
max-width:90%;  /*最大宽度360像素*/
}
 .dqwz .box {
padding:0 5%;
}
 .dqwz2 .box {
max-width:90%;   /*最大宽度360像素*/
}
.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%;
}
.page {
	font-size:14px;
	line-height: normal!important;
}
.page a {
	font-size:14px;
	line-height: normal!important;
}
.page a.on {
	font-size:14px;
	line-height: normal!important;
}
a.r1:link {
	font-size:14px;
}
 .con {
max-width:90%;   /*最大宽度360像素*/
}
.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:14px;
	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%;
}
.anm2{
    width:100px;
	height:20px;
	line-height:20px;
	font-size:14px;
}
.side {
	display:none;/*此元素不会被显示*/
}
.zd ul li a {
	font-size:14px;
}
.f_h ul li {
	font-size:14px;
	line-height:200%;
}
.dap {
	width:100%;
}
.dat {
	width:100%;
	margin-left:0%;
}
.yy img{
	padding-top:10%;
}
.yy p{
	font-size:16px;
}
.yy p span{
	width:100%;
}
.yy p span{
	font-size:14px;
}
.yy2 p{
	top:14%;
	font-size:16px;
}
.yy2 p span{
	font-size:14px;
}
.yy3 p{
	top:4%;
	font-size:16px;
}
.yy3 p span{
	font-size:14px;
}

.wy img{
	height:175px;
}
.toggle-btn {
    line-height:30px;
	font-size:14px;
}
.rt3 ul span o{
    width:6%;
	margin-right: 2%;
	height:18px;
	text-align:center;
}
.rt3 ul span o img{
	margin-top:0%;
	max-width:18px;
	height:18px;
	display: block;
}
.rt3 ul span o2{
    width:92%;
	font-size: 14px;
	line-height:20px;
}
body {
	zoom: 1 !important;
    transform: scale(1) !important;
}
.gun_g li{ width:98%!important; margin-left:1%; margin-right:1%;}
.gun2_g li{ width:48%; margin-left:1%; margin-right:1%;}
.gun_k .pre{ opacity:0.0;}
.gun_k .next{ opacity:0.0;}
.gun2_k .pre2{ opacity:0.0;}
.gun2_k .next2{ opacity:0.0;}
}