html, body
{
	padding: 0;
	margin: 0;
}
body {
	background:#fff;
	font-family:寰蒋闆呴粦;
	font-size: 14px;
	line-height: 22px;
	color: #333;
	-webkit-text-size-adjust: none;
}
body *
{
	text-shadow: none;
	padding-top: 0px;
}
div{ margin:0; padding:0; border:0;}
form,p,dl,dd,dt,ol,ul,li,h1,h2,h3,h4,h5,h6,h7 {margin:0;padding:0;}
a:link,a:visited {COLOR:#333;text-decoration:none}
a:hover {COLOR:#333;text-decoration:none;}
em,i{ font-style:normal;}
a:active {COLOR:#ff0000;text-decoration:none;}
ol,ul,li {list-style:none outside none;}
.clear {
	clear: both
}
.fl{ float:left;}
.fr{ float:right;}
.fc{ margin:0 auto;}

#wraper{ width:100%; height:auto; max-width:650px; margin:0 auto;}
#header{
	width:100%;
	height:auto;
	padding:11px 0;
}
.logo{ float:left; padding-left:15px;}
.logo img{ width:auto; height:38px;}
.menu{ float:right; padding:5px 15px 0 0;}
.menu img{ width:38px;}
.bannerPane{ overflow:hidden;}

.h_title{ width:100%; text-align:center; height:30px; line-height:30px; background:url(../images/xian.jpg) center repeat-x; margin:20px auto;}
.h_title span{ background:#00aeea; color:#fff; padding:8px 30px; font-size:16px;}
.o_title{ width:100%; text-align:center; height:30px; line-height:30px;  margin:20px auto;}
.o_title span{ background:#ff9000; color:#fff; padding:8px 30px; font-size:10px;}
.h_yewu{ width:100%; height:auto; padding:20px 0 15px;}
.h_yewu ul li{ width:33.33%; height:auto; float:left; text-align:center;}
.ywdiv{ width:80px; height:80px; margin:0 auto; text-align:center; background:#00aeea; border-radius:40px; overflow:hidden;}
/* .ywdiv img{ width:50px; padding:15px;} */
.ywdi{width: 60px;
    height: 60px;
    margin: 10px auto 0;
    text-align: center;
    background: #fff;
    border-radius: 40px;
    overflow: hidden;}
.ywdi img{     width: 43px;
    padding: 9px;}
.h_yewu ul li span{ line-height:35px;}

.h_youshi{ width:100%; height:auto; background:#e6e6e6; padding:15px 0;}
.h_youshi img{ width:100%;}

.h_product { OVERFLOW: hidden; ZOOM: 1; width:98%; float:right; height:auto; color:#666; line-height:22px; padding:0 1%;}
.h_product ul li{ width:48%; float:left; height:150px; text-align:center; padding:10px 1%;    margin-bottom: 16px;}
.h_product ul li span{ font-size:14px; color:#555; padding-top:8px; /* float:left; */}
.liing{ width:99%; height:150px; overflow:hidden; border:1px #ddd solid; margin:0 auto;} 
.liing img{ width:100%;}

.h_case{ width:94%; padding:15px 3%;}
.h_case ul li{ width:23%; height:70px; position:relative; margin:6px 1%; text-align:center; float:left;}
.h_case ul li img{ max-width:100%; max-height:70px;border-right: 1px solid #eaeaea;
border-bottom: 1px solid #eaeaea;}
.h_case ul li p{ font-size:13px; color:#666; line-height:23px;}

.h_about{ width:94%; margin:0 auto; padding:15px 3%; background:#00aeea; line-height:29px; color:#eee; font-size:13px;}
.h_about h2{ display:block; color:#fff; width:100%; line-height:50px; font-size:17px; text-align:center;}
.h_about p{ color:#d5f4ff; font-size:14px; line-height:26px;}
.h_about img{ width:100%; height:auto;}

.h_news{ width:100%; padding:10px 0%;}
.h_news ul li{ width:100%; padding:5px 0;}
.h_news ul li img{ width:130px; height:80px; float:left; margin-right:10px; border:1px #ddd solid;}
.h_news ul li em{ font-size:15px; line-height:24px; padding:5px 0; color:#555;}
.h_news ul li p{ color:#999; font-size:12px;}

.h_lianxi{ width:90%; height:auto; padding:15px 3%; background:url(../images/w1.png) left no-repeat; margin:0 auto;}
.h_lianxi ul li{ width:100%; line-height:40px;}
.h_lianxi ul li span{ padding-left:30px;}

#footer
{
	background: #999;
	font-size: 12px;
	color: #fff;
	text-align: center;
	line-height:35px;
	height:auto;
	margin-top:20px;
	margin-bottom:60px;
}
.info_tit{ width:100%; height:45px; background:#00a9dd; text-align:center;}
.info_tit span{ color:#fff; font-size:18px; line-height:45px;}
.info_con{ width:95%; height:auto; margin:20px auto; line-height:29px; color:#666 !important; min-height:400px;}
.info_con img{ width:100% !important; height:auto !important;}
.proy{ width:95%; height:auto; margin:0 auto;}
.proy ul li{ width:100%; height:auto; padding:10px 0; border-bottom:1px #ddd solid;}
.proy ul li img{ width:40%; height:auto; float:left; border:1px #ddd solid; margin-right:12px;}
.proy ul li em{ font-size:15px; font-style:normal; line-height:30px;}
.proy ul li span{ color:#888; font-size:12px;}
.proys{ width:94%; height:auto; margin:0 auto;}
.proys ul li{ width:100%; height:auto; padding:10px 0; border-bottom:1px #ddd solid; text-align:center;}
.proys ul li img{ width:100%; height:auto; float:left; border:1px #ddd solid;}

.proyss{ width:95%; height:auto; margin:0 auto;}
.proyss ul li{ width:25%; height:70px; padding:2px 0; text-align:center; float:left;}
.proyss ul li img{ max-width:100%; max-height:70px;}

.newsy{ width:95%; height:auto; margin:0 auto;}
.newsy ul li{ width:100%; height:auto; padding:10px 0; border-bottom:1px #ddd solid; background:url(../images/wenben.jpg) 3px 13px no-repeat;}
.newsy ul li img{ float:left; width:150px; height:110px; margin-right:15px;}
.newsy ul li span{ font-size:18px; line-height:23px; padding:5px 0 5px 0px; color:#555;}
.newsy ul li em{ font-size:12px; color:#999; line-height:20px; font-style:normal;}
.newsy ul li p{ color:#666; line-height:20px;}
.wappg{ width:100%; height:auto; line-height:25px; margin:20px auto;}
.wappg ul li{float:left; padding:0 10px; border:1px #ddd solid; margin:0 2px;}
.wappg ul li a{ display:block;}
.thisclass{ border:1px #333 solid; background:#333; color:#fff;}
.proview{ width:94%; height:auto; padding:15px 3%;}
.proview table{ width:100% !important;}
.proview h2{ width:90%; padding:15px 0; font-size:16px; text-align:center; line-height:28px;}
.proview img{ width:95% !important; height:auto !important;}
#map{ display:none;}

.chang{ width:93%; height:33px; border-radius:15px; padding:0 3%; border:1px #999 solid;outline:none;}
.ly-txty{ width:43%; height:33px; border-radius:15px; padding:0 3%; border:1px #999 solid;outline:none;}
.nr{ width:93%; height:80px; border-radius:15px; padding:0 3%; border:1px #999 solid;outline:none;}

.ly_sub{ width:97%; height:38px; border-radius:15px; padding:0 5px; border:1px #3ab86e solid; background:#3ab86e; color:#fff; font-size:18px; font-family:寰蒋闆呴粦;}
.fooy{width:100%; position:fixed!important; position:absolute; bottom:0px!important;background:#00aeea; max-width:650px;}
.fooys{ max-width:650px; margin:0 auto;}
.fooys ul li{ width:24.3%; height:auto; float:left; text-align:center; padding:6px 0; color:#eee;}
.fooys ul li img{ height:25px;}
.fooys ul li a{ display:block; color:#fff;}
.foyrig{ border-right:1px #139b4b solid;}

.info_cons{ width:95%; height:auto; margin:20px auto; line-height:33px;}

.xwdt{ width:96%; height:auto; padding:15px 0; margin:0 auto;}
.xwdt li{ width:100%; line-height:38px; text-align:left; background:#fff; margin:4px 0;}
.xwdt li span{ float:left; background:#865500; padding:0 10px; color:#fff; margin-right:8px;}

.list_class{ width:100%; padding:15px 0;}
.list_class ul li{ width:47%; height:30px; float:left; border:1px #ddd solid; text-align:center; line-height:30px; margin:3px 1%;}
.list_class ul li a{ font-size:13px; color:#666; display:block;}
.infor_titp{ margin:15px auto; background:#00a9dd; width:110px; height:36px; line-height:33px; color:#fff; text-align:center;}
.infor_titcon, .infor_titcom{ padding:15px; background:#eee;}
.info_ftit{ width:100%; line-height:40px; height:40px; text-align:center; font-size:20px; border-bottom:1px #ddd solid; margin-bottom:15px;}

.Homexz{ width:98%; height:auto; margin:20px auto; background:#fff;}
.Homexz_tit { width:100%; OVERFLOW: hidden; HEIGHT:35px; float:left; text-align:center;}
.Homexz_tit span {FONT-SIZE:13px; FLOAT:left; WIDTH:30%; margin-right:2%; LINE-HEIGHT:35px; background:#ddd; cursor: hand; cursor: pointer;}
.Homexz_tit span A {TEXT-DECORATION: none}
.Homexz_tit span.hover { height:35px; background:#00a9dd; cursor: hand; color:#fff;cursor: pointer;}
.Homexz_tit span.hover A { COLOR: #111; TEXT-DECORATION: none; }
.Homexz_con { OVERFLOW: hidden; ZOOM: 1; width:100%; float:left; height:auto; color:#666; padding:0; font-size:13px !important;}
/*产品列表*/
.pho-lis {
    padding-top: 30px;
   /*  padding-right: 30px; */
    padding-left: 30px;
    padding-bottom: 50px;
}
.pho-lis ul li {
    width: 140px;
    margin-right: 6px;
    margin-bottom: 30px;
    list-style: none;
float: left;
    border: 1px solid #ddd;
}
.pho-lis ul li .img {
    width: 140px;
    height: 130px;
    text-align: center;
    overflow: hidden;
}
.pho-lis ul li .img img {
    width: 100%;
    height: 100%;
}
.pho-lis ul li p {
    font-size: 12px;
    color: #00a9dd;
    
    background: #eaeaea;
    text-align: center;
    
    overflow: hidden;
}
/*分页样式*/
 .big-box{
              padding: 0 44px 54px;
            }
            .productb ul{
              width: 110%;
               padding-top: 27px;
                 padding-bottom: 24px;
            }
            .f-cb{
              zoom: 1;
            }
            .productb li{
                  width: 246px;
                  margin-right: 18px;
                  float: left;
                   margin-bottom: 24px;
            }
            .productb li img{
              width: 244px;
    height: 213px;
    display: block;
    border: 1px solid #ddd;
            }
            .productb li p{
              height: 37px;
    background: #eaeaea;
    color: #00a9dd;
    font-size: 16px;
    text-align: center;
    line-height: 39px;
    margin-top: 5px;
            }
            .productb li:hover img{
              border: 1px solid #ff9000;
            }
.productb li:hover p{
  background: #ff9000;
    color: #fff;
}
/*pages*/ 
.pagination-wrapper{ 
  margin: 20px 0; 
} 
.pagination{ 
  height: 34px; 
  text-align: center; 
} 
.pagination li { 
  display: inline-block; 
  height: 34px; 
  margin-right: 5px; 
} 
.pagination li a{ 
  float: left; 
  display: block; 
  height: 32px; 
  line-height: 32px; 
  padding: 0 12px; 
  font-size: 16px; 
  border: 1px solid #dddddd; 
  color: #555555; 
  text-decoration: none; 
} 
.pagination li a:hover{ 
  background:#f5f5f5; 
  color:#0099ff; 
} 
.pagination li.thisclass {
 background: #09f; 
 color: #fff; 
} 
.pagination li.thisclass a,.pagination li.thisclass a:hover{ 
  background: transparent; 
  border-color: #09f; 
  color: #fff; 
  cursor: default; 
}