@charset "gb2312";
/* Style Reset */
img { border:0;max-width: 100%; width: expression(this.width >100% && this.height < this.width ? 100%: true);}
.ui-page{-webkit-backface-visibility: hidden; font-family:΢ÈíÑźÚ;font-size:14px; background:#fff;}
body{background:#d2d2d2;color:#323232; font-family:΢ÈíÑźÚ;width:100%;overflow-x:hidden;}
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:#292929; font-family:΢ÈíÑźÚ}
.clear { clear:both; }
.fr{ float:right}
.fl{ float:left}
.center{ text-align:center; width:100%;}
.center img{ width:81%; border:1px solid #cbcbcb; margin:10px 0;}
.padding20{ padding:2% 3% 4%; color:#3a3a3a; float:left; width:94%; line-height:180%; min-height:300px; font-size:14px;}
.padding20 p{text-ind/ent:2em;}
.wrap{ margin:0 auto; width:100%; max-width:640px;background-size:100% ; overflow:auto;}
.wrap .search{ margin-top:0;}
.wrap .menu_but{ margin-right:3%;overflow:hidden;}
.iwrap{ margin:0 auto; width:100%; max-width:640px;  overflow:auto;}

/*ÊÖ»úbanne*/
.banner_box{width:100%;text-align:center;}
.banner_box img{vertical-align:middle;}
/*ÂÖ²¥*/
.roll_img_mb_01{overflow:hidden;position:relative;}
.roll_img_mb_01 .img_box{overflow:hidden;text-align:center;}
.roll_img_mb_01 .img_box img{vertical-align:middle;min-height:100px;width:100%;}
.roll_img_mb_01 .nav_box{overflow:hidden;height:20px;position:absolute;left:45%;bottom:0px;}
.roll_img_mb_01 .nav_box li{width:10px;height:10px;font-size:1px;overflow:hidden;background:#ddd;border-radius:50px;float:left;margin:4px;}
.roll_img_mb_01 .nav_box .li_on{ background-color:#ff6600;}

.content{ float:left; width:93.75%; margin:0 3.125%;}

.content00{ width:96%; padding:1.5% 2%;}

 /* header------------------------------------------------------------------------------------------------- */
.header{position:fixed; top:0; float:left;width:100%; z-index:99; background-color:#eaeaea;margin:0 auto ; padding:0.5% 0 0;max-width:640px;}
.headermain{ margin:0 auto;max-width:640px; width:100%; }
.zhanwei{ margin:0 auto; width:100%; max-width:640px;  overflow:auto; height:70px;  padding:3% 0;}
.zhanwei2{ margin:0 auto; width:100%; max-width:640px;  overflow:auto; height:70px;  padding:3% 0;}
.sss{ float:left;  margin-right:1%; text-align:center;width:10%;min-width:42px;color:#fff;  padding:0 1%; text-align:center; }
.sss a{ float:left; width:100%; text-align:center; color:#fff; line-height:1.3}
.sss img{width:80%; }

.logo{ float:left; width:32%; margin-left:1%; text-align:center; }
.logo img{ width:100%;min-wi/dth:180px; max-width:280px;}


.menu_but{ float:right; display:block; margin-right:1%; text-align:center;width:10%; min-width:42px; color:#fff; height:55px; padding-top:1%; text-align:center;}
.menu_but a{ float:left; width:100%; text-align:center; color:#fff; line-height:1.3}
.menu_but img{width:75%; }


.input_class{ border:1px #8b898a solid; height:2em; line-height:2; width:100%; margin-bottom:2%;}
.input_class2{ border:1px #8b898a solid; height:8em; line-height:2; width:100%; margin-bottom:2%;}
.input_class3{ border:1px #8b898a solid; height:2em; line-height:2; width:30%; margin-bottom:2%;}
.messbutton{ width:90px; height:30px; line-height:30px; border:0;
background:url(../images/arrow4.png) no-repeat center ; background-size:100% 100%; 
}

.proimg{ width:300; height:140px;}
.proimg2{ width:300; height:80px;}
@media all and (min-width:640px){
.menu_but{ background-size:100% 100%;}
.proimg{ width:300; height:140px;}
.proimg2{ width:300; height:80px;}

}
@media all and (max-width:481px){
	.logo{ float:left; width:70%; }
	.proimg{width:200;height:120px;}
	.proimg2{ width:200; height:60px;}
}

@media all and (max-width:321px){
	.logo{ float:left; width:80%; }
.menu_but{ background-size:100% 70%;}
.proimg{width:180;height:100px;}
.proimg2{ width:180; height:50px;}
}

#modal,#searchin { display:none; }

#pageslide { display:none; background:#daeffe;position: absolute;position: fixed;top: 0;width:50%; max-width:320px; height:100%;z-index: 999999;}
.nav{width:100%; float:left; font-size:16px; border-left:1px solid #97c1cf;}
.navli{float:left;width:100%}
.navli a{ padding:3% 0 3% 10%;width:90%;text-align:left; float:left; border-bottom:2px solid #fff;background:#505050;}
.navli a span{ float:left; width:90%; padding-left:10%;color:#fff; font-size:1.4em; font-weight:500px;background:url(../images/nav_ico.png) no-repeat 0px center; }
.navli ul{ float:left; display:none;width:80%; padding:2% 0 2% 20%;background:#ca1828;border-bottom:1px solid #000;}
.navli li{ float:left;width:100%; padding:3% 0;}
.navli li a{padding:0 0;width:100%;font-size:14px; color:#fff;text-align:left;  float:left;background:none;border-bottom:0}


.search{float:left; width:96%; padding:2%; background-color:#d2d2d2;}
.searchmain{float:left;width:100%; padding:1%;}
.search_txt{ float:left;padding-left:2%;width:65%;line-height:35px;height:35px; border:1px #cbcbcd solid; color:#292929; font-size:14px; background-size:100% 100%; text-indent:10px;background-size:30px 30px;border-radius:10px; }
.search_but{ float:right;width:80px;border-radius: 6px; border:0;height:37px; background:url(../images/search_but.gif) no-repeat left center;}


/*Ê×Ò³*/
/* banner --------------------------------------------------------------------*/

.title_i{ float:left;width:100%; min-height:36px;background:url(../images/l3.gif) no-repeat top left; background-size:100% 100%; text-align:center; padding:1.5% 0; font-size:1.2em; color:#fff;}
.more_i{ border-radius:3px; margin-top:1.5%;margin-right:3%; padding:1%;color:#fff; float:right;}

.title_i2{ float:left;width:100%; min-height:33px;background:url(../images/l4.gif) no-repeat top left; background-size:100% 100%; text-align:center; padding:1% 0; font-size:1.2em; color:#fff;}

.prducttitle{ clear:both;
	width:100%;
}
.prduct{ margin-top:2.5%;}
.prduct ul{ background-color:#FFFFFF}
.prduct ul li{ margin:0 auto; width:93%; clear:both;min-height:80px;  border-bottom:1px #dedfe1 solid; padding:2%; background:url(../images/newsico.png) no-repeat center right;}
.prduct ul li img{ max-width:130px; float:left; border:7px #f8f9fb solid; margin-right:1%; margin-bottom:30px;}
.prduct ul li div{  margin-right:1%; line-height:1.2; font-size:1.2em; color:#8c8c8c;}
.prduct ul li div span a{ font-size:1.3em; line-height:30px; font-weight:100;}
.prduct ul li span{ color:#ee7a03;}





@media all and (max-width:481px){
.title_i .fl{ padding:2%; margin-top:1%;}
}






.probut{ float:right; color:#fff; text-align:center; line-height:2.6; width:28%;background:url(../images/probut.png) no-repeat center ; background-size:100% 100%;  }
.probut a{ color:#FFFFFF}


.pro_t{ clear:both; width:100%; margin:0 auto; overflow:hidden; min-height:36px; background:url(../images/l2.gif) no-repeat top left;background-size:100% 100%;}
.pro_t .fl{ float:left; margin-left:2%; padding:1.5% 0.5%; font-size:1em; color:#fff;}
.pro_t .more_i{ float:right; width:25%; color:#292929; text-align:right; }
.pro_t .more_i a{ font-size:0.9em; }

.pro_t2{ clear:both; width:100%; margin:0 auto;overflow:hidden; min-height:36px; background:url(../images/l1.gif) no-repeat top left;background-size:100% 100%;}
.pro_t2 .fl{ float:left; margin-left:2%; padding:1.5% 0.5%; font-size:1em; color:#48a1ca;}
.pro_t2 .more_i{ float:right; width:25%; color:#292929; text-align:right; }
.pro_t2 .more_i a{ font-size:0.9em; }

.product{ overflow:auto;width:94%; margin:0 3%; background-color:#FFFFFF;}
.product ul{width:96%; padding:1% 2%;  overflow:hidden; background-color:#FFFFFF}
.product ul li{float:left;width:47%;margin-right:2%;padding:3% 0.5% 0%}
.product ul li img{ width:100%; border:1px solid #dddddd;}
.product ul li p{width:90%; margin:5px auto 0;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; line-height:2; text-align:center; padding:0 2%;}
.proshadow{ float:left; width:94%; padding:0 3%; margin-bottom:0.3em;}
.proshadow img{ display:block;width:100%;}

.newsmain{float:left;width:100%;}

ul.news {float:left; width:100%; }
ul.news  li{float:left; width:100%;  margin-bottom:1px; color:#656565}
ul.news li a{float:left; width:94%; line-height:2.5; padding:1% 3%; overflow:hidden; white-space:nowrap;  border-bottom:1px #e0e0e0 solid; color:#555555; font-weight:500;}

ul.news li .cc{ font-size:0.7em;color:#656565; line-height:1.5; font-weight:100;}



.newslist{ float:left; width:100%;}
.newslist ul{float:left; width:100%; }
.newslist ul li{float:left; width:100%;  border-top:2px solid #e8f2fa;border-bottom:2px solid #fff;margin-bottom:1px;
background-image:-moz-linear-gradient(center top , #faf9f9, #e2ecf8);
background-image: -moz-linear-gradient(top, #faf9f9, #e2ecf8);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#faf9f9), to(#e2ecf8));
background-image: -webkit-linear-gradient(top, #faf9f9, #e2ecf8);
background-image: -o-linear-gradient(top, #faf9f9, #e2ecf8);
background-image: linear-gradient(top, #faf9f9, #e2ecf8);}
.newslist ul li a{float:left; width:90%; line-height:2.5; padding:0 4% 0 3%; background:url(../images/newsico.png) no-repeat center right;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;  }

/* footer */

.footnav{ float:left;width:100%; background-color:#d2d2d2;}
.footnav ul{width:94%; margin:2% auto;overflow:hidden;}
.footnav ul li{ float:left;  text-align:center; color:#fff; width:22.7%;line-height:1.5; background-color:#FFFFFF; padding:4% 0;}
.footnav ul li a{color:#171717; font-size:0.8em}

.footnav2{ float:left;width:100%; margin-bottom:1.6%;background-color:#d2d2d2;}
.footnav2 ul{ width:94%; margin:1% auto;overflow:hidden;}
.footnav2 ul li{ float:left; text-align:center; color:#fff; width:48.5%; line-height:1.5; background-color:#FFFFFF;padding:6% 0;}
.footnav2 ul li a{color:#171717;font-size:1em}



.foottxt{ float:left; width:100%; color:#fff; text-align:center; padding:4% 0; background-color:#000000;}

.footer{float:left;width:100%; max-width:640px;font-size:1em; background-color:#eaeaea; border-top:2px #0d8ac3 solid;}
.footer ul{float:left;width:100%;}
.footer ul li{float:left; min-height:35px; width:25%; padding:2% 0 1%; }
.footer ul li a{float:left;min-height:25px;width:100%; color:#505050;text-align:center; float:left; display:block;}
.footer img{ width:30%; min-width:20px; margin-right:3px; vertical-align:middle}
/*product*/
.proul{width:100%;}
.proul ul{width:96%; padding:2% 2% 0; background-color:#FFFFFF; overflow:hidden;}
.proul .ui-block-a,.proul .ui-block-b{ width:48%; margin-bottom:13px; float:left; }
.proul li div{ width:100%;float:left;}
.proul li img{width:100%; float:left;border:1px solid #d6dadb;}
.proul li p{width:100%; text-align:center;float:left; margin-top:3px;font:300 16px/42px ;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding:2% 0;}
.proul .ui-block-a{ margin-right:3.3%}


ul.view_menumain{width:100%; clear:both; margin:2% 0;}
ul.view_menumain li{float:left;width:28.6%;font-size:0.79em; padding:2% 1%; margin:1%; border:1px solid #626262; color:#fff; background:#d1d1d1; text-align:center;}
ul.view_menumain li a{ color:#0d8ac4;}




/*pro ¶àͼ*/
.piclist {
	font:normal 12px/22px ËÎÌå;width:96%; padding:1% 2% 10%;max-height:560px;margin:10px auto; overflow:hidden;	
		/* Gecko browsers */
-moz-border-radius-topleft: 1px;-moz-border-radius-topright: 1px;-moz-border-radius-bottomleft: 1px;-moz-border-radius-bottomright: 1px;
       /* Webkit browsers */
-webkit-border-top-left-radius: 1px;-webkit-border-top-right-radius: 1px;-webkit-border-bottom-left-radius: 1px;-webkit-border-bottom-right-radius: 1px;
	/* W3C syntax */
border-top-left-radius: 1px;border-top-right-radius: 1px;border-bottom-right-radius: 1px;border-bottom-left-radius: 1px; }
.piclist .bd {	position:relative;float:left;width:99%;height: auto;max-height:460px;overflow:hidden;}
.piclist .showDiv {position:relative;	width:100%;height:100%; max-height:460px; overflow:hidden;}
.piclist .showDiv img { width:100%; height: auto;max-height:460px;
	/* Gecko browsers */
-moz-border-radius-topleft: 1px;-moz-border-radius-topright: 1px;-moz-border-radius-bottomleft: 1px;-moz-border-radius-bottomright: 1px;
	/* Webkit browsers */
-webkit-border-top-left-radius: 1px;-webkit-border-top-right-radius: 1px;-webkit-border-bottom-left-radius: 1px;-webkit-border-bottom-right-radius: 1px;
	/* W3C syntax */
border-top-left-radius: 1px;border-top-right-radius: 1px;border-bottom-right-radius: 1px;border-bottom-left-radius:  1px;
}
.piclist .showDiv h2 a {color:#FFF;font-weight:normal;	text-decoration:none;}
.piclist .hd { clear:both;width:100%;height: auto;max-height:460px; padding-top:1%;}
.piclist .hd ul li {height:45px;	float:left;	margin:0 0.5%;display:inline;	position:relative;}
.piclist .hd ul a {display:block;	width:40px;height:30px;}
.piclist .hd ul img {width:38;	height:38px;	border:1px solid #c7c7c7;
	/* Gecko browsers */
-moz-border-radius-topleft: 1px;-moz-border-radius-topright: 1px;	-moz-border-radius-bottomleft: 1px;	-moz-border-radius-bottomright: 1px;
	/* Webkit browsers */
-webkit-border-top-left-radius: 1px;-webkit-border-top-right-radius: 1px;-webkit-border-bottom-left-radius: 1px;-webkit-border-bottom-right-radius: 1px;
	/* W3C syntax */
border-top-left-radius: 1px;border-top-right-radius: 1px;border-bottom-right-radius: 1px;border-bottom-left-radius:  1px;}
.piclist .hd ul a:hover img,.piclist .hd ul .on img {	border-color:#e60201;}
.piclist .hd ul .on .txt_bg {	background:#e60201;}
.piclist .hd ul a:hover {	color:#fff;}
/*end*/



.proxq0{width:96%; padding:0 2%;background:url(/images/arrow2.jpg) repeat-x left center; height:24px;}
.proxq{ width:96%; padding:0 2%; font-size:16px; font-weight:700;  height:30px; line-height:30px; overflow:hidden}
.key,.title{ width:96%; padding:0 2%;}
.explain{ width:96%; padding:0 2% 2% 2%;}
/*news*/
/*.newslist li{ float:left; width:100%; border-bottom:2px solid #fff; box-shadow:5px 0 5px #f3d8d8;margin-bottom:2px;
background-image:-moz-linear-gradient(center top , #fefafa, #ede1e1);
background-image: -moz-linear-gradient(top, #fefafa, #ede1e1);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefafa), to(#ede1e1));
background-image: -webkit-linear-gradient(top, #fefafa, #ede1e1);
background-image: -o-linear-gradient(top, #fefafa, #ede1e1);
background-image: linear-gradient(top, #fefafa, #ede1e1);}
.newslist ul li a{ float:left;width:86%; line-height:3;  padding:0 7% 0 4%;background:url(../images/newsico.png) no-repeat right center;font-size:15px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
*//*view*/
.view_title{text-align:center; width:100%;  float:left; padding:5px 0;font-size:1.3em; margin:0% 0; font-weight:normal; color:#292929; font-family:΢ÈíÑźÚ;padding-bottom:1%;margin-bottom:1%;}
.line{border-bottom:1px dashed #ccc;width:100%;  float:left; margin:1% 0 10px; height:1px; font-size:0; }
.viewpage{float:left;width:100%;margin:2% 0;}
.viewpage a{float:left;width:100%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding:1% 0;}

.viewback{ margin:0 auto; width:35.666%; margin-top:30px;}
.viewback a{float:left; padding:1.5% 0; font-size:16px;width:100%; text-align:center; color:#505050;
border:1px solid #cadaec; background-color:#f0f0f0;}

.pages{width:40%;margin:15px auto; overflow:auto;}
.page_change{ float:left; width:60%;text-align:center; line-height:30px; height:30px; display:block;margin:0 auto;}
.left{float:left;}
.right{float:right;}
.left,.right{font-size:16px; color:#fff;text-align:center; width:15%; height:28px; background:#474747;border-radius:4px;}
.left img,.right img{ width:13px; vertical-align:middle; display:inline}



.tit3 { width:100%; clear:both; margin:1% 0;  line-height:2; font-size:1em;background:url(../images/tit3bg.gif) no-repeat left top;background-size:100% 100%; overflow:hidden;}
.tit3 ul{ list-style: none; padding:0px; margin:0px;}
.tit3 li { width:25%; float:left; padding:1.5% 0;line-height:2; text-align:center; background:url(../images/tit3bg2.gif) no-repeat left top; background-size:100% 100%; overflow:hidden;}
.tit3 li a { padding:0; color:#fff;  font-size:1em; font-weight:700;}
.tit3 li.cur { background:url(../images/tit3bg1.gif) no-repeat left top; background-size:100% 100%; overflow:hidden;}
.tit3 li a:hover, .tit3 .cur a {color: #fff;}

.tit3 .nones { background:none}

.nr { clear:both; height:auto; margin:0px; padding:0px 0px 0px 0px; overflow:hidden;}
.nr ul{ margin:5px 0 0; padding:0px;}





@media all and (min-width:640px){
.left,.right{font-size:16px; color:#fff;text-align:center; width:38px; height:38px; line-height:38px; background:#474747;border-radius:4px;}

}


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