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

/* 平板电脑布局: 320px 至 374px。样式继承自: 移动设备布局。 */
@media (min-width: 320px) and (max-width:374px) {
	html,body{font-size:75%;}
	
}

/* 平板电脑布局:375px 至 413px。样式继承自: 移动设备布局。 */

@media (min-width: 375px) and (max-width:479px) {
	html,body{font-size:100%;}
}

/* 平板电脑布局:414px 至480px。样式继承自: 移动设备布局。 */
@media (min-width: 414px) and (max-width:479px) {
	html,body{font-size:100%;}

}

/* 桌面电脑布局: 481px 至最高 1232px。样式继承自: 移动设备布局和平板电脑布局。 */

@media (min-width: 480px) {
	html,body{font-size:150%;}

}

@font-face {
 font-family:'bookman_demi';
 src:url('fonts/bookman_demi-webfont.eot');
 src:url('fonts/bookman_demi-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/bookman_demi-webfont.woff') format('woff'), url('fonts/bookman_demi-webfont.ttf') format('truetype'), url('fonts/bookman_demi-webfont.svg#bookman_demi-webfont') format('svg');
 font-weight:normal;
 font-style:normal;
}
@font-face {
font-family: 'iconfont';
 src: url('fonts/iconfont.eot'); /* IE9*/
 src: url('fonts/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/iconfont.woff') format('woff'), /* chrome、firefox */ url('fonts/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('fonts/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
	font-family:"iconfont" !important;
	font-style:normal;
}
	
/*全局样式*/
body,html{ margin:0; padding:0; font-family:"Microsoft YaHei";}
.phone{width:100%; max-width:640px; color:#333; margin:auto; font-size:1rem;font-family:Microsoft YaHei, Arial;line-height:1.5; padding:0; overflow:hidden; padding-bottom:60px;}
div,span,h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td{ margin:0; padding:0; list-style:none;vertical-align:baseline;}
.clear{ clear:both;}
a { color:#333; text-decoration:none;}
a:hover { color:#333;}
img {
	border:0 none;
	vertical-align:top;
	width:100%;
	height:auto;
}
i, em {
	font-style:normal
}
.tpright{ float:right;}
.tpleft{ float:left;}
.cl_top{text-align:center; padding-top:3%; padding-bottom:3%; position:relative; width:100%;}
.cl_top img{ width:40%; max-width:203px;}

.cl_menu{ background:#292827; overflow: hidden;}
.cl_menu ul li{ float:left; width:25%;}
.cl_menu ul li a{ display:block; text-align:center; color:#fff; line-height:2.4; font-size:1em; border-right:1px #1d1c1a solid;border-bottom:1px #1d1c1a solid;}
.cl_top a.c_more{ width:10%; padding-top:8%; display:block; background:url(../images/more.png) no-repeat; background-size:90%; position:absolute; left:5%; top:18%;}

.cl_part1{ margin-bottom:3%;}
.cl_part1 .bt{ width:80%; margin:0px auto 8px; text-align:center;font-size:1.3em; color:#363b38; font-weight:bold; line-height:44px;}
.cl_part1 .bt .tpleft{ width:94px; height:44px;background:url(../images/index_23.png) center no-repeat; }
.cl_part1 .bt .tpright{ width:93px; height:44px;background:url(../images/index_26.png) center no-repeat; }
.cl_banner{ margin-bottom:6%;}
.cl_banner .swiper-pagination-bullet{width:8px; height:8px;}
.productone{ padding-bottom:0%;  overflow:hidden; margin-bottom:0%;}
.productone ul{ overflow:hidden;margin-bottom:4%;}
.productone ul li{width:46%; float:left; position:relative; overflow:hidden; margin-left:2.5%; background-repeat:no-repeat; padding-bottom:63%; background-size:cover; margin-bottom:3%;}
.productone ul li a.photo{ position:absolute; height:100%; width:100%; top:0; left:0;}
.productone ul li .proname a{ display:block;overflow:hidden; color:#fff;text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -moz-text-overflow:ellipsis;
  white-space:nowrap;}
.productone ul li .proname{ width:100%; height:auto;overflow:hidden; background:url(../images/b1.png);position:absolute; text-align:center; bottom:0px; padding-top:3%; padding-bottom:3%;  color:#fff;  }
.productone1{ padding-bottom:0%;  overflow:hidden; margin-bottom:0%;}
.productone1 ul{ overflow:hidden;margin-bottom:4%;}
.productone1 ul li{ width:46%; float:left; background:#f2f2f2;overflow:hidden; margin-left:2.5%;margin-bottom:3%; padding-bottom:2%;}
.productone1 ul li .tp{ background-repeat:no-repeat; border:2px #f2f2f2 solid; padding-bottom:70%; background-size:cover; margin-bottom:3%; display:block;}
.productone1 ul li .tp a{ display:block;}
  .productone1 ul li .bt{ width:90%; margin:0px auto;}
 .productone1 ul li .bt a{display:block;overflow:hidden;text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -moz-text-overflow:ellipsis;
  white-space:nowrap;}
.newdt{ width:92%; margin:0% auto 7%; overflow:hidden;}
.listall{ margin-bottom:5%;}

.newdt ul li{  background:url(../images/stphone_32.png) left no-repeat; background-size:2%; padding-left:4%;line-height:2;  }
.newdt ul li a{display:block;line-height:2; height:1.8; overflow:hidden; text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -moz-text-overflow:ellipsis;
  white-space:nowrap; }
.newdt ul li .date{ color:#989c9b; float:right; }

.newdt1{ width:95%; margin:0px auto 3%; overflow:hidden;}
.newdt1 ul li{  background:#ededed url(../images/stphone_32.png) 3% no-repeat; background-size:2%; padding-left:7%;line-height:3; display:block; border-radius:5px; margin-bottom:2%;  }
.newdt1 ul li a{display:block;line-height:3;  overflow:hidden; text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -moz-text-overflow:ellipsis;
  white-space:nowrap; }
.newdt1 ul li .date{ color:#989c9b; float:right; margin-right:2%; }

.parbg{ background:#f2f2f2; padding-top:5%; padding-bottom:1%; overflow:hidden; margin-bottom:5%;}
.copyright{ overflow:hidden; background:#eaeeef;  padding-top:20px; margin-top:0%; padding-bottom:4%; text-align:center;}



.dbfoot{ background:#e62129;position:fixed;max-width:640px;width:100%; bottom:0px; z-index:100}
.dbfoot ul li{ width:33.3%; float:left; text-align:center; padding-top:5px; height:60px; padding-bottom:5px;border-right:1px #ad0a10 solid;background:#e62129;box-sizing:border-box;-webkit-box-sizing:border-box;}
.dbfoot ul li a{ color:#fff; font-size:14px;}
.dbfoot ul li a img{ display:block; margin:auto; width:auto;}
.aboutnr{ width:95%; margin:0px auto 8%; line-height:1.7;}
.aboutnr img{ width:auto; max-width:100%;}

.newfy{ width:95%; margin:0px auto 5%; overflow:hidden;}
.newfy a { text-align:center; font-size:1.6;color:#000; background:#f2f3f3; line-height:2.8; height:2.8; float:left; width:49%; border:1px #d0d2d2 solid;box-sizing:border-box;-webkit-box-sizing:border-box; margin-right:2%;}
.newfy a:last-child{ margin:0; }

.newbitao{ padding:0% 3% 5%; line-height:1.6;}
.newbitao h3{ font-size:1.3em;text-align:center; color:#000; line-height:1.5;}
.newbitao .rqttie{ text-align:center; width:100%; border-bottom:1px #d4d4d4 solid; color:#959494; padding-top:2%; margin-bottom:5%; padding-bottom:2%;}
.newbitao .newxxjs{ padding-bottom:5%; color:#333;line-height:1.7;}
.newbitao .newxxjs img{width:auto; height:auto; max-width:100%;}
.newbitao .comform{ color:#959494; text-align:right;border-bottom:1px #d4d4d4 solid; line-height:1.6; padding-bottom:3%;}

.con_left{ margin-bottom:7%; padding:0 2.5%;}
.con_left .lxwm{  }
.con_left .lxwm .adr{ padding-bottom:20px; border-bottom:1px #dfdfdf solid; margin-bottom:20px;}

.c_ditu{ margin-bottom:6%;}
.prozs { margin:0px auto 5%; width:95%;}
.prozs ul{ }
.prozs ul li { float:left; background:#fff; border:1px #f5f3f4 solid; width:100%; margin-bottom:4%;}
.prozs ul li .tpleft{ border-right:1px #edefee solid; width:40%; padding-top:30%; background-size:cover; background-repeat:no-repeat;}
.prozs ul li .tpright{ width:55%; margin-right:2%; padding-top:3%;}
.prozs ul li .tpright .bt a{ font-size:1.1em; color:#333;overflow:hidden; display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical; text-overflow:ellipsis;-webkit-text-overflow:ellipsis;  display:block; margin-bottom:2%;}
.prozs ul li .tpright .nr{  overflow:hidden; color:#767272;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical; text-overflow:ellipsis;-webkit-text-overflow:ellipsis; line-height:1.3em;}
.prozs ul li .tpright a.more{ display:block; width:100px; text-align:center; line-height:35px; border:1px #999 solid; color:#999;}

.pro_one{ width:95%; margin:0px auto 5%;}
.pro_one .tp{ margin-bottom:3%; position:relative;}
.pro_one .bt{ font-size:1.3em; margin-bottom:2%;}
.pro_one .nr{ color:#8c8c8c;line-height:1.7; margin-bottom:5%;} 
.pro_one .bt1{ border-bottom:1px #ccc solid;font-size:1.3em; margin-bottom:4%;}
.pro_one .nrjs{ color:#8c8c8c;}
.pro_one .nrjs img{ width:auto; max-width:100%;}

.downmenu{max-height:0px; overflow:hidden;transition:all .5s;-webkit-transition:all .5s;}
.active .downmenu{ max-height:720px; overflow:scroll; overflow-x:hidden;}
.downmenu li{ background:#333; height:35px; line-height:35px; text-align:center;color:white; border-bottom:solid 1px #666;}
.downmenu li a{ color:white; font-size:14px;}

.wapcontent p{ margin-bottom:4%;}
.wapcontent img{width:auto; max-width:100%;}