@charset "utf-8";
/* Style Reset */
.ui-page{-webkit-backface-visibility: hidden; font-family:微软雅黑;font-size:14px;}
body{color:#777; font-family:微软雅黑;width:100%; background:#fff;}
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:#777; font-family:微软雅黑}
.clear { clear:both; }
.fr{ float:right}
.fl{ float:left}
.center{ text-align:center; width:100%;}
.center img{ width:70%; border:2px solid #d3031b}
.padding20{ padding:2% 3% 4%; color:#204060; background:#fff;float:left; width:94%; line-height:180%; min-height:300px; font-size:14px;}
.wrap{ margin:0 auto; width:100%; max-width:640px;}
.content{ float:left;z-index:0; width:100%;}
.content_i{ float:left; width:93.75%; padding:0 3.125%;overflow:hidden;}
.contactbanner{ float:left; width:100%;}
.contactbanner img{width:99%; }

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

.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:30px; height:100%; min-wi/dth:100px;}
 /* header------------------------------------------------------------------------------------------------- */
.header{ float:left;width:93.75%; padding:0 3.125%;height:100%; background:url(../images/headerbg.jpg) no-repeat top left; background-size:100%}

.logo{ float:left; width:100%; text-align:center;}
.logo img{ width:100%; display:block; margin-top:-3%;}
.menu_but{ float:right; position:relative;width:10%; margin-top:10%;z-index:5;  display:block; right:0;}
.menu_but a{ position:absolute;width:100%;}
.menu_but span{width:40px;float:right; padding:20% 0; text-align:center;border:1px solid #f00; width:100%; box-shadow:2px 2px 5px #c0b8b8; display:block;
 border-radius:6px;border:1px solid #e3e3e3;
background-image:-moz-linear-gradient(center top , #ff1313, #980000);
background-image: -moz-linear-gradient(top, #ff1313, #980000);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff1313), to(#980000));
background-image: -webkit-linear-gradient(top, #ff1313, #980000);
background-image: -o-linear-gradient(top, #ff1313, #980000);
background-image: linear-gradient(top, #ff1313, #980000);}
.menu_but span img{ display:block; margin:3% auto; width:60%;}
.menu_but font{ float:left; font-size:1em; width:100%; line-height:2;display:block;text-align:center; color:#851b20;}
#modal { display:none; }
#pageslide { display:none; background:#fff;position: absolute;position: fixed;top: 0;width:50%; max-width:320px; height:100%;z-index: 999999;}

.search{ float:left;width:100%; border:1px solid #b7b6b6;height:31px; border-radius:16px;margin-top:45%; background:#fff;}
.search_but{ float:right;height:31px;border-radius:0 16px 16px 0; text-shadow:1px 0 0 #934216; border:0; width:15%; color:#fff;
background-image:-moz-linear-gradient(center top , #fd7701, #b13d03);
background-image: -moz-linear-gradient(top, #fd7701, #b13d03);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fd7701), to(#b13d03));
background-image: -webkit-linear-gradient(top, #fd7701, #b13d03);
background-image: -o-linear-gradient(top, #fd7701, #b13d03);
background-image: linear-gradient(top, #fd7701, #b13d03);}
.search_txt{ float:left;padding:1% 0 1% 15% ; min-height:22px;color:#000; font-size:16px; width:65%;font-size:14px;background:url(../images/search_but.png) no-repeat 5% center ; border:0; background-size:5% }

.nav{width:100%; float:left; font-size:16px;}
.navli{float:left;width:100%;border-bottom:1px solid #d3d3d3;}
.navli a{ padding:5% 0 5% 10%; color:#000; font-weight:bold;width:90%;font-size:14px;text-align:left; float:left;}
.navli a span{ float:left; width:100%; font-size:16px;}
.navli ul{ float:left; background:#efefef; display:none;border-top:1px solid #97c1cf;width:90%; padding:2% 0 2% 10%;}
.navli li{ float:left;width:100%; padding:3% 0;}
.navli li a{padding:0 0;width:100%;font-size:14px;text-align:left; float:left;background:none}
/*首页*/

.product_t{float:left; margin:5% 0 8%; padding-top:1px; width:100%;background:url(../images/titlebg.gif) repeat-x top center ; box-shadow:0 3px 3px #d2d2d2;}
.product_t a{ position:relative; width:30%; top:-25px; right:3%; text-align:right;}
.product_t a img{  width:53%; position:absolute; right:0;}
.product_t .fl{  margin:1px 0;margin-left:3.125%; float:left; text-align:center; line-height:2.5; color:#fff; width:22%; border-radius:16px; background:#b80605; }
.product_p{float:left; width:100%; margin-top:4%}
.product_p ul{ margin-top:0;}
.product_p .productul li div img{width:98%; display:block;border:3px solid #d60000}
.content .product_p{margin-top:0}
.productul li .red{ color:#c03869; font-family:微软雅黑; font-size:12px;}
.product{float:left; width:100%;}
.productul ul li{float:left; width:49%; }
.productul{ float:left; width:96%;padding:0 2%}
.productul li{ float:left; width:49%; margin-bottom:2%; }
.productul li div{ float:left; width:98%;}
.productul li div a{ float:left; width:100%;}
.productul li div img{width:98%; display:block;border:3px solid #84f0f7}
.productul .ui-block-a{ margin-right:2%; }

.case{ float:left; width:100%;}
.case_t{float:left; position:relative; margin:5% 0 8%; width:100%; background:#ffcd1e; background-size:20%; height:25px;}
.case_t .fl{ posi/tion:absolute;  margin-left:3%;width:16%;margin-top:-5%; }
.case_t .fl img{ width:100%;}
.case_t .fr{ posi/tion:absolute; margin-right:3%; background:#f66200; color:#fff; border-radius:12px;  padding:1% 2%; margin-top:-2%;}
.case ul{ float:left; width:100%;}

.case ul li{float:left; width:32%; }
.case{ float:left; width:96%;padding:0 2%}
.case li{ float:left; width:33%; margin-bottom:2%; }
.case li div{ float:left; width:98%;}
.case li div a{ float:left; width:100%;}
.case li div img{width:96%; display:block;border:3px solid #84f0f7}
.case .ui-block-a,.case .ui-block-b{ margin-right:2%; }
.proname_g{ float:left; text-align:center;margin-top:8px;background:#33cccc; float:left; width:100%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; line-height:20px; color:#fff;font-size:15px; }
.productul li font{ font-size:11px; margin-top:2px; float:left; width:100%; font-family:Aparajita, "Arial Unicode MS"}
.title_name{font-size:15px; margin-top:3px; float:left; width:100%; font-family:Aparajita, "Arial Unicode MS" }
.proname_p{float:left; text-indent:0.2em; margin-top:8px;background:#ffa800; float:left; width:100%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; line-height:20px; color:#fff;font-size:15px;}
.banner{margin:3% 0; }
.banner,.banner a{ float:left; width:100%; }
.banner img{ width:100%; display:block;}
/* footer */
.foottxt{ background:#0c0c0c; text-align:center; color:#a6a6a6; float:left; width:100%; font-size:12px; line-height:2.5;}
.foottxt a{ color:#a6a6a6}
.footnav{ float:left;width:100%; background:#000;}
.footnav ul{ float:left;width:90%;padding:4% 5%}
.footnav ul li{ float:left;text-align:center; color:#fff; width:16.666%;}
.footnav a{ color:#ffd200; font-weight:bold; font-size:16px;}
@media all and (max-width:321px){
	.footnav a{ font-size:14px;}
}
.footer{float:left;width:100%; margin-top:4%;font-size:16px;font-family:微软雅黑;background:#ad0000}
.footer ul{float:left;width:100%;}
.footer ul li{float:left; min-height:35px; width:24.1%; padding:2% 0;}
.footer ul li a{float:left;min-height:25px;width:100%; color:#f6f6f6;text-align:center; float:left; display:block; font-size:16px; font-weight:bold; text-shadow:1px 2px 3px #8f0000 }
.footer img{ width:24%; min-width:26px;}
@media all and (max-width:481px){
.footer ul li a{ padding:3% 0;font-size:14px;}

}

/*news*/

.title_i{ float:left; margin:15px 0;width:100%; max-height:45px; background:url(../images/titlebg.gif) repeat-x top center ; background-size:auto 100%; box-shadow:0 3px 3px #d2d2d2; padding-top:1px;}
.title_i .fl{ margin:1px 0;margin-left:3.125%; float:left; text-align:center; line-height:2.5; color:#fff; width:22%; border-radius:16px; background:#b80605;}
.homeico{margin:1px 0;margin-right:3%;width:11%;float:right;min-width:30px; }
.homeico img{ width:80%; min-width:34px;}

.newslist{ float:left;width:100%;font-size:16px; }
.newsmain{float:left;width:100%}
.newslist ul{float:left; width:100%; margin-top:-15px;}
.newslist ul li{float:left; width:100%;}
.newslist ul li a{float:left; width:93%; border-top:1px solid #fff; line-height:2.5; padding:0 4% 0 3%; font-family:宋体;
background-image:-moz-linear-gradient(center top , #313131, #e3e3e3);
background-image: -moz-linear-gradient(top, #fefefe, #e3e3e3);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#e3e3e3));
background-image: -webkit-linear-grad ient(top, #fefefe, #e3e3e3);
background-image: -o-linear-gradient(top, #fefefe, #e3e3e3);
background-image: linear-gradient(top, #fefefe, #e3e3e3);}
.newslist ul li a:hover{ 
background-image:-moz-linear-gradient(center top , #e7e7e7, #d6d6d0);
background-image: -moz-linear-gradient(top, #e7e7e7, #d6d6d0);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e7e7e7), to(#d6d6d0));
background-image: -webkit-linear-grad ient(top, #e7e7e7, #d6d6d0);
background-image: -o-linear-gradient(top, #e7e7e7, #d6d6d0);
background-image: linear-gradient(top, #e7e7e7, #d6d6d0);}
.newslist ul li a span{ float:left;width:100%; color:#414141;  background:url(../images/newsico.png) no-repeat center right;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }

/*view*/
.title{ float:left; width:100%;background:url(../images/titlebg.gif) repeat-y top left; background-size:100%}
.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;}
@media all and (max-width:481px){
.title_word{ margin-left:2.6875%;font-size:16px; }
}
.view_title{text-align:center; width:100%; float:left; padding:5px 0;font-size:1em; margin:0 0 2%;font-family:微软雅黑; background:#ba0c0b; color:#fff;padding-bottom:1%;margin-bottom:1%;}
.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:#f2f2f2;}
.back{ float:left; width:100%;  }
.back .fl,.back .fr{ font-size:15px; padding:1% 0;
border:1px solid #fff; box-shadow:1px 2px 3px #e7e7e7; color:#444; text-align:center; border-radius:4px;
background-image:-moz-linear-gradient(center top , #fff, #b7b7b7);
background-image: -moz-linear-gradient(top, #fff, #b7b7b7);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#b7b7b7));
background-image: -webkit-linear-grad ient(top, #fff, #b7b7b7);
background-image: -o-linear-gradient(top, #fff, #b7b7b7);
background-image: linear-gradient(top, #fff, #b7b7b7);
}
.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:18px;width:100%; text-align:center; color:#444;
border:1px solid #fff; box-shadow:1px 3px 3px #d9d9d9; border-radius:6px; line-height:2;
background-image:-moz-linear-gradient(center top , #fff, #b7b7b7);
background-image: -moz-linear-gradient(top, #fff, #b7b7b7);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#b7b7b7));
background-image: -webkit-linear-gradient(top, #fff, #b7b7b7);
background-image: -o-linear-gradient(top, #fff, #b7b7b7);
background-image: linear-gradient(top, #fff, #b7b7b7);}

.share_t{ text-align:center; float:left; line-height:2;background:#b90a09; width:100%; color:#fff; margin:1% 0 0 0%;}
.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; line-height:25px;
	display:block; 
	text-indent:3px;
	margin:0 auto; border:1px solid #c2c2c2; border-radius:3px; background:#f5f5f5; box-shadow:0 1px 3px #ccc inset; text-align:center; overflow: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;}

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