* {margin: 0px;	padding: 0px;}
body {ffont-size: 16px;color: #fff;font-family:\5FAE\8F6F\96C5\9ED1; background-color:#2b4580;
}
.clear {font-size: 0px;	clear: both;line-height: 0px; height: 1px;}
.clearfix:after {content: "."; 	display: block;  height: 0;	clear: both; visibility: hidden;}
.clearfix {min-height: 1px;}
* html .clearfix {height: 1px;}
img {border:none;}
a:link {TEXT-DECORATION: none;}
a:visited {TEXT-DECORATION: none;}
a:hover {TEXT-DECORATION: none;}
a:active {TEXT-DECORATION: none;}
ul,li{list-style-type: none;}

#warp{ width:640px; margin-left:auto; margin-right:auto;}
@media (max-width: 640px) { #warp{ width:100%;}}

/* header */
header{ background-color:#2b4580; width:100%; position:relative;
}
.logo{ padding:10px 0px; text-align:center; font-size:30px;}
.logo a{ color:#fff;}
.app { height:auto; position:absolute; right:2%; top:10%;} 
.folditmenu { padding:  0 ;list-style: none ; width:80px;}
.folditmenu li { height:40px;  background: #fff;background:rgba(255, 255, 255, 0.3) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/filter:Alpha(opacity=30); /*实现IE背景透明*/text-align: center; z-index: 1;line-height:40px; overflow:hidden; }
.folditmenu li a{ color:#fff; font-size:14px;}
.folditmenu li.actionItem a{  font-size:16px;background-color:#2b4580; display:block;} 
.folditmenu li.actionItem img{ margin-top:10px;}
.menuIsOpen  .actionItem {box-shadow: none}

/* scroller */
#banner {  width:100%; }
#scroller li{padding:5px 0;border-bottom:1px solid #ccc;border-top:1px solid #fff;background-color:#fafafa;font-size:14px;height:85px;vertical-align:bottom;}
#scroller li img{float:left;width:100%;}
#scroller li span{float:left;margin:30px 0 0 6px;}
#slider li img { width:100%;}
/* swipe */
.swipe{width:100%;overflow:hidden;position:relative;}
.swipe ul{
	-webkit-transition:left 800ms ease-in 0;
	-moz-transition:left 800ms ease-in 0;
	-o-transition:left 800ms ease-in 0;
	-ms-transition:left 800ms ease-in 0;
	transition:left 800ms ease-in 0;
	 font-size:0%;
 line-height:0%;
}
.swipe #pagenavi{position:absolute;bottom:0px; text-align:right;width:100%; padding:5px 0px 5px 0px;background:rgba(0, 0, 0, 0.2) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/
filter:Alpha(opacity=20); background:#A0A0A0;/*实现IE背景透明*/}
.swipe #pagenavi a{width:8px;height:8px;line-height:99em;background:#FFF;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;margin:0 4px;overflow:hidden;cursor:pointer;display:inline-block;*display:inline;*zoom:1;/* border:1px solid #434948;*/}
.swipe #pagenavi a.first { margin-right:5%;}
.swipe #pagenavi a.active{background:#b5b5b5;}


/* content ------------------------------*/
#content{ width:100%;}
.title{ font-size:18px; font-weight:bold; color:#fff; margin-top:10px; margin-bottom:10px; width:90%; margin-left:auto; margin-right:auto;}
.title span{ float:right;color:#fff; font-weight:normal; font-size:14px;}
ul.pic{ width:100%; overflow:hidden; margin-bottom:20px;}
ul.pic li{ float:left; width:31%; margin-left:2%; margin-top:15px;}
ul.pic li img{ width:100%;}
ul.pic li span{ display:block; text-align:center; margin-top:10px;}
ul.pic li a{ color:#fff; }
.news_box{ width:96%; margin-left:auto; margin-right:auto; margin-top:15px; margin-bottom:15px;background-image: -moz-linear-gradient(center top , #fff, #eeeeee); 
background: -webkit-gradient(linear, left top, left bottom,from(#fff), to(#eeeeee)); 
}
.news_title{ font-size:20px; font-weight:bold; color:#2b4580; margin-left:20px;}
.news_title span{ float:right;font-size:14px;color:#2b4580; font-weight:normal; line-height:26px;}
.news_top{background:url(../images/news_top.png) left top no-repeat; height:15px; }
.news_bottom{background:url(../images/news_bottom.png) left top no-repeat;  height:30px;}
ul.news{ overflow:hidden;background:url(../images/border.png) left top repeat-y;}
ul.news li{margin-top:15px; background:url(../images/new_point.jpg) left center no-repeat; height:40px; line-height:40px; padding-left:15px;}
ul.news li a{ -webkit-border-radius: 4px;-moz-border-radius:4px;border-radius:4px; color:#fff; display:block; float:left; height:40px; line-height:40px; padding-left:2%; padding-right:2%; width:90%; background:url(../images/point2.jpg) 97% center no-repeat #2b4580; background-size:7px 12px;}
ul.news li .arrow-left { width:0; height:0; border-top:12px solid transparent;border-bottom:12px solid transparent; border-right:12px solid #2a437c; float:left; margin-top:10px; }

/* footer------------------------------*/
footer{ background-color:#c9e0fb; padding:10px 0px 20px 0px; text-align:center; color:#2b4580; font-size:18px;}
#bottom{ margin-top:45px; }
ul.foot{ background-color:#2b4580; overflow:hidden;width:100%; position: fixed; right: 0px; bottom: 0px;	z-index: 1001;	_bottom:auto; _width: 100%; _position: absolute;  _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0))); }
ul.foot li{ width:25%; float:left; text-align:center;  font-size:14px; }
ul.foot li img{ width:20px; height:20px;}
ul.foot li a{ color:#fff;display:block;padding:5px; border-right:1px dashed #869aba;}
ul.foot li a.last{ border:none;}

/* product ------------------------------*/
.product{ width:96%; margin-left:auto; margin-right:auto;}
.product img{ width:100%;-webkit-border-radius: 8px;
-moz-border-radius:8px;
border-radius: 8px;
} 
.pro_left{ width:50%; float:left;}
.pro_right{ width:50%; float:left;}
.left{ width:48%; float:left; margin-left:2%;}

.about{ padding:20px;}
.about2{ text-align:center;}
.about h2{ font-size:18px; color:#fff; text-align:center; margin-bottom:10px; font-weight:normal;}
.about h3{ font-size:14px; color:#fff; text-align:center; margin-bottom:10px; font-weight:normal;}
.page{ padding-top:20px; overflow:hidden;}
.page_left{ float:left;}
.page_left a{ color:#fff;}
.page_right{ float:right;}
.page_right a{ color:#fff;}

ul.bottom{ overflow:hidden; padding:10px 0px;}
ul.bottom li{ float:left; width:18%; margin-left:1.6%; background-color:#2b4580;  text-align:center;}
ul.bottom li a{  padding:5px;color:#fff;}

ul.bottom1{ overflow:hidden; padding:10px 0px;}
ul.bottom1 li{ float:left; width:23%; margin-left:1.6%; background-color:#fff;  text-align:center; margin-top:2%; font-size:14px;}
ul.bottom1 li a{  padding:5px;color:#2b4580;}

.pro{  overflow:hidden; padding:10px;}
ul.list{}
ul.list li{ overflow:hidden; margin-top:3%;}
ul.list li a{ display:block; color:#fff;}
ul.list li .list_img{ float:left; width:45%;}
ul.list li .list_img img{ width:100%;-webkit-border-radius: 8px;-moz-border-radius:8px;border-radius: 8px;}
ul.list li .list_txt{ width:50%; float:right;}
ul.list li .list_txt h2{ font-size:16px; color:#fff;}
ul.list li .list_txt .button{ width:40%;}
ul.list li .list_txt .button img{ width:100%;}
.tf{ background-color:#c9e0fb; color:#fff; height:30px; line-height:30px; width:100%; border:none;font-family:\5FAE\8F6F\96C5\9ED1; font-size:16px; margin-top:3%; margin-bottom:3%;}