@charset "gb2312";
/* Style Reset */
body{color:#a2add7; font-family:΢ÈíÑźÚ;width:100%; }
*{margin:0; padding:0;list-style:none;}
a{text-decoration:none;outline:0px; color:#a2add7; font-family:΢ÈíÑźÚ}
.clear { clear:both; }
.fr{ float:right}
.fl{ float:left}
.wrap{ margin:0 auto; width:100%; max-width:640px;background:#fff;overflow:auto;}
.padding20{ padding:2% 3% 4%;float:left; color:#333; font-family:ËÎÌå; width:94%; text-align:justify; line-height:180%; min-height:300px; font-size:14px;}
.padding20 img{ width:100%;}
.content{ float:left;width:100%}
 /* header------------------------------------------------------------------------------------------------- */
.header{ float:left;width:100%;background:url(../images/header.jpg) no-repeat center top ; background-size:100% 100%; border-bottom:1px solid #6ecbdc;}
.headermain{ margin:0 auto;max-width:640px; width:100%; }
.logo{ float:left; width:50%;}
.logo img{ width:100%; min-width:200px;}
.menu_but{ float:right; display:block;width:25%; margin-top:2%;min-width:42px; margin-right:3%; padding-top:1.5%; text-align:center;}
.menu_but a{ float:right; width:50%;border:1px solid #efefef; border-radius:6px; text-align:center; color:#2a314b; line-height:2; box-shadow:1px 2px 3px #3693a5;background:-webkit-linear-gradient(top,#fff,#dbdbdb);background:-moz-linear-gradient(top,#fff,#dbdbdb);background:linear-gradient(top,#fff,#dbdbdb);}
.menu_but img{width:10%; margin-left:3px; }
#modal { display:none; }
#pageslide { display:none; background:#ccc;position: absolute;position: fixed;top: 0;width:50%; max-width:320px; height:100%;z-index: 999999;}
.nav{width:100%; float:left; font-size:16px;}
.nav li{float:left;width:100%}
.nav li a{ padding:5% 0 5% 10%; color:#fff;width:90%;font-size:14px;text-align:left; float:left; border-bottom:1px solid #fff;background:#44cc47;}
.nav li a:hover{background:#fff; color:#242837}
.search{width:96%; border-radius:20px; box-shadow:1px 2px 5px #bababa inset;overflow:auto; background:#fff; border-bottom:2px solid #00863c;top:8%; position:absolute; left:2%; }
.search_txt{ float:left; margin-left:2%; padding-left:9%;width:65%; min-height:30px; border-radius:10px; color:#ababab; font-family:΢ÈíÑźÚ; border:0;background:url(../images/search_ico.png) no-repeat left center; background-size:6%}
.search_but{ float:right;width:20%; max-width:78px; border:0;height:30px; background:url(../images/search_but.png) no-repeat right center; color:#fff; text-shadow:1px 0 0 #024856; padding:0; font-family:΢ÈíÑźÚ; background-size:100% 100%}
.banner{float:left; width:100%;position:relative; z-index:999;}
.bannercon img{float:left; width:100%; display:block;}
/*index*/
.title_i{ float:left; margin-bottom:3%;width:100%; padding:1px 0 2%; background:url(../images/title.jpg) no-repeat left center; background-size:100% 100%;}
.title_i .fl{ float:left; margin-left:3%; padding:1% 6% 1% 2%; color:#17a054;background:url(../images/arrow_r.gif) no-repeat 96% center #e5e1d8; background-size:20%; border-radius:10px;}
.tel{ float:right; background:#fff; box-shadow:0 2px 2px #b5b5b5 inset; padding:1% 2%; margin-right:3%; border-radius:10px; color:#ff3687; text-align:center; }
.more_i{ border-radius:3px; margin-top:1.5%;margin-right:3%; line-height:2; padding:0 1%; background:#2f79b6; color:#fff; float:right;}
.homeico{margin-top:0.5%;margin-right:3%;width:7%;float:right;min-width:30px; }
.homeico img{ width:80%; min-width:28px;}
.promore{ position:relative; width:50%; float:right;}
.promore img{ position:absolute; right:3%; width:30%; top:-10px;}
.product{width:96%; padding-left:4%;float:left;background:url(../images/product.gif) no-repeat center 3%; background-size:95%; }
.product ul{width:100%; float:left; }
.product li{ float:left; width:33%; margin-bottom:3%;}
.product li div{ width:90%;float:left; padding-top:6.4%; }
.product li a{width:100%; display:block; float:left; text-align:center;}
.product li img{width:96%;border:1px solid #d6dadb; box-shadow:0 0 4px #8cd6e5; border-radius:90px; display:block }
.product li .protxt{width:100%; float:left; color:#00863c;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
#productmore img{ box-shadow:0 0 0 ; border-radius:0; border:0;}
.line{ clear:both; border-top:1px solid #e3e3e1; margin:3% auto ; width:93%;}
.news{ float:left;width:100%; border-top:1px solid #f1f1f0; }
.news_pro{ float:left; width:87%; padding:0 6.25% 3%;}
.news_pro li{ float:left; width:42%; position:relative; padding-bottom:1%; }
.news_pro li .newspromore{ position:absolute; right:0; bottom:0;float:left; width:28%;color:#fff;}
.newspromore a{ color:#fff;background:url(../images/newsdetail1.png) no-repeat top center; padding:30% 0; background-size:100% 100%;}
.newspromore a:hover{ color:#fff;background:url(../images/newsdetail2.png) no-repeat top center; background-size:100% 100%;}
.newsprobg{ position:absolute;background:url(../images/newsprobg.png) no-repeat top center; float:left;width:100%; height:100%; z-index:999; background-size:100%; }
.news_pro li div{ width:72%;float:left;}
.news_pro li a{width:100%; display:block; float:left; text-align:center;}
.news_pro li img{width:100%;  display:block }
.news_pro li .protxt{width:42%; position:absolute; bottom:9px; background:#02bade; color:#fff; float:left;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding:0 15%; }
.news_list{float:left; width:100%; }
.news_list li{float:left; width:100%; border-bottom:1px solid #f1f1f0; padding:1% 0;}
.news_list li span{float:left; width:90%; padding:0 3% 0 7%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;background:url(../images/newsli.png) no-repeat center left; background-size:6%; }
.news_list li a{float:left; width:96%; line-height:2.5; padding:0 4% 0 0%; background:url(../images/newsico.png) no-repeat 97% center; background-size:4%; color:#666;}
.news_list li a:hover{ background:url(../images/newsico.png) no-repeat 97% center  #cdedf4;background-size:4%; }
/* footer */
.footnav{ float:left;width:100%;background:#17a054;}
.footnav ul{ float:left; width:96%; padding:3% 2% ; }
.footnav ul li{ float:left; border:1px solid #efefef; box-shadow:1px 2px 3px #00863c; padding:1% 0;text-align:center; color:#17a054; width:17.8%; margin-right:1%;margin-left:1.4%;  border-radius:4px;
box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
background:-webkit-linear-gradient(top,#f8f8f8,#e2e2e2);background:-moz-linear-gradient(top,#f8f8f8,#e2e2e2);background:linear-gradient(top,#f8f8f8,#e2e2e2);}
.footnav a{ color:#17a054; float:left; display:block;padding:1% 0;width:100%;}
.foottxt{ float:left; width:100%; color:#17a054;font-size:11px; text-align:center; padding:2% 0;background:#b5f3ff}
.foottxt a{ color:#17a054;  }
.footer{float:left;width:100%; padding-top:4%; background:#b5f3ff}
.footer ul{float:left;width:100%;background:#00863c; }
.footer ul li{float:left; min-height:35px; width:20%; padding:2% 0;}
.footer ul li a{float:left;min-height:25px;width:100%; color:#f6f6f6;text-align:center; float:left; display:block;text-shadow:1px 2px 3px #7d8d97 }
.footer img{ width:35%; min-width:26px;}
#home_but{text-align:center;}
#home_but img{ width:80%;margin-top:-28%;}
/*product*/
.center{ text-align:center; width:100%; float:left; background-size:100%; }
.center img{ width:90%;margin:5.8% 0; box-shadow:0 0 2px #d8d5d6; border:1px solid #00863c;}
.productnav{ float:right; position:relative; margin-right:3%; margin-top:0.5%; width:30%; text-align:right}
.productnav img{ max-width:162px; width:100%; min-height:26px;max-height:41px; heig/ht:100%; min-wi/dth:100px;}
.proul{width:100%;float:left;}
.proul ul{width:94%; padding:4px 3% 0; }
.proul .ui-block-a,.proul .ui-block-b{ width:48%; margin-bottom:14px; float:left; }
.proul li div{ width:100%;float:left;}
.proul li img{width:100%; display:block; float:left;}
.proul .ui-block-a{ margin-right:3.3%}
.proul .proimg{ float:left; width:100%; border:1px solid #01bc01; background:#fff; padding:1%; box-sizing:border-box;
box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
.proul li .protxt{width:99%; float:left; border:1px solid #01bc01; margin-top:3px; color:#3f4d5a; float:left;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
/*news*/
.newslist{ float:left;width:100%; margin-top:-3%;}
.newslist ul{float:left; width:100%; }
.newslist ul li{float:left; width:100%;}
.newslist ul li a{float:left; width:93%; font-size:1em; border-top:1px solid #fff; line-height:2.5; padding:0 4% 0 3%;
background:-webkit-linear-gradient(top,#fff,#e3e3e3);background:-moz-linear-gradient(top,#fff,#e3e3e3);background:linear-gradient(top,#fff,#e3e3e3);}
.newslist ul li a:hover{ 
background:-webkit-linear-gradient(top,#e7e7e7,#d6d6d0);background:-moz-linear-gradient(top,#e7e7e7,#d6d6d0);background:linear-gradient(top,#e7e7e7,#d6d6d0);}
.newslist ul li a span{ float:left;width:100%; color:#414141;  background:url(../images/newslist.png) no-repeat center right;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
/*view*/
.view_title{text-align:center; width:96%; float:left; padding:5px 2%;font-size:1.2em; margin:1% 0 0; font-weight:normal; color:#fff; font-family:΢ÈíÑźÚ; background:#01bc01;padding-bottom:1%;margin-bottom:2%;}
.pages{height:30px; width:94.4%;margin:3% auto;}
.pages a{ color:#3b393a}
#dis{ background:#eae3e3; color:#b2a8a8;border:1px solid #eae3e3;}
.page_change{width:44px; height:25px; line-height:25px;display:block; margin:0 auto; overflow:auto; border:1px solid #c2c2c2; border-radius:2px; color:#000; text-align:center; box-shadow:0px 2px 3px #ddd inset; background:#fff;}
.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;}
.view_menu{ float:right;width:180px; position:relative; z-index:999;margin-top:-12%; margin-right:3%;}
@media all and (max-width:550px){
.view_menu{margin-top:-17%;}
}
.view_menu span{ float:left; cursor:pointer;padding:10% 0 5%;padding-right:10%;text-align:right;width:90%; color:#1e2450;}
.view_menu img{ vertical-align:middle;width:10%; margin-right:3px; margin-top:-3px;}
.view_menumain{float:right;right:5%; width:130px;border:1px solid #ccc; background:#fff; padding:2px 2px 0px; display:none;position:absolute; z-index:10;}
.view_menumain a{float:left;width:100%; text-align:center; line-height:2;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; border-bottom:1px solid #ccc; font-size:14px; color:#555;}
.viewpage{float:left;width:100%;margin-top:34px;}
.viewpage a{float:left;width:98.8%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#555; font-family:ËÎÌå; padding:1% 0.6%;margin-bottom:8px;
background:#e7e7e7;}
.back{ float:left; width:100%;}
.back .fl,.back .fr{ font-size:15px; padding:1% 0;border:1px solid #fff; box-shadow:1px 2px 3px #e1e3e2; color:#fff; text-align:center; border-radius:4px;background:-webkit-linear-gradient(top,#17a054,#00863c);background:-moz-linear-gradient(top,#17a054,#00863c);background:linear-gradient(top,#17a054,#00863c);}
.back .fl{ width:20%;}
.back .fl img{ width:17px; vertical-align:middle; margin-top:-4px}
.back .fr{ width:25%;}
.viewback{ margin:0 auto; width:20%; margin-top:30px;}
.viewback a{float:left; padding:1.5% 0; font-size:1em;width:100%; text-align:center; color:#fff;; padding:1% 0;
background:-webkit-linear-gradient(top,#13b9da,#019ebd);background:-moz-linear-gradient(top,#13b9da,#019ebd);background:linear-gradient(top,#13b9da,#019ebd);}
.share_t{ text-align:center; float:left; line-height:2;background:#4a83ab; width:100%; color:#fff; margin:1% 0 0 0%;}
@media only screen and (max-width:480px), 
only screen and (min-resolution: 144dpi) {
	body,html{font-size:14px;}
}
@media only screen and (max-width:320px), 
only screen and (min-resolution: 144dpi) {
	body,html{font-size:12px;}
}