*{ margin:0; padding:0; border:0; font-style:normal; font-weight:normal;}
@font-face {
    font-family: 'IcoMoon';
    src: url('IcoMoon.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.slide img{ width:100%;}
.icon {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'IcoMoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    
    /* Enable Ligatures ================ */
    letter-spacing: 0;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	color:#fff;
}

ul,li{ list-style-type:none;}
a,a:hover{ text-decoration:none; color:#000;}
img{ border:none;}
.clear{ clear:both; font-size:0; line-height:0; height:0; overflow:hidden;}
input, textarea {-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;}
.mcontent{  padding:1% 5% 2%; overflow: hidden;line-height:2em; font-size:1em;}
.cl{clear:both;}
body{ font-size:0.8em; width:100%; font-family:Microsoft Yahei,Helvetica, Arial, sans-serif;  background:#fff;   }

.mcontent img{ width:100%;     height: auto;}
.mcontent .menvironment img{ width:32%; padding:1px 1px;}
h1{ text-align:center;font-size:1.2rem; color:#555; padding:5px;}
span.tit01{ border-bottom:1px solid #41b3e5;color:#1d1d1d;  padding:5px 35px 15px ; }

.wap_box .tit00 {text-align:center;font-size:1.4em; line-height:1.4em ;color:#1d1d1d;    
   margin:20px auto; }

h2{ font-size:1.2em; background:url(images/bg_title.jpg); height:35px; line-height:35px; }
h2 a{ color:#fff; padding-left:15px;}
h2 a:hover{ text-decoration:none; color:#ff0;}
.wap_box{ min-width:320px; max-width:640px; margin:0 auto; }
#hd{  position:relative;}
#hd .r{     position: absolute;
    top: 28%;
    right: 5px;
    width: 1.5em;
    height: 1em;
    color: #C3BEBE;
    font-size: 2em;}
#hd .r:before{ content: "\e9bd";background-size: 50px 50px; background:center center;}

#nav_box {width:100%; display:none; }
#nav_box ul li{ display:block; float:left; width:33.3%; text-align:center;background:#698A02; height:2.6em; line-height:2.6em;}
#nav_box ul li a{ display:block;   color:#fff; text-align:center;font-size:1em;}
#nav_box ul li a:hover{ background:#5A8643;}

.classnav {width:100%;  }
.classnav ul li{ display:block; float:left; width:25%; text-align:center;background:#006a93; height:3em; line-height:3em;}
.classnav ul li a{ display:block;   color:#fff; text-align:center;}
.classnav ul li a:hover{ background:#c19608;}

article{ font-size:1em;}

#mainbox .left{ width:50%; float:left;}
#mainbox .right{ width:50%; float:right;}

.title h1{ display:block; float:left; height:35px; line-height:35px; font-size:14px; color:white; padding-left:10px;}
.title span{ float:left; line-height:35px; font-size:12px; padding-right:10px;}
.title #more{ float:right; line-height:35px; font-size:12px;  padding-right:10px;}
.title #imore{ float:right; line-height:35px; font-size:12px;  padding-right:10px;}
.s{ display:none;}
.title span a{ color:white;}

.show_ul ul{ padding-top:10px; font-size:1em;}
.show_ul ul li{ display:block; float:left; width:49%; margin-bottom:3px; text-align:center;}
.show_ul ul li a{ display:block;text-decoration: none; margin:0 auto; padding-left:7px;color: #000;}
.show_ul ul li span{ display:block; height:30px; line-height:30px; font-size:12px; text-align:center;}


.news_ul ul li{ height:35px; line-height:35px; border-bottom:1px solid #ccc;position:relative;}
.news_ul ul li a{ display:block; height:35px; line-height:35px; padding-left:15px; width:88%; float:left; 
overflow:hidden; font-size:1.2em; }
.news_ul ul li a:hover{ color:#36a814;}
.news_ul ul li span{ float:right; color:#000; position:absolute; top:5px; right:5px; }
.news_ul .title{ width:100%; background:#CC6633; height:35px; line-height:35px; margin-top:10px; font-size:1.5em; color:#fff;font-family: Microsoft YaHei;}
.news_ul .title span{ padding-left:20px; text-align:right; float:left;}
#footer{ text-align:center; margin-top:7px; font-size:1em;}
.footernav{ position:fixed; bottom: 0px; text-align: center; border-top: none;}
.footernav li{ display:inline; float:left; width:25%;}


.page_nav{ height:36px; margin-top:25px; margin-bottom:30px;}
.page_nav a{ display:block;  width:48%; font-size:1em; text-align:center; color:#000; border:#FFCC00 solid 1px; background:#FFFFCC; padding:3px 0;}
.page_nav .r{ float:right; margin-right:1%;}
.page_nav .l{ float:left; margin-left:1%;}

#box_footerBody{width: 100%; height: 45px; position:fixed; bottom: 0px; text-align: center; border-top: none;}
.footer_body{ min-width:320px; max-width:640px; margin:0 auto;}
.footer_ul{ display:block; background:#698a02; width:100%; height:44px; border-top:1px solid #343434;}
.footer_ul li{ display:inline; float:left; width:25%; height:44px;}
.footer_ul li a{ display:block; height:42px; padding-top:2px; text-align:center; border-right:1px solid #81A907; color:white; font-size:12px;}
.footer_ul li a.border_none{ border-right:none;}
.footer_ul li a:hover{ background:#5A8643;}
.footer_ul li a .icon{ display:block; width:30px; height:20px; margin:0 auto; font-size:1.5em;}
.footer_ul li a .text{ display:block; height:16px; line-height:16px; text-align:center;}

.footer_ul li a span.home:before{ content: "\e900";  }
.footer_ul li a span.book:before{ content: "\e96d";  }
.footer_ul li a span.msg:before{ content: "\e945";  }
.footer_ul li a span.phone:before{ content: "\e944";  }


<!------×ÓÒ³----------->
.sub_c{width:93%; margin:0 auto; display:block; margin:0 auto; line-height:28px; border:2px solid #d0d0d0 }
.sub_c li{ padding-left:10px; font-size:18px; line-height:30px; font-family:"΢ÈíÑźÚ"}
.sub_c li a{ width:98%; height:30px; display:block}
.sub_c li a:hover{ color:#F00}
.sub_c li:hover{ background:#f1d38a; color:#F00;}

.cl{ clear:both;}
.mzi {
    width: 18%;
    float: left;
    padding-top: 30%;
    padding-left:4%;}
.mzi img{ width:100%; height:auto;}
.phonebox{ width:67%;padding-left: 3%; float: left; padding-top:2%;}
.phonebox li{ width:43%; display:inline-block; position:relative; padding:1%;}
.phonebox li a img{ width:100%;}
.phonebox li a span{ text-align:center;position: absolute; z-index: 99;font-size:1em;color:#000;width:100%;bottom:15%;left: 0%;}
.header{ }
.header img{ width:100%;}
.mimgbox img{ width:100%;}
.mimgbox { width:45%; padding: 1% 2%;     display: inline-block;}
#bot{ background:#373737;  color: #fff; padding-top:30px;  line-height: 1.6em; font-size: 0.8em;}
#bot p{ }
#bot p a:link,	#bot p a:visited  { color: #fff; }
#bot p a:active,#bot p a:hover { color: #fff;  }

.mtime{  display:inline-block;font-size:1em; line-height:1.6em;}


.mcon{ background:#f1f1f1;}
.mreply{ background:#ffeae8;}
.zoujin_t{ width:100%; margin-top:10px;}
.zoujin_t img{ width:100%;}

.zoujin_tu{ width:94%; margin:0 auto;margin-top:10px;}
.zoujin_tu img{ width:100%;}
.product{ width:100%; margin-top:10px;margin-bottom: 10px;}
.product img{ width:100%;}
.jiagong_t{ width:100%; margin-top:10pxmargin-bottom: 10px;;}
.jiagong_t img{ width:100%;}
.jiagong_tu{ width:94%; margin:0 auto;margin-top:10px;}
.jiagong_tu img{ width:100%;}
.yanfa_t{ width:100%; margin-top:10px;margin-bottom: 10px;}
.yanfa_t img{ width:100%;}
.zhaoshang_t{ width:100%; margin-top:10px;margin-bottom: 10px;}
.zhaoshang_t img{ width:100%;}
.zhangshang_tu img{ width:100%;}
.zhangshang_tu{ width:94%; margin:0 auto;margin-top:10px;}

.news_ul ul li a:link ,	.news_ul ul li a:visited  { color: #000; }
.news_ul ul li a:active , .news_ul ul li a:hover { color: #000;  }
.tablework{ border:1px solid #000; padding:20px; margin:10px auto;}

.fengqini a:link ,	.fengqin a:visited  { color: #fff; text-decoration:none; }
.fengqin a:active , .fengqin a:hover { color: #fff;  text-decoration:none; }
#bot { width:100%; margin:0 auto;}
.bot1{ width:90%; margin:0 auto;}
.bot1 p{  text-align:left;}
.mcontent .show_ul ul li img{ height:176px;}

.show_ul ul li a :link , .show_ul ul li a :visited  { color: #000;}
.show_ul ul li a :active , .show_ul ul li a :hover { color: #000; text-decoration:none;}
article.show_ul ul li a p{ font-size:1.2em;}