﻿/* CSS Document */

body {font: normal 100% Helvetica, Arial, sans-serif; font-family:"Microsoft YaHei"; min-width:320px;}

.header,.banner,.nav{ width:100%; min-width:320px; height:auto; margin:0 auto; text-align:center;}

.search,.hot_pro,.tj_read,.tel,.pc,.cps,.cpsjm{ width:92%; height:auto; margin:0 auto;text-align:center; clear:both;}

.header{ /* background:url(../img/bg.png) repeat-x; */  background:#fff; width:100%; height:50px; max-height:50px; text-align:center; padding-top:10px; position:fixed; top:0; z-index:2;}


.banner{ margin-top:1px; padding-top:60px;}
hot_pro_c
.banner img{ width:100%;}

 

.cps{ margin:15px auto 0; font-size:0.9em; background:#f4f5e7; height:36px; line-height:34px; }
.cps p{width:100%; border:1px #90c397 solid; border-radius:5px; }
.cps p span{ width:40%; display:inline-block; color:rgba(0,0,0,0.8); border-right:1px #90c397 solid;}
.cps p span em{ font-style:normal; color:#228c3f;}


.cpsjm{ margin:15px auto 0; font-size:0.9em; background:#f4f5e7; height:36px; line-height:34px; }
.cpsjm p{width:100%; border:1px #90c397 solid; border-radius:5px; }
.cpsjm p span{ width:30%; display:inline-block; color:rgba(0,0,0,0.8); border-right:1px #90c397 solid;}
.cpsjm p span em{ font-style:normal; color:#228c3f;}
/* 设置提示内容颜色 */
::-webkit-input-placeholder {color:#94bea2; }  
input:-moz-placeholder {color:#94bea2; }  


.search{  margin:15px auto; height:30px; line-height:30px; }

.search div input{ width:70%; border:1px #90c397 solid; height:28px; padding-left:10px;color:#22843f; border-radius: 5px; display:inline-block; margin:0; float:left;}

.search div button{  font-family:"Microsoft YaHei"; width:24%; background:#228c3f; height:30px; line-height:30px; font-size:1em; color:rgba(255,255,255,0.95); border-radius: 5px; border:none;  display:inline-block; float:right;}

.hot_pro h3{ width:100%; height:36px; line-height:36px; background:#22843f; text-align:left;}
.hot_pro h3 span a{ float:right; font-size:0.6em; font-weight:normal; margin-right:10px; margin-right:10px; color:rgba(255,255,255,0.6);}
.hot_pro h3 span a:hover{color:#fff;}
.hot_pro h3 span.rm{ background:url(../img/logo0.png) no-repeat 0px center; padding-left:44px; float:left; font-size:0.8em; font-weight:600; color:rgba(255,255,255,0.95); margin-left:8px;}

.hot_pro .hot_pro_c0{width:92%; margin:20px auto 0;}
.hot_pro .hot_pro_c0 a{ width:25%; float:left; text-align:center; display:block; margin:0 0 15px 0;  overflow:hidden;}
.hot_pro .hot_pro_c0 a img{ width:80%;  border:1px #dcd9cf solid; padding:3px;}
.hot_pro .hot_pro_c0 a h4{width:100%; font-weight:normal; font-size:0.9em; color:rgba(0,0,0,0.8); text-align:center;}
.hot_pro .hot_pro_c0 a img:hover{ border:1px #22843f solid;}
.hot_pro .hot_pro_c0 a h4:hover{ color:#22843f;}
 

/*
.hot_pro .hot_pro_c{width:92%; margin:20px auto 0;}
.hot_pro .hot_pro_c a{ width:50%; float:left; text-align:center; display:block; margin:0 0 15px 0;  overflow:hidden;}
.hot_pro .hot_pro_c a img{ width:80%;  height:160px; max-height:160px;  border:1px #dcd9cf solid; padding:3px;}
.hot_pro .hot_pro_c a h4{width:100%; font-weight:normal; font-size:0.9em; color:rgba(0,0,0,0.8); text-align:center;}
.hot_pro .hot_pro_c a img:hover{ border:1px #22843f solid;}
.hot_pro .hot_pro_c a h4:hover{ color:#22843f;}
    */

.hot_pro .hot_pro_c{width:92%; margin:20px auto 0;}
.hot_pro .hot_pro_c a{ width:50%; float:left; text-align:center; display:block; margin:0 0 15px 0;  overflow:hidden;}
.hot_pro .hot_pro_c a img{ width:80%;  height: 80%;  border:1px #dcd9cf solid; padding:3px;}
.hot_pro .hot_pro_c a h4{width:100%; font-weight:normal; font-size:0.9em; color:rgba(0,0,0,0.8); text-align:center;}
.hot_pro .hot_pro_c a img:hover{ border:1px #22843f solid;}
.hot_pro .hot_pro_c a h4:hover{ color:#22843f;}


.hot_pro .hot_pro_c .flex-control-nav  li a{ width:100%; float:left; text-align:center; display:block; margin:0 0 15px 0;  overflow:hidden;}


.tj_read h3{ width:100%; height:36px; line-height:36px; background:#22843f; font-size:0.8em; font-weight:600; color:rgba(255,255,255,0.95);}
.tj_read .tj_read_c{width:280px; margin:20px auto 0; background:#000; text-align:center;}
.tj_read .tj_read_c a{ width:25%; height:auto; float:left; text-align:center; display:block; margin-bottom:15px;}
.tj_read .tj_read_c a div{width: 60px; height:60px; box-shadow: 0px 1px 0px #dadfd1; background-color:#dce3d5; border-radius: 5px; text-align:center; margin:0 auto;}
.tj_read .tj_read_c a span.icon0{ background:url(../img/icon.png) -2px -2px; width:36px; height:50px; display:block; margin:0 auto;}
.tj_read .tj_read_c a span.icon1{ background:url(../img/icon.png) -101px -2px; width:36px; height:50px; display:block; margin:0 auto;}
.tj_read .tj_read_c a span.icon2{ background:url(../img/icon.png) -199px -2px; width:36px; height:50px; display:block; margin:0 auto;}
.tj_read .tj_read_c a span.icon3{ background:url(../img/icon.png) -298px -2px; width:36px; height:50px; display:block; margin:0 auto;}
.tj_read .tj_read_c a span.icon4{ background:url(../img/icon.png) 0px -120px; width:38px; height:50px; display:block; margin:0 auto;}
.tj_read .tj_read_c a span.icon5{ background:url(../img/icon.png) -101px -118px; width:36px; height:50px; display:block; margin:0 auto;}
.tj_read .tj_read_c a span.icon6{ background:url(../img/icon.png) -199px -118px; width:36px; height:50px; display:block; margin:0 auto;}
.tj_read .tj_read_c a span.icon7{ background:url(../img/icon.png) -296px -118px; width:36px; height:50px; display:block; margin:0 auto;}
.tj_read .tj_read_c a h4{width:100%; font-weight:normal; font-size:0.9em; color:rgba(0,0,0,0.8); text-align:center; margin-top:6px;}
.tj_read .tj_read_c a img:hover{ border:1px #22843f solid;}
.tj_read .tj_read_c a h4:hover{ color:#22843f;}


.tel,.pc{ background-color:#f4f5e7; text-align:center; padding:10px 0; margin-bottom:15px; color:rgba(0,0,0,0.5);}
.pc{ margin-bottom:80px;}

.nav{ background:url(../img/nav_bg.jpg) repeat-x; width:100%; height:66px; position:fixed; bottom:0; font-size:0.8em;}
.nav ul li{  background:url(../img/bk.jpg) no-repeat right 0; width:25%; height:66px; text-align:center;  padding-top:10px; float:left;}

.nav ul li a.bg0{ background:url(../img/list.png) 12px 0px no-repeat;}
.nav ul li a.bg1{ background:url(../img/list.png) -122px 0px no-repeat;}
.nav ul li a.bg2{ background:url(../img/list.png) -248px -2px no-repeat;}
.nav ul li a.bg3{ background:url(../img/list.png) -388px -2px no-repeat;}
.nav ul li a{display:inline-block; padding-top:30px;  color:rgba(255,255,255,0.95);}
.nav ul li.list ul{ position:absolute; bottom:76px; width:100%; height:auto; background:#1b7434; font-size:1.1em; color:rgba(0,0,0,0.8); margin:0 auto; padding:2px; display:none;}
.nav ul li.list ul li{ width:95%; line-height:28px; height:30px; background:#fff; border-bottom:1px #32804e dashed; display:inline-block; padding:0; cursor:pointer;} 
.nav ul li.list ul li a{width:95%; height:26px; padding:0; color:rgba(0,0,0,0.8); font-weight:bold;}
.nav ul li.list ul li a:hover{color:rgba(255,255,255,1);}
.nav ul li.list ul li:hover{background:#1b7434;}
.nav ul li.list:hover{ display:block;}
