body,html{/*max-width: 40.0rem;*/ max-width: 640px; margin: 0.0rem auto; background:#fff;}
/*全局*/
.mk_head{width:100%; background:#0c99f3; position:fixed; bottom:0; left:0; z-index:999}
.mk_head>a{width:25%; float:left}
.mk_head>a>div{width:60%; margin:0 auto; padding:.4375rem 0 .1875rem 0; border-bottom:solid .25rem transparent; transition:all .4s ease 0s;}
.mk_head>a img{width:.875rem; display:inherit; margin:0 auto}
.mk_head>a p{text-align:center; font-size:.5rem; margin-top:.125rem; color:#fff}
.mk_head .mk_bober{border-bottom:.25rem solid #fff}
.mk_head:after{display:block; content:"."; height:0; clear:both; overflow:hidden; visibility:hidde}
.lwf{letter-spacing:0; word-spacing:0; font-size: 0;}
.iw_100{width:100%; margin:auto;}

/*头部*/
.mk_top{height:1.875rem; padding:.5rem 0; background:#fff; text-align:center; position:relative; box-shadow:0 1px 3px rgba(0,0,0,.4); z-index:66; overflow:hidden;}
.mk_top .mk_topa{ float:left; height:100%; width:100%; text-align: left; overflow:hidden; padding-left:.2rem;}
.mk_top .mk_logo{ height:100%; width:auto; max-width:100%;}

/* nav start */
.mk_nav{background:#00a73c;}
.mk_nav ul a{float:left;display:inline-block;margin-left:-.0625rem;width:25%; border-right:.0625rem solid #17d55b; color:#fff;text-align:center;font-size:.625rem;line-height:1.25rem}
.mk_nav ul:nth-child(1){border-bottom:.0625rem solid #17d55b}
.mk_nav ul:after{clear:both;display:block;visibility:hidde;overflow:hidden;height:0;content:"."}
.mk_nav ul a:last-child{border:none}

/* banner */
.banner{ border-bottom: 3px solid #00a73c;}
.banner .swiper-slide{width:100%; height:auto; text-shadow:1px 1px 0px rgba(0,0,0,.2); position:relative; overflow:hidden;}
.banner .swiper-slide p{ width:97%; height:1.5rem; line-height:1.5rem; padding-left:3%; position:absolute; bottom:0; left:0; z-index:1; text-align:left; color:#FFFFFF; font-size:.6rem; background:rgba(0,0,0,.4);}

/* 搜索 */
.in_sous{width:94%; margin:.4rem auto; overflow: hidden;}
.in_sous_a{width:100%; height: auto;}
.in_sous_b{width:100%; height: 1.2rem; line-height: 1.2rem; font-size: .6rem; color: #666666; background: url(../images/ip2.png) center left no-repeat; text-indent: 20px; overflow: hidden;}

/* about us start */
.in_about{width:94%; margin: .4rem auto; overflow: hidden;}
.in_about_a{ display: inline-block; vertical-align: top; width:45%; max-height: 220px; line-height: 0; overflow: hidden;}
.in_about_b{display: inline-block; vertical-align: top; width:50%; min-height: 100px; max-height: 220px; padding-left: 4%; font-size: .5rem; line-height: .8rem; overflow: hidden;}

/**/
.in_pro{width:100%; height: auto; overflow: hidden;}
.in_pro_li{ display:inline-block; vertical-align: top; width: 44.8%; height: auto; margin:0 1.5% .4rem 3%; line-height: 0; overflow:hidden; background: #fff; border: 1px solid #b3d0be;}
.in_pro_li_img{width:90%; /*max-height: 100px; min-height: 80px;*/ margin: .4rem auto 0 auto; overflow: hidden;}
.in_pro_li_img img{width:100%; /*min-height: 100%; max-height: 100px;*/ overflow: hidden;}
.in_pro_li_txt{width:90%; margin: .4rem auto; overflow: hidden;}
.in_pro_li_txt h2{width:100%; height: 1.2rem; line-height: 1.2rem; font-size: .6rem; font-weight: 500; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
.in_pro_li_txt h2 span{ display: inline-block; vertical-align: middle; width: 2px; height: .6rem; background: #00a73c; margin-right: 4px; overflow: hidden;}
.in_pro_li_txt p{font-size:.5rem; color:#999999; line-height: .7rem; height: 3.5rem; overflow: hidden;}
.in_pro_li_txt div{width:100%; height: 1.4rem; border-radius: .7rem; margin-top: .4rem; overflow: hidden;}
.in_pro_li_txt div a{display:inline-block; vertical-align: top; width: 50%; height: 1.4rem; line-height: 1.4rem; font-size: .55rem; text-align: center; background: #00a73c; color: #FFFFFF; overflow: hidden;}
.in_pro_li_txt div a:nth-child(2n){ background: #f46610;}
.in_pro .in_pro_li:nth-child(2n){ margin: 0 3% 0 1.5%;}

/**/
.in_news{width:94%; margin: .7rem auto 0 auto; background: #00a73c; border-radius: 5px; overflow: hidden;}
.in_news_t{width:94%; height: 1.5rem; line-height: 1.5rem; overflow: hidden; margin: auto; color: #FFFFFF;}
.in_news_t .in_news_ta{ display: inline-block; vertical-align: top; font-size: .7rem; color:#FFFFFF; cursor: pointer;}
.in_news_t .in_news_ta span{display: inline-block; vertical-align:middle; width: 5px; height: 5px; border-radius: 100%; background: #fff; margin-right: 5px;}
.in_news_t .in_news_ta em{font-size:.5rem; font-style: normal !important;}
.in_more{float:right;text-transform:uppercase; font-size: .5rem; color: #FFFFFF;}
.in_news_a{width:90%; padding: 2%; background: #fff; margin: 0 auto .4rem auto; overflow: hidden;}
.in_news_li{width:100%; height: auto; overflow: hidden; border-bottom: 1px dashed #ccc; padding-bottom: .4rem; margin-bottom: .4rem;}
.in_news_li_txt h2{ height: 1.5rem; line-height: 1.5rem; color: #11a747; font-weight: 500; font-size: .7rem;}
.in_news_li_txt div{font-size:.5rem; line-height: .7rem; color:#999999;}
.in_news_li_txt div span{ color: #11a747;}
.in_news_a ul li{width:100%; height: 1.2rem; line-height: 1.2rem; font-size: .6rem; border-bottom: 1px dashed #ccc; overflow: hidden;}
.in_news_a ul li span{float:right; font-size: .5rem;}
.in_news_a ul li a:before{ display: inline-block; vertical-align: middle; width:5px; height: 5px; border-radius: 100%; background: #666; margin-right: 5px; content:"";}

.in_news_b{width:90%; padding: 2%; background: #fff; margin: 0 auto .4rem auto; overflow: hidden;}
.in_news_bli{width:100%; height: auto; overflow: hidden; border-bottom: 1px dashed #ccc; padding-bottom: .4rem; margin-bottom: .4rem;}
.in_news_bli h2{ height: 1.5rem; line-height: 1.5rem; background: url(../images/ip3.png) center left no-repeat; text-indent: 25px; color:#11a747; font-weight: 500; font-size: .7rem;}
.in_news_bli div{font-size:.5rem; line-height: .7rem; color:#999999;}
.in_news_bli div span{ color: #11a747;}

.in_paint{width:100%; height: auto; overflow: hidden;}
.in_paint_li{ display:inline-block; vertical-align: top; width: 45.5%; height: auto; margin:0 1.5% .7rem 3%; line-height: 0; overflow:hidden; background: #f7f7f7;}
.in_paint_li .in_paint_li_img{height: 120px; overflow: hidden;}
.in_paint_li .in_paint_li_img img{width:100%; height: 100%;}
.in_paint_li_txt{width:90%; margin:.3rem auto; font-size: .6rem; color: #666666; line-height: 1.2rem;}
.in_paint_li_txt p{font-size:.5rem; background: url(../images/ip4.png) center left no-repeat; text-indent: 20px;}

/* 内页 */
.ej_top{width:94%; padding: 0 3%; height: 2rem; line-height: 2rem; border-bottom: 2px solid #00a73c; overflow: hidden;}
.ej_top > div{display:inline-block; vertical-align: top; width: 50%; height: 2rem; overflow: hidden;}
.ej_top_a{ font-size: .7rem; overflow: hidden;}
.ej_top_a span{font-family: "宋体"," 新宋体"!important; margin-right: 5px;}
.ej_top_b{text-align: right; font-size: .6rem;}
.ej_top_b a{ display: inline-block; background:url(../images/ip5.png) center left no-repeat; padding-left: 30px; line-height: 2rem;}

/* 产品二级 */
.pg_pro_nav{width:100%; height: 2rem; overflow: hidden; border-bottom: 1px solid #ccc; margin-bottom: .6rem;}
.pg_pro_nav > div{display:inline-block; vertical-align: top; width: 33.333%; height: 2rem; line-height: 2rem; text-align: center; font-size: .5rem; overflow: hidden; cursor: pointer;}
.pg_pro_nav > div > span{ display: inline-block; font-size: .4rem; transition: all .4s ease 0s;}
.pg_pro_nav .pg_nuw{color:#f46610;}
.pg_pro_nav .pg_nuw span{-o-transform:rotate(180deg); /* Opera */-moz-transform:rotate(180deg); /* Firefox 4 */-webkit-transform:rotate(180deg); /* Safari and Chrome */transform:rotate(180deg);}
.pg_bg{width:100%; height: 100%; background:rgba(0,0,0,.5); position: fixed; top: 0; left: 0; z-index: 888; display: none;}
.pg_pro_cn{width:80%; height: auto; background: #fff; position: fixed; top: 0; right: -100%; z-index: 999; overflow-y:auto; transition: all .4s ease 0s;}
.pg_pro_cen{width:94%; margin: auto; overflow: hidden;}
.pg_pro_txt{width:100%; height: 2.5rem; line-height: 2.5rem; text-align: center; font-size: .7rem; margin: 0 auto; overflow: hidden;}
.pg_pro_txt span{font-family: "宋体"," 新宋体"!important; float: left; font-size: 1rem;}
.pg_pro_cen_a{width:100%; height: auto; margin-bottom: .6rem; text-align: left; overflow: hidden;}
.pg_pro_cen_a h2{width:100%; height: 1.5rem; line-height: 1.5rem; font-size: .6rem; overflow: hidden;}
.pg_pro_cen_a a{display: inline-block; vertical-align: top; min-width: 30.33%; height: 1.2rem; line-height: 1.2rem; text-align: center; background: #ededed; border-radius: 5px; overflow: hidden; font-size: .5rem; margin:0 3% .4rem 0;}
/*  */
.pg_nav{width:100%; height: auto; margin-bottom: .5rem; overflow: hidden;}
.pg_nav_a{width:94%; height: 1.4rem; line-height: 1.4rem; padding: 0 3%; font-size: .6rem; background: #ececec; border-bottom: 1px solid #d7d7d7; overflow: hidden;}
.pg_nav_a span{font-family: "宋体"," 新宋体"!important; float: right;}
.pg_nuw_a span{-o-transform:rotate(90deg); /* Opera */-moz-transform:rotate(90deg); /* Firefox 4 */-webkit-transform:rotate(90deg); /* Safari and Chrome */transform:rotate(90deg);}

/* 促销 */
.pg_cx_li{width:94%; padding:.4rem 3%; border: 1px solid #ccc; margin-bottom: .4rem; overflow: hidden;}
.pg_cx_li_a{float: left; width:100px; max-height: 80px; line-height: 0; margin-right: 10px; overflow: hidden;}
.pg_cx_li_b{}
.pg_cx_li_b h2{ font-size: .6rem; height: 1rem; line-height: 1rem; overflow: hidden;}
.pg_cx_li_b div{ font-size:.5rem; height: 1.5rem; line-height: .8rem; padding: .2rem 0; overflow: hidden;}
.pg_cx_li_b p a{ font-size: .5rem; color: #00a73c; background: url(../images/ip6.png) center left no-repeat; padding-left: 15px;}

.pg_dy{width:94%; padding:0 3% .5rem 3%; font-size: .6rem; line-height: 1rem; overflow:hidden;}
.pg_news_b{width:94%; padding:0 3% .5rem 3%;  margin: 0 auto; overflow: hidden;}
.pg_news_b ul li span{float:right; font-size: .5rem; color: #00a73c;}

.pg_news_li{width:100%; height: auto; font-size: .5rem; overflow: hidden; padding-bottom: .4rem; margin-bottom: .4rem; border-bottom: 1px dashed #ccc;}
.pg_news_li h2{ font-size:.6rem; padding-bottom: .3rem;}
.pg_news_li h2 span{ float:right; font-weight:lighter!important;}
.pg_news_li div span{color: #00a73c;}

.pg_news_tit{width:100%; padding-bottom: .4rem; font-size: .6rem; text-align: center;}
.pg_news_tit p{width:100%; font-size: .5rem; color:#999999;}
.pg_news_zy{width:94%; padding: .4rem 3%; background: #f5f5f5; font-size: .5rem; line-height: .7rem; margin-bottom: .6rem;}
.pg_news_zy span{color: #00a73c;}


/* 一些全局 */
.w_94{width:94%; padding:0 3%; overflow:hidden;}
.mt_a{margin-bottom: .5rem;}

.in_tit{width:100%; height: auto; line-height: 0; overflow: hidden;}
.in_tit_a{width:100%; height: 3rem; margin: .7rem 0; position: relative; overflow: hidden;}
.in_tit_aa{width:100%; height: 3rem; line-height: 3rem; position: absolute; top: 0; left: 0; z-index: 1; text-align: center; text-transform:uppercase; color: #f3f3f3; font-size: 2.8rem; font-weight: bold;}
.in_tit_ab{width:100%; height: 2.5rem; padding-top: .5rem; position: relative; z-index: 9; text-align: center; overflow: hidden; font-size: 1rem; line-height: 1rem;}
.in_tit_ab p{font-size:.5rem;}
.in_tit_ab span{ display: inline-block; vertical-align: top; width: 10%; height: 1px; background: #00a73c; overflow: hidden;}
.e_bg{width:100%; height: 2px; background: #00a73c; overflow: hidden;}

/* 表单 */
.input_a{width:70%; height:1.5rem; line-height:1.5rem; padding:0 2%; font-size:.6rem; border:1px solid #CCCCCC; border-right: none; background: #f5f5f5; border-radius:5px 0 0 5px;}

/* 按钮 */
.but_a{width:25%; height:1.6rem; line-height:1.5rem; padding:0 2%; font-size:.6rem; color: #fff; background:url(../images/ip1.png) center left no-repeat #00a73c; text-indent: 18px; cursor: pointer; border-radius: 0 5px 5px 0;}


/* chebian */
.mo_topc{ display:none; width:30px; height:30; position:fixed; right:10px; bottom:15%; z-index:222;}
.mo_tcl{width:30px; height:30px; font-size:20px; line-height:0; text-align:right; /*background:rgba(0,0,0,.5);*/ border-radius:50%; transition:all .4s ease 0s; margin-bottom:10px; position:relative; overflow:hidden;}
.mo_tcl a{ color:#fff; text-shadow:1px 1px 2px #1664b1;}
.mo_tcl img{width:100%; height:100%; transition:all .4s ease 0s;-o-transform:rotate(0deg); /* Opera */-moz-transform:rotate(0deg); /* Firefox 4 */-webkit-transform:rotate(0deg); /* Safari and Chrome */transform:rotate(0deg);}
.mo_tcl:hover{ /*background:#1e7bd8;*/}
.mo_tcl:hover img{-o-transform:rotate(360deg); /* Opera */-moz-transform:rotate(360deg); /* Firefox 4 */-webkit-transform:rotate(360deg); /* Safari and Chrome */
transform:rotate(360deg);}
.m_tel:hover{width:215px; border-radius:20px; -webkit-transform:translate(-175px,0); -moz-transform:translate(-175px,0); -o-transform:translate(-175px,0); -ms-transform:translate(-175px,0); transform:translate(-175px,0); }
.m_tel span{ display:none; vertical-align:top; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; line-height:40px; height:40px; padding-right:20px; overflow:hidden; transition:all .4s ease .3s;}
.m_tel:hover span{ display:inline-block; filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
.mr0{ margin-right:0 !important;}
.mb0{ margin-bottom:0 !important;}
.pn{ padding:0;}

/* loading */
.load{ font-size:.625rem; text-transform:uppercase; color:#999; margin-bottom:.3rem; text-align: center;}
.gb_cha{width:30px; height:30px; float:right; position:relative; cursor:pointer; overflow:hidden;}
.gb_cha div{ width:100%; height:4px; background:#FFFFFF; border-radius:2px; position:absolute; top:15px;}
.gb_cha div:nth-child(1){-o-transform:rotate(45deg); /* Opera */-moz-transform:rotate(45deg); /* Firefox 4 */-webkit-transform:rotate(45deg); /* Safari and Chrome */transform:rotate(45deg);}
.gb_cha div:nth-child(2){-o-transform:rotate(-45deg); /* Opera */-moz-transform:rotate(-45deg); /* Firefox 4 */-webkit-transform:rotate(-45deg); /* Safari and Chrome */transform:rotate(-45deg);}


.n_fy{width:100%; min-height:27px; text-align:center; overflow:hidden; padding: 20px 0;}
.n_fy a{ display:inline-block; width:25px; height:25px; line-height:25px; text-align:center; font-family:"微软雅黑"; color:#3d404e!important; border-radius:50%; -moz-border-radius:50%; overflow:hidden; background:#FFF; border:2px solid #FFF; margin:0 5px; font-size:12px;}
.n_fy a:hover{ background:#00a73c; border:2px solid #00a73c; color:#FFFFFF;}
.n_fy .fy_nuw{ background:#00a73c; border:2px solid #00a73c; color:#FFFFFF;}
.fy_left{ background:url(/skin/images/p7.png) center no-repeat !important; border:2px solid #9d9d9d !important;}
.fy_right{ background:url(/skin/images/p8.png) center no-repeat !important; border:2px solid #9d9d9d !important;}



.mo_bg{width:100%; height: 100%; background:rgba(0,0,0,.5); position: fixed; top: 0; left: 0; z-index: 555; display: none;}
.CodePass{ width:360px; height:105px; padding:55px 0 0 50px; background:#FFF; text-align:center; position: fixed; top: 50%; left: -100%; z-index: 999; margin: -205px 0 0 -80px; background: #fff; opacity: 0; transition: all .4s ease 0s;}



#footer{ width:100%; /*max-height:94px;*/ height:50px; padding-top:10px; margin: 0 auto; background: #00a73c; position: fixed; bottom: 0; z-index: 9999; left:0;}
.footer_nr{ width:90%;  /*max-height:94px;*/ margin: 0 auto; }
.footer_nr img{ width:100%; height:auto;  max-height:94px; max-width:94px;}
.footer_nr .a1{ width:25%; float: left; text-align:center;}
.footer_nr .a1 a{ display: block;}
