@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;}

.padding20 p{
	text-indent: 2em;
	margin: 0px;
	padding: 0px;
	clear: none;
	float: left;
	height: auto;
	width: auto;
}

.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-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;
	height: auto;
}

.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 6%}

.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: auto;
}

.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;}