@charset "utf-8";
/* Style Reset */
.ui-page{background:#292c2f;}
.ui-content{ padding:0;margin:0;}
body{ color:#E3E3E3; font-size:12px;background:#292c2f}
body,p ,h1,ul,li{margin:0; padding:0;}
ul, ol, li, dl, dt, dd {list-style:none;}
a{text-decoration:none;outline:0px; color:#e4e4e4}
.clear { clear:both; }
.fr{ float:right}
.fl{ float:left}
.right{ text-align:right}
.center{ text-align:center;}
.content{ float:left; width:100%; padding-bottom:50px;}

#top{ width:100%;background:url(../images/header.jpg) repeat-x top center ;height:42px; padding-top:10px;}
#logo{ float:left;padding:0px 0 0 4%; width:46%;}
#logo img{ width:100%; max-width:210px;}

/*////////////////////////////bannar kaishi////////////////////////////////////////////////////////////////*/
.flexslider {
	width: 100%;
	padding: 0;
}
.flexslider .slides li {
	display: none;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
	width: 100%;
	display: block;
}
#container {
	width: 100%;
}
/* nav------------------------------------------------------------------------ */
.nav{width:100%; height:38px;border-top:1px solid #313a41;border-bottom:1px solid #2a354b;background:url(../images/menu.jpg) repeat-x top center ;}
.nav li{height:38px; float:left;text-align:center; font:500 14px/40px 微软雅黑;}
.nav li a{color:#fff;}
@media all and (max-width: 639px) { 
.nav li{height:38px; float:left;text-align:center; font:500 12px/40px 微软雅黑;}
}

.search{width:100%;height:59px;}
.searchmain{ padding:9px 0 0 2.8%;height:41px; width:97.2%;}
.searchtxt{ width:93%; float:left;height:34px;}
.searchtxt .textinput{width:79%; height:34px;box-shadow:0;line-height:28px; text-indent:1.5em; color:#B4CE63;border-radius:0px; float:left;background:url(../images/search_ico.png) no-repeat 3px center #E7E7E7; border:1px solid #88898B; margin:0; padding:0

}
@media all and (max-width: 639px) { 
.searchtxt .textinput{width:60%;}
}

#buttoninput{ float:left;width:78px;margin-left:0.7em;height:32px;display:block;}
#buttoninput{float:left;max-width:78px;padding:0 1em; text-align:center;margin-left:8px;height:32px;display:block; line-height:32px; font-weight:bold; color:#fff; font-size:14px;
border:1px solid #cae644;border-radius:0px;
background-image:-moz-linear-gradient(center top , #b0d20f, #7a9c09);
background-image: -moz-linear-gradient(top, #b0d20f, #7a9c09);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b0d20f), to(#7a9c09));
background-image: -webkit-linear-gradient(top, #b0d20f, #7a9c09);
background-image: -o-linear-gradient(top, #b0d20f, #7a9c09);
background-image: linear-gradient(top, #b0d20f, #7a9c09);
}

/* banner --------------------------------------------------------------------*/
.big-pic{width:100%;}
.big-pic-in{position:relative;width:100%;height:auto;overflow:hidden;margin:0 auto;}
.pic-list{position:relative;height:auto;-webkit-transform:translate3d(0,0,0); z-index:0;}
.big-pic a,.big-pic a p{float:left;height:auto; width:100%;}
.big-pic2 .pic-list{width:200%;}
.big-pic2 .pic-list img{width:100%;}
.big-pic2 .pic-list a{width:50%;/*50%*/}
.big-pic3 .pic-list{width:300%;}
.big-pic3 .pic-list a{width:33.3%;/*33.33%*/}
.big-pic4 .pic-list{width:400%;}
.big-pic4 .pic-list a{width:25%;/*25%*/}
.slide-dot{position:absolute;left:8px;bottom:10px;height:9px;padding:2px 0; float:left;}
.slide-dot span{display:inline-block;width:11px;height:11px;margin:0 5px;background:url(../images/slide-dot.png) no-repeat -20px 0;vertical-align:top; z-index:10;}
.slide-dot .slide-dot-cur{background-position:0 0;z-index:10; }
.transition {-moz-transition: -moz-transform 0.3s ease-out; -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; }
/* case---------------------------------------------------------------------- */
.title{width:100%;height:43px;font-family:微软雅黑; font-size:14px;background:url(../images/title.jpg) repeat-x top left;border-bottom:1px solid #292c2f; clear:both

}
.titlename{ float:left;background:url(../images/titlename.jpg) no-repeat 0px center ;width:113px;height:43px; line-height:43px;}
.title .fl{ color:#b7b7b8; float:left;padding-left:25px;background:url(../images/title_ico.png) no-repeat 0.8em center ;  }
.more_i { border:1px solid #171717; color:#fe0202; height:21px; line-height:21px; display:block; font-weight:normal; font-size:12px; float:right; margin-right:3.5%; margin-top:11px;
background-image:-moz-linear-gradient(center top , #3a3a3a, #030303);
background-image: -moz-linear-gradient(top, #3a3a3a, #030303);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3a3a3a), to(#030303));
background-image: -webkit-linear-gradient(top, #3a3a3a, #030303);
background-image: -o-linear-gradient(top, #3a3a3a, #030303);
background-image: linear-gradient(top, #3a3a3a, #030303);
padding:0 5px 0 12px;
}
.more_i a{ color:#fe0202;}
.backbut a{background:url(../images/back.png) no-repeat center right; margin-top:3%; width:28px; height:32px; display:block; float:right}
.case{width:100%;}
.case_con{width:100%; padding-top:10px;}
.case_con li{width:96%;display:block; padding:5px 2%;margin-bottom:14px; border-bottom:1px solid #5A7207; }
.case_con li a{ display:block; width:100% }
.case_con .ui-block-a{ width:23%;}
.case_con .ui-block-b{ width:75%; padding-left:2%; line-height:21px;}
.case_con .ui-block-b p{ font-weight:bold;}
.imgborder{display:block;float:left;  border:3px solid #ccc; }
.imgborder img{ width:100%; border:1px solid #ccc;float:left; }
/*aboutmain*/
.aboutmain{ padding:24px 3% 24px 5%; width:92%;}
.about_i_img{ width:25%; max-width:164px; padding:2px; text-align:center; background:#fff; margin-right:6px;border:1px solid #AEB2BE; float:left }
.about_i_img img{ max-width:160px; width:99.4%;float:left}
.about_i_txt{ line-height:30px;}
.about_i_txt p{ font-weight:bold;}
/* product */
.product{}
.proul{width:100%; padding:5% 0}
.proul li{position:relative; }
.proul li div{ width:80%;padding:0 10%;}
.proul li img{width:100%;border:1px solid #d5d0ca;}
.proul li p{position:absolute; bottom:1px; left:1px;width:80%; margin:0 10%; height:27px; background:#000; opacity:0.5; text-align:center; font:300 10pt/27px 微软雅黑;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

/* news---------------------------------------------------------------------- */
.news{width:100%;margin-bottom:14px;}
.ui-content .ui-listview{ margin:0; background:none}
.newsul{width:100%; background:none}
.newsul li{height:43px;width:100%; display:block;border-bottom:1pt solid #646363;}
.newsul li a{display:block; width:90.8%; margin:0;padding:0 4.6%;line-height:42px; height:42px;font-size:10pt; border-bottom:1px solid #000; 
}
.newsul li a .fl{ width:70%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; background:url(../images/news_ico.png) no-repeat right center; padding-right:29%}

/* footer */
.footer{width:100%; font-size:14px; font-family:微软雅黑;height:43px; position:fixed; bottom:0; left:0; right:0; z-index:1000; overflow:hidden;border-top:1px solid #000;

}
.footer ul{width:100%; height:42px; border-top:1px solid #292c2f;
background:#000;
}
.footer ul li{float:left; height:42px;border-right:1px solid #3b3b3b; border-left:1px solid #292c2f}
.footer ul li p{text-align:right; margin:0 auto; height:100%; line-height:42px;}
.foottel P{background:url(../images/foottel.png) no-repeat left center; width:60px; }
.footmail P{background:url(../images/footmail.png) no-repeat left center; width:66px;}
.footmap P{background:url(../images/footicons1.png) no-repeat left center; width:60px;}
.footer a{color:#fff;}

/* subpages */
.subpages{width:100%; padding-bottom:40px; height:auto; float:left;}
.subpages p{width:95%; margin:20px 2.5%; font:10pt/30px 宋体;}
h3{ width:100%; text-align:center; color:#E4E4E4}
.subpages p.date{width:90%; margin:0 5%; height:30px; line-height:30px; border-bottom:1px dashed #999; text-align:right; font-size:8pt; color:#999;}
.subpages .center img{ border:3px solid #d6dbdd;width:80%; max-width:200px;
}
.pages{height: 30px; margin: 10px auto; width: 208px;font: 500 14px/30px 微软雅黑; padding-bottom:50px;}
.pages span{ color: #fff; display: block; float: left;  height: 30px;text-align: center; float: left; padding:0 5px}
.left,.right{ vertical-align:middle;display: block; float: left;  height: 28px; line-height:28px; text-align: center;
 border:1px solid #171717;width:70px;
background-image:-moz-linear-gradient(center top , #3a3a3a, #030303);
background-image: -moz-linear-gradient(top, #3a3a3a, #030303);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3a3a3a), to(#030303));
background-image: -webkit-linear-gradient(top, #3a3a3a, #030303);
background-image: -o-linear-gradient(top, #3a3a3a, #030303);
background-image: linear-gradient(top, #3a3a3a, #030303);

}