@charset "utf-8";
/* Style Reset */
.ui-page{-webkit-backface-visibility: hidden; font-family:微软雅黑;font-size:14px; background:#f0f0f0;}
body{ background:#f0f0f0; color:#204060;}
body,p ,h1,ul,li,.ui-content{margin:0; padding:0;}
ul, ol, li, dl, dt, dd {list-style:none;}
a{text-decoration:none;outline:0px; color:#173059}
.clear { clear:both; }
.fr{ float:right}
.fl{ float:left}
.center{ text-align:center; width:100%;}
.center img{ width:91%;}
.padding20{ padding:10px 1%;float:left; width:98%;font-family:宋体; line-height:180%; min-height:300px; font-size:14px;/*text-indent: 24px;*/}
.padding20 p{ padding:0px;text-indent: 24px;}
.padding201{ padding:10px 1%;float:left; width:98%;font-family:宋体; line-height:180%; min-height:300px; font-size:14px;/*text-indent: 24px;*/}
.padding201 p{ padding:0px;text-indent: 24px;}


.wrap{ margin:0 auto; width:100%; max-width:640px;}
 /* header------------------------------------------------------------------------------------------------- */
.header{ float:left;width:100%; z-index:20; border-bottom:1px solid #4ebd3f; text-align:center; background-color:#21ac8d; float:left;
/*background-image:-moz-linear-gradient(center top , #fff, #e5e5e5);
background-image: -moz-linear-gradient(top, #fff, #e5e5e5);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e5e5e5));
background-image: -webkit-linear-gradient(top, #fff, #e5e5e5);
background-image: -o-linear-gradient(top, #fff, #e5e5e5);
background-image: linear-gradient(top, #fff, #e5e5e5);*/}


.logo{ float:left; width:100%; text-align:center;}
.logo img{ width:84.84375%;}

.search{ float:left;width:90.625%;padding:2% 4.6875%; max-height:40px;
background-image:-moz-linear-gradient(center top , #dedede, #fff);
background-image: -moz-linear-gradient(top, #dedede, #fff);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dedede), to(#fff));
background-image: -webkit-linear-gradient(top, #dedede, #fff);
background-image: -o-linear-gradient(top, #dedede, #fff);
background-image: linear-gradient(top, #dedede, #fff);}
/*.searchmain{float:left; width:100%; padding:0; border-radius:3px; background:#fff; border:1px solid #ccc;}
.search_but{ float:right; background:url(../images/search_but.jpg) no-repeat left center; border:0;width:11.72413793103448%;min-width:35px; padding:1.5% 0; background-size:100%; border-radius:0 3px 3px 0; }
.search_txt{ float:left; background:#fff;  padding:0.5% 0 0.5% 3% ;border:0; color:#b6b6b6; font-size:16px; width:82.71875%;font-family:微软雅黑;}*/

.searchmain{ overflow:hidden;height:28px;float:left; width:100%; padding:0; border-radius:3px; background:#fff; border:1px solid #ccc;}
.search_but{height:28px; float:right; background:url(../images/search_but.jpg) no-repeat left center; border:0;width:11.72413793103448%;min-width:35px; padding:0% 0; background-size:100%; border-radius:0 1px 1px 0; }
.search_txt{height:28px; float:left; background:#fff; border-rad/ius:3px;  padding:0%  0.5% 0% ;border:0; color:#b6b6b6; font-size:16px; width:82.71875%;font-family:微软雅黑;}

.prolist_but{ float:left; width:27.58620689655172%; padding:1.9% 0; height:20px; border-radius:3px 0 0 3px;  background:url(../images/pro.gif) no-repeat left center; background-size:100%;}
.prolist_but img{ width:100%}
.search_txtview{ float:left; background:#fff; padding:0.5% 0 0.5% 3% ;border:0; color:#b6b6b6; font-size:16px; width:52.71875%;font-family:微软雅黑;}
@media all and (max-width:481px){
.search_txt{width:80%; font-s/ize:14px;}
.search_txtview{fo/nt-size:14px; }
}
@media all and (min-width:639px){
.prolist_but{background-size:70%;padding:1.1% 0 0% 3% ;}
}
.prolist_butmain{ float:left; display:none; width:30%; z-index:10; position:absolute;background:#000;opacity:0.8;}
.prolist_butmain a{ padding:8% 0;width:100%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:center; color:#fff; font-size:14px;text-align:center; float:left; font-weight:normal;background:url(../mimages/navico.png) no-repeat 9% center }

/*首页*/
.banner{ width:100%; float:left; position:relative;}
.banner img{ width:100%; display:block}
.bannerbar{ position:absolute; bottom:0; width:100%;}
.bannerbar img{float:left; width:100%;}
.menu_but{ float:left; width:26.5625%; margin-right:1.5625%; position:relative}
.product_but{  float:left; width:37.8125%;margin-right:1.5625%; position:relative;}
.case_but{  float:left; width:32.5%}

.nav{ z-index:100;display:none;position:absolute; width:100%;background:#000;opacity:0.8;}
.nav li{float:left;width:100%;padding:8% 0;}
.nav a{ width:100%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:center; color:#fff; font-size:16px;text-align:center; float:left; font-weight:bold;background:url(../mimages/navico.png) no-repeat 9% center }

.product{ font-family:微软雅黑; float:left; width:100%;}
.product h2{ font-size:16px; color:#535353; float:left; width:100%; font-weight:normal;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:center }
@media all and (max-width:481px){
.product h2{font-size:14px;}}
.product li{float:left; padding:2% 0 0; }
.product li a{ text-align:center; float:left;width:100%}
.product li span{ float:left;width:100%;margin:0 2% 0 8%;width:88%; border-radius:92px;}
.product li span img{ width:100%;border-radius:92px;}
/*.radius1{ border:3px solid #f17e09}
.radius2{ border:3px solid #de3552}
.radius3{ border:3px solid #2b95af}
.radius4{ border:3px solid #7cb23a}
.radius5{ border:3px solid #4b94c1}
.radius6{ border:3px solid #f2b527}*/



.footnav{ float:left;width:95.3125%; padding-left:4.6875%; background:#1ad5b6; }
.footnav ul{ float:left; width:100%; padding:3% 0}
.footnav ul li{ float:left; background:#019b79; border-radius:4px; padding:1% 0; text-align:center; color:#fff; width:16.39344262295082%; margin-right:3.27868852459016%}
.footnav a{ color:#fff; font-family:微软雅黑; font-size:14px;}
.foottxt{ float:left; width:100%; color:#019b79; text-align:center; padding:2% 0; background:#b2e1d7; font-size:12px;}
.foottxt a{color:#019b79; }
.content{ float:left; width:100%; min-height:260px;}
.content_i{ float:left; width:100%;overflow:hidden;}
/* footer */
.footer{float:left;width:90.625%;padding:5px 4.6875% 0; border-bottom:4px solid #36b095;font-size:15px; margin-top:10px; font-family:微软雅黑;
background:#4db9a1;}

.footer ul{ width:100%; min-height:30px; float:left;}
.footer ul li{float:left; min-height:30px; width:20.86206896551724%;padding:0 2.06896551724138%}
.footer ul li a{float:left;min-height:30px; line-height:30px; border-radius:5px; width:100%; padding:0% 0 0%; color:#fff;text-align:center; float:left; display:block;
background-image:-moz-linear-gradient(center top , #5ac9b1, #029c7a);
background-image: -moz-linear-gradient(top, #5ac9b1, #029c7a);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5ac9b1), to(#029c7a));
background-image: -webkit-linear-gradient(top, #5ac9b1, #029c7a);
background-image: -o-linear-gradient(top, #5ac9b1, #029c7a);
background-image: linear-gradient(top, #5ac9b1, #029c7a);}


}
@media all and (max-width:481px){
.footer ul li a{ }

}
.footer ul li img{ margin-top:-2px;}
.foottel img{ width:30%;}
.footmess img{ width:25%;}
.footmap img{ width:20%;}
.footshare img{ width:26%;}
.footer img{ vertical-align:middle; margin-right:5%;}


/*product*/
.proul{width:100%;}
.proul ul{width:96%; padding:4px 2% 0; }
.proul .ui-block-a,.proul .ui-block-b{ width:48%; margin-bottom:4px; float:left; }
.proul li div{ width:100%;float:left;}
.proul li{ position:relative;}
.proul li img{
	width:100%;
	float:left;
	border:1px solid #c8c8c8;
	height: 28%;
}
.proul li p{width:100%; text-align:center;float:left; margin-top:8px;font:300 16px/42px ;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;background:#000; opacity:0.6; padding:2% 0; color:#fff; position:absolute; bottom:0; }
.proul .ui-block-a{ margin-right:3.3%}
/*news*/
.news_i{ width:100%; font-family:宋体; }
.news_i li { float:left; line-height:42px; height:42px;width:90.625%; padding:0 4.6875%; border-top:1px solid #fff; }
.news_i li a{width:100%; color:#3b393a;float:left;background:url(../mimages/newsico.png) no-repeat right center; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size:14px;}
.newsone{ background:#cfcfcf;}
.news_current{
background-image:-moz-linear-gradient(center top , #878787, #b4b4b4);
background-image: -moz-linear-gradient(top, #878787, #b4b4b4);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#878787), to(#b4b4b4));
background-image: -webkit-linear-gradient(top, #878787, #b4b4b4);
background-image: -o-linear-gradient(top, #878787, #b4b4b4);
background-image: linear-gradient(top, #878787, #b4b4b4);}
.news_current a{ color:#3b393a}
.newstwo{ background:#ababab;}
/*view*/
.title{ float:left; width:100%;background:url(../images/titlebg.gif) repeat-y top left; background-size:100%; box-shadow:0px 3px 3px #014335 inset;}
.title_word{float:left; margin-left:3.6875%; padding:2% 0; width:26%; text-align:center;float:left; color:#fff; text-shadow:0 0 1px #01644f;height:100%; font-family:微软雅黑; font-size:18px; backgr/ound:#01cead;}
@media all and (max-width:481px){
.title_word{ margin-left:2%;font-size:16px; }

}

.home{ float:right;margin-right:4.6875%; width:7%; margin-top:1% }
.home img{ width:100%; min-width:30px; max-width:44px;}
.view_title{ background:#cecece; text-align:center; width:100%; float:left; padding:5px 0;font-size:18px; margin:2% 0; font-weight:normal; font-family:微软雅黑; color:#557392; }
.viewpage{float:left;width:100%;margin-top:34px;}
.viewpage a{float:left;width:98.8%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; background:#e7e7e7; color:#204060; padding:0 0.6%; height:38px; line-height:38px;margin-bottom:8px; }
.viewback{ margin:0 auto; width:22%; margin-top:30px;}
.viewback a{float:left; color:#204060;font-family:微软雅黑;height:34px; font-size:14px;line-height:34px;width:100%; text-align:center;
background:#cecece;}

.pages{
	height:30px; 
	width:94.4%;
	margin:0 auto;
	margin-top:15px;
	margin-bottom:10px;
}
.pages a{ color:#3b393a}
#dis{ background:#eae3e3; color:#b2a8a8;
	border:1px solid #eae3e3;}
.page_change{ 
	width:44px; 
	height:25px; 
	display:block; 
	text-indent:3px;
	margin:0 auto;
}
.page_changecon{ background:#000; color:#fff; width:100%; height:100%; z-index:100}
.left{float:left;margin-left:20%; }
.right{float:right; margin-right:20%;}
.left,.right{ 
	width:60px; 
	height:25px; 
	font:12px/28px 宋体;  
	text-align:center;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border:1px solid #c2c2c2;
	background:#FFF;}
.share{ float:left; border-bottom:10px solid #196c5f; color:#fff;width:90.625%;padding:2% 4.6875%;
background-image:-moz-linear-gradient(center top , #46b8aa, #2d786f);
background-image: -moz-linear-gradient(top, #46b8aa, #2d786f);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#46b8aa), to(#2d786f));
background-image: -webkit-linear-gradient(top, #46b8aa, #2d786f);
background-image: -o-linear-gradient(top, #46b8aa, #2d786f);
background-image: linear-gradient(top, #46b8aa, #2d786f);}

.share_but{ margin:0 auto; width:22%; margin-top:30px;}
.share_but a{float:left; border:1px solid #a3a9ab; color:#056250;font-family:微软雅黑;height:34px; font-size:16px;line-height:34px;width:100%; text-align:center; text-shadow:0 0 1px #fff; border-radius:4px;
background-image:-moz-linear-gradient(center top , #fdfefe, #8faca6);
background-image: -moz-linear-gradient(top, #fdfefe, #8faca6);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdfefe), to(#8faca6));
background-image: -webkit-linear-gradient(top, #fdfefe, #8faca6);
background-image: -o-linear-gradient(top, #fdfefe, #8faca6);
background-image: linear-gradient(top, #fdfefe, #8faca6);}
.share_t{ background:#056250; box-shadow: 0 2px 3px #364b66 inset; border-top:4px solid #44a79b; font-family:微软雅黑;text-align:center; color:#fff; padding:1% 0;}
.proview{ float:left; width:100%;text-overflow:clip; overflow:hidden; white-space:nowrap;}