@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: 'iconfont';
    src: url('iconfont.eot'); /* IE9*/
    src: url('iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('iconfont.woff') format('woff'), /* chrome、firefox */
    url('iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}
	
/*全局样式*/
body,html{ margin:0; padding:0; background:url(../images/lsj_23.jpg);}
.phone{width:100%; max-width:640px; color:#5b5757; margin:auto; font-size:1rem;font-family:Microsoft YaHei, Arial;line-height:1.5; padding:0; overflow:hidden;padding-bottom:50px; }
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:#5b5757; text-decoration:none;}
a:hover { color:#000;}
img {
	border:0 none;
	vertical-align:top;
	width:100%;
	height:auto;
}
i, em {
	font-style:normal
}



.col_top{ padding:0 0 3% 0%; overflow:hidden; text-align:center;}
.col_top img{width:85%; max-width:545px; margin-top:4%;}
.menu{overflow:hidden; width:100%;}
.menu ul li{background:#84c225; float:left;line-height:2.5; width:33.33%; text-align:center; border-right:1px #fff solid;border-top:1px #fff solid;box-sizing:border-box;-webkit-box-sizing:border-box; }
.menu ul li a{ color:#fff; font-size:1.2rem; font-weight:bold; display:block;}
.menu ul li.last{ border-right:0px #0e60bb solid;}
.banner{overflow:hidden; width:100%; position:relative;}
.banner img{ width:100%; max-width:640px;}
.banner ul li{width:100%;}
.banner ul li a{display:block;width:100%;}
.banner a.bnl,.banner a.bnr{background:url(../images/jt.png) no-repeat; width:16px; height:24px; display:block; position:absolute;top:50%; margin-top:-12px; z-index:100; display:none;}
.banner a.bnl{ left:15px; background-position:0px 0px;}
.banner a.bnr{ right:15px;background-position:-16px 0px;}


.nybanner{overflow:hidden; width:100%;}
.nybanner img{ width:100%; max-width:640px;}

.col_main{ margin:0px auto; text-align:center;}
.col_main img{ width:100%; max-width:640px;}

.foot{ background:#f2f1f1; padding-top:2%; text-align:center; line-height:2.2;  border-top:4px #dfdfdf solid;}
.foot .bottom{ color:#dfdfdf; }
.foot .bottom a{ margin-left:10px; margin-right:10px;}
.dbfoot{ background:#231f20; overflow:hidden; padding-top:5px; padding-bottom:5px;position:fixed;max-width:640px;width:100%; bottom:0px; height:40px; }
.dbfoot ul li{ width:33.3%; float:left; text-align:center;}
.dbfoot ul li a{ color:#fff;}
.dbfoot ul li a img{ display:block; width:20%; max-width:48px; margin:auto auto;}

.col_text{ overflow:hidden; margin-bottom:5%;}
.col_text .why{ text-align:center; font-size:1.4rem; color:#333; padding-top:5%; margin-bottom:5%; font-weight:bold;}

.col_product{ width:96%; margin:0px auto 0; border-left:1px #d0d1cf solid; border-top:1px #d0d1cf solid; margin-top:3%; overflow:hidden;}
.col_product ul li{ width:50%; float:left;border-right:1px #d0d1cf solid; border-bottom:1px #d0d1cf solid;box-sizing:border-box;-webkit-box-sizing:border-box;  }
.col_product ul li .pro_jl{width:90%; overflow:hidden;margin:0px auto; padding-top:5%; padding-bottom:5%;}
.col_product ul li .pro_jl .pro_tp{ width:100%; }
.col_product ul li .pro_jl .pro_tp a{ display:block; background-size:cover; background-repeat:no-repeat; padding-top:80%;}
.col_product ul li .pro_name{ line-height:1.7; background:url(../images/product_07.jpg) top no-repeat; background-size:100%; padding-top:3%; text-align:center;text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -moz-text-overflow:ellipsis;
  white-space:nowrap; margin-bottom:2%;}
.col_product ul li .pro_name a{ color:#333; font-size:1.1rem;}
.col_product ul li .pro_nr{ text-align:center; margin-bottom:4%; text-overflow:ellipsis;-webkit-text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden; line-height:1.3;}
.col_product ul li .pro_more{ margin:0px auto; width:130px; height:35px;background:url(../images/product_10.jpg) center no-repeat; text-align:center; line-height:35px; }
.col_product ul li .pro_more a{ display:block; color:#333;}

.col_fy { width:95%; margin:5% auto 5%;  background:#ffffff; overflow:hidden; overflow:hidden; line-height:40px;}
.col_fy ul li{ float:left; width:33.3%; text-align:center;height:40px;}
.col_fy ul li.up{ background:#f0f0f0;}
.col_fy ul li a{ font-size:1.2rem;}
.col_fy ul li a.no{ font-size:1.3rem; color:#84c225;}
.col_fy ul li.down{ background:#84c225;}
.col_fy ul li.down a{ color:#fff;}

.pro_js{ width:96%; margin:0px auto 5%; padding-top:5%; color:#333; line-height:1.7;}
.pro_js .js_pic{ border:1px #cecfcd solid; text-align:center;}
.pro_js .js_pic img{width:auto; max-width:100%; margin:auto;}
.pro_js .js_nr{ font-size:1.5rem; font-weight:bold; margin-bottom:1%; margin-top:2%;}

.p_bt{ border-bottom:3px #84c225 solid; width:97%; margin:0px auto 5%; padding-bottom:1%;clear:both;}

.p_bt .tpleft{ border-left:5px #84c225 solid; font-size:1.5rem; padding-left:3%;  color:#000; font-weight:bold;}

.p_js{ width:95%; margin:0px auto 5%; overflow:hidden; color:#333; padding-top:5%; line-height:1.7;}
.p_js img{ width:100%; max-width:620px;}
.p_js .bigbt{ font-size:1.3rem; color:#84c225; border-bottom:1px #d5d5d5 solid; line-height:3; font-weight:bold; }
.p_js p{margin-bottom:3%;}

.gxgz{ width:95%; margin:0% auto 5%; overflow:hidden;}
.gxgz ul li{  text-align:center; color:#333; line-height:1.7; margin-bottom:5%;}
.gxgz ul li a{ color:#333; font-size:1.3rem;}
.gxgz ul li .gx_name{ padding-top:3%; margin-bottom:3%;}

.abbanner{margin-bottom:5%;}
.about_js{ width:95%; margin:0% auto 5%; line-height:1.7; font-size:1.1rem;border-bottom:5px #e7e7e7 solid; padding-bottom:5%;}
.about_js .green{ color:#84c225;}

.cer {margin:0% auto 3%; width:95%;}
.cer ul li{ width:46%; margin-bottom:3%; float:left; text-align:center; line-height:1.7; margin-left:3%;}
.cer ul li span{ display:block;overflow:hidden; text-overflow:hidden;-webkit-text-overflow:hidden;white-space:nowrap; padding:0 10px;}

.cer ul li .cerzs{ padding-top:68%; margin-bottom:3%; background-size:cover; background-repeat:no-repeat; color:#666666; line-height:45px; display:block;-moz-box-shadow:2px 2px 5px #333333; -webkit-box-shadow:2px 2px 5px #333333; box-shadow:2px 2px 5px #333333; }

.contac{ line-height:1.8; margin-bottom:10px;}
.contac .bla{ color:#333333;}
.contac .red{ color:#9c3333;}
.buy { width:95%; margin:0% auto 5%;}
.buy td{ padding-top:3%; padding-bottom:3%;}
.buy img{ width:70%;}
.buy .black{ color:#333;}
.buy .where{ color:#333;}
.buy .where .red{ color:#9c3333;}

.dit{ width:96%; margin:0 auto 5%; text-align:center;}

/*列表分页*/
.pagebox {
	background:white;
	width:95%;
	margin:auto;
	padding:5% 0px;
	font-size:1.2rem;
	height:auto; overflow:auto;
}
.pagebox .txt_pagelist{ height:auto; margin:auto; overflow:auto;}
.pagebox .txt_pagelist a {
	line-height:3;
	float:left;
	width:35%;
	background:#c6c6c6;
	color:#fff;
	text-align:center;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
}
.pagebox .txt_pagelist a.active { background:#84c225;}
.pagebox .txt_pagelist a.next {
	float:right;
}
.pagebox .txt_pagelist .page-counter {
	line-height:3;
	display:block;
	float:left;
	width:30%;
	text-align:center;
	background:#f0f1f1;
	color:#a5a5a5;
}
.pagebox .txt_pagelist .page-counter .current{ color:#84c225;}